/* HearbyHQ marketing site, rebuilt component by component from Conduit (www.conduit.ai), 2026-09-21.
 *
 * Every number below is Conduit's own, read from one of three sources:
 *   CSS  their shipped site stylesheet, saved at 06 Brand/Conduit Reference/site-source/conduit-site.css
 *   RSC  the Tailwind classes in their server payload, saved as site-source/rsc-*.txt
 *   AUD  the computed-style audit JSON in 06 Brand/Conduit Reference/audit/
 * The component inventory (design/conduit-components.md) names the source of each rule.
 *
 * Two swaps, both from the spec (03 Knowledge/wiki/design/conduit-design-system.md section 2):
 *   Season Mix is Conduit's own trial cut, so headings are the real face at the real sizes.
 *   PP Neue Montreal 500 is set as Switzer variable: 400 for body text, 450 for nav, buttons
 *   and caps labels (Hudson 2026-09-16, Switzer 500 reads a step heavier than Montreal 500).
 * Inter is Conduit's product face and sets the product panels and the apply form, as on conduit.ai. */

@font-face{font-family:"Season Mix";src:url("fonts/SeasonMix-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Switzer";src:url("fonts/SwitzerVar.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Inter";src:url("fonts/InterVar.woff2") format("woff2");font-weight:100 900;font-display:swap}

:root{
  /* CSS: --color-* */
  --ink:#29251E;            /* --color-ink */
  --ink-80:#29251ECC;       /* text-ink-secondary */
  --ink-64:#29251EA3;       /* text-ink-tertiary */
  --ink-28:#29251E47;       /* hover:border-ink/28 */
  --ink-16:#29251E29;       /* --color-ink-faint */
  --ink-5:#29251E0D;        /* hover:bg-ink/5 */
  --muted:#69655F;          /* --color-ink-muted */
  --muted-2:#706D67;        /* AUD CUSTOMER label */
  --line:#D9D7D1;           /* --color-line */
  --surface:#F7F6F6;        /* --color-surface */
  --surface-alt:#F1F0EF;    /* bg-surface-alt */
  --surface-warm:#F3F1EC;   /* bg-surface-warm */
  --faq-open:#F8F8F8;       /* RSC data-open:bg-[#f8f8f8] */
  --coal:#28241E;           /* --color-coal */
  --coal-elevated:#3A362F;  /* --color-coal-elevated */
  --coal-recessed:#302C25;  /* bg-coal-recessed */
  --canvas:#fff;            /* --color-canvas */
  --head-line:#0000001F;    /* border-black/12 */
  --head-bg:#FFFFFFF2;      /* bg-canvas/95 */
  /* app tokens used inside product panels and the apply form (conduit/tokens.css --ct-*) */
  --n100:#F5F5F5;--n200:#F0F0F0;--n300:#E5E5E5;--n400:#C2C2C2;--n600:#646465;--n700:#404040;--n900:#222;
  --blue-700:#0091FF;
  --red-500:#FB2C36;        /* pixel read from 905-book-demo-step1-validation.png */
  /* CSS: --radius:.625rem */
  --r-xl:14px;--r-lg:10px;--r-md:8px;--r-sm:6px;
  --body:"Switzer",system-ui,sans-serif;
  --serif:"Season Mix",Georgia,serif;
  --inter:"Inter",system-ui,sans-serif;
  --ease:cubic-bezier(.4,0,.2,1);
}

*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--canvas);color:var(--ink);font:400 16px/24px var(--body);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,p,ul,ol{margin:0}
ul,ol{padding:0}
a{color:inherit;text-decoration:none}
img,video,svg{display:block;max-width:100%}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}   /* RSC mx-auto max-w-[1200px] px-5 */

/* ----- type, CSS text-* utilities ----- */
.t-h1{font:400 56px/1 var(--serif);letter-spacing:-.03em}          /* text-heading-1 */
.t-h2{font:400 48px/1 var(--serif);letter-spacing:-.03em}          /* text-heading-2 */
.t-h2s{font:400 32px/1 var(--serif);letter-spacing:-.03em}         /* text-heading-2-sm */
.t-h3{font:400 24px/1.08 var(--serif);letter-spacing:-.03em}       /* text-heading-3 */
.t-h4{font:400 22px/1.08 var(--serif);letter-spacing:-.03em}       /* text-heading-4 */
.t-h5l{font:400 20px/1.2 var(--serif);letter-spacing:-.02em}       /* text-heading-5-lg */
.t-xl{font:400 20px/1.2 var(--body)}                               /* text-body-xl */
.t-lg{font:400 18px/1.2 var(--body)}                               /* text-body-lg */
.t-md{font:400 16px/1.2 var(--body)}                               /* text-body-md */
.t-mdr{font:400 16px/1.32 var(--body)}                             /* text-body-md-relaxed */
.t-sm{font:400 14px/1.2 var(--body)}                               /* text-body-sm */
.t-xs{font:400 12px/1.2 var(--body)}                               /* text-body-xs */
.t-eye{font:450 12px/1.2 var(--body);letter-spacing:.06em;text-transform:uppercase}   /* text-eyebrow */
.t-eyem{font:450 14px/1.2 var(--body);letter-spacing:.06em;text-transform:uppercase}  /* text-eyebrow-md */
.c-muted{color:var(--muted)}.c-64{color:var(--ink-64)}.c-80{color:var(--ink-80)}

