@import url("palette-overrides.css");
@import url("palette-recolor.css");
@import url("palette-brand-b.css");
:root:root {--ink:#16213A;--green:#1B2F55;--deep:#1B2F55;--muted:#525E72;--line:#DCE1E6;--mist:#F2F4F7;--citron:#D5A63A}
body.bb-home {--coral:#404C61;--blue:#1B2F55; --navy:#1B2F55;--gold:#D5A63A;--night-ink:#FFFFFF;--night-note:#BBC1CC; --paper:#FFFFFF;--paper-deep:#F2F4F7;--card:#FFFFFF;--accent-text:#1B2F55;--accent-soft:#C9D2E3;--shadow:0 18px 44px -30px rgba(22,33,58,.45); --sans:"Familjen Grotesk",Familjen,-apple-system,BlinkMacSystemFont,sans-serif;--display:"Newsreader",Georgia,serif;--mono:ui-monospace,SFMono-Regular,Menlo,monospace; font-family:var(--sans);color:var(--ink);background:#FFFFFF}
body.bb-home .fs {color:var(--gold)}
body.bb-home .wrap {max-width:1512px;padding-inline:52px;margin-inline:auto}
@media(max-width:1000px) {
  body.bb-home .wrap {padding-inline:26px}
}
@media(max-width:560px) {
  body.bb-home .wrap {padding-inline:20px}
}
body.bb-home :is(a,button,input,textarea,summary):focus-visible {outline:3px solid var(--navy);outline-offset:3px}
body.bb-home :is(h1,h2) {font-family:var(--display);font-weight:500;letter-spacing:-.02em;font-optical-sizing:auto}
body.bb-home h2 :is(span,em) {font-style:italic;font-weight:400;color:var(--muted)}
body.bb-home .kicker {letter-spacing:.14em;font-size:12.5px;color:var(--muted)}
body.bb-home .kicker .dot {background:var(--navy)}
body.bb-home .bb-night-head {background:var(--navy);color:var(--night-ink)}
body.bb-home .bb-night-head .site-header {border-bottom:0;height:88px}
body.bb-home .bb-night-head .brand img, body.bb-home .bb-night-head .bb-wordmark {height:38px;width:auto;display:block}
body.bb-home .bb-night-head .brand {display:inline-flex;align-items:center;min-height:44px}
body.bb-home .bb-night-head .header-note {color:var(--night-note);font-size:14px}
body.bb-home .bb-night-head .site-nav {gap:26px}
body.bb-home .bb-night-head .site-nav a {color:#FFFFFF;display:inline-flex;align-items:center;min-height:44px;font-size:15px}
body.bb-home .bb-night-head .site-nav a[aria-current="page"] {box-shadow:inset 0 -2px 0 var(--gold)}
body.bb-home .bb-night-head .pill-link {background:transparent;color:#FFFFFF;border-radius:999px;box-shadow:inset 0 0 0 1.5px #FFFFFF;padding:10px 20px;gap:12px}
body.bb-home .bb-night-head .pill-link:hover {background:rgba(255,255,255,.1)}
body.bb-home .bb-night-head .ps-who {color:#FFFFFF}
body.bb-home .bb-night-head .ps-av {background:#FFFFFF;color:var(--navy);border-color:#FFFFFF}
body.bb-home .bb-night-head :is(a,button):focus-visible {outline-color:#FFFFFF}
body.bb-home .bb-first {position:relative}
body.bb-home .bb-first .hero {display:block;padding:0;gap:0}
body.bb-home .bb-first .hero-copy {display:block;text-align:center;padding:34px 0 46px;background:var(--navy);color:var(--night-ink); box-shadow:0 0 0 100vmax var(--navy);clip-path:inset(0 -100vmax)}
body.bb-home .bb-first .hero-copy>* {margin-left:auto;margin-right:auto}
body.bb-home .bb-first .kicker {justify-content:center;color:var(--night-note);letter-spacing:.01em;text-transform:none;font-size:15px;font-weight:500}
body.bb-home .bb-first .kicker .dot {background:var(--gold)}
body.bb-home .bb-first h1 {grid-column:auto;font-size:clamp(46px,6.2vw,88px);line-height:1.0;letter-spacing:-.02em;color:#FFFFFF;margin-top:18px;max-width:1100px}
body.bb-home .bb-first h1>span {display:block;margin-top:4px;color:var(--night-note)}
body.bb-home .bb-first h1 em {font-style:italic;font-weight:400}
body.bb-home .bb-first h1 span.fs, body.bb-home h2 span.fs {display:inline;margin:0;font-style:inherit;color:var(--gold)}
body.bb-home .bb-first .hero-lead {grid-column:auto;color:#FFFFFF;max-width:none;font-size:21px;margin-top:26px}
body.bb-home .bb-first .hero-description {grid-column:auto;color:var(--night-note);max-width:40em;font-size:17px}
body.bb-home .bb-first .hero-actions {grid-column:auto;display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:30px}
body.bb-home .bb-first .hero-actions .outline-button {margin-top:0}
body.bb-home .bb-first .hero-small {grid-column:auto;justify-content:center;color:var(--night-note);max-width:none}
body.bb-home :is(.solid-button,.outline-button,.pill-link) {border-radius:999px;font-weight:600}
body.bb-home .bb-first .solid-button {background:#FFFFFF;color:var(--navy)}
body.bb-home .bb-first .solid-button:hover {background:#E4E8EE}
body.bb-home .bb-first .outline-button {background:transparent;color:#FFFFFF;border-color:transparent;box-shadow:inset 0 0 0 1.5px #FFFFFF}
body.bb-home .bb-first .outline-button:hover {background:rgba(255,255,255,.1)}
body.bb-home .bb-first :is(a,button):focus-visible {outline-color:#FFFFFF}
body.bb-home .bb-first .workspace-wrap {position:relative;isolation:isolate;max-width:1100px;margin:0 auto}
body.bb-home .bb-first .workspace-wrap::before {content:"";position:absolute;z-index:-1;left:0;right:0;top:0;height:262px;background:var(--navy); box-shadow:0 0 0 100vmax var(--navy);clip-path:inset(0 -100vmax)}
body.bb-home .workspace-frame {border-radius:16px;box-shadow:0 30px 60px -30px rgba(10,16,32,.55),0 0 0 1px rgba(22,33,58,.08)}
body.bb-home .workspace-top {background:#F2F4F7}
body.bb-home .capability-nav button[aria-pressed="true"] {background:linear-gradient(180deg,#FBFCFD 0%,#E4E8EE 48%,#C7CED8 100%);color:#16213A;border-color:transparent; box-shadow:inset 3px 0 0 var(--gold),inset 0 1px 0 rgba(255,255,255,.9),0 2px 6px rgba(22,33,58,.22);border-radius:0 999px 999px 0}
body.bb-home .company-mark {background:var(--navy);color:#FFFFFF}
html body.bb-home .capability-nav button {border-color:transparent!important;background:transparent;box-shadow:none}
html body.bb-home .capability-nav button:disabled {color:#525E72;cursor:not-allowed;opacity:1}
html body.bb-home .capability-nav button:not(:disabled):not([aria-pressed="true"]):hover {background:#E4E8EE}
html body.bb-home .capability-nav button[aria-pressed="true"] {background:linear-gradient(180deg,#FBFCFD 0%,#E4E8EE 48%,#C7CED8 100%);color:#16213A; box-shadow:inset 3px 0 0 var(--gold),inset 0 1px 0 rgba(255,255,255,.9),0 2px 6px rgba(22,33,58,.22)}
html body.bb-home .scenario-choices {border:0;border-radius:999px;background:#E4E8EE;padding:3px;gap:2px}
html body.bb-home .scenario-choices button {border:0;border-radius:999px;background:transparent;color:#16213A;min-height:32px;padding:6px 14px}
html body.bb-home .scenario-choices button[aria-pressed="true"] {background:#FFFFFF;color:#16213A;box-shadow:0 1px 3px rgba(22,33,58,.25)}
html body.bb-home :is(.capability-nav,.scenario-choices) button {outline:none!important}
html body.bb-home :is(.capability-nav,.scenario-choices) button:focus-visible {outline:3px solid #1B2F55!important;outline-offset:2px!important}
html body.bb-home .workspace-wrap .demo-next-target {outline-color:#1B2F55!important}
body.bb-home .under-hero .breadth-count b {font-family:var(--display);font-weight:500}
body.bb-home .under-hero .breadth-count span {min-width:15em}
body.bb-home .intelligence-top h2 span {color:var(--muted)}
body.bb-home .core-face {background:var(--navy)}
body.bb-home .voice-orb {background:var(--navy);color:#FFFFFF}
body.bb-home .control-heading h2 span {font-style:italic;font-weight:400;color:var(--muted)}
body.bb-home .inline-action.dark {background:var(--navy);color:#FFFFFF;border-color:var(--navy);border-radius:999px}
body.bb-home .initials.green {background:#E0E3EA;color:#16213A}
body.bb-home .make-yours {display:grid;grid-template-columns:240px minmax(0,1fr);column-gap:44px;align-items:start;border-top:1px solid var(--line);padding-top:28px;margin:48px 0 8px}
body.bb-home .make-yours h3 {margin:0;font:500 28px/1.12 var(--display);letter-spacing:-.015em}
body.bb-home #make-yours-title {scroll-margin-top:120px}
body.bb-home .make-yours-list {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px 24px}
body.bb-home .make-yours .feature-choice {display:grid;grid-template-columns:minmax(0,1fr) 16px;gap:12px;min-height:64px;padding:12px 8px;border-bottom:1px solid var(--line);border-radius:6px;color:var(--ink);text-decoration:none}
body.bb-home .make-yours .feature-choice strong {display:block;font-size:16px;font-weight:600}
body.bb-home .make-yours .feature-choice small {display:block;color:var(--muted);font-size:14px;line-height:1.45;margin-top:2px}
body.bb-home .make-yours a.feature-choice:hover {background:#F2F4F7}
@media(max-width:1200px) {
  body.bb-home .make-yours-list {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px) {
  body.bb-home .make-yours {display:block;margin:32px 0 28px;padding-top:22px}
  body.bb-home .make-yours h3 {font-size:24px;margin-bottom:14px}
  body.bb-home .make-yours-list {grid-template-columns:minmax(0,1fr)}
}
body.bb-home .closing {background:var(--navy);color:#FFFFFF;box-shadow:0 0 0 100vmax var(--navy);clip-path:inset(0 -100vmax);padding-block:88px;margin-top:40px}
body.bb-home .closing h2 {color:#FFFFFF}
body.bb-home .closing h2 em {font-style:italic;font-weight:400;color:var(--night-note)}
body.bb-home .closing p {color:var(--night-note)}
body.bb-home .closing .solid-button {background:#FFFFFF;color:var(--navy);box-shadow:none}
body.bb-home .closing .solid-button:hover {background:#E4E8EE}
body.bb-home .closing :is(a,button):focus-visible {outline-color:#FFFFFF}
body.bb-home .site-footer .bb-wordmark-light {height:32px;width:auto}
body.bb-home .footer-links a {display:inline-flex;align-items:center;min-height:44px}
@media(max-width:700px) {
  body.bb-home .bb-night-head .header-note {display:none}
  body.bb-home .bb-night-head .site-header {height:auto;min-height:72px;flex-wrap:wrap;padding-block:10px}
  body.bb-home .bb-night-head .site-nav {flex-wrap:wrap;gap:4px 18px}
  body.bb-home .bb-first h1 {font-size:46px;letter-spacing:-.018em}
  body.bb-home .bb-first .hero-lead {font-size:18px}
  body.bb-home .bb-first .hero-description {font-size:15.5px}
  body.bb-home .bb-first .workspace-wrap::before {height:182px}
}
/* Creative Director M5 (verdict d6b79c54): no footer link wraps inside itself on a phone; the line wraps between links. */
@media(max-width:700px) {
  .footer-line {flex-wrap:wrap;row-gap:6px}
  .footer-links {flex-wrap:wrap;gap:0 20px}
  .footer-links a {white-space:nowrap}
}
/* Creative Director M7: at 375 and 390 the h1 stays 38px and every homepage h2 is 32px, line-height 1.1. The proposal sheet's own head is left alone.
   :not(.bb-doc) keeps this to the homepage: the Support, Knowledge base, privacy and 404 pages are body.bb-home.bb-doc, load this sheet, and size their own h2. */
@media(max-width:700px) {
  body.bb-home:not(.bb-doc) h2:not(.proposal-sheet-top h2) {font-size:32px;line-height:1.1}
}
/* The h1 is the largest type at every width (PRODUCT RULING-820-TYPE-1; the Creative Director's post-4d verdict). From 701 to 1000px
   (iPad portrait and the narrow desks) the section h2s kept desk sizes that passed the h1 (the closing h2 56px under a 50.84px h1 at 820;
   54px under 46px at 701-768). Here every homepage h2 is .9 of the h1, one size for all as on a phone: the h1 is max(46px, 6.2vw) in this
   band, so the h2 is 41.4px at 701, 45.8px at 820 and 55.8px at 1000. At 700 and below M7 above already sets 32px under 38px. */
@media(min-width:701px) and (max-width:1000px) {
  body.bb-home:not(.bb-doc) h2:not(.proposal-sheet-top h2) {font-size:calc(.9 * max(46px, 6.2vw))}
}
body.bb-home.bb-portal h1 em {font-style:italic;font-weight:400;color:var(--muted)}
body.bb-home .bb-first h1 em {color:inherit}
html[data-host="pellowmere"] body.bb-home {--green:#0E4F5C;--deep:#0E4F5C;--navy:#0E4F5C;--accent-text:#0E4F5C;--accent-soft:#9CCFD7}
@media (prefers-reduced-motion:reduce) {
  body.bb-home * {animation:none!important;transition:none!important}
}
body.bb-home .conversation-launch .flow-ask {border:1.5px solid var(--navy);border-radius:14px;box-shadow:0 14px 34px -18px rgba(22,33,58,.45);cursor:pointer;transition:box-shadow .15s ease,transform .15s ease}
body.bb-home .conversation-launch .flow-ask:hover {box-shadow:0 18px 40px -16px rgba(22,33,58,.6);transform:translateY(-1px)}
body.bb-home .conversation-launch .flow-ask .flow-go {margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:22px;background:var(--navy);color:#fff;font:600 15px/1.2 var(--sans);white-space:nowrap}
body.bb-home .conversation-launch .flow-ask .flow-go svg {width:16px;height:16px;fill:none;stroke:currentColor}
body.bb-home .conversation-launch .flow-ask:hover .flow-go {background:#24407A}
body.bb-home .conversation-launch>p {color:var(--muted)}
@media(max-width:700px) {
  body.bb-home .conversation-launch .flow-ask {flex-wrap:wrap}
  body.bb-home .conversation-launch .flow-ask .flow-go {margin-left:0;width:100%;justify-content:center}
}
body.bb-home:has(.proposal-sheet[open]) {overflow:hidden}
body.bb-home .proposal-sheet {width:min(1200px,calc(100vw - 48px));height:min(900px,calc(100dvh - 48px));max-width:none;max-height:none;margin:auto;padding:0;border:0;border-radius:18px;background:#fff;color:var(--ink);box-shadow:0 30px 80px -20px rgba(22,33,58,.6);overflow:hidden}
body.bb-home .proposal-sheet[open] {display:flex;flex-direction:column}
body.bb-home .proposal-sheet::backdrop {background:rgba(22,33,58,.6)}
body.bb-home .proposal-sheet-top {display:flex;align-items:center;justify-content:space-between;gap:12px 16px;padding:12px 16px 12px 24px;background:var(--navy);color:#fff}
body.bb-home .proposal-sheet-kicker {display:block;font:700 12px/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:#C9D2E3}
body.bb-home .proposal-sheet-top h2 {margin:2px 0 0;font-size:26px;line-height:1.15;color:#fff}
body.bb-home .proposal-sheet-tools {display:flex;flex-wrap:wrap;align-items:center;gap:8px}
body.bb-home .proposal-sheet-open {display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1.5px solid rgba(255,255,255,.6);border-radius:22px;color:#fff;font:600 15px/1.2 var(--sans);text-decoration:none}
body.bb-home .proposal-sheet-open svg {width:16px;height:16px;fill:none;stroke:currentColor}
body.bb-home .proposal-sheet-close {min-height:44px;padding:0 16px;border:0;border-radius:22px;background:#fff;color:var(--navy);font:600 15px/1.2 var(--sans);cursor:pointer}
body.bb-home .proposal-sheet-top :is(a,button,h2):focus-visible {outline:3px solid #fff;outline-offset:3px}
body.bb-home .proposal-sheet-frame {flex:1;width:100%;min-height:0;border:0;background:#F2F4F7}
@media(max-width:700px) {
  body.bb-home .proposal-sheet {width:100vw;height:100dvh;border-radius:0}
  body.bb-home .proposal-sheet-top {flex-wrap:wrap;padding:10px 12px 10px 16px}
  body.bb-home .proposal-sheet-top h2 {font-size:21px}
}
body.bb-home .bb-first .hero-copy {padding-bottom:26px}
body.bb-home .workspace-wrap[data-mode="walk"] > :not(.demo-walk) {display:none!important}
body.bb-home .workspace-wrap[data-mode="preview"] > .demo-walk {display:none!important}
body.bb-home .demo-walk-top {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 18px;min-height:44px;padding:2px 6px 12px;color:#fff;text-align:left}
body.bb-home .demo-walk-kicker {display:flex;align-items:center;gap:9px;margin:0;font:600 14px/1.35 var(--sans);color:#C9D2E3}
body.bb-home .demo-walk-kicker .dot {flex:none;width:8px;height:8px;border-radius:50%;background:var(--gold)}
body.bb-home .demo-walk :is(a,button,iframe):focus-visible {outline:3px solid #fff!important;outline-offset:3px!important}
body.bb-home .bb-first .hero-after {max-width:760px;margin:30px auto 6px;padding:0 20px;text-align:center}
body.bb-home .bb-first .hero-after .hero-description {margin:0 auto 20px;max-width:40em;color:var(--muted);font-size:17px;line-height:1.6}
body.bb-home .bb-first .hero-after .hero-actions {display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:0 0 14px}
body.bb-home .bb-first .hero-after .solid-button {background:var(--navy);color:#fff}
body.bb-home .bb-first .hero-after .solid-button:hover {background:#24407A}
body.bb-home .bb-first .hero-after .outline-button {background:#fff;color:var(--navy);box-shadow:inset 0 0 0 1.5px var(--navy)}
body.bb-home .bb-first .hero-after .outline-button:hover {background:#F2F4F7}
body.bb-home .bb-first .hero-after .hero-small {display:flex;justify-content:center;align-items:center;gap:8px;color:var(--muted)}
@media(max-width:700px) {
  body.bb-home .bb-first .hero-copy {padding:22px 0 18px}
  body.bb-home .bb-first .hero-copy .kicker {font-size:14px}
  body.bb-home .bb-first h1 {font-size:38px!important;line-height:1.05}
  body.bb-home .bb-first .hero-lead {font-size:17px;margin-top:14px}
  body.bb-home .demo-walk-top {padding:0 2px 8px}
  body.bb-home .demo-walk-kicker {font-size:13px}
}
body.bb-home .demo-walk-kicker .dw-short {display:none}
@media(max-width:700px) {
  body.bb-home .demo-walk-kicker .dw-long {display:none}
  body.bb-home .demo-walk-kicker .dw-short {display:inline}
  body.bb-home .demo-walk-top {flex-wrap:nowrap;gap:10px}
}
body.bb-home .demo-walk-top {height:48px;min-height:0;flex-wrap:nowrap;padding:0 6px 4px}
body.bb-home .workspace-wrap[data-walk-end] .demo-walk-kicker {display:none}
@media(max-width:700px) {
  body.bb-home .demo-walk-top {height:48px;padding:0 0 4px}
}
body.bb-home .bb-night-head .ps-links {display:contents}
body.bb-home .bb-night-head .ps-menu {display:none}
@media (max-width:700px) {
  body.bb-home .bb-night-head .site-header {flex-wrap:nowrap;min-height:60px;padding-block:8px;gap:10px}
  body.bb-home .bb-night-head .bb-wordmark {width:104px;height:auto}
  body.bb-home .bb-night-head .site-nav {flex-wrap:nowrap;gap:6px;margin-left:auto}
  body.bb-home .bb-night-head .ps-links {display:none}
  body.bb-home .bb-night-head .ps-menu {display:block;position:relative}
  body.bb-home .bb-night-head .ps-menu summary {list-style:none;display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-radius:22px;color:#fff;font:600 15px/1 var(--sans);cursor:pointer}
  body.bb-home .bb-night-head .ps-menu summary::-webkit-details-marker {display:none}
  body.bb-home .bb-night-head .ps-menu summary::after {content:"";width:7px;height:7px;margin-left:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg)}
  body.bb-home .bb-night-head .ps-menu[open] summary::after {transform:translateY(2px) rotate(-135deg)}
  body.bb-home .bb-night-head .ps-menu summary:focus-visible {outline:3px solid #fff;outline-offset:2px}
  body.bb-home .bb-night-head .ps-menu-list {position:absolute;left:0;right:auto;top:calc(100% + 6px);z-index:70;display:grid;min-width:190px;padding:6px;border-radius:12px;background:#fff;box-shadow:0 16px 36px -12px rgba(14,22,40,.55),0 0 0 1px #DCE1E6}
  body.bb-home .bb-night-head .site-nav .ps-menu-list a {display:flex;align-items:center;min-height:44px;padding:0 14px;border-radius:8px;color:#16213A;font-size:16px;box-shadow:none}
  body.bb-home .bb-night-head .site-nav .ps-menu-list a[aria-current="page"] {font-weight:700}
  body.bb-home .bb-night-head .site-nav .ps-menu-list a:focus-visible {outline:3px solid #1B2F55;outline-offset:-3px}
  body.bb-home .bb-night-head .pill-link {min-height:44px;padding:8px 14px;gap:8px;font-size:14px;white-space:nowrap}
}
body.bb-home .proposal-sheet {background:#F2F4F7}
body.bb-home .proposal-sheet-frame:not([data-ready]) {opacity:0;pointer-events:none}
html:not([data-appearance]) body.bb-home .phase-control .control-heading .kicker {color:var(--night-note,#BBC1CC)}
html:not([data-appearance]) body.bb-home .phase-control .control-heading h2 span {color:#8A93A7}
body.bb-home .toolkit-items .competitor-line {display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin:0;padding:9px 12px 10px;background:var(--mist,#F2F4F7);border:1px solid var(--line,#DCE1E6);border-radius:8px;font-size:15px;line-height:1.5}
body.bb-home .toolkit-items .competitor-line>span {font-size:15px;font-weight:600;color:var(--navy,#1B2F55)}
body.bb-home .toolkit-items .competitor-line b {font-size:15px;font-weight:500;color:var(--ink,#16213A)}
body.bb-home .toolkit-items .competitor-line .tk-tool {white-space:nowrap;font-size:inherit;font-weight:inherit;color:inherit}
body.bb-home .tools-note a {color:var(--navy,#1B2F55);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
body.bb-home .toolkit-intro h3 {text-wrap:balance}
/* Creative Director M6 (verdict d6b79c54): a group title and its description read as one unit; one treatment for all six. */
body.bb-home .toolkit-intro p, body.bb-home .make-yours h3+p {margin:8px 0 0; max-width:270px; font-size:17px; line-height:1.4; font-weight:400; color:var(--muted); text-wrap:balance}
body.bb-home .make-yours h3 {font-family:inherit; font-weight:500; font-size:33px; line-height:1.12; letter-spacing:-.04em; margin:12px 0 0}
@media(max-width:1000px) {
  body.bb-home .make-yours h3 {font-size:28px}
}
/* Round 6c.1 (MEET ruling ~23:31Z, to make the result match verdict M6 exactly): the title-to-description gap is 8px at EVERY width. final-cut.css gives the toolkit h3 margin:17px 0 above 650px, and that
   bottom margin collapses with the description's 8px top margin, so it rendered 17px at 1440; the h3 gives up its bottom margin and the description's 8px is the whole gap. */
body.bb-home .toolkit-intro h3 {margin-bottom:0}
/* ...and where the Customization block stacks (760px and below) its description sits 22px above its list, like the toolkit groups' 22px to their cards. */
@media(max-width:760px) {
  body.bb-home .make-yours h3+p {margin-bottom:22px}
}
@media(max-width:650px) {
  .toolkit-intro h3 {margin:12px 0 0}
  .toolkit-intro {margin-bottom:22px}
}
body.bb-home .toolkit-title .toolkit-soon {display:flex;font-size:12px;font-weight:600;line-height:1.6;letter-spacing:.01em}
html:not([data-appearance]) body.bb-home .phase-control {background:var(--navy,#1B2F55);border-bottom:1px solid rgba(187,193,204,.28)}
html:not([data-appearance]) body.bb-home .phase-control + .shell > .closing {margin-top:0}
/* Stage 4e: the navy bands are painted from the first frame; only their contents arrive */
body.bb-home .bb-first .hero-copy, body.bb-home .bb-first .workspace-wrap {animation:none}
@media(prefers-reduced-motion:no-preference) {
  body.bb-home .bb-first .hero-copy>* {animation:arrive .6s ease-out both}
  body.bb-home .bb-first .workspace-wrap>* {animation:arrive .6s ease-out .1s both}
}
/* Stage 4e: the two bands overlap by 2px so no hairline of page shows where the hero band meets the workspace band */
body.bb-home .bb-first .workspace-wrap::before {top:-2px}