:root{
  --bg:#F7F3EC;
  --bg-2:#EEE8DC;
  --ink:#1C1813;
  --ink-2:#6E665A;
  --amber:#16817A;
  --amber-deep:#0E615C;
  --amber-tint:#DEEDEB;
  --gold:#BFA06A;
  --gold-soft:#D9C49A;
  --court:#16817A;
  --court-soft:#16817A;
  --border:#E3DCCD;
  --radius:16px;
  --radius-sm:9px;
  --maxw:1240px;
  --ease:cubic-bezier(.22,1,.36,1);
  --ease-soft:cubic-bezier(.4,0,.15,1);
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;overscroll-behavior-x:none}
body{
  background:var(--bg);
  color:var(--ink);
  font-family:'Geist',system-ui,sans-serif;
  font-size:17px;
  line-height:1.6;
  overflow-x:hidden;
  overscroll-behavior-x:none;
  -webkit-font-smoothing:antialiased;
}
.lenis.lenis-smooth{scroll-behavior:auto !important}
::selection{background:var(--amber);color:#fff}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

h1,h2,.display{font-family:'Newsreader',Georgia,serif;letter-spacing:-0.015em;line-height:1.04;font-weight:500}
h3{font-family:'Geist',sans-serif;letter-spacing:-0.01em;line-height:1.15;font-weight:600}
em,.ital{font-family:'Newsreader',Georgia,serif;font-style:italic;font-weight:500}
.mono{font-family:'Geist Mono',ui-monospace,monospace;font-feature-settings:'tnum'}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px}
section{position:relative}
.sec-pad{padding:128px 0}
/* ---- floating white panels (Decagon / 11x style) ---- */
.sec-pad{padding:22px 26px}
.sec-pad > .wrap, .final > .wrap{
  background:#FFFFFF;border:1px solid rgba(14,19,24,.055);border-radius:32px;
  padding:72px 64px;max-width:1200px;margin:0 auto;position:relative;
  box-shadow:0 2px 22px rgba(14,19,24,.05);overflow:hidden}
.final{padding:22px 26px !important}
@media(max-width:760px){
  .sec-pad{padding:14px 14px}
  .sec-pad > .wrap, .final > .wrap{padding:40px 26px;border-radius:24px}
  .final{padding:14px 14px !important}
}
@media(max-width:760px){.sec-pad{padding:14px 14px}.wrap{padding:0 22px}}

.eyebrow{
  font-family:'Geist';font-weight:600;font-size:12.5px;letter-spacing:.15em;
  text-transform:uppercase;color:var(--ink-2);
  display:inline-flex;align-items:center;gap:9px;
}
.eyebrow.court{color:var(--ink-2)}
.eyebrow::before{content:"";width:22px;height:1.5px;background:var(--court-soft);display:inline-block;opacity:.9}

.section-head{max-width:720px;margin-bottom:64px}
.section-head h2{font-size:clamp(34px,4.6vw,56px);font-weight:500;margin-bottom:20px}
.section-head .sub{color:var(--ink-2);font-size:19px;max-width:600px}
.section-head .eyebrow{margin-bottom:22px}

/* ---------- buttons ---------- */
.btn{
  display:inline-flex;align-items:center;gap:9px;font-family:'Geist';font-weight:600;
  font-size:15.5px;border-radius:999px;padding:14px 28px;cursor:pointer;
  border:1.5px solid transparent;transition:transform .5s var(--ease),background .4s var(--ease),box-shadow .5s var(--ease),color .4s var(--ease),border-color .4s var(--ease);
  white-space:nowrap;
}
.btn .arr{display:none}
.arr{display:inline-flex;align-items:center}
.arr svg{width:1em;height:1em;display:block}
.final .bigmail .arr svg{width:.66em;height:.66em;stroke-width:2.2}
.btn:hover .arr{transform:translateX(5px)}
.btn-primary{background:#fff;border-color:var(--amber);color:var(--amber-deep);box-shadow:0 1px 2px rgba(14,19,24,.05)}
.btn-primary:hover{background:var(--amber);color:#fff;border-color:var(--amber);transform:translateY(-2px);box-shadow:0 12px 28px -14px rgba(27,37,56,.5)}
.btn-secondary{background:transparent;border-color:var(--ink);color:var(--ink)}
.btn-secondary:hover{background:var(--ink);color:var(--bg);transform:translateY(-2px)}
.btn-ghost{background:transparent;color:var(--ink);padding-left:0;font-weight:600}
.btn-ghost .arr{color:var(--amber-deep)}

/* ---------- court line watermark ---------- */
.court-lines{display:none}

/* ---------- nav ---------- */
.nav{position:absolute;top:0;left:0;right:0;z-index:300;padding:14px 22px}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:62px;max-width:1200px;margin:0 auto;padding:0 0 0 22px;
  background:rgba(255,252,247,.78);backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);
  border:1px solid var(--border);border-radius:999px;
  box-shadow:0 10px 30px -16px rgba(28,24,19,.22);
  transition:box-shadow .45s var(--ease),background .45s}
.nav.scrolled .nav-inner{background:rgba(255,252,247,.9);box-shadow:0 18px 44px -16px rgba(28,24,19,.34)}
.logo{display:flex;align-items:center;color:var(--ink);line-height:1;text-decoration:none}
.logo .logo-word{font-family:'Newsreader',Georgia,serif;font-weight:500;font-size:26px;letter-spacing:-0.01em;color:var(--ink);transition:opacity .3s var(--ease)}
.logo:hover .logo-word{opacity:.78}
.logo .logo-word .lw-24{color:#9A7B3C;font-weight:600;font-feature-settings:'tnum'}
.logo .logo-word .lw-pro{color:var(--amber)}
.nav-links{display:flex;align-items:center;gap:34px}
.nav-links a.lnk{font-size:15px;font-weight:500;color:var(--ink-2);transition:color .2s;position:relative}
.nav-links a.lnk:hover{color:var(--ink)}
.nav-links a.lnk::after{content:"";position:absolute;left:0;bottom:-5px;height:1.5px;width:0;background:var(--amber);transition:width .3s var(--ease)}
.nav-links a.lnk:hover::after{width:100%}
.nav .btn{padding:11px 20px;font-size:15px}
/* nav CTA: flush right cap of the pill, no arrow */
.nav-inner .nav-links{align-self:stretch}
.nav-inner .btn-primary{align-self:stretch;height:auto;border-radius:999px;padding:0 26px}
.nav-inner .btn-primary:hover{transform:none}
.nav-inner .btn-primary .arr{display:none}
/* Industries dropdown */
.nav-dd{position:relative;display:flex;align-items:center}
.nav-dd > .lnk{display:inline-flex;align-items:center;gap:5px;cursor:pointer}
.nav-dd > .lnk .cv{width:11px;height:11px;transition:transform .3s var(--ease)}
.nav-dd:hover > .lnk .cv,.nav-dd:focus-within > .lnk .cv{transform:rotate(180deg)}
.dd-menu{position:absolute;top:100%;left:50%;transform:translate(-50%,8px);margin-top:14px;
  min-width:248px;background:#fff;border:1px solid var(--border);border-radius:16px;
  padding:8px;box-shadow:0 22px 54px -22px rgba(14,19,24,.34);
  opacity:0;visibility:hidden;pointer-events:none;transition:opacity .26s var(--ease),transform .26s var(--ease);z-index:500}
.nav-dd:hover .dd-menu,.nav-dd:focus-within .dd-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.dd-menu a{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:11px;
  font-size:14.5px;font-weight:500;color:var(--ink);transition:background .18s}
.dd-menu a:hover{background:var(--bg)}
.dd-menu a .di{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex:0 0 auto;
  background:var(--amber-tint);color:var(--amber-deep)}
.dd-menu a .di svg{width:16px;height:16px}
.dd-menu a .dl{display:flex;flex-direction:column;line-height:1.25}
.dd-menu a .dl small{font-size:11.5px;color:var(--ink-2);font-weight:400}
/* floating reveal nav: descends into view once you scroll into the page */
.navfloat{position:fixed;top:0;left:0;right:0;z-index:301;padding:12px 22px;transform:translateY(-135%);transition:transform .5s var(--ease);pointer-events:none}
.navfloat.show{transform:translateY(0);pointer-events:auto}
.navfloat .nav-inner{height:58px;box-shadow:0 16px 42px -16px rgba(28,24,19,.32)}
.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}
.hamburger span{width:24px;height:2px;background:var(--ink);border-radius:2px;transition:.3s}
@media(max-width:900px){
  .nav-links{display:none}
  .hamburger{display:flex}
  .nav-inner{padding-right:14px}
}
/* mobile menu */
.mmenu{position:fixed;inset:0;z-index:400;background:var(--bg);transform:translateY(-100%);transition:transform .5s var(--ease);display:flex;flex-direction:column;justify-content:flex-start;gap:0;padding:96px 34px 40px}
.mmenu.open{transform:translateY(0)}
.mclose{position:absolute;top:20px;right:18px;width:44px;height:44px;display:grid;place-items:center;background:none;border:none;color:var(--ink);cursor:pointer;border-radius:50%;transition:background .2s}
.mclose:hover{background:rgba(28,24,19,.06)}
.mclose svg{width:24px;height:24px}
.mmenu > a,.mmenu > .btn{width:100%;max-width:360px;margin-left:auto;margin-right:auto}
.mmenu a:not(.btn){font-family:'Geist';font-weight:600;font-size:18px;letter-spacing:-.01em;padding:15px 2px;border-bottom:1px solid var(--border);color:var(--ink);transition:color .2s,opacity .2s}
.mmenu a:not(.btn):hover{opacity:.62}
.mmenu a[href^="tel:"]{display:flex;align-items:center;gap:9px;color:var(--ink);font-weight:600}
.mmenu a[href^="tel:"]::before{content:"";width:16px;height:16px;flex:0 0 auto;
  background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2 4.2 2 2 0 0 1 4 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.2-1.2a2 2 0 0 1 2.1-.5c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2Z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2 4.2 2 2 0 0 1 4 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.2-1.2a2 2 0 0 1 2.1-.5c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2Z'/%3E%3C/svg%3E") center/contain no-repeat}
.mmenu .btn{margin-top:26px;justify-content:center;font-size:16px;padding:16px}

/* ---------- hero ---------- */
.hero{padding:96px 0 110px;position:relative}
.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:64px;align-items:center}
.hero h1{font-size:clamp(36px,6.4vw,82px);font-weight:500;margin:24px 0 26px}
.hero h1 .ln{display:block;overflow:hidden}
.hero h1 .word{display:inline-block}
.hero h1 .accent{color:var(--amber-deep);font-style:italic}
.hero .sub{font-size:20px;color:var(--ink-2);max-width:520px;margin-bottom:38px}
.hero-cta{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.hero-trust{display:flex;gap:26px;margin-top:42px;flex-wrap:wrap}
.hero-trust .t{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--ink-2);font-weight:500}
.hero-trust .t svg{flex:0 0 auto}
@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr;gap:40px}
  .hero{padding:78px 0 70px}
}
@media(max-width:480px){
  .hero .sub{font-size:18px}
  .hero-cta{gap:14px}
  .rcard{padding:22px}
  .player{gap:10px;padding:10px 11px}
  .player .play{width:42px;height:42px}
  .player .time{font-size:11px}
  .player .speed{padding:5px 7px;font-size:11px;min-width:30px}
}
@media(max-width:900px){ body{padding-bottom:0} }