/* ----- button, RSC data-slot=button ----- */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:32px;padding:0 10px;border:1px solid transparent;border-radius:var(--r-md);font:450 16px/24px var(--body);white-space:nowrap;cursor:pointer;transition:color var(--d-fast) var(--e-out),background-color var(--d-fast) var(--e-out),border-color var(--d-fast) var(--e-out),transform var(--d-fast) var(--e-out)}   /* site-button-*-hover: 150ms cubic-bezier(.16,1,.3,1) */
.btn:active{transform:scale(var(--s-press))}
.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ink-16)}
.btn svg{width:18px;height:18px;flex:none}                         /* size-[18px] */
.btn.i-end{padding-right:8px}.btn.i-start{padding-left:8px}        /* has-data-[icon=inline-*] */
.btn-ink{background:var(--coal);color:var(--canvas)}               /* bg-coal text-canvas */
.btn-ink:hover{background:var(--coal-elevated)}
.btn-line{background:var(--canvas);border-color:var(--ink-16);color:var(--ink-80)}   /* border-ink-faint text-ink-secondary */
.btn-line:hover{border-color:var(--ink-28);background:var(--ink-5);color:var(--ink)}
.btn-white{background:var(--canvas);border-color:var(--canvas);color:var(--coal)}   /* border-canvas bg-canvas text-coal */
.btn-white:hover{background:var(--surface-warm);border-color:var(--surface-warm)}
.btn-9{height:36px;gap:6px}                                        /* h-9 gap-1.5, 404 Go home */

/* ----- header, RSC 19: sticky border-b border-black/12 bg-canvas/95 backdrop-blur-xs ----- */
.nav{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--head-line);background:var(--head-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.nav-in{max-width:1240px;height:60px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between}
.nav-l{display:flex;align-items:center;gap:48px}                   /* gap-12 */
.logo{display:inline-flex;align-items:center;color:var(--ink)}
.logo svg{height:22px;width:auto}                                  /* matches Conduit's 18px ascender height, measured */
.links{display:flex;gap:8px}                                       /* AUD gap 8px */
.nl{height:32px;padding:0 10px;border-radius:var(--r-md);display:inline-flex;align-items:center;font:450 16px/19.2px var(--body);color:var(--ink-80);transition:color var(--d-fast) var(--e-std),background-color var(--d-fast) var(--e-std)}
.nl:hover,.trig[aria-expanded="true"]{color:var(--ink);background:var(--ink-5)}
.nl:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ink-16)}
.chev{position:relative;top:1px;width:12px;height:12px;margin-left:4px;transition:rotate var(--d-chev) var(--e-std),color var(--d-chev) var(--e-std)}   /* size-3 ml-1 top-px, rotate-180 300ms */
.trig[aria-expanded="true"] .chev{rotate:180deg}
/* ----- nav dropdown, Base UI navigation menu (m2.json nav, m3.json nav/item/hover) ----- */
.dd{position:absolute;left:max(16px,calc(50% - 704px));top:54px;z-index:31;width:810px;transform-origin:0 0;opacity:0;scale:var(--s-nav-from);transition:opacity var(--d-nav-close) ease,scale var(--d-nav-close) ease}
.dd.in{opacity:1;scale:1;transition:opacity var(--d-nav) var(--e-nav),scale var(--d-nav) var(--e-nav)}
.dd-in{border-radius:6px;border:1px solid var(--ink-16);background:var(--canvas);filter:drop-shadow(0 3px 8px rgba(0,0,0,.08));padding:14px 14px 14px}   /* rounded-[6px] border-ink-faint drop-shadow; p-1 + p-[10px] */
.dd-body{display:flex;flex-direction:column;gap:20px}
.dd-h{font:450 18px/20px var(--body);color:var(--ink)}              /* text-body-lg font-medium leading-5 */
.dd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.dd-i{height:120px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;border-radius:4px;padding:8px;transition:color var(--d-fast) var(--e-std),background-color var(--d-fast) var(--e-std)}
.dd-n{font:450 12px/14.4px var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--muted-2);transition:color var(--d-fast) var(--e-std)}
.dd-t{font:450 18px/20px var(--body);color:var(--ink-80);transition:color var(--d-fast) var(--e-std)}
.dd-p{font:450 14px/16.8px var(--body);color:var(--muted-2);transition:color var(--d-fast) var(--e-std)}
.dd-i:hover,.dd-i:focus-visible{background:var(--ink);outline:none}
.dd-i:hover .dd-n,.dd-i:hover .dd-t,.dd-i:focus-visible .dd-n,.dd-i:focus-visible .dd-t{color:var(--canvas)}
.dd-i:hover .dd-p,.dd-i:focus-visible .dd-p{color:#FFFFFFA3}
.dd-foot{margin-top:14px;padding:10px 12px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}
.dd-f{font:400 20px/24px var(--serif);letter-spacing:-.02em;color:var(--ink);white-space:nowrap}   /* font-heading text-heading-5-lg */
.nav-r{display:flex;align-items:center;gap:12px}                   /* gap-3 */
.burger{display:none;width:32px;height:32px;border-radius:var(--r-md);align-items:center;justify-content:center;color:var(--ink)}
.burger svg{width:20px;height:20px}                                /* size-5 */
.burger{position:relative;transition:background-color var(--d-fast) var(--e-out)}
.burger[aria-expanded="true"]{background:var(--ink-5)}
.bi{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:opacity var(--d-fast) var(--e-icon),scale var(--d-fast) var(--e-icon),filter var(--d-fast) var(--e-icon)}
.bi.close-i,.burger[aria-expanded="true"] .bi.open-i{opacity:0;scale:var(--s-icon-out);filter:blur(var(--b-icon-out))}
.burger[aria-expanded="true"] .bi.close-i{opacity:1;scale:1;filter:none}
.mmenu{position:fixed;left:0;right:0;top:60px;z-index:29;max-height:calc(100dvh - 60px);background:var(--canvas);overflow:auto}   /* region 390 x 452.5 at y60, auto height (live probe m4) */
@media (min-width:768px){.mmenu{display:none!important}}

/* ----- hero, RSC 5: pt-[117px], max-w-[660px] gap-8 ----- */
.hero{padding-top:117px;text-align:center}
.hero-col{max-width:660px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:32px}
.hero .t-h1{max-width:600px}
.hero .t-xl{max-width:480px;color:var(--ink-64)}
.rating{height:16.8px;margin-top:-4px}                             /* the rating row slot, empty: no rating exists */
.shot{position:relative;margin-top:64px;height:580px;border-radius:var(--r-lg);overflow:hidden;background:var(--surface-alt)}   /* h-[580px] rounded-lg md:mt-16 */
.shot .float{position:absolute;left:50%;top:48px;width:880px;height:560px;margin-left:-440px;border-radius:var(--r-xl);overflow:hidden;background:var(--canvas);border:1px solid var(--n300)}   /* AUD shot 882 wide, r14, 1px #E5E5E5 */
.shot .float{border:0;background:none}
.shot .float .doc{height:100%}
.hero-script{position:absolute;left:calc(50% + 235px);top:145px;width:268px;height:480px}   /* Conduit hero New Chat panel: x815 of 1160, y145, 268 wide */
.hero-script .doc{height:100%}

/* ----- section label, RSC: text-eyebrow uppercase + mt-[18px] h-px bg-line ----- */
.sec{margin-top:140px}                                             /* md:mt-[140px] */
.lbl{color:var(--muted)}
.lbl-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px}
.lbl-rule{margin-top:18px;height:1px;background:var(--line)}
.head{margin-top:80px;display:flex;align-items:flex-end;justify-content:space-between;gap:40px}   /* md:mt-20 md:gap-10 */
.head .t-h2{max-width:520px;text-wrap:balance}
.head-r{max-width:375px}
.head-col{margin-top:80px;max-width:850px}
.head-col .t-lg{margin-top:32px;max-width:400px;color:var(--muted)}  /* mt-8 max-w-[400px] */

/* ----- product cards, RSC 1e: h-[532px] rounded-lg bg-surface ----- */
.cards3{margin:80px -20.96px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:9.96px}
.pcard{position:relative;height:532px;overflow:hidden;border-radius:var(--r-lg);background:var(--surface)}
.pcard-top{padding:18.5px 21px 0}
.pcard-lab{display:flex;align-items:center;gap:10px;color:var(--ink)}
.pcard-lab svg{width:20px;height:20px;flex:none}
.pcard h3{margin-top:56px;color:var(--ink)}
.pcard p{margin-top:19px;max-width:352px;color:var(--muted)}
.pcard-media{position:absolute;left:7px;right:7px;top:215.5px;height:309.383px;overflow:hidden;border-radius:var(--r-md);background:var(--surface-alt)}
.pdoc{position:absolute;left:28px;right:-28px;top:36px;bottom:-14px}
.pdoc .doc{height:100%}