/* illustration slot */
.slot{
  position:relative;border-radius:var(--radius);overflow:hidden;
  background:linear-gradient(150deg,#F4F1EA,#EDE9E0);
  border:1px solid var(--border);
  display:grid;place-items:center;text-align:center;
}
.slot .slot-cap{position:relative;z-index:2;padding:24px;max-width:78%}
.slot .slot-cap .ico{width:48px;height:48px;margin:0 auto 14px;border-radius:12px;background:#fff;display:grid;place-items:center;box-shadow:0 6px 16px -8px rgba(0,0,0,.2);border:1px solid var(--border)}
.slot .slot-cap .lbl{font-family:'Geist';font-weight:600;font-size:14px;color:var(--ink);margin-bottom:5px}
.slot .slot-cap .desc{font-size:12.5px;color:var(--ink-2);line-height:1.45}
.slot .ph-badge{position:absolute;top:12px;left:12px;z-index:2;font-family:'Geist Mono';font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);background:rgba(255,255,255,.7);padding:4px 9px;border-radius:6px;border:1px solid var(--border)}
.hero-slot{aspect-ratio:4/4.4;width:100%}

/* ---------- problem ---------- */
.prob-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:980px){.prob-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.prob-grid{grid-template-columns:1fr}}
.card{
  background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:30px;
  transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .3s;
  position:relative;
}
.card:hover{transform:translateY(-5px);border-color:var(--amber);box-shadow:0 20px 40px -22px rgba(14,19,24,.22)}
.card .cico{width:46px;height:46px;border-radius:11px;display:grid;place-items:center;margin-bottom:18px;background:#FBEFE0;color:var(--amber-deep)}
.card .ctag{font-family:'Geist';font-weight:600;font-size:18px;margin-bottom:8px}
.card .ctxt{font-size:15px;color:var(--ink-2);line-height:1.55}
/* clickable pain cards (accordion) */
.prob-grid .card{cursor:pointer}
.prob-grid .card .chev{position:absolute;top:28px;right:26px;width:20px;height:20px;color:var(--ink-2);transition:transform .45s var(--ease),color .35s var(--ease)}
.prob-grid .card .ctag{padding-right:30px}
.prob-grid .card.open{border-color:var(--amber);box-shadow:0 22px 46px -24px rgba(27,37,56,.32)}
.prob-grid .card.open .chev{transform:rotate(180deg);color:var(--amber-deep)}
.prob-grid .card-more{max-height:0;overflow:hidden;opacity:0;transition:max-height .45s var(--ease),opacity .4s var(--ease),margin-top .45s var(--ease)}
.prob-grid .card.open .card-more{opacity:1;margin-top:16px}
.prob-grid .card-more .det{font-size:14px;color:var(--ink-2);line-height:1.55;margin-bottom:14px}
.prob-grid .card-fix{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5;color:var(--ink);padding-top:14px;border-top:1px solid var(--border)}
.prob-grid .card-fix .lbl{font-weight:600}
.prob-grid .card-fix svg{flex:0 0 auto;margin-top:2px;color:var(--court-soft)}
/* ---------- voice "call console": clean light premium panel ---------- */
#listen > .wrap.ocean-wrap{padding:0;overflow:visible;border:none;box-shadow:none;border-radius:0;max-width:780px;margin:0 auto;background:none}
.ocean-scene{position:relative;width:100%;overflow:hidden;border-radius:30px;
  display:flex;flex-direction:column;align-items:center;padding:64px 40px 60px;
  background:linear-gradient(180deg,#FFFDF9 0%,#F6F1E8 100%);
  border:1px solid var(--border);
  box-shadow:0 44px 100px -54px rgba(28,24,19,.45), inset 0 1px 0 rgba(255,255,255,.75)}
.ocean-scene::before{content:"";position:absolute;inset:0;border-radius:30px;pointer-events:none;z-index:0;
  background:radial-gradient(130% 75% at 50% 4%, rgba(28,24,19,.025), transparent 58%)}
.ocean-scene::after{content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,rgba(28,24,19,.13),transparent);z-index:1}
.ocean-content{position:relative;z-index:10;width:100%;max-width:560px;
  display:flex;flex-direction:column;align-items:center}
.ocean-content .section-head h2{color:var(--ink)}
.ocean-content .section-head .sub{color:var(--ink-2)}
.voice-wrap{position:relative;max-width:none;width:100%;margin:0 auto;text-align:center;
  background:none;border:none;border-radius:0;padding:14px 0 0;box-shadow:none}
/* old ocean waves removed */
.oc-water{display:none!important}
.voice-orb{width:88px;height:88px;border-radius:50%;background:linear-gradient(150deg,#2C548C,#13284C);
  display:grid;place-items:center;position:relative;flex:0 0 auto;
  box-shadow:0 18px 40px -16px rgba(27,37,56,.65)}
.voice-orb svg{width:36px;height:36px;color:#fff;position:relative;z-index:2}
.voice-orb::before,.voice-orb::after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid rgba(27,37,56,.5)}
@media (prefers-reduced-motion: no-preference){
  .voice-orb::before,.voice-orb::after{animation:orbpulse 2.8s ease-out infinite}
  .voice-orb::after{animation-delay:1.4s}
}
@keyframes orbpulse{0%{transform:scale(1);opacity:.55}100%{transform:scale(1.75);opacity:0}}
.voice-prompt{font-family:'Geist';font-size:14.5px;line-height:1.5;color:var(--ink-2);max-width:330px;margin:-4px 0 0}
.voice-embed{position:relative;width:100%;display:flex;align-items:center;justify-content:center;min-height:60px}
.voice-embed::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:20px;background:linear-gradient(transparent,#FFFCF7 72%);pointer-events:none;z-index:3}
.voice-wrap elevenlabs-convai{display:block;position:relative;z-index:1}
.voice-wrap elevenlabs-convai::part(branding){display:none!important}

/* ---------- detailed chat widget ---------- */
.chatw{max-width:440px;margin:0 auto;background:#FFFCF8;border:1px solid var(--border);border-radius:22px;overflow:hidden;
  box-shadow:0 44px 96px -48px rgba(28,24,19,.52);text-align:left;display:flex;flex-direction:column;height:516px}
.chatw-head{display:flex;align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid var(--border);background:linear-gradient(#FFFFFF,#FBF6EF)}
.chatw-ava{width:42px;height:42px;border-radius:50%;background:linear-gradient(150deg,#2C548C,#13284C);display:grid;place-items:center;flex:0 0 auto}
.chatw-ava svg{width:21px;height:21px;color:#fff}
.chatw-name{font-family:'Geist';font-weight:700;font-size:14.5px;color:var(--ink);letter-spacing:-0.01em}
.chatw-status{display:flex;align-items:center;gap:6px;font-family:'Geist';font-size:12px;color:var(--ink-2);margin-top:2px}
.chatw-status .dot{width:7px;height:7px;border-radius:50%;background:var(--court-soft);box-shadow:0 0 0 3px rgba(191,160,106,.16)}
.chatw-lang{margin-left:auto;font-family:'Geist Mono';font-weight:600;font-size:11px;color:var(--amber-deep);background:rgba(27,37,56,.1);padding:5px 10px;border-radius:8px;transition:transform .3s var(--ease),background .3s}
.chatw-lang.flip{transform:scale(1.18);background:rgba(27,37,56,.22)}
.chatw-body{flex:1;overflow:hidden;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;background:linear-gradient(#FBF7F1,#FFFCF8)}
.cmsg{max-width:84%;padding:10px 14px;border-radius:16px;font-size:13.5px;line-height:1.46}
@media (prefers-reduced-motion:no-preference){.cmsg{animation:cin .42s var(--ease)}}
@keyframes cin{from{opacity:0;transform:translateY(9px)}}
.cmsg.bot{align-self:flex-start;background:#fff;border:1px solid var(--border);color:var(--ink);border-bottom-left-radius:5px;box-shadow:0 3px 10px -6px rgba(28,24,19,.2)}
.cmsg.me{align-self:flex-end;background:linear-gradient(150deg,#2E827E,#13284C);color:#fff;border-bottom-right-radius:5px}
.cmsg .t{display:block;font-size:9.5px;opacity:.55;margin-top:5px;font-family:'Geist Mono';letter-spacing:.02em}
.ctyping{align-self:flex-start;display:flex;gap:4px;padding:13px 15px;background:#fff;border:1px solid var(--border);border-radius:16px;border-bottom-left-radius:5px;box-shadow:0 3px 10px -6px rgba(28,24,19,.2)}
.ctyping i{width:6px;height:6px;border-radius:50%;background:var(--ink-2);opacity:.4;animation:ctd 1s infinite}
.ctyping i:nth-child(2){animation-delay:.15s}.ctyping i:nth-child(3){animation-delay:.3s}
@keyframes ctd{0%,60%,100%{transform:translateY(0);opacity:.35}30%{transform:translateY(-4px);opacity:1}}
.chatw-chips{display:flex;flex-wrap:wrap;gap:7px;padding:0 18px 4px;min-height:0;transition:opacity .3s}
.chatw-chips .chip{font-family:'Geist';font-size:12px;font-weight:500;color:var(--amber-deep);background:rgba(27,37,56,.08);border:1px solid rgba(27,37,56,.22);border-radius:999px;padding:7px 13px}
@media (prefers-reduced-motion:no-preference){.chatw-chips .chip{animation:cin .35s var(--ease)}}
.chatw-input{display:flex;align-items:center;gap:10px;padding:12px 13px 13px;border-top:1px solid var(--border);background:#fff}
.ci-ph{flex:1;font-family:'Geist';font-size:13.5px;color:var(--ink-2);opacity:.7;padding-left:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ci-send{width:38px;height:38px;border-radius:50%;border:none;background:linear-gradient(150deg,#2C548C,#13284C);color:#fff;display:grid;place-items:center;cursor:pointer;flex:0 0 auto;box-shadow:0 6px 16px -8px rgba(27,37,56,.7)}
.ci-send svg{width:17px;height:17px}
/* voice orb (custom) */
.voice-orb-wrap{position:relative;display:flex;flex-direction:column;align-items:center;gap:22px;margin-top:8px}
.orb-or{position:relative;width:100%;max-width:340px;text-align:center;margin-bottom:6px}
.orb-or::before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border)}
.orb-or span{position:relative;background:var(--bg);padding:0 14px;font-family:'Geist Mono';font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);opacity:.7}
.vorb{position:relative;z-index:1;width:150px;height:150px;border-radius:50%;border:none;cursor:pointer;
  background:radial-gradient(120% 120% at 50% 30%,#2C548C,#12274A);color:#F3EFE3;display:grid;place-items:center;
  box-shadow:0 22px 46px -22px rgba(15,30,58,.6), inset 0 0 0 1.5px rgba(191,160,106,.6);
  transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.vorb:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 28px 58px -22px rgba(15,30,58,.72), inset 0 0 0 1.5px rgba(191,160,106,.88)}
/* equalizer: smooth traveling wave */
.vorb-eq{display:flex;align-items:center;gap:5px;height:54px;position:relative;z-index:2}
.vorb-eq i{width:5.5px;background:#F3EFE3;border-radius:4px;transform-origin:center}
.vorb-eq i:nth-child(1),.vorb-eq i:nth-child(7){height:36%}
.vorb-eq i:nth-child(2),.vorb-eq i:nth-child(6){height:56%}
.vorb-eq i:nth-child(3),.vorb-eq i:nth-child(5){height:78%}
.vorb-eq i:nth-child(4){height:94%}
@media (prefers-reduced-motion:no-preference){.vorb-eq i{animation:eqbar 1.2s ease-in-out infinite}}
@keyframes eqbar{0%,100%{transform:scaleY(.5)}50%{transform:scaleY(1)}}
.vorb-eq i:nth-child(1){animation-duration:1.3s;animation-delay:-.20s}
.vorb-eq i:nth-child(2){animation-duration:1.0s;animation-delay:-.55s}
.vorb-eq i:nth-child(3){animation-duration:1.5s;animation-delay:-.10s}
.vorb-eq i:nth-child(4){animation-duration:1.15s;animation-delay:-.70s}
.vorb-eq i:nth-child(5){animation-duration:1.4s;animation-delay:-.30s}
.vorb-eq i:nth-child(6){animation-duration:.95s;animation-delay:-.60s}
.vorb-eq i:nth-child(7){animation-duration:1.25s;animation-delay:-.15s}
.vorb-rings{position:absolute;inset:0;border-radius:50%;pointer-events:none}
.vorb-rings::before,.vorb-rings::after{content:"";position:absolute;border-radius:50%}
/* idle: calm, low-amplitude meter */
.vorb[data-state="idle"] .vorb-eq i{animation-name:eqIdle}
@keyframes eqIdle{0%,100%{transform:scaleY(.32)}50%{transform:scaleY(.52)}}
/* connecting: gentle spinner, dim bars */
.vorb[data-state="connecting"]{background:radial-gradient(125% 125% at 32% 24%,#1B2538,#13284C)}
.vorb[data-state="connecting"] .vorb-eq{opacity:.4}
.vorb[data-state="connecting"] .vorb-rings::before{inset:-5px;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;animation:vspin 1s linear infinite}
@keyframes vspin{to{transform:rotate(360deg)}}
/* listening: gentle wave + soft expanding ring */
.vorb[data-state="listening"] .vorb-eq i{animation-duration:1.5s}
.vorb[data-state="listening"] .vorb-rings::before{inset:0;border:2px solid rgba(27,37,56,.42);animation:vripple 2.6s ease-out infinite}
@keyframes vripple{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.7);opacity:0}}
/* speaking: fuller, lively meter */
.vorb[data-state="speaking"] .vorb-eq i{animation-name:eqbar;animation-duration:.7s}
.vorb[data-state="speaking"] .vorb-rings::before{inset:0;border:2px solid rgba(27,37,56,.5);animation:vripple 1.6s ease-out infinite}
.vorb-status{font-family:'Newsreader',Georgia,serif;font-size:20px;font-style:italic;color:var(--ink);font-weight:500;margin-top:6px}
.vorb-fine{font-family:'Geist Mono';font-size:10.5px;color:var(--ink-2);opacity:.55;letter-spacing:.06em;text-transform:uppercase;margin-top:7px}
/* talk button — clean black pill (replaces the orb) */
.talk-wrap{display:flex;flex-direction:column;align-items:center;margin-top:30px}
.talkbtn{display:inline-flex;align-items:center;gap:14px;background:#fff;color:var(--amber-deep);border:1.5px solid var(--amber);cursor:pointer;
  border-radius:999px;padding:16px 28px;font-family:'Geist';font-weight:600;font-size:16px;letter-spacing:-0.01em;
  box-shadow:0 1px 2px rgba(28,24,19,.06);transition:transform .4s var(--ease),box-shadow .4s var(--ease),background .3s,color .3s}
.talkbtn:hover{transform:translateY(-2px);background:var(--amber);color:#fff;box-shadow:0 18px 38px -18px rgba(22,129,122,.5)}
.talkbtn-eq{display:flex;align-items:center;gap:3px;height:20px;flex:0 0 auto}
.talkbtn-eq i{width:3px;border-radius:3px;background:var(--amber);height:28%;transition:background .3s}
.talkbtn:hover .talkbtn-eq i{background:#fff}
@media(prefers-reduced-motion:no-preference){.talkbtn-eq i{animation:tbeq 1s ease-in-out infinite}
  .talkbtn-eq i:nth-child(1){animation-delay:-.9s}.talkbtn-eq i:nth-child(2){animation-delay:-.5s}
  .talkbtn-eq i:nth-child(3){animation-delay:-.2s}.talkbtn-eq i:nth-child(4){animation-delay:-.7s}
  .talkbtn-eq i:nth-child(5){animation-delay:-.35s}}
@keyframes tbeq{0%,100%{height:22%}50%{height:92%}}
.talkbtn-ar{display:grid;place-items:center;flex:0 0 auto}
.talkbtn-ar svg{width:19px;height:19px;transition:transform .3s var(--ease)}
.talkbtn:hover .talkbtn-ar svg{transform:translateX(4px)}
.talk-fine{font-family:'Geist Mono';font-size:11px;color:var(--ink-2);opacity:.6;letter-spacing:.06em;text-transform:uppercase;margin-top:20px}
@media (prefers-reduced-motion:reduce){.vorb,.vorb::before,.vorb-eq i,.vorb-rings::before,.vorb-rings::after{animation:none!important}}

/* ---------- real call recordings ---------- */
.rec-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:980px;margin:0 auto;align-items:stretch}
@media(max-width:780px){.rec-grid{grid-template-columns:1fr;max-width:520px}}
.rcard{background:#FFFCF8;border:1px solid var(--border);border-radius:18px;padding:28px;display:flex;flex-direction:column;height:100%;transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .3s}
.rcard:hover{transform:translateY(-4px);box-shadow:0 24px 50px -28px rgba(28,24,19,.32);border-color:var(--amber)}
.rcard-van{height:132px;margin:-4px 0 20px;border-radius:14px;border:1px solid var(--border);overflow:hidden;background:linear-gradient(180deg,#EEF3F2,#FBFCFC)}
.rcard-van img{width:100%;height:100%;object-fit:cover;object-position:60% 50%;transform:scale(1.04)}
.rbadge{display:inline-flex;align-items:center;gap:7px;font-family:'Geist Mono';font-size:11px;letter-spacing:.03em;text-transform:uppercase;color:var(--amber-deep);background:rgba(27,37,56,.09);border:1px solid rgba(27,37,56,.18);padding:6px 11px;border-radius:999px;margin-bottom:16px}
.rtitle{font-family:'Newsreader',Georgia,serif;font-weight:500;font-size:25px;letter-spacing:-0.01em;margin-bottom:9px;color:var(--ink)}
.rdesc{font-size:14.5px;color:var(--ink-2);line-height:1.55;margin-bottom:22px}
.player{display:flex;align-items:center;gap:13px;background:var(--bg);border:1px solid var(--border);border-radius:13px;padding:12px 14px;margin-top:auto}
.player .play{width:46px;height:46px;border-radius:50%;border:none;flex:0 0 auto;cursor:pointer;background:linear-gradient(150deg,var(--amber),var(--amber-deep));color:#fff;display:grid;place-items:center;box-shadow:0 8px 18px -8px rgba(27,37,56,.7);transition:transform .25s var(--ease)}
.player .play:hover{transform:scale(1.06)}
.player .play svg{width:18px;height:18px}
.player .play .ic-pause{display:none}
.player.playing .play .ic-play{display:none}
.player.playing .play .ic-pause{display:block}
.wave{position:relative;flex:1;height:42px;min-width:0;cursor:pointer}
.wave .bars{position:absolute;inset:0;display:flex;align-items:center;gap:1.5px}
.wave .bars .bar{flex:1;border-radius:2px;background:var(--border);transform-origin:center}
@keyframes eqplay{0%,100%{transform:scaleY(.38)}50%{transform:scaleY(1)}}
.player.playing .wave .bar{animation:eqplay .85s ease-in-out infinite}
.wave .bars.fg{clip-path:inset(0 100% 0 0)}
.wave .bars.fg .bar{background:linear-gradient(180deg,var(--amber),var(--amber-deep))}
.player .time{font-family:'Geist Mono';font-size:12px;color:var(--ink-2);flex:0 0 auto;white-space:nowrap}
.player .speed{font-family:'Geist Mono';font-size:11.5px;font-weight:600;color:var(--amber-deep);background:rgba(27,37,56,.1);border:1px solid rgba(27,37,56,.2);border-radius:8px;padding:6px 8px;cursor:pointer;flex:0 0 auto;transition:background .2s,transform .2s;min-width:34px;text-align:center}
.player .speed:hover{background:rgba(27,37,56,.18);transform:translateY(-1px)}

/* ---------- solution ---------- */
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:980px){.feat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.feat-grid{grid-template-columns:1fr}}
.feat{
  background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:32px;
  transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .3s;
}
.feat:hover{transform:translateY(-5px);border-color:var(--court);box-shadow:0 20px 44px -24px rgba(30,63,112,.3)}
.feat .fico{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;margin-bottom:20px;background:#ECEDF0;color:var(--court)}
.feat h3{font-size:19px;font-weight:600;margin-bottom:9px}
.feat p{font-size:15px;color:var(--ink-2);line-height:1.55}

/* ---------- how it works ---------- */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;margin-top:20px}
.steps .line{position:absolute;top:23px;left:8%;right:8%;height:2px;background:var(--border);z-index:0}
.steps .line .fill{position:absolute;inset:0;width:0;background:var(--court);transform-origin:left}
.step{position:relative;z-index:1;padding:0 18px}
.step .num{width:48px;height:48px;border-radius:50%;border:2px solid var(--court);background:var(--bg);color:var(--court);font-family:'Geist Mono';font-weight:700;font-size:18px;display:grid;place-items:center;margin-bottom:24px}
.step h3{font-size:18px;font-weight:600;margin-bottom:10px;max-width:90%}
.step p{font-size:14.5px;color:var(--ink-2);line-height:1.55}
@media(max-width:860px){
  .steps{grid-template-columns:1fr;gap:36px}
  .steps .line{display:none}
  .step{padding:0 0 0 4px}
}

/* ---------- pricing ---------- */
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}
@media(max-width:980px){.price-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}}
.tier{
  background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:36px 32px;
  display:flex;flex-direction:column;transition:transform .4s var(--ease),box-shadow .4s var(--ease);
  position:relative;
}
.tier:hover{transform:translateY(-5px);box-shadow:0 24px 48px -26px rgba(14,19,24,.2)}
.tier.featured{
  border:2px solid var(--court);box-shadow:0 28px 60px -28px rgba(30,63,112,.42);
  transform:scale(1.035);z-index:2;
}
.tier.featured:hover{transform:scale(1.035) translateY(-5px)}
@media(max-width:980px){.tier.featured{transform:none}.tier.featured:hover{transform:translateY(-5px)}}
.tier .badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--court);color:#fff;font-family:'Geist';font-weight:600;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:6px 16px;border-radius:99px}
.tier .tname{font-family:'Geist';font-weight:700;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin-bottom:18px}
.tier.featured .tname{color:var(--court)}
.tier .price{font-family:'Geist Mono';font-weight:700;font-size:26px;color:var(--ink);line-height:1.2;margin-bottom:4px}
.tier .price small{font-size:14px;color:var(--ink-2);font-weight:500}
.tier .price .mo{font-size:18px}
.tier .tagline{font-family:'Newsreader',Georgia,serif;font-size:21px;line-height:1.32;color:var(--ink);font-weight:500;margin-bottom:0}
.tier .for{font-size:14px;color:var(--ink-2);margin:14px 0 24px;line-height:1.5}
.tier .feats{list-style:none;display:flex;flex-direction:column;gap:11px;margin-bottom:30px;flex:1}
.tier .feats li{display:flex;gap:11px;font-size:14.5px;line-height:1.45;color:var(--ink)}
.tier .feats li svg{flex:0 0 auto;margin-top:3px;color:var(--court-soft)}
.tier .feats li.head{font-weight:600;color:var(--ink)}
.tier .btn{justify-content:center;width:100%}

/* ---------- listen ---------- */
.audio-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media(max-width:760px){.audio-grid{grid-template-columns:1fr}}
.player{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:28px;transition:border-color .3s,box-shadow .3s}
.player:hover{border-color:var(--amber);box-shadow:0 20px 40px -26px rgba(14,19,24,.2)}
.player .ptop{display:flex;align-items:center;gap:16px}
.play-btn{width:52px;height:52px;border-radius:50%;background:var(--amber);border:none;cursor:pointer;display:grid;place-items:center;flex:0 0 auto;transition:transform .45s var(--ease),background .35s var(--ease);box-shadow:0 1px 3px rgba(28,24,19,.14)}
.play-btn:hover{transform:translateY(-2px);background:var(--amber-deep)}
.play-btn svg{fill:#fff}
.player .meta{flex:1;min-width:0}
.player .ptitle{font-family:'Geist';font-weight:600;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
.player .ptitle .tag{color:var(--amber-deep)}
.player .timer{font-family:'Geist Mono';font-size:13px;color:var(--ink-2);margin-top:3px}
.waveform{display:flex;align-items:center;gap:3px;height:42px;margin:20px 0 16px}
.waveform .bar{flex:1;background:var(--border);border-radius:2px;transition:background .2s}
.player.playing .waveform .bar{background:var(--amber)}
.player .pdesc{font-size:14px;color:var(--ink-2);line-height:1.5}
.player .transcript-toggle{margin-top:16px;font-size:13px;font-weight:600;color:var(--court);cursor:pointer;display:inline-flex;align-items:center;gap:6px;user-select:none}
.player .transcript-toggle svg{transition:transform .3s}
.player.tr-open .transcript-toggle svg{transform:rotate(180deg)}
.player .transcript{max-height:0;overflow:hidden;transition:max-height .45s var(--ease);font-size:13.5px;color:var(--ink-2);line-height:1.6}
.player.tr-open .transcript{max-height:340px;margin-top:14px}
.player .transcript .ln{padding:5px 0;border-top:1px solid var(--border)}
.player .transcript .who{font-weight:600;color:var(--ink)}

/* ---------- why ---------- */
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
@media(max-width:820px){.why-grid{grid-template-columns:1fr;gap:30px}}
.why .wnum{font-family:'Geist Mono';font-weight:700;font-size:14px;color:var(--amber-deep);margin-bottom:18px}
.why h3{font-family:'Geist';font-weight:700;font-size:24px;margin-bottom:12px}
.why p{font-size:16px;color:var(--ink-2);line-height:1.6}
.why .wrow{padding-top:26px;border-top:2px solid var(--ink)}

/* ---------- faq ---------- */
.faq-wrap{max-width:840px;margin:0 auto}
.faq-item{border-bottom:1px solid var(--border)}
.faq-q{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 4px;cursor:pointer;font-family:'Geist';font-weight:600;font-size:20px}
.faq-q .plus{flex:0 0 auto;width:26px;height:26px;position:relative}
.faq-q .plus::before,.faq-q .plus::after{content:"";position:absolute;background:var(--court);border-radius:2px;transition:transform .35s var(--ease)}
.faq-q .plus::before{top:50%;left:0;right:0;height:2px;transform:translateY(-50%)}
.faq-q .plus::after{left:50%;top:0;bottom:0;width:2px;transform:translateX(-50%)}
.faq-item.open .plus::after{transform:translateX(-50%) scaleY(0)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .5s var(--ease)}
.faq-a p{padding:0 4px 26px;font-size:16px;color:var(--ink-2);line-height:1.65;max-width:680px}

/* ---------- final cta ---------- */
.final{position:relative;text-align:center;overflow:visible;background:transparent;
  padding:130px 0}
.final h2{font-size:clamp(38px,5.4vw,68px);font-weight:500;max-width:900px;margin:0 auto 22px;text-wrap:balance}
.final .sub{font-size:19px;color:var(--ink-2);max-width:600px;margin:0 auto 44px}
.final .bigmail{display:inline-flex;align-items:center;gap:14px;font-family:'Newsreader',Georgia,serif;font-style:italic;font-weight:500;font-size:clamp(28px,4.4vw,48px);color:var(--ink);margin-bottom:34px;letter-spacing:-0.01em;transition:color .4s var(--ease)}
.final .bigmail:hover{color:var(--amber-deep)}
.final .bigmail .arr{font-style:normal}
.final .bigmail .glow{position:relative}
.final .bigmail .glow::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1.5px;background:var(--amber);transform:scaleX(0);transform-origin:0 50%;transition:transform .5s var(--ease)}
.final .bigmail:hover .glow::after{transform:scaleX(1)}

/* ---------- footer ---------- */
.footer{background:transparent;border-top:1px solid var(--border);padding:54px 0 40px}
.footer-inner{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;align-items:flex-start}
.footer .flinks{display:flex;gap:22px;margin-top:16px;flex-wrap:wrap}
.footer .flinks a{font-size:14px;color:var(--ink-2);transition:color .2s}
.footer .flinks a:hover{color:var(--ink)}
.footer .fright{text-align:right}
.footer .fright a{font-family:'Geist',sans-serif;font-size:15px;color:var(--ink);font-weight:600;letter-spacing:-0.01em}
.footer .fmeta{font-size:13px;color:var(--ink-2);margin-top:8px}
@media(max-width:620px){.footer-inner{flex-direction:column}.footer .fright{text-align:left}}

/* reveal base (JS-driven, fallback visible) */
.reveal-group>*{will-change:transform,opacity}

/* unified surface: sections share the body background; rhythm comes from spacing + cards */
.bg-2{background:transparent}
.divline{height:1px;background:var(--border);max-width:var(--maxw);margin:0 auto}

/* ---------- ambient scroll-reactive aura ---------- */
.bg-aura{position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(62% 56% at var(--a1x,20%) var(--a1y,16%), rgba(196,184,166,.16), transparent 68%),
    radial-gradient(60% 54% at var(--a2x,84%) var(--a2y,30%), rgba(196,184,166,.13), transparent 68%),
    radial-gradient(66% 60% at var(--a3x,58%) var(--a3y,92%), rgba(205,195,178,.12), transparent 70%);
  will-change:background}
section,.integ,.footer{position:relative;z-index:1}
nav.nav{position:absolute;z-index:300}
.mobile-cta{z-index:90}

/* ---------- integration marquee ---------- */
.integ{padding:46px 0 50px;border-bottom:1px solid var(--border);overflow:hidden}
.integ-lab{text-align:center;font-family:'Geist Mono';font-size:12px;letter-spacing:.06em;color:var(--ink-2);text-transform:uppercase;margin-bottom:28px;opacity:.8}
.marquee{position:relative;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.marquee-track{display:flex;align-items:center;gap:60px;padding-right:60px;flex:0 0 auto;animation:scrollx 34s linear infinite}
.integ:hover .marquee-track{}
@keyframes scrollx{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.integ-logo{font-family:'Geist';font-weight:700;font-size:21px;letter-spacing:-0.01em;color:var(--ink);opacity:.4;filter:grayscale(1);transition:opacity .35s var(--ease),filter .35s var(--ease),color .35s var(--ease);white-space:nowrap;display:inline-flex;align-items:center;gap:8px}
.integ-logo svg{width:20px;height:20px;flex:0 0 auto}
.integ-logo:hover{opacity:1;filter:grayscale(0);color:var(--amber-deep)}
@media(prefers-reduced-motion:reduce){.marquee-track{animation:none;flex-wrap:wrap;justify-content:center;gap:30px 44px}}

/* ===================== PREMIUM MOTION LAYER ===================== */
/* scroll progress */
.progress{position:fixed;top:0;left:0;height:3px;width:100%;transform:scaleX(0);transform-origin:0 50%;z-index:200;
  background:linear-gradient(90deg,var(--amber),var(--amber-deep));pointer-events:none}
/* film grain */
.grain{position:fixed;inset:0;z-index:300;pointer-events:none;opacity:.04;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px}
/* scroll-driven reveals (CSS view-timeline; degrades to always-visible, never hides content) */
@keyframes rise{ from{opacity:0;transform:translateY(26px)} to{opacity:1;transform:none} }
@keyframes zoomIn{ from{opacity:.45;transform:scale(.965) translateY(24px)} to{opacity:1;transform:none} }
/* approach → settle → recede, scrubbed across the full pass through the viewport (11x-style) */
@keyframes approachRecede{
  0%{opacity:.35;transform:scale(.86) translateY(46px)}
  42%{opacity:1;transform:scale(1) translateY(0)}
  62%{opacity:1;transform:scale(1) translateY(0)}
  100%{opacity:.4;transform:scale(.93) translateY(-30px)}
}
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion: no-preference){
    .section-head{ animation:rise linear both; animation-timeline:view(); animation-range:entry 3% entry 44%; }
    .reveal-group > *:not(.scroll-approach){ animation:rise linear both; animation-timeline:view(); animation-range:entry 0% entry 40%; }
    .scroll-approach{ animation:approachRecede linear both; animation-timeline:view(); animation-range:entry 6% exit 94%; }
  }
}

/* ---------- live call simulation ---------- */
.callcard{background:linear-gradient(162deg,#FFFFFF,#F6F2EA)!important;place-items:stretch!important;box-shadow:0 30px 70px -34px rgba(14,19,24,.4)}
.callui{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;padding:24px 22px;text-align:left}
.callui-head{display:flex;align-items:center;gap:13px;padding-bottom:17px;border-bottom:1px solid var(--border)}
.callui-av{width:44px;height:44px;border-radius:50%;background:#FFFFFF;border:2px solid #0E1318;display:grid;place-items:center;color:#0E1318;flex:0 0 auto;position:relative}
.callui-av svg{width:23px;height:23px}
.callui-av::after{content:"";position:absolute;right:-2px;bottom:-2px;width:13px;height:13px;border-radius:50%;background:#B9B3A6;border:2.5px solid #fff}
@keyframes livedot{0%{box-shadow:0 0 0 0 rgba(191,160,106,.45)}100%{box-shadow:0 0 0 7px rgba(191,160,106,0)}}
.callui-av.connected::after{background:var(--court-soft);animation:livedot 2s ease-out infinite}
.callui-name{font-family:'Geist';font-weight:700;font-size:15px}
.callui-status{font-family:'Geist Mono';font-size:11px;color:var(--ink-2);margin-top:3px;letter-spacing:.01em}
.callui-status .grn{color:var(--court-soft);vertical-align:middle;font-size:8px;margin-right:2px}
.callui-lang{margin-left:auto}
/* ---- demo industry switcher ---- */
.demo{display:flex;flex-direction:column;gap:14px;width:100%}
.demo-tabs{position:relative;display:flex;gap:2px;background:var(--bg-2);border:1px solid var(--border);border-radius:999px;padding:4px}
.demo-ind{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px)/3);background:#FFFCF7;border-radius:999px;box-shadow:0 2px 7px -2px rgba(28,24,19,.18);transition:transform .55s var(--ease)}
.demo-tab{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;gap:7px;background:none;border:none;cursor:pointer;padding:11px 6px;font-family:'Geist';font-weight:600;font-size:13px;color:var(--ink-2);transition:color .35s var(--ease);border-radius:999px}
.demo-tab.is-active{color:var(--ink)}
.demo-tab svg{width:15px;height:15px;flex:0 0 auto}
.demo-tab span{white-space:nowrap}
@media(max-width:440px){.demo-tab span{display:none}.demo-tab svg{width:18px;height:18px}}
.callui-meta{min-width:0;flex:1}
.callui-langs{display:flex;gap:2px;background:var(--bg-2);border-radius:999px;padding:3px;flex:0 0 auto}
.lang-pill{border:none;background:none;cursor:pointer;font-family:'Geist Mono';font-weight:600;font-size:11px;color:var(--ink-2);padding:5px 11px;border-radius:999px;transition:background .35s var(--ease),color .35s var(--ease)}
.lang-pill.is-active{background:#FFFCF7;color:var(--amber-deep);box-shadow:0 1px 3px -1px rgba(28,24,19,.22)}
.demo-hint{position:absolute;bottom:11px;right:16px;font-family:'Geist Mono';font-size:10px;letter-spacing:.04em;color:var(--ink-2);opacity:.55;display:none}
@media(hover:none) and (pointer:coarse){.demo-hint{display:block}}
.callui{transition:opacity .4s var(--ease)}
.callui.switching{opacity:0}
.callui-body{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:9px;overflow:hidden;padding:16px 0}
.bub{max-width:85%;padding:9px 13px 8px;border-radius:14px;font-size:13px;line-height:1.42}
@media (prefers-reduced-motion:no-preference){.bub{animation:bin .45s var(--ease)}}
@keyframes bin{from{opacity:0;transform:translateY(10px) scale(.96)}}
.bub .who{display:block;font-family:'Geist Mono';font-size:8.5px;letter-spacing:.08em;text-transform:uppercase;opacity:.5;margin-bottom:3px;font-weight:600}
.bub.caller{align-self:flex-start;background:var(--bg-2);color:var(--ink);border-bottom-left-radius:5px}
.bub.ai{align-self:flex-end;background:var(--amber);color:#fff;border-bottom-right-radius:5px}
.bub.ai .who{opacity:.75}
.bub.typing{display:flex;gap:4px;padding:14px;align-self:flex-end}
.bub.typing span{width:6px;height:6px;border-radius:50%;background:#fff;animation:tdot 1s infinite}
.bub.typing span:nth-child(2){animation-delay:.15s}
.bub.typing span:nth-child(3){animation-delay:.3s}
@keyframes tdot{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}
.callui-cap{display:flex;align-items:center;gap:7px;font-family:'Geist Mono';font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);padding-top:13px;border-top:1px solid var(--border)}
.callui-cap .cd{width:6px;height:6px;border-radius:50%;background:var(--court-soft);box-shadow:0 0 0 3px rgba(191,160,106,.16);flex:0 0 auto}
.callui-wave{height:36px;display:flex;align-items:center;justify-content:center;gap:3px;padding-top:9px}
.callui-wave i{width:3.5px;border-radius:3px;background:linear-gradient(180deg,var(--amber),var(--amber-deep));height:14%;min-height:4px;transition:height .12s ease}
.callui-ctrls{display:flex;justify-content:center;gap:13px;padding-top:13px;margin-top:9px;border-top:1px solid var(--border)}
.callui-ctrls .cc{width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:#fff;color:var(--ink-2);display:grid;place-items:center;cursor:pointer;transition:background .25s,color .25s,transform .25s,box-shadow .25s}
.callui-ctrls .cc:hover{background:var(--bg-2);color:var(--ink);transform:translateY(-2px);box-shadow:0 6px 14px -8px rgba(28,24,19,.4)}
.callui-ctrls .cc svg{width:17px;height:17px}
.callui-ctrls .cc-end{background:#1B2538;border-color:#1B2538;color:#fff}
.callui-ctrls .cc-end:hover{background:#13284C;color:#fff}
.callui-ctrls .cc-end svg{transform:rotate(135deg)}
.bub .t{display:block;font-family:'Geist Mono';font-size:8.5px;opacity:.45;margin-top:4px;letter-spacing:.02em}
.bub .who::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:5px;vertical-align:middle}
.bub.ai .who::before{background:#fff}
.bub.caller .who::before{background:var(--ink-2)}
@media(max-width:900px){.hero-slot.callcard{aspect-ratio:4/4.7}}

/* ============ NICHE PAGE TEMPLATE ============ */
.nhero{text-align:center}
.nhero .eyebrow{justify-content:center}
.nhero h1{font-size:clamp(38px,5.4vw,68px);margin:22px auto 0;max-width:14ch}
.nhero h1 .accent{font-family:'Newsreader',Georgia,serif;font-style:italic;color:var(--amber)}
.nhero .sub{font-size:clamp(18px,1.5vw,21px);color:var(--ink-2);max-width:62ch;margin:22px auto 0}
.nhero .hero-cta{justify-content:center;margin-top:34px}
.nhero .hero-trust{justify-content:center;margin-top:26px}

.pain-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:8px}
@media(max-width:760px){.pain-grid{grid-template-columns:1fr}}
.pain{display:flex;gap:15px;align-items:flex-start;background:var(--bg);border:1px solid var(--border);
  border-radius:16px;padding:22px 24px;transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .3s}
.pain:hover{transform:translateY(-3px);box-shadow:0 18px 38px -24px rgba(14,19,24,.26);border-color:var(--amber)}
.pain .pico{width:40px;height:40px;border-radius:11px;flex:0 0 auto;display:grid;place-items:center;
  background:#fff;border:1px solid var(--border);color:var(--amber-deep)}
.pain .pico svg{width:21px;height:21px}
.pain .ptx{display:flex;flex-direction:column;gap:4px}
.pain .ptx strong{font-family:'Geist';font-weight:600;font-size:16.5px;color:var(--ink);letter-spacing:-.01em}
.pain .ptx span{font-size:14.5px;color:var(--ink-2);line-height:1.5}

.auto-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 40px;margin-top:8px}
@media(max-width:760px){.auto-grid{grid-template-columns:1fr;gap:14px}}
.auto-item{display:flex;gap:14px;align-items:flex-start;padding:6px 0}
.auto-item .ac{width:26px;height:26px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;
  background:var(--amber-tint);color:var(--amber-deep);margin-top:2px}
.auto-item .ac svg{width:15px;height:15px}
.auto-item .at{display:flex;flex-direction:column;gap:3px}
.auto-item .at strong{font-family:'Geist';font-weight:600;font-size:16px;color:var(--ink);letter-spacing:-.01em}
.auto-item .at span{font-size:14px;color:var(--ink-2);line-height:1.5}

.niche-note{margin-top:30px;text-align:center;font-size:14px;color:var(--ink-2)}
.niche-note strong{color:var(--ink);font-weight:600}
.legal-note{margin-top:22px;font-size:12.5px;color:var(--ink-2);opacity:.85;text-align:center;font-style:italic}
.price-foot{margin-top:30px;text-align:center;font-family:'Newsreader',Georgia,serif;font-size:19px;font-style:italic;color:var(--ink)}

/* single-recording variant on niche pages */
.rec-grid.solo{grid-template-columns:1fr;max-width:560px;margin:0 auto}

/* industry CTA on home tabs */
.demo-see{display:inline-flex;align-items:center;gap:7px;margin-top:18px;font-family:'Geist';
  font-weight:600;font-size:14.5px;color:var(--amber-deep)}
.demo-see svg{width:15px;height:15px;transition:transform .3s var(--ease)}
.demo-see:hover svg{transform:translateX(4px)}

/* ============ INDUSTRY TABS (single-page niches) ============ */
.niche-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:0 auto 56px;max-width:860px}
.niche-tab{display:inline-flex;align-items:center;gap:9px;background:var(--bg);border:1.5px solid var(--border);
  border-radius:999px;padding:11px 20px;cursor:pointer;font-family:'Geist';font-weight:600;font-size:15px;
  color:var(--ink-2);letter-spacing:-.01em;
  transition:background .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease),transform .35s var(--ease),box-shadow .35s var(--ease)}
.niche-tab svg{width:17px;height:17px;flex:0 0 auto;transition:color .35s var(--ease)}
.niche-tab:hover{border-color:var(--amber);color:var(--ink);transform:translateY(-2px)}
.niche-tab.is-active{background:var(--amber);border-color:var(--amber);color:#fff;
  box-shadow:0 12px 26px -14px rgba(27,37,56,.55)}
.niche-tab.is-active:hover{transform:none}
@media(max-width:520px){.niche-tab{padding:10px 15px;font-size:14px}.niche-tab svg{width:15px;height:15px}}

.niche-panels{position:relative}
.niche-content{display:none}
.niche-content.is-active{display:block}
@media (prefers-reduced-motion:no-preference){
  .niche-content.is-active{animation:nicheIn .5s var(--ease)}
}
@keyframes nicheIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

.niche-head{text-align:center;max-width:760px;margin:0 auto 48px}
.niche-head .tag{display:inline-flex;align-items:center;gap:8px;font-family:'Geist Mono';font-size:11.5px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--amber-deep);background:var(--amber-tint);
  border-radius:999px;padding:6px 14px;margin-bottom:18px}
.niche-head h3{font-family:'Newsreader',Georgia,serif;font-weight:500;font-size:clamp(28px,3.4vw,40px);
  letter-spacing:-.015em;line-height:1.08;color:var(--ink)}
.niche-head h3 .accent{font-style:italic;color:var(--amber)}
.niche-head p{margin-top:16px;color:var(--ink-2);font-size:18px;max-width:60ch;margin-left:auto;margin-right:auto}

.niche-block{margin-top:56px}
.niche-block:first-child{margin-top:0}
.niche-block .blab{display:flex;align-items:center;gap:11px;font-family:'Geist';font-weight:600;font-size:13px;
  letter-spacing:.13em;text-transform:uppercase;color:var(--ink-2);margin-bottom:24px}
.niche-block .blab::before{content:"";width:22px;height:1.5px;background:var(--amber);flex:0 0 auto}

.niche-demo{margin-top:56px;text-align:center;background:var(--bg);border:1px solid var(--border);
  border-radius:22px;padding:40px 32px}
.niche-demo .blab{justify-content:center}
.niche-demo .niche-demo-title{font-family:'Newsreader',Georgia,serif;font-weight:500;font-size:24px;
  color:var(--ink);margin-bottom:8px}
.niche-demo p.dsub{color:var(--ink-2);font-size:15.5px;max-width:54ch;margin:0 auto 26px}
.niche-demo .player{max-width:560px;margin:0 auto}
.niche-demo .niche-cta{display:inline-flex;align-items:center;gap:9px;font-family:'Geist';font-weight:600;
  font-size:16px;border-radius:999px;padding:15px 30px;background:var(--amber);color:#fff;cursor:pointer;
  border:1.5px solid var(--amber);transition:transform .45s var(--ease),box-shadow .45s var(--ease),background .35s}
.niche-demo .niche-cta:hover{transform:translateY(-2px);box-shadow:0 14px 30px -14px rgba(27,37,56,.55);background:var(--amber-deep)}
.niche-demo .niche-cta svg{width:18px;height:18px}

.niche-pricing{margin-top:64px;padding-top:56px;border-top:1px solid var(--border)}
.niche-pricing .blab{justify-content:center}
.tier .price{font-family:'Newsreader',Georgia,serif;font-weight:500;font-size:34px;color:var(--ink);margin:2px 0 4px}
.tier .price small.mo{font-size:15px;color:var(--ink-2);font-family:'Geist'}

/* "Other" niche — service chips */
.niche-services{display:flex;flex-wrap:wrap;justify-content:center;gap:11px;margin-top:6px;max-width:720px;
  margin-left:auto;margin-right:auto}
.svc-chip{display:inline-flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--border);
  border-radius:999px;padding:11px 18px;font-family:'Geist';font-weight:500;font-size:15px;color:var(--ink)}
.svc-chip .d{width:7px;height:7px;border-radius:50%;background:var(--amber);flex:0 0 auto}

/* ============ AGENCY POLISH ============ */
/* panel rhythm: cream alternation on bg-2 sections */
.sec-pad.bg-2 > .wrap{background:#F4F2EC;border-color:rgba(14,19,24,.05)}

/* hero early-adopter badge (honest, no fake stats) */
.hero-badge{display:flex;width:max-content;max-width:100%;align-items:center;gap:8px;font-family:'Geist Mono';font-size:11px;
  letter-spacing:.07em;text-transform:uppercase;color:var(--amber-deep);background:var(--amber-tint);
  border-radius:999px;padding:6px 13px;margin-bottom:20px}
.hero-badge .dot{width:7px;height:7px;border-radius:50%;background:var(--amber);flex:0 0 auto;
  box-shadow:0 0 0 4px rgba(27,37,56,.16)}

/* What we build: distinct icon cards */
.build-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media(max-width:1040px){.build-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.build-grid{grid-template-columns:1fr}}
.svc-card{position:relative;background:var(--bg);border:1px solid var(--border);border-radius:20px;
  padding:26px 24px;display:flex;flex-direction:column;gap:12px;
  transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .35s}
.svc-card:hover{transform:translateY(-4px);box-shadow:0 24px 48px -28px rgba(14,19,24,.32);border-color:rgba(14,19,24,.12)}
.svc-card .svico{width:50px;height:50px;border-radius:14px;display:grid;place-items:center}
.svc-card .svico svg{width:25px;height:25px}
.svc-card h3{font-size:18px;letter-spacing:-.015em}
.svc-card p{font-size:14.5px;color:var(--ink-2);line-height:1.55}
.svc-card .svc-link{margin-top:auto;display:inline-flex;align-items:center;gap:7px;font-weight:600;
  font-size:14px;color:var(--amber-deep);padding-top:4px}
.svc-card .svc-link svg{width:15px;height:15px;transition:transform .3s var(--ease)}
.svc-card .svc-link:hover svg{transform:translateX(4px)}
.svc-card.flagship{border-color:var(--amber);box-shadow:0 18px 40px -26px rgba(27,37,56,.5)}
.svc-card .fbadge{position:absolute;top:20px;right:20px;font-family:'Geist Mono';font-size:10px;
  letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:#2A2008;background:var(--gold);
  border-radius:999px;padding:4px 11px}
.c-voice .svico,
.c-chat  .svico,
.c-flow  .svico,
.c-know  .svico,
.c-int   .svico,
.c-lead  .svico,
.c-doc   .svico,
.c-ana   .svico{background:var(--bg-2);color:var(--ink)}
.build-foot{margin-top:40px;text-align:center;font-family:'Newsreader',Georgia,serif;font-size:19px;
  font-style:italic;color:var(--ink)}

/* niche head: split text + mini call mockup */
.niche-head{display:grid;grid-template-columns:1.02fr .98fr;gap:46px;align-items:center;
  text-align:left;max-width:1000px;margin:0 auto 60px}
.niche-head.solo{display:block;text-align:center;max-width:760px}
.nh-copy .tag{margin-bottom:18px}
.nh-copy h3{font-family:'Newsreader',Georgia,serif;font-weight:500;font-size:clamp(28px,3.4vw,40px);
  letter-spacing:-.015em;line-height:1.08;color:var(--ink)}
.nh-copy h3 .accent{font-style:italic;color:var(--amber)}
.nh-copy p{margin-top:16px;color:var(--ink-2);font-size:18px;max-width:46ch}
.niche-head.solo .nh-copy p{margin-left:auto;margin-right:auto}
@media(max-width:860px){.niche-head{grid-template-columns:1fr;gap:32px;text-align:center}
  .niche-head .nh-copy p{margin-left:auto;margin-right:auto}}

.niche-mock{background:#FFFCF7;border:1px solid var(--border);border-radius:20px;padding:18px;
  box-shadow:0 26px 56px -34px rgba(14,19,24,.42)}
.nm-head{display:flex;align-items:center;gap:11px;padding-bottom:14px;border-bottom:1px solid var(--border)}
.nm-av{width:38px;height:38px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;
  background:var(--amber-tint);color:var(--amber-deep)}
.nm-av svg{width:19px;height:19px}
.nm-meta{flex:1;min-width:0;text-align:left}
.nm-name{font-weight:600;font-size:14px;color:var(--ink)}
.nm-status{font-family:'Geist Mono';font-size:10.5px;color:var(--ink-2);display:flex;align-items:center;gap:5px}
.nm-status .grn{color:var(--court-soft)}
.nm-lang{font-family:'Geist Mono';font-weight:600;font-size:10.5px;color:var(--amber-deep);
  background:var(--bg-2);border-radius:999px;padding:4px 10px;flex:0 0 auto}
.nm-body{display:flex;flex-direction:column;gap:9px;padding-top:14px}
.niche-mock .bub{max-width:90%;padding:9px 13px 8px;border-radius:14px;font-size:12.5px;line-height:1.42}
.niche-mock .bub .who{display:block;font-family:'Geist Mono';font-size:8px;letter-spacing:.08em;
  text-transform:uppercase;opacity:.55;margin-bottom:3px;font-weight:600}
.niche-mock .bub.caller{align-self:flex-start;background:var(--bg-2);color:var(--ink);border-bottom-left-radius:5px}
.niche-mock .bub.ai{align-self:flex-end;background:var(--amber);color:#fff;border-bottom-right-radius:5px}
.niche-mock .bub.ai .who{opacity:.8}

/* ============ FINAL POLISH: hero AI-worker panel · gold · per-industry color ============ */
/* hero "AI worker" status panel — a frosted card showing the AI completing tasks live */
.hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:clamp(360px,42vw,470px)}
.aiworker{position:relative;width:100%;max-width:400px;background:rgba(255,253,248,.92);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(14,19,24,.07);border-radius:24px;padding:22px 22px 18px;
  box-shadow:0 40px 90px -42px rgba(34,86,83,.5),0 2px 0 rgba(255,255,255,.6) inset;z-index:2}
@media (prefers-reduced-motion:no-preference){.aiworker{animation:awFloat 7s var(--ease) infinite}}
@keyframes awFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.aw-orbit{display:none}
.aw-orbit.o1{width:58%;aspect-ratio:1;top:-10%;right:-12%;
  background:radial-gradient(circle,color-mix(in oklab,var(--amber) 18%,transparent),transparent 70%);filter:blur(18px)}
.aw-orbit.o2{width:46%;aspect-ratio:1;bottom:-8%;left:-10%;
  background:radial-gradient(circle,color-mix(in oklab,var(--court) 16%,transparent),transparent 70%);filter:blur(20px)}
.aw-head{position:relative;z-index:2;display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--border)}
.aw-ava{position:relative;width:48px;height:48px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;
  background:#FFFFFF;color:#15120E;
  box-shadow:0 6px 16px -8px rgba(28,24,19,.22), inset 0 0 0 1.5px #15120E}
.aw-ava svg{width:25px;height:25px}
.aw-live{position:absolute;right:-3px;bottom:-3px;width:14px;height:14px;border-radius:50%;
  background:#34D6C9;border:2.5px solid #FFFDF8}
@media (prefers-reduced-motion:no-preference){.aw-live{animation:awLive 2s ease-out infinite}}
@keyframes awLive{0%{box-shadow:0 0 0 0 rgba(191,160,106,.5)}100%{box-shadow:0 0 0 7px rgba(191,160,106,0)}}
.aw-meta{flex:1;min-width:0}
.aw-name{font-family:'Geist';font-weight:700;font-size:16px;letter-spacing:-.01em;color:var(--ink)}
.aw-sub{display:flex;align-items:center;gap:6px;font-family:'Geist Mono';font-size:11px;color:var(--ink-2);margin-top:3px}
.aw-dot{width:6px;height:6px;border-radius:50%;background:var(--court-soft);flex:0 0 auto}
.aw-eq{display:flex;align-items:flex-end;gap:3px;height:24px;flex:0 0 auto}
.aw-eq i{width:3.5px;border-radius:3px;background:linear-gradient(180deg,var(--amber),var(--amber-deep));height:24%}
@media (prefers-reduced-motion:no-preference){
  .aw-eq i{animation:awEq 1.05s ease-in-out infinite}
  .aw-eq i:nth-child(1){animation-delay:-.9s}.aw-eq i:nth-child(2){animation-delay:-.5s}
  .aw-eq i:nth-child(3){animation-delay:-.2s}.aw-eq i:nth-child(4){animation-delay:-.7s}
  .aw-eq i:nth-child(5){animation-delay:-.35s}.aw-eq i:nth-child(6){animation-delay:-.6s}
  .aw-eq i:nth-child(7){animation-delay:-.15s}
}
@keyframes awEq{0%,100%{height:18%}50%{height:92%}}
.aw-tasks{position:relative;z-index:2;display:flex;flex-direction:column;gap:7px;padding:16px 0 14px}
.aw-task{display:flex;align-items:center;gap:12px;padding:9px 11px;border-radius:13px;
  background:transparent;border:1px solid transparent;opacity:.46;transition:none}
.aw-task .aw-ic{width:34px;height:34px;border-radius:10px;flex:0 0 auto;display:grid;place-items:center;
  background:var(--bg-2);color:var(--ink-2)}
.aw-task .aw-ic svg{width:18px;height:18px}
.aw-lab{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.aw-lab strong{font-family:'Geist';font-weight:600;font-size:14px;color:var(--ink)}
.aw-lab span{font-family:'Geist Mono';font-size:10.5px;color:var(--ink-2);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aw-chk{width:24px;height:24px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;
  background:var(--court-soft);color:#fff;opacity:0;transform:scale(.4)}
.aw-chk svg{width:14px;height:14px}
@media (prefers-reduced-motion:no-preference){
  .aw-task{animation:awRow 7.2s var(--ease) infinite}
  .aw-task:nth-child(1){animation-delay:.2s}
  .aw-task:nth-child(2){animation-delay:1.5s}
  .aw-task:nth-child(3){animation-delay:2.8s}
  .aw-task:nth-child(4){animation-delay:4.1s}
  .aw-chk{animation:awChk 7.2s var(--ease) infinite}
  .aw-task:nth-child(1) .aw-chk{animation-delay:.2s}
  .aw-task:nth-child(2) .aw-chk{animation-delay:1.5s}
  .aw-task:nth-child(3) .aw-chk{animation-delay:2.8s}
  .aw-task:nth-child(4) .aw-chk{animation-delay:4.1s}
  .aw-task .aw-ic{animation:awIc 7.2s var(--ease) infinite}
  .aw-task:nth-child(1) .aw-ic{animation-delay:.2s}
  .aw-task:nth-child(2) .aw-ic{animation-delay:1.5s}
  .aw-task:nth-child(3) .aw-ic{animation-delay:2.8s}
  .aw-task:nth-child(4) .aw-ic{animation-delay:4.1s}
}
@keyframes awRow{0%,4%{opacity:.46;background:transparent;border-color:transparent}
  9%{opacity:1;background:color-mix(in oklab,var(--amber) 7%,#fff);border-color:color-mix(in oklab,var(--amber) 18%,transparent)}
  86%{opacity:1;background:color-mix(in oklab,var(--amber) 7%,#fff);border-color:color-mix(in oklab,var(--amber) 18%,transparent)}
  94%,100%{opacity:.46;background:transparent;border-color:transparent}}
@keyframes awChk{0%,5%{opacity:0;transform:scale(.4)}11%{opacity:1;transform:scale(1.12)}14%,86%{opacity:1;transform:scale(1)}93%,100%{opacity:0;transform:scale(.4)}}
@keyframes awIc{0%,5%{background:var(--bg-2);color:var(--ink-2)}
  10%,86%{background:color-mix(in oklab,var(--amber) 16%,#fff);color:var(--amber-deep)}
  94%,100%{background:var(--bg-2);color:var(--ink-2)}}
.aw-foot{position:relative;z-index:2;display:flex;align-items:center;gap:9px;padding-top:14px;border-top:1px solid var(--border);
  font-family:'Geist';font-weight:600;font-size:13px;color:var(--ink);text-decoration:none}
.aw-foot svg{width:16px;height:16px;margin-left:auto;transition:transform .3s var(--ease)}
.aw-foot:hover svg{transform:translateX(4px)}
.aw-foot-dot{width:7px;height:7px;border-radius:50%;background:var(--court-soft);flex:0 0 auto;
  box-shadow:0 0 0 4px color-mix(in oklab,var(--court-soft) 20%,transparent)}
@media(max-width:900px){.hero-art{min-height:auto;margin-top:6px}.aiworker{max-width:420px}}

/* gold premium details */
.hero-badge .dot{background:var(--court-soft);box-shadow:0 0 0 4px color-mix(in oklab,var(--court-soft) 20%,transparent)}
.divline{background:linear-gradient(90deg,transparent,var(--border),transparent)}

/* per-industry accent — recolors only the active industry's accent elements */
#industries{--na:#C2602C}
#industries .niche-tab.is-active{background:var(--na);border-color:var(--na);
  box-shadow:0 12px 26px -14px color-mix(in oklab,var(--na) 60%,transparent)}
#industries .niche-head .tag{background:color-mix(in oklab,var(--na) 15%,#fff);
  color:color-mix(in oklab,var(--na) 74%,#000)}
#industries .niche-head h3 .accent{color:var(--na)}
#industries .niche-block .blab::before,
#industries .niche-pricing .blab::before,
#industries .niche-demo .blab::before{background:var(--na)}
#industries .auto-item .ac{background:color-mix(in oklab,var(--na) 16%,#fff);
  color:color-mix(in oklab,var(--na) 70%,#000)}
#industries .niche-demo .niche-cta{background:var(--na);border-color:var(--na)}
#industries .niche-demo .niche-cta:hover{background:color-mix(in oklab,var(--na) 82%,#000);
  box-shadow:0 14px 30px -14px color-mix(in oklab,var(--na) 60%,transparent)}
#industries .tier.featured{border-color:var(--na)}
#industries .tier.featured .badge{background:var(--na)}
#industries .pain:hover{border-color:var(--na)}
#industries .svc-chip .d{background:var(--na)}
#industries .player .play{background:var(--na)}

/* ============ COLOR RHYTHM: warm taupe panels only — no cool/blue, no heavy orange ============ */
#problem > .wrap,
#how > .wrap,
#faq > .wrap{background:#F1EEE7;border-color:rgba(28,24,19,.07)}
/* industries (the tab-toggle section) stays clean white so nothing cool shows behind the floating nav */

/* faint warm neutral on the niche CTA card (no per-industry cool tint) */
#industries .niche-demo{background:#FBF9F4;border-color:rgba(28,24,19,.08)}
/* pain cards: soft neutral cream */
#industries .pain{background:#FBF8F1;border-color:rgba(28,24,19,.07)}
#industries .pain .pico{color:var(--amber-deep);border-color:rgba(30,63,112,.16)}

/* problem-section cards get a faint clean fill */
#problem .prob-grid > *{background:#FFFDF8}

/* final CTA: email + call buttons row */
.final-actions{display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:8px}
.call-btn{gap:10px}
.call-btn .call-ic{width:19px;height:19px;flex:0 0 auto;transform-origin:62% 60%}
@media (prefers-reduced-motion:no-preference){
  .call-btn .call-ic{animation:callRing 2.8s var(--ease) infinite}
}
@keyframes callRing{0%,70%,100%{transform:rotate(0)}76%{transform:rotate(-13deg)}82%{transform:rotate(11deg)}88%{transform:rotate(-7deg)}94%{transform:rotate(3deg)}}
.footer .fright a[href^="tel:"]{display:block;margin-top:4px}

/* ===================== MOBILE POLISH — balanced rhythm ===================== */
@media(max-width:600px){
  /* — type scale: restore clear hierarchy (h1 > h2 > body) — */
  .hero h1{font-size:32px;line-height:1.1;margin:16px 0 18px}
  .hero .sub{font-size:16.5px;line-height:1.55;margin-bottom:30px;max-width:none}
  .section-head{margin-bottom:32px}
  .section-head h2{font-size:26px;line-height:1.16;margin-bottom:12px}
  .section-head .sub{font-size:16px;line-height:1.55}
  .eyebrow{font-size:12px}
  .section-head .eyebrow{margin-bottom:14px}

  /* — even vertical rhythm between sections — */
  .sec-pad > .wrap, .final > .wrap{padding:48px 20px}
  .wrap{padding:0 20px}
  .hero{padding:100px 0 40px}
  .hero-grid{gap:30px}

  /* — hero CTAs: equal width, balanced — */
  .hero-cta{gap:10px;width:100%}
  .hero-cta .btn{flex:1;justify-content:center;padding-left:18px;padding-right:18px}
  .hero-trust{gap:9px 18px;margin-top:26px}
  .hero-trust .t{font-size:13px}

  /* — calmer cards: less padding, even gaps — */
  .prob-grid{gap:12px}
  .card{padding:22px 20px}
  .build-grid{gap:12px}
  .svc-card{padding:22px 20px;gap:10px}
  .svc-card .svico{width:44px;height:44px;border-radius:12px}
  .svc-card .svico svg{width:22px;height:22px}
  .feat{padding:24px 22px}
  .price-grid{gap:16px}
  .tier{padding:28px 24px}
  .why-grid{gap:26px}

  /* — section heads that are centered keep tighter spacing — */
  #industries .section-head{margin-bottom:28px !important}
  #industries .section-head .sub{margin-top:12px !important}
}

/* — industry tabs: one tidy scrolling row instead of 3 ragged rows — */
@media(max-width:760px){
  .niche-tabs{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;
    margin:0 -20px 28px;padding:2px 20px 10px;gap:8px;max-width:none;
    scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;
    touch-action:pan-x;overscroll-behavior-x:contain;
    scrollbar-width:none;-ms-overflow-style:none;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent);
            mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent)}
  .niche-tabs::-webkit-scrollbar{display:none}
  .niche-tab{flex:0 0 auto;scroll-snap-align:start;padding:10px 16px;font-size:14px}
  .niche-tab svg{width:15px;height:15px}
}

/* — recordings player: keep the waveform from being crushed to 0px width — */
/* (a legacy .player{padding:28px} rule was eating all the row's space) */
.rcard .player{background:var(--bg);border:1px solid var(--border);border-radius:13px;padding:13px 15px;gap:12px}
.rcard .wave{min-width:54px}
@media(max-width:480px){
  .rcard .player{padding:11px 12px;gap:8px}
  .rcard .play{width:38px;height:38px}
  .rcard .play svg{width:15px;height:15px}
  .rcard .wave{min-width:60px;height:36px}
  .rcard .time{font-size:10.5px}
  .rcard .speed{padding:5px 6px;font-size:10.5px;min-width:26px}
}