/* ----- product panel inside a card: Conduit app grammar, AUD earlier-site-home (Inter, #E5E5E5, r14) ----- */
.win{position:absolute;left:28px;right:-28px;top:36px;bottom:-14px;background:var(--canvas);border:1px solid var(--n300);border-radius:var(--r-xl);overflow:hidden;font-family:var(--inter);color:var(--n900)}
.win-bar{height:27px;display:flex;align-items:center;padding:0 12px;border-bottom:1px solid var(--n300);font:500 14px/16px var(--inter);color:var(--n700)}   /* AUD panel header 27px, Inbox 14/16 500 #404040 */
.win-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--n200)}   /* AUD row p 12 16, hairline #F0F0F0 */
.win-row .who{flex:none;width:92px;font:600 12px/14px var(--inter);color:var(--n900)}
.win-row .what{flex:1;min-width:0;font:500 12px/14px var(--inter);color:var(--n900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.win-row .meta{flex:none;font:400 12px/14px var(--inter);color:var(--n600)}
.badge{display:inline-flex;align-items:center;padding:1px 4px;border-radius:4px;font:400 12px/14px var(--inter);background:var(--n200);color:var(--n700)}   /* AUD Escalated badge r4 p1px 4px 12/14 */
.win-doc{padding:14px 16px;display:flex;flex-direction:column;gap:10px}
.win-doc .k{display:block;font:500 12px/14px var(--inter);color:var(--n600);margin-bottom:4px}
.win-doc .v{font:400 14px/21px var(--inter);color:var(--n900)}      /* paragraph-sm */
.win-doc .dir{color:var(--blue-700)}
.phone{position:absolute;left:50%;top:32px;width:180px;margin-left:-90px;bottom:-40px;border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--n300);background:var(--coal)}
.phone video{width:100%;height:100%;object-fit:cover}

/* ----- deliverable documents: Conduit's product panel (Inter, 1px #E5E5E5, r14) with no app chrome ----- */
.doc{background:var(--canvas);border:1px solid var(--n300);border-radius:var(--r-xl);overflow:hidden;font-family:var(--inter);color:var(--n900);text-align:left}
.doc-t{padding:12px 16px;border-bottom:1px solid var(--n300)}
.doc-h{font:500 14px/16px var(--inter);color:var(--n700)}             /* AUD panel header 14/16 500 #404040 */
.doc-s{margin-top:4px;font:400 12px/14px var(--inter);color:var(--n600)}
.sh-head,.sh-row{display:grid;align-items:center;gap:12px;padding:0 16px}
.sheet-full .sh-head,.sheet-full .sh-row{grid-template-columns:104px 1.5fr .9fr 1.2fr 1.2fr 1fr 44px 40px}
.sheet-short .sh-head,.sheet-short .sh-row{grid-template-columns:112px 1fr 44px 40px}
.sh-head{height:32px;border-bottom:1px solid var(--n300);font:500 12px/14px var(--inter);color:var(--n600)}
.sh-row{min-height:41px;padding-top:12px;padding-bottom:12px;border-bottom:1px solid var(--n200);font:400 12px/14px var(--inter);color:var(--n900)}   /* AUD row p 12 16, hairline #F0F0F0 */
.sh-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sh-row .who{font-weight:600}
.n{text-align:right;font-variant-numeric:tabular-nums}
.sh-row .n{color:var(--n600)}
.sc-src,.sc-meta{margin-top:4px;font:400 12px/18px var(--inter);color:var(--n600)}
.sc-sec{padding:12px 16px;border-bottom:1px solid var(--n200);display:flex;flex-direction:column;gap:6px}
.sc-k{font:500 12px/14px var(--inter);color:var(--n600)}
.sc-dir{font:500 12px/18px var(--inter);color:var(--blue-700)}         /* editor direction, the single accent */
.sc-line{font:400 14px/21px var(--inter);color:var(--n900)}            /* paragraph-sm */
.sc-os{font:400 12px/18px var(--inter);color:var(--n700)}
.sc-ul{list-style:none;display:flex;flex-direction:column;gap:6px;font:400 12px/18px var(--inter);color:var(--n700)}
.rp-sec{padding:12px 16px;border-bottom:1px solid var(--n200);display:flex;flex-direction:column;gap:8px}
.rp-head{display:grid;grid-template-columns:1fr 48px 72px 52px 64px;gap:8px;font:500 12px/14px var(--inter);color:var(--n600)}
.rp-empty{font:400 12px/18px var(--inter);color:var(--n600);padding:6px 0}
.rp-row{display:grid;grid-template-columns:112px 1fr 44px;gap:8px;font:400 12px/14px var(--inter);color:var(--n900);padding:6px 0}
.rp-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rp-row .who{font-weight:600}
.rv-wait{opacity:0}
/* Images fade in once loaded: Conduit's transition-opacity duration-base ease-out, 150ms (m2 imgs, band click probe). */
.bgimg{isolation:isolate}
.bgimg::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--bg) var(--bgpos,center)/cover no-repeat;opacity:0;transition:opacity var(--d-fast) var(--e-out)}
.bgimg.bg-in::before{opacity:1}

/* ----- six card grid, RSC 1f: h-[340px] rounded-lg bg-surface-alt, title left/top 18 ----- */
.cards6{margin-top:80px;display:grid;grid-template-columns:repeat(3,1fr);gap:56px 14px}   /* gap-x-[14px] md:gap-y-14 */
.gcard-img{position:relative;height:340px;overflow:hidden;border-radius:var(--r-lg);background:var(--surface-alt)}
.gdoc{position:absolute;left:56px;right:56px;top:112px;bottom:-40px}   /* Conduit tile panels sit centred under the title and run off the bottom edge */
.gdoc .doc{height:100%}
.gcard-img h3{position:absolute;left:18px;top:18px;z-index:1;color:var(--ink)}
.gcard-img .fig{position:absolute;left:18px;right:18px;bottom:18px;font:400 32px/1 var(--serif);letter-spacing:-.03em;color:var(--canvas)}
.gcard p{margin-top:20px;color:var(--muted)}

/* ----- dark band, RSC 20 + GrowthGrid ----- */
.dark{margin-top:140px;background:var(--coal);color:var(--canvas);padding:60px 0}   /* md:mt-[140px] md:py-[60px] */
.dark .lbl{color:#FFFFFFA3}                                        /* text-white/64 */
.dark .lbl-rule{background:#FFFFFF24}                              /* bg-white/14 */
.dark-head{margin-top:100px;display:flex;justify-content:space-between;align-items:stretch;gap:48px}   /* md:mt-[100px] lg:gap-12 */
.dark-head .t-h2{max-width:390px}
.dark-head-r{max-width:375px;display:flex;flex-direction:column;justify-content:space-between;gap:20px}
.dark-head-r .t-lg{color:#FFFFFFA3}
.dark-head-r .btn{margin-top:20px;align-self:flex-start}
.grow{margin-top:80px;display:grid;grid-template-columns:340px 1fr 340px;gap:8px;height:438px}   /* md:mt-20 lg:h-[438px] gap-2 */
.grow-col{display:grid;grid-template-rows:1fr 1fr;gap:8px}
.tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:20px;overflow:hidden;border-radius:var(--r-sm);padding:20px 18px;text-align:left;background:#FFFFFF05;transition:background-color var(--d-fast) var(--e-out)}   /* rounded-sm px-[18px] py-5 gap-5 bg-white/2 */
.tile:hover{background:#FFFFFF0A}                                  /* hover:bg-white/4 */
.tile.on{background:#FFFFFF14}                                     /* bg-white/8 */
.tile .ix{font:400 12px/1.2 var(--body);color:#FFFFFFA3;transition:color var(--d-fast) var(--e-out)}
.tile h3{color:#FFFFFFA3;transition:color var(--d-fast) var(--e-out)}
.tile.on .ix,.tile.on h3{color:var(--canvas)}
.tile p{color:#FFFFFFA3}
.tile .bar{position:absolute;left:0;right:0;bottom:0;height:4px;background:#FFFFFF29;opacity:0}   /* h-1 bg-white/16 */
.tile .bar i{position:absolute;inset:0;background:var(--canvas);transform-origin:left;transform:scaleX(0)}
.tile.on .bar{opacity:1}

.grow-media{position:relative;overflow:hidden;border-radius:var(--r-sm);background:var(--coal-recessed)}
.gm{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;transition:opacity var(--d-fast) var(--e-out)}   /* growth-* images cross-fade 150ms cubic-bezier(.16,1,.3,1) (m2.json media) */
.gm.on{opacity:1}
.gm .doc{width:352px;max-width:100%;max-height:100%}

/* ----- pricing tiles, RSC pricing 14: grid gap-x-6 gap-y-16 xl:grid-cols-4 ----- */
.tiers{margin-top:64px;display:grid;grid-template-columns:repeat(4,1fr);gap:64px 24px}
.tier{display:flex;flex-direction:column}
.tier .t-md{margin-top:20px;min-height:3lh;color:var(--muted)}      /* mt-5 min-h-[3lh] */
.tier-img{position:relative;margin-top:32px;height:120px;overflow:hidden;border-radius:var(--r-md);background:url("media/tier-bg.jpg") center/cover no-repeat;display:flex;align-items:center;justify-content:center;color:var(--canvas)}
.tier-img svg{width:auto;height:44px}
.tier-rate{margin-top:40px}
.tier-rate .t-eye{color:var(--muted)}
.tier-rate .t-h2s{margin-top:12px}
.tier-rate .t-h2s span{color:var(--ink-64)}
.tier-rate .btn{margin-top:32px}
.tier-rule{margin-top:32px;height:1px;background:var(--line)}
.tier ul{margin-top:32px;list-style:none;display:flex;flex-direction:column;gap:24px}
.tier li{font:400 16px/1.2 var(--body);color:var(--ink-80)}
.tier li.first{color:var(--muted)}
.tier li strong{font-weight:450;color:var(--ink)}
.wide{margin-top:64px;display:grid;grid-template-columns:140px 1fr auto auto;align-items:center;gap:24px;border-radius:var(--r-lg);background:var(--surface);padding:32px}   /* RSC pricing 15 */
.wide .t-eye{color:var(--muted)}
.wide h3{margin-top:12px}
.wide .t-mdr{max-width:520px;color:var(--muted)}
.wide .r{text-align:right;color:var(--muted)}
.wide .r strong{font:400 18px/1.2 var(--body);color:var(--ink)}

/* ----- FAQ, RSC pricing 17 ----- */
.faq-lbl{margin-bottom:80px}                                       /* mb-14 md:mb-20 */
.faq-row{display:flex;align-items:flex-start;justify-content:space-between;gap:40px}
.faq-l{width:352px;flex:none;display:flex;flex-direction:column;gap:24px}
.faq-l .t-lg{max-width:320px;color:var(--muted)}
.faq-list{flex:1;max-width:648px;display:flex;flex-direction:column}
.qa{border-radius:8px;transition:background-color var(--d-fast) var(--e-std)}   /* measured: background-color 150 cubic-bezier(.4,0,.2,1) */
.qa.open{background:var(--faq-open)}
@media (hover:hover){.qa:not(.open):hover{background:var(--faq-open)}}
.qa button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:8px;padding:20px;text-align:left}
.qa button:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--ink-64)}
.qa .q{color:var(--ink-80)}
.qa.open .q{color:var(--ink)}
.pm{position:relative;width:20px;height:20px;flex:none;color:var(--ink-80)}
.qa.open .pm{color:var(--ink)}
.pm::before,.pm::after{content:"";position:absolute;border-radius:9999px;background:currentColor}
.pm::before{left:0;right:0;top:50%;height:2px;margin-top:-1px}
.pm::after{top:0;bottom:0;left:50%;width:2px;margin-left:-1px;transition:transform var(--d-acc) var(--e-out)}
.qa.open .pm::after{transform:scaleY(0)}
.qa .a{overflow:hidden;height:0;transition:height var(--d-acc) var(--e-out)}   /* measured: height 200 cubic-bezier(.16,1,.3,1) */
.qa .a p{padding:4px 20px 20px;font:400 16px/1.4 var(--body);letter-spacing:-.02em;color:var(--ink-80)}   /* text-body-prose-md */

/* ----- CTA band, RSC 23: min-h h-[440px] overflow-hidden, gap-[100px] ----- */
.cta{position:relative;height:440px;overflow:hidden;color:var(--canvas);text-align:center;background:url("media/cta-bg.jpg") center/cover no-repeat}
.cta-in{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:100px}
.cta-lab{display:flex;align-items:center;gap:14px}
.cta-lab svg{height:26px;width:auto}
.cta h2{max-width:540px}

/* ----- footer, RSC 24 + 3b + 3d ----- */
.foot{margin-top:100px;background:var(--coal);color:var(--canvas);padding:54px 0}
.foot-in{display:flex;flex-direction:column;gap:64px}
.foot-top{display:flex;justify-content:space-between;gap:40px}
.foot-brand{width:264px;flex:none;display:flex;flex-direction:column;gap:56px}
.foot-brand .b{display:flex;flex-direction:column;gap:24px}
.foot-brand .logo{color:var(--canvas)}
.foot-brand .t-md{color:#FFFFFFA3}
.soc{display:flex;flex-wrap:wrap;align-items:center;gap:16px}   /* footer socials: size-5, opacity .56, gap-4 (m3.json footer) */
.soc a{display:block;width:20px;height:20px;opacity:.56;transition:opacity var(--d-fast) var(--e-std)}
.soc a:hover{opacity:1}
.soc img{width:20px;height:20px}
.foot-cols{display:flex;gap:40px}
.foot-col{display:flex;flex-direction:column;gap:20px;min-width:120px}
.foot-col h3{font:450 12px/1.2 var(--body);letter-spacing:.06em;text-transform:uppercase;color:#FFFFFF8F}   /* text-eyebrow text-white/56 */
.foot-col ul{list-style:none;display:flex;flex-direction:column;gap:14px;font:400 14px/1.2 var(--body);color:#FFFFFFCC}   /* gap-[14px] text-body-sm text-white/80 */
.foot-col a{transition:color var(--d-fast) var(--e-std)}
.foot-col a:hover,.foot-legal a:hover{color:var(--canvas)}
.foot-bottom{display:flex;flex-direction:column;gap:48px}
.foot-rule{height:1px;background:#FFFFFF24}
.foot-legal{display:flex;align-items:center;justify-content:space-between;gap:24px;font:400 14px/1.2 var(--body);color:#FFFFFFA3}
.foot-legal nav{display:flex;flex-wrap:wrap;gap:12px 24px}

/* ----- pricing, capture conduit_pricing.full.png: bokeh wash hero, no button, then Packages ----- */
.pr-hero{position:relative;margin-top:-1px;height:480px;padding-top:140px;text-align:center;}
.pr-hero .hero-col{gap:28px}
.pr-hero .t-h1{max-width:640px}
.pr-hero .t-lg{max-width:440px;color:var(--ink-64)}
#pricing{margin-top:80px}
.pk-head .t-lg{margin-top:20px;color:var(--muted)}
.pr-tiers{margin-top:64px}

/* ----- legal pages, RSC privacy: pt-[150px], max-w-3xl, leading-7 ----- */
.legal-hero{padding-top:150px;text-align:center}
.legal-hero .hero-col{gap:32px}
.legal-hero .t-sm{color:var(--ink-64)}
.legal{max-width:768px;margin:0 auto;padding:0 20px}
.legal-body{margin-top:64px;padding-bottom:120px;display:flex;flex-direction:column;gap:48px}
.legal-body section{display:flex;flex-direction:column;gap:16px}
.legal-body h2{font:400 24px/1.08 var(--serif);letter-spacing:-.03em;color:var(--ink)}
.legal-body p,.legal-body li{font:400 16px/28px var(--body);color:var(--ink-80)}
.legal-body ul{list-style:disc;padding-left:24px;display:flex;flex-direction:column;gap:8px}
.legal-body li::marker{color:var(--ink-16)}
.legal-body strong{font-weight:600;color:var(--ink)}
.legal-body a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}

/* ----- 404, Conduit app 404 (L/phase2/app/404.png, pixel measured) ----- */
body.nf{background:#FAFAFA}
.nf-in{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-family:var(--inter);padding:0 20px}
.nf-code{font:300 128px/1 var(--inter);letter-spacing:.02em;color:var(--n400)}   /* digits 90px tall, #C2C2C2 */
.nf-t{margin-top:18px;font:600 14px/20px var(--inter);color:var(--n700)}     /* #404040 */
.nf-a{margin-top:6px;font:500 12px/18px var(--inter);color:var(--blue-700)}
.nf-a:hover{text-decoration:underline}

/* ----- apply, Conduit book-demo (Inter app grammar), AUD site-book-demo ----- */
.ap{min-height:100vh;background:#FAFAFA}
.ap-top{display:flex;justify-content:center;padding:28px 0 0}
.ap-top .logo svg{height:20px}
.ap-panel{max-width:960px;margin:72px auto 72px;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:var(--canvas);border:1px solid var(--n300);border-radius:var(--r-xl);font-family:var(--inter)}
.ap-form{display:flex;flex-direction:column;padding:36px 36px 20px}
.ap-form h1{font:600 18px/24px var(--inter);letter-spacing:-.05px;color:var(--n900)}
.ap-form .sub{margin-top:4px;font:400 12px/18px var(--inter);color:var(--n700)}
.ap-steps{margin-top:28px;flex:1;display:flex;flex-direction:column;gap:20px}
.fld{display:flex;flex-direction:column;gap:8px;min-width:0}
.fld>span{font:500 12px/14px var(--inter);color:var(--n700)}
.fld>span i{font-style:normal;color:var(--n600);font-weight:400}
.fld input,.fld textarea{width:100%;font:400 14px/21px var(--inter);color:var(--n700);background:var(--canvas);border:1px solid var(--n300);border-radius:var(--r-lg);padding:4px 10px;outline:none;transition:border-color .15s,background-color .15s,box-shadow .15s}
.fld input{height:32px}
.fld textarea{resize:vertical;padding:5px 10px}
.fld input::placeholder,.fld textarea::placeholder{color:var(--n400)}
.fld input:focus,.fld textarea:focus{background:var(--n200);border-color:var(--n400)}
.fld .msg{font:400 12px/14px var(--inter);color:var(--red-500);display:none}
.fld.bad input,.fld.bad textarea{border-color:var(--red-500);box-shadow:0 0 0 3px color-mix(in srgb,var(--red-500) 20%,transparent)}
.fld.bad .msg{display:block}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.opts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.opt{height:36px;display:flex;align-items:center;gap:8px;padding:0 16px;border:1px solid var(--n200);border-radius:var(--r-md);background:var(--canvas);font:500 14px/16px var(--inter);color:var(--ink);text-align:left;transition:border-color var(--d-fast) var(--e-std),background-color var(--d-fast) var(--e-std)}   /* onboarding-channel-card-select 150ms cubic-bezier(.4,0,.2,1) */
.opt:hover{background:var(--n100)}
.opt[aria-checked="true"]{border-color:var(--blue-700);background:#F5FAFF;color:var(--blue-700)}   /* 906-book-demo-step1-selected: blue-700 border on --ct-blue-50 */
.ap-go{margin-top:24px;display:flex;gap:8px}
.ap-btn{flex:1;height:36px;border-radius:var(--r-lg);background:var(--blue-700);color:var(--canvas);font:500 14px/16px var(--inter);padding:0 14px;transition:background-color .15s}
.ap-btn:hover{background:#0077FA}                                   /* --ct-blue-800 */
.ap-btn:disabled{opacity:.5;pointer-events:none}
.ap-back{height:36px;border-radius:var(--r-lg);border:1px solid var(--n300);background:var(--canvas);color:var(--n700);font:500 14px/16px var(--inter);padding:0 14px}
.ap-back:hover{background:var(--n100)}
.ap-fine{margin-top:12px;text-align:center;font:400 12px/18px var(--inter);color:var(--n600)}
.ap-side{position:relative;min-height:560px;border-radius:12px;overflow:hidden}
.ap-card{width:100%;max-width:388px;background:var(--canvas);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:20px}
.ap-card .q{font:400 18px/23.76px var(--serif);color:var(--n700)}
.ap-card ol{list-style:none;display:flex;flex-direction:column;gap:12px;border-radius:12px;background:var(--n100);padding:16px 20px;counter-reset:s}
.ap-card li{display:flex;gap:10px;font:400 12px/18px var(--inter);color:var(--n600);counter-increment:s}
.ap-card li::before{content:counter(s);flex:none;width:16px;font:500 14px/18px var(--inter);color:var(--n700)}
.ap-card li b{font:500 14px/18px var(--inter);color:var(--n700)}
/* booking step 2: the calendar takes the whole panel, same card shell as 031-book-demo */
.ap-panel.wide{max-width:1080px;grid-template-columns:1fr}
.ap-cal{display:flex;flex-direction:column;padding:28px 28px 16px;min-height:640px}
.ap-cal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.ap-cal h1{font:600 18px/24px var(--inter);letter-spacing:-.05px;color:var(--n900)}
.ap-cal .sub{margin-top:4px;font:400 12px/18px var(--inter);color:var(--n700)}
.ap-cal .ap-prog{margin-top:20px}
.ap-cal-frame{margin-top:16px;flex:1;min-height:560px;overflow:auto;border-radius:var(--r-lg)}
.ap-cal-frame iframe{width:100%!important;min-height:560px;border:0}
.ap-cal .ap-fine a{color:var(--blue-700)}
@media (max-width:760px){.ap-cal{padding:20px 12px 12px}.ap-cal-head{flex-direction:column}}
.ap-done{grid-column:1/-1;padding:72px 36px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}
.ap-done p{max-width:480px;font:400 14px/21px var(--inter);color:var(--n700)}
.ap-done .acts{margin-top:12px;display:flex;gap:8px}
.toast{position:fixed;right:16px;bottom:16px;z-index:50;display:flex;align-items:center;gap:8px;min-width:356px;padding:14px 16px;border:1px solid var(--n300);border-radius:var(--r-md);background:var(--canvas);font:500 12px/14px var(--inter);color:var(--n700)}
.toast i{width:10px;height:10px;border-radius:2px;background:var(--red-500);flex:none}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* ----- phone, 390: AUD site-home-mobile and RSC base classes ----- */
@media (max-width:767px){
  .links,.nav-r .btn-line,.dd{display:none}
  .burger{display:inline-flex}
  .mmenu a.row{display:flex;align-items:center;justify-content:space-between;height:62.5px;padding:0 20px;border-bottom:1px solid #00000014;font:450 18px/1.2 var(--body);color:var(--ink)}   /* 18px medium, p 20, border-b black/8 */
  .mmenu .acts{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px}
  .mmenu .acts .btn{height:36px}
  .t-h1,.t-h2{font-size:32px}                                      /* text-heading-2-sm below md */
  .hero{padding-top:80px;padding-bottom:32px}                     /* pt-[80px] pb-8 */
  .hero-col{gap:20px}
  .hero .t-xl{font-size:18px}                                      /* text-body-lg */
  .shot{margin-top:40px;height:540px}                              /* mt-10 h-[540px] */
  .shot .float{display:none}
  .hero-script{left:16px;right:16px;width:auto;top:32px;height:520px}
  .sec,.dark{margin-top:80px}
  .head{margin-top:56px;flex-direction:column;align-items:flex-start;gap:32px}
  .head-col{margin-top:56px}
  .head-col .t-lg{margin-top:24px}
  .cards3{margin:56px 0 0;grid-template-columns:1fr}
  .cards6{margin-top:56px;grid-template-columns:1fr;gap:40px}
  .dark{padding:40px 0}
  .dark-head{margin-top:56px;flex-direction:column;gap:32px}
  .grow{margin-top:56px;grid-template-columns:1fr;height:auto}
  .grow-col{grid-template-rows:none}
  .grow-media{order:-1;aspect-ratio:508/438}
  .gm .doc{width:100%}
  .tiers{grid-template-columns:1fr}
  .wide{grid-template-columns:1fr;padding:24px}
  .wide .r{text-align:left}
  .faq-lbl{margin-bottom:56px}
  .faq-row{flex-direction:column}
  .faq-l{width:auto}
  .cta{height:auto;min-height:360px;padding:64px 24px}
  .cta-in{gap:48px}
  .foot-top{flex-direction:column;gap:48px}
  .foot-cols{display:grid;grid-template-columns:1fr 1fr;gap:40px 24px}
  .foot-legal{flex-direction:column-reverse;align-items:flex-start}
  .ap-panel{grid-template-columns:1fr;margin:24px 12px 48px}
  .ap-form{padding:24px 20px 16px}
  .ap-side{display:none}                                          /* 031-book-demo mobile: form only */
  .toast{left:16px;min-width:0}
}
@media (min-width:768px) and (max-width:1099px){
  .cards3{margin-left:0;margin-right:0;grid-template-columns:1fr 1fr}
  .cards6{grid-template-columns:1fr 1fr}
  .tiers{grid-template-columns:1fr 1fr}
  .grow{grid-template-columns:1fr;height:auto}
  .grow-media{order:-1;aspect-ratio:508/438}
  .shot .float{width:auto;left:40px;right:40px;margin-left:0}
  .hero-script{left:auto;right:24px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .tile.on .bar i{transform:scaleX(1)!important}
}
.toast{position:fixed}
.toast span{flex:1}
.toast-x{position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:9999px;border:1px solid var(--n300);background:var(--canvas);display:flex;align-items:center;justify-content:center;color:var(--n700)}   /* 905 capture: circular dismiss at the corner */
.toast-x svg{width:12px;height:12px}