/* TranslateOS site v02. Built on BloomOS design system tokens (bloom-tokens.css).
   Jost 400/500/600 only. Cream page, white and sunken surfaces, midnight dark bands.
   Decoration: pillar bar only. No gradients. */

:root{
  --bg:#FFFFFF;
  --tint:var(--bl-sunrise-50,#FFF7F4);
  --surface:#FFFFFF;
  --sunken:var(--bl-sunrise-50,#FFF7F4);
  --line:#E6DCD0;
  --ink:var(--bl-midnight-900,#002F45);
  --muted:var(--bl-slate-600,#4F6475);
  --link:#006AA6;
  --navy:#002F45;
  --night:#001B2B;
  --night-2:#0A2A3D;
  --night-line:#1F4459;
  --on-dark:#FFF8F1;
  --on-dark-muted:#B2C4D0;
  --coral:#E96E50; --coral-h:#F2866B;
  --honey:#FDBA12; --sunrise:#E96E50; --petal:#C7619E; --blue:#007BBE;
  --sunrise-d:#F07A5C; --petal-d:#D673AE; --blue-d:#35A8E8;
  --sprout:#2F7D55; --sprout-d:#6FCF97;
  --blue-soft:#E1EEF6;
  --r-sm:10px; --r-md:16px; --r-lg:24px; --r-xl:32px; --r-sheet:48px; --pill:9999px;
  --sh-1:0 1px 2px rgba(0,47,69,.06),0 2px 8px rgba(0,47,69,.06);
  --sh-2:0 2px 4px rgba(0,47,69,.05),0 12px 32px rgba(0,47,69,.12);
  --sh-3:0 4px 8px rgba(0,47,69,.06),0 24px 56px rgba(0,47,69,.18);
  --font:'Jost',ui-sans-serif,system-ui,sans-serif;
  --ease:cubic-bezier(.2,.7,.2,1);
  --wrap:1200px;
  --gutter:clamp(16px,4vw,40px);
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 18px/1.6 var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{display:block;max-width:100%}
a{color:var(--link)}
p,h1,h2,h3,figure,blockquote,dl,dd,ol,ul{margin:0}
ul,ol{padding:0;list-style:none}
h1,h2,h3{font-weight:500;letter-spacing:-.022em;text-wrap:balance}
h1{font-size:clamp(2.5rem,5.2vw,4.1rem);line-height:1.03}
h2{font-size:clamp(2rem,4vw,3.15rem);line-height:1.06}
h3{font-size:1.3rem;line-height:1.25;letter-spacing:-.012em}
.h3-lg{font-size:clamp(1.6rem,2.6vw,2.1rem);line-height:1.12}
b,strong{font-weight:600}
.muted{color:var(--muted)}
.lede{font-size:clamp(1.08rem,1.4vw,1.25rem);line-height:1.55;color:var(--muted);max-width:60ch}
.center{text-align:center}.center .lede{margin-inline:auto}
.wrap{width:min(var(--wrap),100% - 2*var(--gutter));margin-inline:auto}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:12px;z-index:200;background:var(--surface);color:var(--ink);padding:10px 16px;border-radius:var(--r-sm);box-shadow:var(--sh-2)}
.skip:focus{left:16px}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:6px}
.on-dark :focus-visible,.sheet-dark :focus-visible,.sheet-navy :focus-visible,.tos-site-footer :focus-visible{outline-color:var(--blue-d)}

/* Pillar bar: the only decoration */
.pbar{display:inline-flex;gap:3px;vertical-align:middle}
.pbar i{width:14px;height:4px;border-radius:2px;background:var(--honey)}
.pbar i:nth-child(2){background:var(--sunrise)}
.pbar i:nth-child(3){background:var(--petal)}
.pbar i:nth-child(4){background:var(--blue)}
.pbar-lg i{width:28px;height:5px}
.eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.eyebrow.on-dark{color:var(--on-dark)}
.eyebrow.on-dark .pbar i:nth-child(2){background:var(--sunrise-d)}
.eyebrow.on-dark .pbar i:nth-child(3){background:var(--petal-d)}
.eyebrow.on-dark .pbar i:nth-child(4){background:var(--blue-d)}

/* Buttons */
.tos-btn{--bg:var(--navy);--fg:#fff;--bd:transparent;--bgh:#1F4459;
  display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 24px;
  font:500 16px/1 var(--font);color:var(--fg);background:var(--bg);border:1.5px solid var(--bd);border-radius:var(--pill);
  text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .2s,border-color .2s,transform .2s var(--ease),box-shadow .2s}
.tos-btn:hover{background:var(--bgh);color:var(--fg)}
.tos-btn:active{transform:translateY(1px)}
.btn-lg{min-height:54px;padding:0 30px;font-size:17px}
.btn-accent{--bg:var(--coral);--fg:var(--navy);--bgh:var(--coral-h)}
.btn-accent:hover{box-shadow:0 8px 20px rgba(233,110,80,.28)}
.btn-secondary{--bg:transparent;--fg:var(--ink);--bd:#6B7E8E;--bgh:rgba(0,47,69,.06)}
.btn-secondary.on-dark{--fg:var(--on-dark);--bd:#728C9D;--bgh:rgba(255,255,255,.08)}
.arr{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s var(--ease)}
.tos-btn:hover .arr,.link-arrow:hover .arr{transform:translateX(3px)}
.actions{display:flex;flex-wrap:wrap;gap:12px}
.link-arrow{display:inline-flex;align-items:center;gap:8px;font-weight:500;color:var(--ink);text-decoration:none;border-bottom:1.5px solid currentColor;padding-bottom:2px}
.tag-soft{display:inline-flex;align-items:center;padding:8px 14px;border-radius:var(--pill);background:var(--surface);border:1px solid var(--line);font-size:.9rem;font-weight:500}

/* ============ Header ============ */
.tos-site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.86);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:border-color .3s,background-color .3s}
.tos-site-header.is-scrolled{border-bottom-color:var(--line);background:rgba(255,255,255,.94)}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px}
.logo{display:inline-flex;color:var(--ink)}
.logo-svg{height:30px;width:auto}
.logo-o{transform-box:fill-box;transform-origin:50% 50%;transition:transform .9s var(--ease)}
.logo:hover .logo-o,.logo:focus-visible .logo-o{transform:rotate(180deg)}
.logo-rev{--bl-logo-ink:#FFFFFF;--bl-logo-o2:#F07A5C;--bl-logo-o3:#D673AE;--bl-logo-o4:#35A8E8;color:#fff}
.nav-list{display:flex;align-items:center;gap:2px}
.nav-list>li{position:relative}
.nav-list>li>a,.nav-list>li>button{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border-radius:var(--pill);border:0;background:none;color:var(--ink);font:500 16px/1 var(--font);text-decoration:none;cursor:pointer}
.nav-list>li>a:hover,.nav-list>li>button:hover{background:rgba(0,47,69,.06)}
.chev{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;transition:transform .2s}
.has-menu.open .chev{transform:rotate(180deg)}
.menu{position:absolute;top:calc(100% + 10px);left:-8px;min-width:300px;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-3);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s,transform .18s,visibility 0s .18s}
.has-menu.open .menu,.has-menu:focus-within .menu{opacity:1;visibility:visible;transform:none;transition:opacity .18s,transform .18s}
.menu a{display:grid;gap:2px;padding:10px 12px;border-radius:var(--r-sm);text-decoration:none;color:var(--ink)}
.menu a:hover{background:var(--sunken)}
.menu b{font-weight:500;font-size:16px}
.menu span{font-size:14px;color:var(--muted)}
.nav-cta{margin-left:8px}
.nav-cta .tos-btn{min-height:42px;padding:0 20px}
.nav-list>li>a.tos-btn{background:var(--bg);color:var(--fg)}
.nav-list>li>a.tos-btn:hover{background:var(--bgh)}
.burger{display:none;width:44px;height:44px;align-items:center;justify-content:center;border:1.5px solid #6B7E8E;border-radius:var(--r-sm);background:none;color:var(--ink);cursor:pointer}
.burger svg{width:22px;height:22px}
@media (max-width:1060px){
  .burger{display:inline-flex}
  .nav{position:absolute;left:0;right:0;top:100%;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--sh-3);display:none;max-height:calc(100vh - 76px);overflow:auto}
  .nav.open{display:block}
  .nav-list{flex-direction:column;align-items:stretch;padding:12px var(--gutter) 24px;gap:0}
  .nav-list>li>a,.nav-list>li>button{width:100%;justify-content:space-between;padding:14px 8px;border-radius:var(--r-sm)}
  .menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0 0 8px 8px;display:none;min-width:0}
  .has-menu.open .menu{display:block}
  .nav-cta{margin:12px 0 0}.nav-cta .tos-btn{width:100%;min-height:50px}
}

/* ============ Sheets: rounded, overlapping sections ============ */
.sheet{position:relative;border-radius:var(--r-sheet) var(--r-sheet) 0 0;margin-top:calc(-1 * var(--r-sheet));padding-block:clamp(80px,10vw,136px) clamp(96px,11vw,152px)}
.sheet-white{background:var(--tint);z-index:2}
.sheet-sunken{background:var(--sunken);z-index:3}
.sheet-dark{background:var(--night);color:var(--on-dark);z-index:4}
.sheet-cream{background:var(--bg);z-index:5}
.sheet-sunken.compare{z-index:6}
.sheet-navy{background:var(--navy);color:var(--on-dark);z-index:7}
.sheet-dark .lede,.sheet-navy .lede{color:var(--on-dark-muted)}
.sec-head{display:grid;gap:18px;margin-bottom:clamp(44px,6vw,72px);max-width:820px}
.sec-head.center{margin-inline:auto;justify-items:center}

/* ============ 1. Hero ============ */
.tos-hero{position:relative;padding:clamp(40px,6vw,72px) 0 calc(var(--r-sheet) + clamp(64px,8vw,104px));overflow:hidden}
/* Hero: one quarter of the Momentum O, very light, sweeping from the top-right corner */
.hero-q{position:absolute;--s:min(84vw,1180px);width:var(--s);top:calc(var(--s) / -2);right:calc(var(--s) / -2);pointer-events:none}
.hero-q path{fill:var(--bl-slate-100,#D8E4EF);opacity:.7}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(32px,5vw,72px);align-items:center}
.tos-hero-copy{display:grid;gap:26px;justify-items:start;position:relative;z-index:2}
.h-soft{color:var(--muted);display:block;font-size:.6em;line-height:1.15;letter-spacing:-.015em;margin-top:.3em}
.hero-assure{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:.95rem;color:var(--muted)}
.hero-assure li{display:inline-flex;align-items:center;gap:8px}
.hero-assure svg{width:18px;height:18px;fill:none;stroke:var(--sprout);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}

.hero-visual{position:relative;min-height:600px}
.photo-ph{position:absolute;inset:0 calc(-1 * var(--gutter) - 4vw) 0 8%;border-radius:var(--r-xl);background:#EADFD2;overflow:hidden;display:flex;align-items:flex-end}
.photo-ph::after{content:"";position:absolute;inset:14px;border:1.5px dashed rgba(0,47,69,.28);border-radius:calc(var(--r-xl) - 10px);pointer-events:none}
.ph-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:rgba(0,47,69,.10);stroke-width:1}
.photo-ph figcaption{position:absolute;z-index:1;right:40px;top:42%;max-width:250px;display:grid;gap:6px;text-align:right}
.ph-tag{display:inline-block;justify-self:end;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:rgba(255,255,255,.75);padding:5px 10px;border-radius:var(--pill)}
.ph-desc{font-size:.88rem;line-height:1.45;color:var(--muted)}

.float{position:absolute;z-index:3;background:var(--surface);border-radius:var(--r-md);box-shadow:var(--sh-3);will-change:transform}
.member-ph{right:2%;top:5%;width:150px;height:150px;border-radius:50%;background:#D6C8B8;display:grid;place-content:center;text-align:center;gap:6px;padding:16px;border:6px solid var(--surface);box-shadow:var(--sh-2)}
.member-ph .ph-tag{justify-self:center;font-size:.6rem;padding:4px 8px}
.member-ph .ph-desc{font-size:.76rem;color:var(--ink)}
.chip-kai{left:-4%;top:9%;display:flex;align-items:center;gap:12px;padding:12px 18px 12px 12px;border-radius:var(--pill)}
.chip-kai b{display:block;font-size:.95rem;font-weight:600;line-height:1.2}
.chip-kai small{display:block;font-size:.8rem;color:var(--muted)}
.kai-dot{width:40px;height:40px;border-radius:50%;background:var(--sunken);display:grid;place-items:center}
.kai-dot svg{width:26px;height:26px;animation:spin 14s linear infinite}

.lt-card{left:-8%;bottom:9%;width:min(420px,92%);padding:18px 18px 10px}
.lt-head{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid #EEE6DC;margin-bottom:6px}
.lt-title{font-weight:600;font-size:.95rem}
.lt-live{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--sprout)}
.lt-live i{width:7px;height:7px;border-radius:50%;background:currentColor;animation:pulse 1.8s ease-in-out infinite}
.sheet-dark .lt-live{color:var(--sprout-d)}
.lt-lang{margin-left:auto;font-size:.78rem;font-weight:600;color:var(--muted);background:var(--sunken);padding:4px 10px;border-radius:var(--pill)}
.lt-line{display:grid;grid-template-columns:1fr auto;column-gap:14px;padding:10px 0;border-bottom:1px solid #F2ECE4}
.lt-line:last-child{border-bottom:0}
.lt-meta{grid-column:1/-1;display:flex;gap:10px;align-items:baseline;font-size:.74rem;color:var(--muted);margin-bottom:2px}
.lt-meta b{color:var(--ink);font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.lt-orig{font-size:.92rem;line-height:1.4;color:var(--ink);min-height:1.4em}
.lt-tr{font-size:.86rem;line-height:1.4;color:var(--muted);min-height:1.4em;grid-column:1}
.lt-score{grid-column:2;grid-row:2/4;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:6px;width:62px}
.lt-score .bar{width:100%;height:4px;border-radius:2px;background:#EEE6DC;overflow:hidden}
.lt-score .bar i{display:block;height:100%;width:var(--fill,0%);background:var(--sprout);border-radius:2px;transition:width 1s var(--ease)}
.lt-score .num{font-size:.78rem;font-weight:600;color:var(--sprout);font-variant-numeric:tabular-nums;opacity:var(--numo,1);transition:opacity .4s}
.caret::after{content:"";display:inline-block;width:1.5px;height:1em;margin-left:2px;vertical-align:-2px;background:currentColor;animation:blink 1s steps(1) infinite}

.chip-record{right:-2%;bottom:5%;display:grid;gap:8px;padding:16px 20px}
.rec-row{display:flex;align-items:center;gap:10px;font-size:.9rem;font-weight:500}
.rec-row svg{width:18px;height:18px;padding:2px;border-radius:50%;background:#D8F0E1;fill:none;stroke:var(--sprout);stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}

/* Hero photo */
.hero-img{position:absolute;inset:0 calc(-1 * var(--gutter) - 4vw) 0 8%;margin:0;border-radius:var(--r-xl);overflow:hidden;background:#EEF1F3}
.hero-img img{width:100%;height:100%;object-fit:cover;object-position:62% 40%}
@media (max-width:720px){.tos-hero .chip-kai{top:14px;left:12px;padding:8px 14px 8px 8px}.tos-hero .chip-kai small{display:none}.tos-hero .kai-dot{width:32px;height:32px}.hero-img{inset:0 calc(-1 * var(--gutter)) 160px 0;border-radius:var(--r-lg)}.hero-img img{object-position:70% 30%}}

/* ============ 2. Track record + marquee ============ */
.track{padding-bottom:clamp(88px,10vw,128px)}
.track-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:clamp(32px,5vw,80px);align-items:end}
.track-intro{display:grid;gap:16px;justify-items:start}
.track-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.tstat{padding:24px 20px 0 0}
.tstat+.tstat{padding-left:24px;border-left:1px solid var(--line)}
.tstat dt{font-size:clamp(2.6rem,4.6vw,3.8rem);font-weight:500;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.tstat dd{margin-top:10px;font-size:1rem;color:var(--muted);max-width:22ch}

.marquee{margin-top:clamp(56px,7vw,88px)}
.marquee-track{padding-top:clamp(20px,3vw,36px);padding-bottom:8px}
.marquee-label{font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:20px}
.marquee-track{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee-track ul{display:flex;width:max-content;animation:marquee 110s linear infinite}
.marquee-track:hover ul{animation-play-state:paused}
.marquee-track li{font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:400;letter-spacing:-.01em;color:var(--blue);padding:0 22px;white-space:nowrap;display:flex;align-items:center;gap:44px}
.marquee-track li::after{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.45;margin-left:22px;margin-right:-22px}
.marquee-track li:nth-child(4n+1){color:#B38000}
.marquee-track li:nth-child(4n+2){color:#C75539}
.marquee-track li:nth-child(4n+3){color:#A94A84}
.marquee-track li:nth-child(4n+4){color:#007BBE}

/* ============ 3. How it works ============ */
.how{position:relative;z-index:2;background:var(--bg);padding-block:clamp(96px,11vw,148px) calc(var(--r-sheet) + clamp(88px,10vw,136px));border-radius:var(--r-sheet) var(--r-sheet) 0 0;margin-top:calc(-1 * var(--r-sheet))}
.track{z-index:1}
.how-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:center}
.frame{position:relative;border-radius:var(--r-lg);padding:clamp(28px,4vw,56px);overflow:hidden}
.frame-blue{background:var(--blue-soft)}
.frame-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:rgba(255,255,255,.9);stroke-width:1.2}
.phone{position:relative;margin-inline:auto;width:min(360px,100%);min-height:440px;background:var(--surface);border-radius:28px;box-shadow:var(--sh-3);padding:22px 22px 26px;display:grid;grid-template-rows:auto 1fr}
.phone-top{display:flex;justify-content:space-between;align-items:center;font-size:.82rem;color:var(--muted);padding-bottom:14px;border-bottom:1px solid #EEE6DC}
.phone-label{font-weight:600;color:var(--ink)}
.phone-time{font-variant-numeric:tabular-nums}
.pstate{grid-row:2;grid-column:1;padding-top:22px;display:grid;align-content:start;gap:12px;opacity:0;transform:translateY(10px);transition:opacity .5s var(--ease),transform .5s var(--ease);pointer-events:none}
.pstate.on{opacity:1;transform:none;pointer-events:auto}
.ps-kicker{font-size:.82rem;color:var(--muted)}
.ps-title{font-size:1.5rem;font-weight:500;letter-spacing:-.015em}
.pin{display:flex;gap:10px;margin:6px 0 10px}
.pin i{width:14px;height:14px;border-radius:50%;border:1.5px solid #B2C4D0;transition:background-color .2s,border-color .2s}
.pin i.f{background:var(--ink);border-color:var(--ink)}
.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.keypad span{display:grid;place-items:center;height:44px;border-radius:12px;background:var(--sunken);font-size:1.1rem;font-weight:500;transition:background-color .15s}
.keypad span.hit{background:#D6C8B8}
.langpick{display:grid;gap:6px}
.langpick li{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid #EEE6DC;font-weight:500}
.langpick li.on{border-color:var(--ink);background:var(--bg)}
.langpick kbd{font:600 .8rem/1 var(--font);width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:var(--sunken)}
.langpick li.on kbd{background:var(--ink);color:#fff}
.langpick svg{margin-left:auto;width:20px;height:20px;fill:none;stroke:var(--sprout);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.voice{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--muted)}
.voice svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.bubbles{display:grid;gap:10px;margin-top:4px;align-content:start;align-items:start}
.bubbles .bub{align-self:start;justify-self:start}
.bubbles .bub.agent{justify-self:end}
.bub{max-width:88%;padding:10px 14px;border-radius:16px;font-size:.9rem;line-height:1.4;opacity:0;transform:translateY(6px);transition:opacity .45s var(--ease),transform .45s var(--ease)}
.bub b{display:block;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px}
.bub.bub-kai{background:var(--navy);color:#fff;border-bottom-left-radius:6px}
.bub.agent{background:var(--sunken);justify-self:end;border-bottom-right-radius:6px}
.bub.member{background:var(--blue-soft);border-bottom-left-radius:6px}
.pstate.on .bub{opacity:1;transform:none}
.pstate.on .bub:nth-child(2){transition-delay:.5s}
.pstate.on .bub:nth-child(3){transition-delay:1s}

.steps{display:grid;gap:8px}
.step{display:grid;grid-template-columns:auto 1fr;gap:20px;padding:22px 24px;border-radius:var(--r-md);transition:background-color .4s,box-shadow .4s;cursor:default}
.step.on{background:var(--surface);box-shadow:var(--sh-2)}
.step-num{font-size:.85rem;font-weight:600;letter-spacing:.08em;color:var(--muted);padding-top:5px;transition:color .3s}
.step.on .step-num{color:var(--ink)}
.step h3{margin-bottom:6px}
.step p{color:var(--muted);font-size:1rem}
.step:not(.on) h3{color:#3A4E5E}
.step-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:18px 24px 0}

/* ============ 4. Meet Kai ============ */
.kai{padding-bottom:calc(var(--r-sheet) + clamp(96px,10vw,136px))}
.kai-grid,.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:center}
.kai-copy,.split-copy{display:grid;gap:22px;justify-items:start}
.ticks{display:grid;gap:14px;margin:4px 0 6px}
.ticks li{position:relative;padding-left:34px;color:var(--muted);font-size:1rem}
.ticks li b{color:var(--ink)}
.ticks li::before{content:"";position:absolute;left:0;top:4px;width:20px;height:20px;border-radius:50%;background:#D8F0E1 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4L18 8' fill='none' stroke='%232F7D55' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.kai-visual{position:relative;display:grid;gap:20px}
.kai-stage{position:relative;aspect-ratio:1.25;border-radius:var(--r-lg);background:var(--navy);display:grid;place-items:center;overflow:hidden}
.kai-o{width:34%;filter:drop-shadow(0 10px 30px rgba(0,0,0,.25));animation:spin 30s linear infinite}
.kai-ring{position:absolute;inset:50% auto auto 50%;width:62%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,248,241,.16);transform:translate(-50%,-50%)}
.kai-ring::before,.kai-ring::after{content:"";position:absolute;inset:-16%;border-radius:50%;border:1px solid rgba(255,248,241,.1)}
.kai-ring::after{inset:-34%;border-color:rgba(255,248,241,.06)}
.kai-stage{--bl-logo-o2:#F07A5C;--bl-logo-o3:#D673AE;--bl-logo-o4:#35A8E8}
.audio-ph{position:relative;margin:-64px 24px 0;display:flex;gap:18px;align-items:center;padding:18px 22px;background:var(--surface);border-radius:var(--r-md);box-shadow:var(--sh-3);border:1.5px dashed rgba(0,47,69,.25)}
.play{flex:none;width:52px;height:52px;border-radius:50%;border:0;background:var(--coral);color:var(--navy);display:grid;place-items:center;cursor:not-allowed}
.play svg{width:22px;height:22px;fill:currentColor;margin-left:3px}
.audio-body{display:grid;gap:8px;min-width:0;flex:1}
.audio-title{font-weight:600;font-size:1rem}
.wave{display:flex;align-items:center;gap:3px;height:26px}
.wave i{flex:1;max-width:5px;border-radius:2px;background:#B2C4D0;height:30%}
.wave i:nth-child(3n){height:70%}.wave i:nth-child(4n){height:100%}.wave i:nth-child(5n){height:50%}.wave i:nth-child(7n){height:85%}
.audio-ph .ph-tag{justify-self:start;background:var(--sunken);font-size:.66rem}

.lang-block{margin-top:clamp(72px,9vw,120px);display:grid;gap:32px;justify-items:start}
.lang-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:24px 64px;align-items:end;width:100%}
.lang-head .muted{max-width:56ch}
.lang-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.lang-grid li{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 16px;display:grid;align-content:start;gap:2px;transition:transform .25s var(--ease),box-shadow .25s,border-color .25s}
.lang-grid li:hover{transform:translateY(-3px);box-shadow:var(--sh-2);border-color:transparent}
.lang-grid b{font-weight:500;font-size:1rem}
.lang-grid li{display:flex;flex-wrap:wrap;align-items:baseline;align-content:flex-start;column-gap:10px;row-gap:2px}
.lang-grid li>b{flex:0 1 auto}
.lang-grid li>.native{margin-left:auto}
.lang-grid li>span{flex-basis:100%}
.lang-grid .native{font-style:normal;font-size:.84rem;line-height:1.3;color:var(--muted);font-family:var(--font),'Noto Sans','Segoe UI',system-ui,sans-serif;text-align:right}
.lang-grid .native[dir="rtl"]{text-align:left;unicode-bidi:isolate}
.lang-grid li>.native-multi{flex-basis:100%;margin-left:0;text-align:left;margin-top:2px}
.lang-grid .native span{font-size:inherit;color:inherit;line-height:inherit}
.lang-grid span{font-size:.82rem;line-height:1.4;color:var(--muted)}
.lang-grid{grid-auto-flow:dense}
.lang-grid li.wide{grid-column:span 2}
@media (min-width:1100px){.lang-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (max-width:640px){.lang-grid{grid-template-columns:1fr 1fr}.lang-grid li.wide{grid-column:1/-1}}

/* ============ 5. NCC dark bento ============ */
.ncc{padding-bottom:calc(var(--r-sheet) + clamp(96px,10vw,136px))}
.bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.bcard{position:relative;background:var(--night-2);border:1px solid var(--night-line);border-radius:var(--r-lg);padding:28px;overflow:hidden;transition:transform .3s var(--ease),border-color .3s,box-shadow .3s}
.bcard:hover{transform:translateY(-4px);border-color:#395B6E;box-shadow:0 24px 48px rgba(0,0,0,.35)}
.b-photo{grid-column:1/3;grid-row:1;padding:0;min-height:420px;display:flex;align-items:flex-end;justify-content:flex-end}
.b-photo img{position:absolute;inset:-6% 0;width:100%;height:112%;object-fit:cover;object-position:center 30%}
.b-photo figcaption{position:relative;z-index:1;margin:18px;padding:18px 22px;border-radius:var(--r-md);background:rgba(0,27,43,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:grid;gap:8px;max-width:360px}
.b-photo figcaption b{font-size:1.3rem;font-weight:500;line-height:1.2}
.tag-dark{display:inline-block;justify-self:start;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--honey)}
.b-score{grid-column:3;grid-row:1/3;display:flex;flex-direction:column;gap:20px;background:#0E3349}
.bs-foot{margin-top:auto}
.bs-head{display:flex;align-items:center;justify-content:space-between}
.bs-title{font-weight:600}
.bs-list{display:grid;gap:16px}
.bs-list li{display:grid;grid-template-columns:62px 1fr 30px;align-items:center;gap:12px;font-size:.85rem}
.bs-lang{color:var(--on-dark-muted);font-weight:500;font-variant-numeric:tabular-nums}
.bs-list .bar{height:8px;border-radius:4px;background:rgba(255,255,255,.08);overflow:hidden}
.bs-list .bar i{display:block;height:100%;width:0;background:var(--sprout-d);border-radius:4px;transition:width 1.2s var(--ease)}
.b-score.in .bs-list .bar i{width:var(--w)}
.bs-list li:nth-child(2) .bar i{transition-delay:.12s}.bs-list li:nth-child(3) .bar i{transition-delay:.24s}.bs-list li:nth-child(4) .bar i{transition-delay:.36s}.bs-list li:nth-child(5) .bar i{transition-delay:.48s}
.bs-num{font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
.bs-foot{font-size:.9rem;line-height:1.5;color:var(--on-dark-muted);padding-top:16px;border-top:1px solid var(--night-line)}
.b-icon{display:grid;align-content:start;gap:10px}
.b-icon .ico{width:36px;height:36px;fill:none;stroke:var(--blue-d);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-bottom:8px}
.b-icon p{color:var(--on-dark-muted);font-size:.98rem}
.b-icon .tag-dark{margin-bottom:-4px}
.bento .b-icon:nth-of-type(1){grid-column:1;grid-row:2}
.bento .b-icon:nth-of-type(2){grid-column:2;grid-row:2}

/* 6. Stats */
.stats-band{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2fr);gap:clamp(32px,5vw,72px);margin-top:clamp(88px,10vw,128px);align-items:start}
.stats-intro{display:grid;gap:12px}
.stats-intro p{color:var(--on-dark-muted)}
.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--night-line)}
.stat{padding:28px 24px 0 0}
.stat+.stat{padding-left:28px;border-left:1px solid var(--night-line)}
.stat dt{display:flex;align-items:baseline;gap:4px;font-size:clamp(3rem,5.4vw,4.6rem);font-weight:500;line-height:1;letter-spacing:-.035em;color:var(--on-dark);font-variant-numeric:tabular-nums}
.stat .pre{font-size:.55em;color:var(--sprout-d);margin-right:2px}
.stat .unit{font-size:.36em;letter-spacing:0;color:var(--on-dark-muted);margin-left:6px}
.stat dd{margin-top:16px;display:grid;gap:8px}
.stat dd b{font-weight:500;font-size:1.02rem;line-height:1.35}
.stat dd small{font-size:.92rem;color:var(--on-dark-muted);padding-top:10px;border-top:1px dashed var(--night-line)}

.mid-cta{margin-top:clamp(56px,7vw,80px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding:26px 28px;border-radius:var(--r-lg);background:var(--night-2);border:1px solid var(--night-line)}
.mid-cta p{font-size:1.2rem;color:var(--on-dark-muted)}
.mid-cta p b{color:var(--on-dark);font-weight:500}

/* 7. Quotes */
.quotes{position:relative;margin-top:clamp(72px,9vw,112px);border-radius:var(--r-lg);overflow:hidden;background:#0B2638;min-height:440px;display:flex}
.quotes-tex{position:absolute;left:-5%;top:-5%;width:110%;height:110%;max-width:none;opacity:.09;--bl-logo-o1:#899BAA;--bl-logo-o2:#899BAA;--bl-logo-o3:#899BAA;--bl-logo-o4:#899BAA}
.quotes::before{content:"";position:absolute;inset:0;background:rgba(0,27,43,.38);z-index:0}
.quotes-inner{position:relative;z-index:1;flex:1;display:grid;grid-template-rows:auto 1fr auto;gap:28px;padding:clamp(32px,6vw,80px) clamp(24px,8vw,120px)}
.slides{display:grid}
.slide{grid-area:1/1;display:grid;align-content:center;gap:28px;opacity:0;transform:translateY(12px);transition:opacity .6s var(--ease),transform .6s var(--ease);visibility:hidden}
.slide.is-active{opacity:1;transform:none;visibility:visible}
.slide blockquote{font-size:clamp(1.6rem,3.2vw,2.5rem);line-height:1.2;font-weight:500;letter-spacing:-.02em;max-width:26ch;text-wrap:balance}
.slide figcaption{display:flex;align-items:center;gap:14px}
.slide figcaption b{display:block;font-weight:500}
.slide figcaption span:last-child{color:var(--on-dark-muted);font-size:.95rem}
.who-badge{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--on-dark);color:var(--navy)!important;font-weight:600;font-size:.85rem;letter-spacing:.04em}
.q-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.q-progress{display:flex;gap:10px}
.q-progress button{width:64px;height:24px;padding:0;border:0;background:none;cursor:pointer;display:flex;align-items:center}
.q-progress i{display:block;width:100%;height:3px;border-radius:2px;background:rgba(255,248,241,.25);position:relative;overflow:hidden}
.q-progress i::after{content:"";position:absolute;inset:0;background:var(--on-dark);transform:scaleX(var(--p,0));transform-origin:left}
.q-progress [aria-selected="true"] i::after{transform:scaleX(var(--p,1))}
.q-buttons{display:flex;gap:8px}
.qbtn{width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(255,248,241,.4);background:none;color:var(--on-dark);display:grid;place-items:center;cursor:pointer;transition:background-color .2s}
.qbtn:hover{background:rgba(255,255,255,.08)}
.qbtn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.qbtn .i-play{fill:currentColor;stroke:none;display:none}
.quotes.paused .i-pause{display:none}.quotes.paused .i-play{display:block}

/* ============ 8. Audience ============ */
.audience{padding-bottom:calc(var(--r-sheet) + clamp(96px,10vw,136px))}
.aud-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.acard{position:relative;display:grid;align-content:start;gap:12px;padding:30px 30px 76px;background:var(--surface);border-radius:var(--r-lg);color:var(--ink);text-decoration:none;box-shadow:var(--sh-1);transition:transform .3s var(--ease),box-shadow .3s}
.acard:hover{transform:translateY(-6px);box-shadow:var(--sh-3)}
.acard p{color:var(--muted);font-size:1rem}
.acard .ico{width:34px;height:34px;fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-bottom:10px}
.acard-hero{grid-column:1/3;grid-row:1/4;padding:clamp(32px,4vw,52px);gap:18px;background:var(--navy);color:var(--on-dark)}
.acard-hero h3{font-size:clamp(2rem,3.4vw,2.8rem);line-height:1.05;margin-top:10px}
.acard-hero .acard-lead{font-size:clamp(1.15rem,1.6vw,1.4rem);color:var(--on-dark);line-height:1.4;max-width:30ch}
.acard-hero p{color:var(--on-dark-muted);max-width:50ch}
.acard-hero .pbar i:nth-child(2){background:var(--sunrise-d)}.acard-hero .pbar i:nth-child(3){background:var(--petal-d)}.acard-hero .pbar i:nth-child(4){background:var(--blue-d)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.chips li{padding:8px 14px;border-radius:var(--pill);border:1px solid #395B6E;font-size:.9rem}
.go{position:absolute;right:24px;bottom:24px;width:44px;height:44px;border-radius:50%;border:1.5px solid #B2C4D0;display:grid;place-items:center;transition:background-color .25s,border-color .25s,transform .3s var(--ease)}
.go svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.acard:hover .go{background:var(--coral);border-color:var(--coral);color:var(--navy);transform:translateX(2px)}
.acard-hero .go{border-color:#728C9D;right:clamp(32px,4vw,52px);bottom:clamp(28px,3.5vw,44px);width:52px;height:52px}

/* ============ 9. Comparison ============ */
.compare{padding-bottom:calc(var(--r-sheet) + clamp(96px,10vw,136px))}
.cmp{max-width:1000px;margin-inline:auto;border-radius:var(--r-lg);overflow:hidden;background:var(--surface);box-shadow:var(--sh-2)}
.cmp table{width:100%;border-collapse:collapse}
.cmp th{text-align:left;padding:22px 28px;background:var(--navy);color:var(--on-dark);font-weight:500;font-size:1.15rem;vertical-align:middle}
.cmp th.c-il{border-left:1px solid #1F4459}
.cmp th .logo-svg{height:26px}
.cmp td{padding:20px 28px;border-top:1px solid #EEE6DC;vertical-align:top;font-size:1rem;width:50%}
.cmp td:first-child{font-weight:500}
.cmp td+td{border-left:1px solid #EEE6DC;color:var(--muted)}
.cmp td svg{display:inline-block;width:22px;height:22px;vertical-align:-5px;margin-right:12px;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ck{stroke:var(--sprout)}
.dash{stroke:#8A9AA7}
.cmp tbody tr{transition:background-color .2s}
.cmp tbody tr:hover{background:#FFFCF8}
.cmp-cta{margin-top:40px}

/* ============ 10. Closing CTA ============ */
.closing{overflow:hidden;padding-bottom:clamp(96px,10vw,136px)}
.close-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:center}
.close-copy{display:grid;gap:24px;justify-items:start}
.close-copy h2{font-size:clamp(2.4rem,5vw,4rem);line-height:1.02}
.ways{display:grid;gap:12px}
.ways a{display:grid;grid-template-columns:72px 1fr;gap:2px 16px;padding:20px 22px;border-radius:var(--r-md);background:rgba(255,248,241,.05);border:1px solid var(--night-line);color:var(--on-dark);text-decoration:none;transition:transform .3s var(--ease),background-color .3s,border-color .3s}
.ways a:hover{transform:translateY(-3px);background:rgba(255,248,241,.09);border-color:#395B6E}
.ways-k{grid-row:1/3;font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--honey);padding-top:4px}
.ways b{font-weight:500;font-size:1.15rem}
.ways span:last-child{font-size:.95rem;color:var(--on-dark-muted)}

/* ============ Footer ============ */
.tos-site-footer{background:var(--navy);color:var(--on-dark-muted);padding:0 0 32px;position:relative;z-index:8}
.fgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.4fr);gap:48px;padding-top:64px;border-top:1px solid var(--night-line)}
.fbrand{display:grid;gap:18px;align-content:start}
.fbrand .logo-svg{height:28px}
.fbrand p{font-size:1rem;line-height:1.55}
.seals{display:flex;flex-wrap:wrap;gap:8px}
.seals li{font-size:.78rem;font-weight:500;padding:6px 12px;border:1px solid #395B6E;border-radius:var(--pill);color:var(--on-dark)}
.fcols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.fcols div{display:grid;gap:10px;align-content:start}
.f-title{color:var(--on-dark);font-weight:500;margin-bottom:6px}
.fcols a{color:var(--on-dark-muted);text-decoration:none;font-size:.95rem;line-height:1.35}
.fcols a:hover{color:var(--on-dark);text-decoration:underline}
.f-addr{font-size:.95rem;line-height:1.5}
.flegal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;margin-top:56px;padding-top:24px;border-top:1px solid var(--night-line);font-size:.88rem}
.flinks{display:flex;flex-wrap:wrap;gap:20px}
.flinks a{color:var(--on-dark-muted);text-decoration:none}
.flinks a:hover{color:var(--on-dark);text-decoration:underline}

/* ============ Reveal ============ */
.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.js .reveal.in{opacity:1;transform:none}

/* ============ Keyframes ============ */
@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes blink{50%{opacity:0}}

/* ============ Responsive ============ */
@media (max-width:1060px){
  .hero-grid{grid-template-columns:1fr}
  .hero-visual{min-height:560px;margin-top:8px}
  .photo-ph{inset:0 calc(-1 * var(--gutter)) 0 6%}
  .lt-card{left:0}
  .chip-kai{left:0}
  .track-grid,.how-grid,.kai-grid,.split,.close-grid,.stats-band,.lang-head{grid-template-columns:1fr}
  .bento{grid-template-columns:1fr 1fr}
  .b-photo{grid-column:1/-1}
  .b-score{grid-column:1/-1;grid-row:auto}
  .bento .b-icon:nth-of-type(n){grid-column:auto;grid-row:auto}
  .aud-grid{grid-template-columns:1fr 1fr}
  .acard-hero{grid-column:1/-1;grid-row:auto}
  .fgrid{grid-template-columns:1fr}
  .how-grid .frame{order:2}
}
@media (max-width:720px){
  :root{--r-sheet:32px}
  body{font-size:17px}
  .hero-visual{min-height:700px}
  .photo-ph{inset:0 calc(-1 * var(--gutter)) 160px 0;border-radius:var(--r-lg)}
  .photo-ph figcaption{top:30px;left:30px;right:auto;max-width:190px;text-align:left}
  .photo-ph figcaption .ph-tag{justify-self:start}
  .member-ph{width:112px;height:112px;right:4%;top:24px}
  .member-ph .ph-desc{font-size:.66rem}
  .chip-kai{top:190px;left:0;right:auto}
  .tos-hero .actions .tos-btn{width:100%}
  .lt-card{left:0;right:0;width:auto;bottom:0}
  .chip-record{display:none}
  .track-stats,.stats{grid-template-columns:1fr}
  .tstat+.tstat,.stat+.stat{padding-left:0;border-left:0;border-top:1px solid var(--line)}
  .stat+.stat{border-top-color:var(--night-line)}
  .tstat,.stat{padding:22px 0}
  .bento,.aud-grid{grid-template-columns:1fr}
  .b-photo{min-height:320px}
  .cmp th,.cmp td{padding:16px}
  .cmp td svg{display:block;margin:0 0 8px}
  .fcols{grid-template-columns:1fr 1fr}
  .audio-ph{margin:-48px 12px 0;padding:14px 16px}
  .ways a{grid-template-columns:1fr}
  .ways-k{grid-row:auto}
  .mid-cta{padding:22px}
}

/* ============ Reduced motion: everything settles in place ============ */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .js .reveal{opacity:1;transform:none}
  .marquee-track{-webkit-mask-image:none;mask-image:none}
  .marquee-track ul{width:auto;flex-wrap:wrap;justify-content:center;row-gap:6px;padding-inline:var(--gutter)}
  .marquee-track li[aria-hidden="true"]{display:none}
  .marquee-track li{font-size:1.2rem;padding:0 10px}
  .marquee-track li::after{display:none}
  .marquee-track ul{column-gap:28px}
  [data-speed]{transform:none!important}
}

/* Health plans card: the record, built in */
.hp-record{align-self:stretch;margin-top:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:28px;margin-right:72px}
.hp-record div{padding:16px;border-radius:var(--r-md);background:rgba(255,248,241,.06);border:1px solid #1F4459;display:grid;gap:10px}
.hp-record svg{width:26px;height:26px;fill:none;stroke:var(--sprout-d);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hp-record b{font-weight:500;font-size:.98rem;line-height:1.3;color:var(--on-dark)}
.acard-hero{display:flex;flex-direction:column;align-items:flex-start}
@media (max-width:720px){.hp-record{grid-template-columns:1fr;margin-right:0}}

/* v05: hero-01 preview as two photo tiles (agent and member). The split's glow is cropped out. */
.hero-visual{min-height:740px}
.hero-tile{position:absolute;margin:0;border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-2);background:#EEF1F3}
.hero-tile img{width:100%;height:100%;object-fit:cover}
.tile-agent{left:4%;top:0;width:50%;height:480px}
.tile-agent img{object-position:50% 30%}
.tile-member{right:0;top:90px;width:42%;height:480px}
.tile-member img{object-position:50% 30%}
.tos-hero .lt-card{left:10%;right:auto;bottom:0;width:min(440px,84%)}
.tos-hero .chip-kai{left:auto;right:-2%;top:14px}
.tos-hero .chip-record{left:-8%;right:auto;top:48px;bottom:auto}
@media (max-width:720px){.tos-hero .chip-record{display:none}}
@media (max-width:720px){
  .hero-visual{min-height:700px}
  .tile-agent{left:0;width:54%;height:330px}
  .tile-member{width:42%;top:60px;height:300px}
  .tos-hero .lt-card{left:0;right:0;width:auto;bottom:0}
  .tos-hero .chip-kai{right:0;top:auto;bottom:400px}
}

/* v07: live voice card. Shows Kai speaking the translation aloud. */
.voice-card{left:-7%;right:auto;bottom:-3%;width:min(410px,74%);padding:18px 20px 14px}
/* Speaking pulse on the photo of whoever is being heard */
.hero-tile.speaking{animation:speakPulse 1.6s ease-out infinite}
@keyframes speakPulse{0%{box-shadow:0 0 0 0 rgba(0,123,190,.45),var(--sh-2)}100%{box-shadow:0 0 0 16px rgba(0,123,190,0),var(--sh-2)}}
.hero-tile .tile-wave{position:absolute;z-index:1;display:flex;align-items:center;gap:3px;height:28px;padding:0 10px;border-radius:var(--pill);background:rgba(255,255,255,.92);box-shadow:var(--sh-1);opacity:0;transform:translateY(6px);transition:opacity .35s,transform .35s}
.tile-agent .tile-wave{top:14px;right:14px}
.tile-member .tile-wave{bottom:14px;right:14px}
@media (max-width:720px){.tile-member .tile-wave{bottom:auto;top:14px}}
.hero-tile.speaking .tile-wave{opacity:1;transform:none}
.tile-wave i{width:3px;height:14px;border-radius:2px;background:var(--blue);animation:vbar .9s ease-in-out infinite}
.tile-wave i:nth-child(2){animation-delay:-.2s}.tile-wave i:nth-child(3){animation-delay:-.45s}.tile-wave i:nth-child(4){animation-delay:-.1s}.tile-wave i:nth-child(5){animation-delay:-.6s}
.vc-head{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid #EEE6DC}
.vc-time{margin-left:auto;font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums}
.vc-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;padding:12px 8px;margin:6px -8px 0;border-radius:12px;transition:background-color .35s}
.vc-row.on{background:var(--sunken)}
.vc-ava{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:600;font-size:.85rem}
.vc-ava.m{background:#D6C8B8;color:var(--navy)}
.vc-body{display:grid;gap:6px;min-width:0}
.vc-who{display:flex;gap:8px;align-items:baseline;font-size:.82rem}
.vc-who b{font-weight:600;color:var(--ink)}
.vc-who span{color:var(--muted)}
.vc-say{font-size:.9rem;line-height:1.4;color:var(--muted);min-height:2.8em;transition:opacity .3s}
.vc-row.on .vc-say{color:var(--ink)}
.vwave{display:flex;align-items:center;gap:3px;height:22px}
.vwave i{width:4px;height:100%;border-radius:2px;background:#C3D1DC;transform:scaleY(.18);transform-origin:center;transition:background-color .3s}
.vc-row.on .vwave i{background:var(--blue);animation:vbar 1s ease-in-out infinite}
.vc-row.on .vwave i:nth-child(2n){animation-duration:.8s}
.vc-row.on .vwave i:nth-child(3n){animation-duration:1.25s}
.vc-row.on .vwave i:nth-child(4n){animation-delay:-.3s}
.vc-row.on .vwave i:nth-child(5n){animation-delay:-.6s}
.vc-spk{width:22px;height:22px;margin-top:6px;fill:none;stroke:#B2C4D0;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s}
.vc-row.on .vc-spk{stroke:var(--blue)}
.vc-kai{display:flex;align-items:center;gap:10px;margin:8px 0 2px}
.vc-line{flex:1;height:1px;background:#EEE6DC}
.vc-kai-pill{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 6px;border-radius:var(--pill);background:var(--navy);color:#fff;font-size:.78rem;font-weight:500;white-space:nowrap}
.vc-kai-pill svg{width:20px;height:20px;--bl-logo-o2:#F07A5C;--bl-logo-o3:#D673AE;--bl-logo-o4:#35A8E8;animation:spin 8s linear infinite}
.vc-foot{display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid #EEE6DC;font-size:.8rem;color:var(--muted)}
.vc-foot svg{width:16px;height:16px;fill:none;stroke:var(--sprout);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
@keyframes vbar{0%,100%{transform:scaleY(.25)}50%{transform:scaleY(1)}}
@media (max-width:720px){.voice-card{left:0;right:0;width:auto;bottom:0}}
@media (prefers-reduced-motion:reduce){.vwave i{transform:scaleY(.5)}}

/* How it works, Talk screen: each line reads as speech */
.bub .bub-h{display:flex;align-items:center;gap:6px;margin-bottom:3px}
.bub .bub-h b{display:inline;margin:0}
.bub .bl{font-size:.68rem;letter-spacing:.04em;opacity:.75}
.bspk{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.8}
.bwave{display:inline-flex;align-items:center;gap:2px;height:12px;margin-left:4px}
.bwave i{width:2.5px;height:100%;border-radius:2px;background:var(--blue);transform:scaleY(.3)}
.bub-kai .bwave i{background:var(--blue-d)}
.pstate.on .bub .bwave i{animation:vbar .7s ease-in-out 3}
.pstate.on .bub .bwave i:nth-child(2n){animation-duration:.55s;animation-iteration-count:4}
.pstate.on .bub:nth-child(2) .bwave i{animation-delay:.7s}
.pstate.on .bub:nth-child(3) .bwave i{animation-delay:1.3s}
@media (prefers-reduced-motion:reduce){.bwave i{transform:scaleY(.6)}}

/* NCC bento: live scoring feed, photo drift, icons that draw in */
.bs-list{overflow:hidden}
.bs-list li.enter{animation:feedIn .6s var(--ease)}
@keyframes feedIn{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}
.bs-list li.enter .bs-num{color:var(--sprout-d)}
.bs-list li .bs-num{transition:color 1.2s}
.b-photo img{animation:drift 24s ease-in-out infinite alternate}
@keyframes drift{from{transform:scale(1.02)}to{transform:scale(1.09) translateX(-1.5%)}}
.b-icon .ico *{stroke-dasharray:120;stroke-dashoffset:120;transition:stroke-dashoffset 1.4s var(--ease)}
.b-icon.in .ico *{stroke-dashoffset:0}
.b-icon:nth-of-type(2).in .ico *{transition-delay:.15s}.b-icon:nth-of-type(3).in .ico *{transition-delay:.3s}.b-icon:nth-of-type(4).in .ico *{transition-delay:.45s}.b-icon:nth-of-type(5).in .ico *{transition-delay:.6s}
.b-icon:hover .ico{transform:scale(1.08);transition:transform .3s var(--ease)}
@media (prefers-reduced-motion:reduce){.b-icon .ico *{stroke-dashoffset:0}.b-photo img{animation:none}}

@media (max-width:720px){
  .b-photo{min-height:360px}
  .b-photo img{object-position:40% 20%}
  .b-photo figcaption{margin:12px;padding:12px 14px;max-width:240px}
  .b-photo figcaption b{font-size:1.02rem}
}

/* Who we serve: industry switcher */
.ind{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.6fr);gap:20px;align-items:stretch}
.ind-tabs{display:grid;gap:10px;grid-auto-rows:1fr}
.ind-tab{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;width:100%;padding:20px 20px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:var(--ink);font:inherit;text-align:left;cursor:pointer;overflow:hidden;transition:background-color .3s,border-color .3s,box-shadow .3s,transform .3s var(--ease)}
.ind-tab:hover{transform:translateX(4px);box-shadow:var(--sh-2);border-color:transparent}
.ind-tab .ico{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.it-txt{display:grid;gap:2px}
.it-txt b{font-weight:500;font-size:1.08rem;line-height:1.25}
.it-txt span{font-size:.88rem;color:var(--muted)}
.it-chev{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.4;transition:opacity .3s,transform .3s var(--ease)}
.ind-tab[aria-selected="true"]{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:var(--sh-2);transform:none}
.ind-tab[aria-selected="true"] .it-txt span{color:var(--on-dark-muted)}
.ind-tab[aria-selected="true"] .it-chev{opacity:1;transform:translateX(3px)}
.ind-tab[aria-selected="true"] .ico{stroke:var(--blue-d)}
.ind-panels{position:relative;border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-2);overflow:hidden;min-height:520px}
.ind-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:100%}
.ind-panel[hidden]{display:none}
.ind-panel.is-on .ip-media img{animation:ipZoom .9s var(--ease)}
.ind-panel.is-on .ip-body>*{animation:ipUp .6s var(--ease) both}
.ind-panel.is-on .ip-body>*:nth-child(2){animation-delay:.06s}.ind-panel.is-on .ip-body>*:nth-child(3){animation-delay:.12s}.ind-panel.is-on .ip-body>*:nth-child(4){animation-delay:.18s}.ind-panel.is-on .ip-body>*:nth-child(5){animation-delay:.24s}
@keyframes ipZoom{from{transform:scale(1.08);opacity:.4}to{transform:none;opacity:1}}
@keyframes ipUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.ip-media{position:relative;min-height:320px;overflow:hidden;background:#EEF1F3}
.ip-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#ind-panel-hp .ip-media img{object-position:50% 30%}
#ind-panel-ed .ip-media img{object-position:50% 30%}
#ind-panel-cc .ip-media img{object-position:57% 30%}
.ip-ph{position:absolute!important;inset:0!important;border-radius:0;display:grid;place-items:center}
.ip-ph figcaption{position:static!important;text-align:center!important;max-width:240px;display:grid;gap:8px;justify-items:center}
.ip-ph .ph-tag{justify-self:center}
.ip-chip{position:absolute;left:16px;bottom:16px;display:flex;flex-wrap:wrap;gap:6px}
.ip-chip span{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:var(--pill);background:rgba(255,255,255,.94);box-shadow:var(--sh-1);font-size:.82rem;font-weight:500}
.ip-chip svg{width:14px;height:14px;fill:none;stroke:var(--sprout);stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.ip-body{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:clamp(28px,3.5vw,44px)}
.ip-body h3{font-size:clamp(1.6rem,2.4vw,2rem);line-height:1.1}
.ip-lead{font-size:1.15rem;line-height:1.4;color:var(--ink)}
.ip-body p{color:var(--muted);font-size:1rem}
.ip-body .ip-lead{color:var(--ink)}
.ip-body .chips li{border-color:var(--line);color:var(--ink);background:var(--sunken)}
.ip-body .tos-btn{margin-top:auto}
@media (max-width:1060px){.ind{grid-template-columns:1fr}.ind-tabs{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto}}
@media (max-width:720px){
  .ind-tabs{display:flex;overflow-x:auto;gap:8px;padding-bottom:4px;scroll-snap-type:x mandatory}
  .ind-tab{flex:0 0 auto;width:auto;padding:12px 16px;grid-template-columns:auto auto;scroll-snap-align:start}
  .ind-tab .it-txt span,.ind-tab .it-chev{display:none}
  .ind-tab .ico{width:22px;height:22px}
  .ind-panel{grid-template-columns:1fr}
  .ip-media{min-height:240px}
  .ind-panels{min-height:0}
}
@media (prefers-reduced-motion:reduce){.ind-panel.is-on .ip-media img,.ind-panel.is-on .ip-body>*{animation:none}}

.who-photo{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--on-dark);flex:none}

/* v09: eyebrow beside the card icon, same yellow as the photo caption */
.b-icon .ico-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.b-icon .ico-row .ico{margin-bottom:0}
.b-icon .ico-row .tag-dark{margin:0;color:var(--honey)}
/* v09: center the Proven on live calls title block against the stats */
.stats-intro{align-self:center}

/* v09: hero assurances, made visible */
.tos-hero .hero-assure{gap:8px;font-size:.94rem;flex-wrap:wrap;color:var(--ink);margin-top:-4px}
.tos-hero .hero-assure li{gap:7px;padding:7px 14px 7px 8px;white-space:nowrap;border-radius:var(--pill);background:#EEF8F2;border:1px solid #B1E0C4;font-weight:500}
.tos-hero .hero-assure svg{width:20px;height:20px;padding:3px;border-radius:50%;background:var(--sprout);stroke:#fff;stroke-width:2.6;fill:none}
/* v09: How it works, live-in-one-day callout */
.live-callout{display:inline-flex;align-items:center;gap:12px;padding:12px 20px 12px 12px;border-radius:var(--r-md);background:var(--navy);color:#fff;box-shadow:var(--sh-2)}
.live-callout svg{width:36px;height:36px;padding:7px;border-radius:50%;background:var(--coral);stroke:var(--navy);stroke-width:2.4;fill:none;stroke-linecap:round;flex:none}
.live-callout b{display:block;font-weight:600;font-size:1.02rem;line-height:1.2}
.live-callout small{display:block;font-size:.85rem;color:var(--on-dark-muted)}

/* v09: NCC bento. Photo and scoring card on top; the five feature cards on one line below */
@media (min-width:1061px){
  .bento{grid-template-columns:repeat(5,minmax(0,1fr))}
  .b-photo{grid-column:1/4;grid-row:1}
  .b-score{grid-column:4/6;grid-row:1;max-height:460px}
  .bento .b-icon:nth-of-type(n){grid-column:auto;grid-row:2;padding:24px 22px}
  .bento .b-icon h3{font-size:1.12rem}
  .bento .b-icon p{font-size:.92rem;line-height:1.5}
  .bento .b-icon .ico-row{gap:10px;flex-wrap:nowrap}
  .bento .b-icon .ico-row .ico{width:36px;height:36px;flex:none}
  .bento .b-icon .ico-row .tag-dark{font-size:.64rem;letter-spacing:.1em;white-space:nowrap}
}

/* v09: Who we serve story paragraph */
.aud-story{max-width:68ch;margin-top:8px}
.aud-story b{display:block;font-weight:500;font-size:clamp(1.3rem,2vw,1.6rem);line-height:1.25;letter-spacing:-.012em;color:var(--ink);margin-bottom:8px}

/* v09: interactive LEP coverage map */
.lep-map{margin-top:clamp(72px,9vw,120px);display:grid;gap:28px}
.lm-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:16px 64px;align-items:end}
.lm-body{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:20px;align-items:stretch}
.lm-mapwrap{position:relative;background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--sh-2);padding:clamp(16px,2.5vw,28px);display:grid;gap:12px}
.lm-svg{width:100%;height:auto}
.lm-svg .st{stroke:#fff;stroke-width:1;cursor:pointer;transition:fill .25s,opacity .5s var(--ease),transform .25s var(--ease);transform-box:fill-box;transform-origin:center}
.lm-svg .st:hover{stroke:var(--navy);stroke-width:1.5}
.lm-svg .st.sel{stroke:var(--coral);stroke-width:2.5}
.lm-svg .st:focus-visible{outline:none;stroke:var(--coral);stroke-width:3}
.lm-svg.pre .st{opacity:0}
.lm-legend{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:.8rem;color:var(--muted)}
.lm-legend ol{display:flex;flex-wrap:wrap;gap:6px 14px}
.lm-legend li{display:inline-flex;align-items:center;gap:6px}
.lm-legend li::before{content:"";width:14px;height:14px;border-radius:4px;background:var(--c);border:1px solid rgba(0,47,69,.12)}
.lm-tip{position:absolute;pointer-events:none;background:var(--navy);color:#fff;font-size:.82rem;padding:6px 10px;border-radius:8px;white-space:nowrap;transform:translate(-50%,-130%);opacity:0;transition:opacity .15s}
.lm-tip.on{opacity:1}
.lm-panel{background:var(--navy);color:var(--on-dark);border-radius:var(--r-lg);padding:clamp(22px,3vw,32px);display:flex;flex-direction:column;gap:10px;box-shadow:var(--sh-2)}
.lm-select select{width:100%;min-height:46px;border-radius:10px;border:1px solid #395B6E;background:#0A3B55;color:#fff;font:500 1rem var(--font);padding:0 12px;cursor:pointer}
.lm-select select:focus-visible{outline:2px solid var(--blue-d);outline-offset:2px}
.lm-pct{font-size:clamp(3.4rem,6vw,4.8rem);font-weight:500;line-height:1;letter-spacing:-.035em;margin-top:8px;font-variant-numeric:tabular-nums}
.lm-pct small{font-size:.45em;margin-left:4px;color:var(--on-dark-muted)}
.lm-cap{color:var(--on-dark-muted);font-size:1rem}
.lm-cap b{color:var(--on-dark);font-weight:500}
.lm-sub{margin-top:10px;font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--honey)}
.lm-top{display:grid;gap:10px}
.lm-top li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:baseline;animation:ipUp .45s var(--ease) both}
.lm-top li:nth-child(2){animation-delay:.05s}.lm-top li:nth-child(3){animation-delay:.1s}.lm-top li:nth-child(4){animation-delay:.15s}.lm-top li:nth-child(5){animation-delay:.2s}
.lm-top b{font-weight:500}
.lm-top .nat{color:var(--on-dark-muted);font-size:.85rem;margin-left:6px}
.lm-top .sh{font-variant-numeric:tabular-nums;font-size:.9rem;color:var(--on-dark-muted)}
.lm-top .bar{grid-column:1/-1;height:5px;border-radius:3px;background:rgba(255,255,255,.1);overflow:hidden}
.lm-top .bar i{display:block;height:100%;background:var(--blue-d);border-radius:3px;width:var(--w);transition:width .8s var(--ease)}
.lm-more{margin-top:auto;padding-top:14px;border-top:1px solid var(--night-line);font-size:.92rem;color:var(--on-dark)}
.lm-source{font-size:.8rem;color:var(--muted);max-width:90ch}
@media (max-width:1060px){.lm-head,.lm-body{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.lm-svg.pre .st{opacity:1}.lm-top li{animation:none}}

/* v09: map v2, hover card + CTA */
.lm-card{position:absolute;z-index:3;pointer-events:none;min-width:230px;background:var(--surface);color:var(--ink);border-radius:var(--r-md);box-shadow:var(--sh-3);padding:14px 16px;opacity:0;transform:translate(-50%,calc(-100% - 14px)) scale(.97);transition:opacity .15s,transform .15s var(--ease)}
.lm-card.on{opacity:1;transform:translate(-50%,calc(-100% - 14px)) scale(1)}
.lm-card h4{margin:0 0 2px;font-size:1rem;font-weight:600}
.lm-card .lc-sub{font-size:.75rem;color:var(--muted);margin-bottom:8px}
.lm-card ol{display:grid;gap:5px}
.lm-card li{display:flex;align-items:center;gap:8px;font-size:.9rem}
.lm-card li svg{width:16px;height:16px;flex:none;padding:2px;border-radius:50%;background:#D8F0E1;fill:none;stroke:var(--sprout);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.lm-card li .nat{color:var(--muted);font-size:.8rem}
.lm-cta{margin-top:16px;align-self:stretch;white-space:normal;text-align:center;min-height:50px}
.lm-more{margin-top:14px}
.lm-pct{font-size:clamp(3rem,5.4vw,4.4rem)}
.lm-mapwrap{align-content:center}

/* v09: slider shows each language in its own script, English caption below */
.marquee-track li{flex-direction:column;align-items:center;gap:2px;padding:0 30px;color:inherit}
.marquee-track li::after{display:none}
.marquee-track .mq-n{font-size:clamp(1.6rem,2.6vw,2.2rem);line-height:1.25;height:1.35em;display:flex;align-items:flex-end;white-space:nowrap;unicode-bidi:isolate}
.marquee-track .mq-e{font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);line-height:1.2}
.marquee-track li:nth-child(4n+1) .mq-n{color:#B38000}
.marquee-track li:nth-child(4n+2) .mq-n{color:#C75539}
.marquee-track li:nth-child(4n+3) .mq-n{color:#A94A84}
.marquee-track li:nth-child(4n+4) .mq-n{color:#007BBE}
@media (prefers-reduced-motion:reduce){.marquee-track li{padding:6px 14px}.marquee-track .mq-n{font-size:1.25rem}}

/* v09: Kai greets callers in their own language */
.kai-greet{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:20px;padding:clamp(24px,3.5vw,40px);place-items:initial;color:#fff;--bl-logo-o2:#F07A5C;--bl-logo-o3:#D673AE;--bl-logo-o4:#35A8E8}
.kg-top{display:flex;align-items:center;gap:12px}
.kg-ava{width:46px;height:46px;border-radius:50%;background:#0A3B55;display:grid;place-items:center;flex:none}
.kg-ava svg{width:30px;height:30px;animation:spin 18s linear infinite}
.kg-id{display:grid;line-height:1.2}
.kg-id b{font-weight:600;font-size:1.05rem}
.kg-id small{font-size:.8rem;color:var(--on-dark-muted)}
.kg-chip{margin-left:auto;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--pill);background:rgba(255,255,255,.1);font-size:.82rem;font-weight:500;white-space:nowrap}
.kg-wave{display:inline-flex;align-items:center;gap:2px;height:14px}
.kg-wave i{width:3px;height:100%;border-radius:2px;background:var(--blue-d);animation:vbar .8s ease-in-out infinite}
.kg-wave i:nth-child(2){animation-delay:-.2s}.kg-wave i:nth-child(3){animation-delay:-.45s}.kg-wave i:nth-child(4){animation-delay:-.1s}.kg-wave i:nth-child(5){animation-delay:-.6s}
.kg-list{display:grid;flex:1;align-items:center;min-height:120px}
.kg{grid-area:1/1;font-size:clamp(1.9rem,3.6vw,3rem);font-weight:500;line-height:1.15;letter-spacing:-.01em;opacity:0;transform:translateY(14px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.kg.on{opacity:1;transform:none}
.kg.out{opacity:0;transform:translateY(-14px)}
.kg span{unicode-bidi:isolate}
.kg [dir="rtl"]{display:block;text-align:left}
.kg-en{font-size:1rem;color:var(--on-dark-muted)}
.kg-dots{display:flex;gap:6px}
.kg-dots i{width:18px;height:3px;border-radius:2px;background:rgba(255,255,255,.2);transition:background-color .3s,width .3s}
.kg-dots i.on{background:#fff;width:30px}
@media (prefers-reduced-motion:reduce){.kg-ava svg,.kg-wave i{animation:none}}
.kai-greet{aspect-ratio:auto;min-height:420px;padding-bottom:96px}
.kg{word-break:keep-all;overflow-wrap:anywhere}
@media (max-width:720px){.kg-id small{display:none}.kai-greet{min-height:340px;padding-bottom:80px}}

.kg{font-size:clamp(1.3rem,2.3vw,1.85rem);line-height:1.3;letter-spacing:0}
.kg-list{min-height:150px}
.kg-en{font-size:.92rem;line-height:1.45}

/* ============ Feature template (How it works, v11) ============ */
/* Sheet stacking on subpages: each later sheet overlaps the one above it */
.sheet[data-layer="1"]{z-index:1}.sheet[data-layer="2"]{z-index:2}.sheet[data-layer="3"]{z-index:3}
.sheet[data-layer="4"]{z-index:4}.sheet[data-layer="5"]{z-index:5}.sheet[data-layer="6"]{z-index:6}
.menu a[aria-current="page"]{background:var(--sunken)}
.small{font-size:1rem}

/* Hero: wide photo of both people, with the call record floating over the product UI */
.hero-feature .hero-visual{min-height:560px}
.hero-feature .hero-img{inset:auto;top:20px;left:0;right:calc(-1 * var(--gutter) - 4vw);aspect-ratio:1376/768}
.hero-feature .hero-img img{object-position:center}
.rec-card{left:14%;bottom:0;width:min(380px,76%);padding:18px 20px 12px}
.rec-card .lt-lang{margin-left:auto}
.rc-list li{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid #F2ECE4}
.rc-list li:last-child{border-bottom:0}
.rc-list li>svg{width:22px;height:22px;padding:3px;border-radius:50%;background:#D8F0E1;fill:none;stroke:var(--sprout);stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;transform:scale(.4);opacity:0;transition:transform .5s var(--ease),opacity .5s}
.rec-card.in .rc-list li>svg{transform:none;opacity:1}
.rec-card.in .rc-list li:nth-child(2)>svg{transition-delay:.5s}
.rec-card.in .rc-list li:nth-child(3)>svg{transition-delay:1s}
.rc-list b{display:block;font-weight:600;font-size:.92rem;line-height:1.3}
.rc-list small{display:block;font-size:.8rem;color:var(--muted);line-height:1.35}
.rc-score{font-weight:600;font-size:.9rem;color:var(--sprout);font-variant-numeric:tabular-nums;padding:4px 10px;border-radius:var(--pill);background:#EEF8F2;border:1px solid #B1E0C4}

/* The call, step by step: a timeline with a product detail on each step */
.walk{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:clamp(40px,6vw,96px);align-items:start}
.walk-head{display:grid;gap:18px;justify-items:start;position:sticky;top:120px}
.tl{position:relative;display:grid;gap:8px}
.tl::before{content:"";position:absolute;left:21px;top:20px;bottom:20px;border-left:1.5px dashed #C9B9A8}
.tl-step{position:relative;display:grid;grid-template-columns:auto 1fr;gap:22px;padding:18px 20px 18px 0}
.tl-num{position:relative;z-index:1;width:44px;height:44px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:.85rem;font-weight:600;letter-spacing:.04em;box-shadow:0 0 0 6px var(--tint)}
.tl-body{display:grid;gap:8px;justify-items:start;padding-top:8px}
.tl-body p{color:var(--muted);font-size:1rem;max-width:56ch}
.tl-ui{display:inline-flex;align-items:center;gap:10px;margin-top:4px;padding:9px 14px;border-radius:12px;background:var(--surface);box-shadow:var(--sh-1);font-size:.88rem;font-weight:500;color:var(--ink)}
.tl-ui>svg{width:18px;height:18px;fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tl-ui>svg.ok{width:20px;height:20px;padding:3px;border-radius:50%;background:#D8F0E1;stroke:var(--sprout);stroke-width:2.8}
.tl-pin{display:inline-flex;gap:5px}
.tl-pin i{width:8px;height:8px;border-radius:50%;background:var(--ink)}
.tl-quote{align-items:flex-start;padding:14px 16px;max-width:520px}
.tl-quote>span:last-child{display:grid;gap:4px}
.tl-quote small{font-size:.8rem;font-weight:400;color:var(--muted)}
.tl-kai{width:32px;height:32px;border-radius:50%;background:var(--navy);display:grid;place-items:center;flex:none;--bl-logo-o2:#F07A5C;--bl-logo-o3:#D673AE;--bl-logo-o4:#35A8E8}
.tl-kai svg{width:20px;height:20px}
.tl-wave{display:inline-flex;align-items:center;gap:3px;height:18px}
.tl-step.in .tl-wave i{animation-iteration-count:4}
.walk-head .live-callout{margin-top:6px}
.tl-wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;min-width:0}
.tl-group{display:inline-flex;align-items:center;gap:10px;justify-self:start;font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);padding:6px 14px;border-radius:var(--pill);background:var(--surface);border:1px solid var(--line)}
.tl-group-kai{margin-top:18px;padding-left:6px;background:var(--navy);border-color:var(--navy);color:#fff}
.tl-group .tl-kai{width:26px;height:26px}
.tl-group .tl-kai svg{width:16px;height:16px}
.tl-audio{flex-wrap:wrap;align-items:center;gap:12px 14px;padding:14px 16px;max-width:540px;border:1.5px dashed rgba(0,47,69,.25)}
.tl-audio .play{width:42px;height:42px}
.tl-audio .play svg{width:18px;height:18px}
.tl-say{display:grid;gap:4px;flex:1;min-width:0}
.tl-ui{max-width:100%}
.tl-say small{font-size:.8rem;font-weight:400;color:var(--muted)}
.tl-audio .ph-tag{flex-basis:100%;justify-self:start;margin-left:56px;max-width:calc(100% - 56px);white-space:normal;background:var(--sunken);font-size:.64rem}
@media (max-width:720px){.tl-audio .ph-tag{margin-left:0;max-width:100%}}
.tl-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.tl-chips span{display:inline-flex;align-items:center;gap:6px;padding:7px 12px 7px 8px;border-radius:var(--pill);background:#EEF8F2;border:1px solid #B1E0C4;font-size:.85rem;font-weight:500}
.tl-chips svg{width:18px;height:18px;padding:2px;border-radius:50%;background:var(--sprout);fill:none;stroke:#fff;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}

/* Behind every call: the four layers */
.split{align-items:center}
.split.flip>:first-child{order:2}
.stack{position:relative;margin-inline:auto;width:min(440px,100%);background:var(--surface);border-radius:var(--r-md);box-shadow:var(--sh-3);padding:20px 22px;display:grid;gap:14px}
.stack-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid #EEE6DC}
.layers{display:grid;gap:8px}
.layer{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:12px 14px;border-radius:12px;background:var(--sunken)}
.layer b{display:block;font-weight:600;font-size:.98rem;line-height:1.25}
.layer small{display:block;font-size:.84rem;color:var(--muted);line-height:1.4}
.ly-ico{width:40px;height:40px;border-radius:10px;background:var(--surface);display:grid;place-items:center}
.ly-ico svg{width:20px;height:20px;fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ly-voice svg{stroke:var(--blue)}
.ly-score svg{stroke:var(--sprout)}
.layers .layer:nth-child(2){transition-delay:.12s}.layers .layer:nth-child(3){transition-delay:.24s}.layers .layer:nth-child(4){transition-delay:.36s}
.stack-out{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:12px;border-top:1px solid #EEE6DC}
.stack-out span{display:grid;gap:2px;padding:10px 12px;border-radius:10px;background:var(--navy);color:var(--on-dark-muted);font-size:.8rem;line-height:1.35}
.stack-out b{color:#fff;font-weight:600;font-size:.88rem}


/* Live in one business day: three steps in a row */
.steps-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.steps-row .step{align-content:start;padding:28px}

/* Stats band as the first block in a section */
.stats-band.flush{margin-top:0}
.stat dt{white-space:nowrap}

/* FAQ */
.faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:clamp(32px,5vw,80px);align-items:start}
.faq-grid .sec-head{margin-bottom:0;justify-items:start}
.faq{display:grid;gap:10px}
.faq details{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);transition:box-shadow .3s,border-color .3s}
.faq details:hover,.faq details[open]{box-shadow:var(--sh-2);border-color:transparent}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;cursor:pointer;list-style:none;font-weight:500;font-size:1.1rem;line-height:1.35}
.faq summary::-webkit-details-marker{display:none}
.faq summary .chev{flex:none;width:20px;height:20px}
.faq details[open] summary .chev{transform:rotate(180deg)}
.faq details p{padding:0 24px 22px;color:var(--muted);font-size:1rem;max-width:62ch}

@media (max-width:1060px){
  .split.flip>:first-child{order:0}
  .walk,.steps-row,.faq-grid{grid-template-columns:1fr}
  .walk-head{position:static}
  .hero-feature .hero-img{right:calc(-1 * var(--gutter))}
  .hero-feature .hero-visual{min-height:620px}
}
@media (max-width:720px){
  .hero-feature .hero-visual{min-height:470px}
  .hero-feature .hero-img{top:0;border-radius:var(--r-lg)}
  .rec-card{left:0;right:0;width:auto}
  .tl-step{padding-right:0;gap:16px}
  .tl-quote{max-width:100%}
  .stack-out{grid-template-columns:1fr}
  .faq summary{padding:18px;font-size:1.02rem}
  .faq details p{padding:0 18px 18px}
}
@media (prefers-reduced-motion:reduce){.rc-list li>svg{transform:none;opacity:1}}

/* v12: Behind every call. Links in a row; a pulse runs down the layers while on screen */
.link-row{display:flex;flex-wrap:wrap;gap:12px 24px}
.split-copy .live-callout{max-width:100%}
.layer{transition:background-color .4s,box-shadow .4s}
.stack.playing .layer{animation:lyPulse 6s var(--ease) infinite}
.stack.playing .layer:nth-child(2){animation-delay:1.5s}
.stack.playing .layer:nth-child(3){animation-delay:3s}
.stack.playing .layer:nth-child(4){animation-delay:4.5s}
@keyframes lyPulse{0%,30%,100%{background:var(--sunken);box-shadow:none}8%,20%{background:var(--surface);box-shadow:0 0 0 2px var(--blue-soft),var(--sh-2)}}
@media (prefers-reduced-motion:reduce){.stack.playing .layer{animation:none}}

/* v12: From dial to record. Live call panel follows the scroll; steps light up and the line fills */
.cp{margin-top:20px;width:min(400px,100%);background:var(--surface);border-radius:var(--r-md);box-shadow:var(--sh-3);padding:16px 20px 14px;display:grid;gap:12px}
.cp-head{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid #EEE6DC}
.cp-step{margin-left:auto;font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums}
.cp-body{display:grid;min-height:200px}
.cp-state{grid-area:1/1;display:grid;align-content:center;justify-items:center;text-align:center;gap:10px;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .45s var(--ease),transform .45s var(--ease),visibility 0s .45s}
.cp-state.on{opacity:1;visibility:visible;transform:none;transition:opacity .45s var(--ease),transform .45s var(--ease)}
.cp-state b{font-weight:600;font-size:1.02rem}
.cp-state small{font-size:.82rem;color:var(--muted);line-height:1.4}
.cp-ring{position:relative;width:60px;height:60px;border-radius:50%;background:var(--navy);display:grid;place-items:center}
.cp-ring svg{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cp-ring::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 0 rgba(0,123,190,.45)}
.cp-state.on .cp-ring::after{animation:cpRing 1.6s ease-out infinite}
@keyframes cpRing{to{box-shadow:0 0 0 18px rgba(0,123,190,0)}}
.cp-pin{display:flex;gap:10px}
.cp-pin i{width:14px;height:14px;border-radius:50%;border:1.5px solid #B2C4D0}
.cp-state.on .cp-pin i{animation:cpPin .2s forwards}
.cp-state.on .cp-pin i:nth-child(2){animation-delay:.25s}.cp-state.on .cp-pin i:nth-child(3){animation-delay:.5s}.cp-state.on .cp-pin i:nth-child(4){animation-delay:.75s}.cp-state.on .cp-pin i:nth-child(5){animation-delay:1s}.cp-state.on .cp-pin i:nth-child(6){animation-delay:1.25s}
@keyframes cpPin{to{background:var(--ink);border-color:var(--ink)}}
.cp-ok{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;font-weight:500;opacity:0}
.cp-state.on .cp-ok{animation:cpFade .4s 1.6s forwards}
@keyframes cpFade{to{opacity:1}}
.cp-ok svg,.cp-lang>svg:last-child{width:20px;height:20px;padding:3px;border-radius:50%;background:#D8F0E1;fill:none;stroke:var(--sprout);stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.cp-lang{display:inline-flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;border:1px solid var(--ink);text-align:left;font-weight:500}
.cp-lang>svg:first-child{width:20px;height:20px;fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round}
.cp-lang small{display:block;font-weight:400}
.cp-kai{display:inline-flex;align-items:center;gap:10px}
.cp-chip{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:var(--pill);background:var(--sunken);font-size:.8rem;font-weight:500}
.cp-chip-dark{background:var(--navy);color:#fff}
.cp-say{font-size:1rem;font-weight:500;line-height:1.4;max-width:32ch;word-break:keep-all}
.cp-talk{justify-items:stretch;text-align:left}
.cp-talk .cp-chip{justify-self:center}
.cp-row{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;font-size:.92rem;font-weight:500}
.cp-row small{display:block;font-weight:400}
.cp-dots{display:flex;justify-content:center;gap:6px}
.cp-dots i{width:16px;height:3px;border-radius:2px;background:#E6DCD0;transition:background-color .3s,width .3s}
.cp-dots i.on{background:var(--navy);width:28px}
/* Steps: active step rings in coral; finished steps fill the line */
.tl-step::after{content:"";position:absolute;left:21px;top:44px;bottom:-26px;border-left:2px solid var(--navy);transform:scaleY(0);transform-origin:top;transition:transform .5s var(--ease)}
.tl-step:last-child::after{display:none}
.tl-step.done::after{transform:none}
.tl-num{transition:box-shadow .3s,background-color .3s,color .3s}
.js [data-walk] .tl-step:not(.on):not(.done) .tl-num{background:var(--surface);color:var(--ink);box-shadow:0 0 0 6px var(--tint),inset 0 0 0 1.5px #C9B9A8}
.tl-step.on .tl-num{box-shadow:0 0 0 6px var(--tint),0 0 0 8px var(--coral)}
.js [data-walk] .tl-step:not(.on) .tl-body h3{color:#3A4E5E}
@media (max-width:1060px){.cp{display:none}}
@media (prefers-reduced-motion:reduce){.cp-pin i{background:var(--ink);border-color:var(--ink)}.cp-ok{opacity:1}}
.cp.ended .lt-live{visibility:hidden}

/* v12: walkthrough closes on "any call" */
.tl-coda{display:flex;gap:16px;align-items:center;margin-top:18px;padding:18px 20px;border-radius:var(--r-md);background:var(--navy);color:#fff;box-shadow:var(--sh-2)}
.tl-coda b{display:block;font-weight:500;font-size:1.08rem;margin-bottom:8px}
.tl-coda-ico{width:44px;height:44px;border-radius:50%;background:var(--coral);display:grid;place-items:center;flex:none}
.tl-coda-ico svg{width:20px;height:20px;fill:none;stroke:var(--navy);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tl-coda-chips{display:flex;flex-wrap:wrap;gap:6px}
.tl-coda-chips span{padding:5px 12px;border-radius:var(--pill);border:1px solid #395B6E;font-size:.85rem;color:var(--on-dark)}

/* v12: Behind every call sits in the dark trust section with the stats */
.frame-dark{background:var(--night-2);border:1px solid var(--night-line)}
.frame-dark .frame-lines{stroke:rgba(255,248,241,.08)}
.trust .split-copy .live-callout{background:var(--night-2);border:1px solid var(--night-line);box-shadow:none}
.trust .link-arrow{color:var(--on-dark)}
.trust .stats-band{margin-top:clamp(88px,10vw,128px)}
.trust .stack{color:var(--ink)}

/* v13: Meet Kai. Reuses the feature template; only what no existing style covers */
.mk-roster .tl-kai{width:34px;height:34px}
.mk-roster .kg-wave i{background:var(--blue)}
.mk-pick-wrap{display:grid;gap:12px;margin-top:4px}
.mk-pick-label{font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.mk-pick{display:flex;flex-wrap:wrap;gap:8px}
.mk-pick button{font-family:var(--font);color:var(--ink);cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
.mk-pick button:hover{border-color:var(--ink)}
.mk-pick button[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.mk-terms{gap:16px}
.mk-say{display:grid;gap:10px;padding-top:14px;border-top:1px solid #EEE6DC}
.mk-say .cp-chip{justify-self:center}
.mk-say .cp-row b{font-weight:600;background:var(--blue-soft);border-radius:4px;padding:0 3px}
.mk-roles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.mk-inline{color:var(--on-dark);font-weight:500}
@media (max-width:1060px){.mk-roles{grid-template-columns:1fr 1fr}}
@media (max-width:720px){.mk-roles{grid-template-columns:1fr}}
.mk-hero-img img{object-position:62% 20%}

/* v14: Live Transcript. Reuses the feature template; only what no existing style covers */
.lt-anat{position:relative;left:auto;bottom:auto;width:min(460px,100%);background:var(--surface);border-radius:var(--r-md);box-shadow:var(--sh-3);padding:18px 20px 10px}
.lt-voice{position:absolute;z-index:3;top:40px;left:calc(8% + 28px)}
.hero-feature .lt-hero{min-height:600px}
.lt-hero .photo-ph figcaption{top:96px}
.lt-flag{margin-left:auto;padding:2px 9px;border-radius:var(--pill);background:#FFF1CC;color:#7A5200;font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.lt-panel .lt-tagged{background:#FFF8E6;box-shadow:inset 0 0 0 1px #F5D98A}
.lt-anat{margin-inline:auto;width:min(420px,calc(100% - 72px));padding:20px 22px 22px;overflow:visible}
.lt-anat .lt-head{margin-bottom:10px}
.lt-anat .lt-line{row-gap:20px;padding:16px 0 4px;border-bottom:0}
.lt-anat .lt-head span{white-space:nowrap}
.lt-anat .lt-orig{font-size:1.02rem}
.lt-anat .lt-tr{font-size:.95rem}
.lt-anat .lt-meta{font-size:.8rem;margin-bottom:0;gap:18px}
.lt-anat .lt-score{gap:8px;width:72px}
.lt-anat .lt-orig,.lt-anat .lt-tr{line-height:1.45}
.lt-anat [data-part]{border-radius:8px;padding:2px 4px;margin:-2px -4px;transition:background-color .35s,box-shadow .35s}
.lt-anat [data-part].on{background:var(--blue-soft);box-shadow:0 0 0 2px var(--blue-soft)}
.anat-pin{position:absolute;z-index:2;top:0;width:28px;height:28px;margin-top:-14px;border-radius:50%;background:var(--navy);color:#fff;border:2px solid #fff;box-shadow:var(--sh-2);display:grid;place-items:center;font-size:.78rem;font-weight:600;transition:transform .3s var(--ease),background-color .3s}
.anat-pin[data-side="l"]{left:-50px}
.anat-pin[data-side="r"]{right:-50px}
.anat-pin::after{content:"";position:absolute;top:50%;width:22px;border-top:1.5px dashed rgba(0,47,69,.45)}
.anat-pin[data-side="l"]::after{left:100%}
.anat-pin[data-side="r"]::after{right:100%}
.anat-pin.on{transform:scale(1.15);background:var(--blue)}
.anat{display:grid;gap:4px;width:100%}
.anat li{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:10px 14px;border-radius:12px;transition:background-color .3s,box-shadow .3s}
.anat li.on{background:var(--surface);box-shadow:var(--sh-1)}
.anat-n{width:28px;height:28px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:.8rem;font-weight:600}
.anat b{display:block;font-weight:600;line-height:1.3}
.anat small{display:block;font-size:.95rem;color:var(--muted);line-height:1.4}
.lt-media{position:relative;min-height:540px}
.lt-media .photo-ph{inset:0 0 40px 0}
.lt-media .photo-ph figcaption{top:36px;left:36px;right:auto;max-width:240px;text-align:left}
.lt-media .ph-tag{justify-self:start}
.lt-media .lt-card{left:auto;right:-4%;bottom:0;width:min(400px,86%)}
.lt-roles{gap:16px}
.lt-seg{display:inline-grid;grid-auto-flow:column;gap:4px;padding:4px;border-radius:var(--pill);background:var(--sunken);justify-self:start}
.lt-seg button{font:500 .88rem/1 var(--font);color:var(--ink);background:transparent;border:0;padding:10px 16px;border-radius:var(--pill);cursor:pointer;transition:background-color .2s,color .2s}
.lt-seg button[aria-selected="true"]{background:var(--navy);color:#fff}
.lt-panels{display:grid}
.lt-panel{grid-area:1/1;display:grid;gap:8px;align-content:start}
.lt-panel .lt-line{padding:10px 12px;border-radius:12px;background:var(--sunken);border:0}
.lt-panel[hidden]{display:grid;visibility:hidden}
.lt-panel .vc-ava{width:36px;height:36px;font-size:.74rem}
.lt-call-t{font-size:.84rem;color:var(--muted);font-variant-numeric:tabular-nums}
.lt-note{font-size:.84rem;color:var(--muted)}
.lt-pinrow{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;background:var(--sunken)}
.lt-pinrow b{display:block;font-weight:600;font-size:.95rem;line-height:1.25}
.lt-pinrow small{display:block;font-size:.82rem;color:var(--muted);line-height:1.35}
.lt-pin{display:inline-flex;gap:4px}
.lt-pin span{width:22px;height:30px;border-radius:6px;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;font-weight:600;font-size:.92rem;font-variant-numeric:tabular-nums;transition:transform .3s var(--ease),opacity .3s}
.lt-pin{align-items:center}
.lt-pin span.e{color:transparent;border-color:#C9B9A8}
.lt-pin span.hit{transform:translateY(-3px)}
.lt-pin-ok{width:22px;height:22px;margin-left:4px;padding:3px;border-radius:50%;background:#D8F0E1;fill:none;stroke:var(--sprout);stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .4s var(--ease),opacity .4s}
.lt-pin-ok.off{opacity:0;transform:scale(.4)}
.lt-phases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.lt-phases .link-arrow{justify-self:start;margin-top:6px;font-size:.95rem;color:var(--on-dark)}
@media (max-width:1060px){
  .lt-phases{grid-template-columns:1fr}
  .lt-media .lt-card{right:0}
}
@media (max-width:720px){
  .hero-feature .lt-hero{min-height:760px}
  .lt-anat{width:calc(100% - 44px);padding:18px 16px 18px}
  .lt-anat .lt-lang{display:none}
  .anat-pin{width:24px;height:24px;margin-top:-12px;font-size:.7rem}
  .anat-pin[data-side="l"]{left:-34px}.anat-pin[data-side="r"]{right:-34px}
  .anat-pin::after{width:8px}
  .lt-seg{width:100%;grid-auto-columns:minmax(0,1fr)}
  .lt-seg button{padding:9px 6px;font-size:.8rem}
  .lt-voice{top:20px;left:20px}
  .lt-hero .photo-ph figcaption{top:72px}
  .lt-media{min-height:640px}
  .lt-media .photo-ph{inset:0 0 230px 0;border-radius:var(--r-lg)}
  .lt-media .photo-ph figcaption{top:28px;left:28px;max-width:190px}
  .lt-media .lt-card{left:0;right:0;width:auto;bottom:0}
  .lt-pinrow{grid-template-columns:auto 1fr}
  .lt-pin{grid-column:1/-1;justify-self:start}
}
@media (prefers-reduced-motion:reduce){.lt-pin span,.lt-anat [data-part],.anat li{transition:none}}
.lt-photo{margin:0;background:#EEF1F3}
.lt-photo::after{display:none}
.lt-photo img{width:100%;height:100%;object-fit:cover}
.lt-photo-hero img{object-position:66% 30%}
.lt-photo-read img{object-position:30% 30%}
@media (min-width:721px){.lt-media .lt-card{bottom:-36px}}

/* v15: National Command Center. Reuses the feature template; only what no existing style covers */
.sheet-dark .sec-head .link-arrow{color:var(--on-dark)}
.ncc-hero .photo-ph{bottom:56px}
.ncc-photo-hero img{object-position:50% 25%}
.ncc-place{position:absolute;z-index:3;top:28px;left:calc(8% + 24px)}
.ncc-place svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ncc-hero .ncc-call{left:auto;right:2%;bottom:-40px;width:min(370px,70%)}
.ncc-sum{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:12px 0 6px}
.ncc-sum b{display:block;font-size:2rem;font-weight:500;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--sprout)}
.ncc-sum span+span b{color:var(--ink)}
.ncc-sum small{display:block;margin-top:6px;font-size:.78rem;color:var(--muted)}
.ncc-bars{display:flex;align-items:flex-end;gap:5px;height:72px;padding:10px 0 2px}
.ncc-bars i{flex:1;height:calc((var(--s) - 80) * 5%);border-radius:4px 4px 2px 2px;background:#A9DDBE;transform:scaleY(0);transform-origin:bottom;transition:transform .8s var(--ease)}
.ncc-bars i:last-child{background:var(--sprout)}
.ncc-call.in .ncc-bars i{transform:none}
.ncc-bars i.new{animation:nccBar .7s var(--ease)}
@keyframes nccBar{from{transform:scaleY(0)}to{transform:none}}
.ncc-photo-room img{object-position:30% 30%}
.ncc-trend .lt-head{margin-bottom:0}
.ncc-trend .lt-note{padding:8px 0 6px}
.ncc-sees{gap:18px}
.ncc-group{display:grid;gap:10px;justify-items:start}
@media (max-width:720px){
  .ncc-hero .photo-ph{bottom:200px}
  .ncc-hero .ncc-call{left:0;right:0;width:auto;bottom:0}
  .ncc-place{top:20px;left:20px}
}
@media (prefers-reduced-motion:reduce){.ncc-bars i{transform:none}}
/* v15b: Who does what. Two roles side by side, with the hand-off between them */
.ncc-duo{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:20px;align-items:stretch}
.ncc-role{width:100%;margin:0;padding:26px 28px;align-content:start;gap:14px;grid-template-rows:auto auto auto 1fr}
.ncc-role h3{font-size:clamp(1.5rem,2.2vw,1.9rem);line-height:1.1}
.ncc-role>p{color:var(--muted);font-size:1rem}
.ncc-role-k{display:inline-flex;align-items:center;gap:10px;font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.ncc-role-k .ly-ico{background:var(--sunken)}
.ncc-role-foot{align-self:end;display:grid;gap:10px;padding-top:14px;border-top:1px solid #EEE6DC}
.ncc-role .ncc-bars{height:64px;padding-top:4px}
.ncc-role .ncc-bars i{transform:none}
.ncc-handoff{align-self:center;display:grid;justify-items:center;gap:10px}
.ncc-handoff svg{width:28px;height:28px;fill:none;stroke:var(--navy);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ncc-duo-link{margin-top:36px;text-align:center}
.ncc-stats .stat dt{font-size:clamp(2.4rem,4.2vw,3.6rem)}
@media (max-width:1060px){.ncc-duo{grid-template-columns:1fr}.ncc-handoff svg{transform:rotate(90deg)}}

/* v16: Pricing. Reuses the feature template; only what no existing style covers */
.nav-list>li>a[aria-current="page"]{background:rgba(0,47,69,.06)}
.btn-wrap{white-space:normal;text-align:center;line-height:1.25}
.sheet-dark .lede a,.sheet-navy .lede a,.mid-cta p a{color:inherit;text-underline-offset:3px}
.pr-phone{font-size:.95rem;color:var(--muted);margin-top:-8px}
.pr-phone a{color:var(--ink);font-weight:500;text-underline-offset:3px}
/* Hero: photo with the guarantee card */
.pr-photo-hero img{object-position:100% 30%}
.pr-hero .photo-ph{bottom:56px}
.pr-chip{position:absolute;z-index:3;top:28px;left:calc(8% + 24px)}
.pr-chip svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pr-save{bottom:-24px;width:min(400px,80%)}
.pr-bars{display:grid;gap:16px;padding:14px 0 6px}
.pr-bars li{display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center;font-size:.86rem;color:var(--muted)}
.pr-bars .bar{grid-column:1/-1;grid-row:2;display:block;height:12px;border-radius:6px;background:#F2ECE4;overflow:hidden}
.pr-bars .bar i{display:block;height:100%;width:0;border-radius:6px;background:#B9C6D0;transition:width 1.2s var(--ease)}
.pr-bars .pr-tos{color:var(--ink);font-weight:500}
.pr-bars .pr-tos .bar i{background:var(--sprout);transition-delay:.35s}
.pr-bars b{grid-row:1;grid-column:2;font-size:.78rem;font-weight:600;color:var(--sprout);padding:3px 10px;border-radius:var(--pill);background:#EEF8F2;border:1px solid #B1E0C4;opacity:0;transition:opacity .5s 1.3s}
.pr-save.in .pr-bars .bar i{width:var(--w)}
.pr-save.in .pr-bars b{opacity:1}
/* Plans: two tier cards side by side */
.pr-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:1040px;margin-inline:auto;align-items:stretch}
.pr-plan{display:grid;align-content:start;gap:22px;padding:clamp(28px,3.4vw,44px);background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--sh-2);transition:transform .3s var(--ease),box-shadow .3s}
.pr-plan:hover{transform:translateY(-4px);box-shadow:var(--sh-3)}
.pr-plan-top{display:grid;gap:10px;justify-items:start}
.pr-plan h3{font-size:clamp(1.8rem,2.8vw,2.3rem);line-height:1.05}
.pr-plan-top p{color:var(--muted);font-size:1rem;max-width:40ch}
.pr-model{display:grid;gap:4px;padding:18px 0;border-block:1px solid #EEE6DC}
.pr-model b{font-size:1.3rem;font-weight:500;letter-spacing:-.01em}
.pr-model small{font-size:.92rem;color:var(--muted)}
.pr-plan .tos-btn{width:100%;min-height:52px;padding-block:12px}
.pr-inc{font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin-bottom:-6px}
.pr-plan .ticks{margin:0}
.pr-plan .ticks a{color:inherit;text-underline-offset:3px}
.pr-plan-pro{background:var(--navy);color:var(--on-dark)}
.pr-plan-pro .pr-plan-top p,.pr-plan-pro .pr-model small,.pr-plan-pro .ticks li{color:var(--on-dark-muted)}
.pr-plan-pro .ticks li b{color:var(--on-dark)}
.pr-plan-pro .pr-model{border-color:var(--night-line)}
.pr-plan-pro .cp-chip{background:var(--coral);color:var(--navy);font-weight:600}
.pr-guarantee{margin-top:36px;text-align:center}
.pr-guarantee .live-callout{text-align:left}
/* Compare plans: three-column table built on the comparison table */
.pr-cmp th,.pr-cmp td{width:auto}
.pr-cmp thead th{text-align:center}
.pr-cmp thead th:first-child{width:46%}
.pr-cmp tbody th{padding:16px 28px;border-top:1px solid #EEE6DC;background:none;color:var(--ink);font-size:1rem;font-weight:500;text-align:left;vertical-align:middle}
.pr-cmp tbody th a{color:inherit;text-underline-offset:3px}
.pr-cmp tbody td{padding:16px 20px;text-align:center;vertical-align:middle;border-left:1px solid #EEE6DC;color:var(--ink)}
.pr-cmp td svg{display:inline-block;margin:0}
.pr-cmp tr.pr-grp th{padding:26px 28px 10px;font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);background:var(--sunken)}
.pr-cmp tbody tr.pr-grp:hover{background:none}
/* Dark chapter: single quote between stats and the mid-page CTA */
.pr-quote{min-height:0}
.pr-quote .quotes-inner{grid-template-rows:auto auto}
.pr-quote .slide{grid-area:auto}
.pr-stats .stat dt{font-size:clamp(2.6rem,4.6vw,3.9rem)}
/* In every plan: four cards on one line */
.pr-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.pr-grid .acard{padding-bottom:84px}
@media (max-width:1060px){
  .pr-plans{grid-template-columns:1fr;max-width:620px}
  .pr-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  .pr-hero{min-height:640px}
  .pr-hero .photo-ph{bottom:180px}
  .pr-hero .pr-save{left:0;right:0;width:auto;bottom:0}
  .pr-chip{top:20px;left:20px}
  .pr-grid{grid-template-columns:1fr}
  .pr-cmp thead th:first-child{width:auto}
  .pr-cmp thead th{font-size:.92rem;padding:14px 10px}
  .pr-cmp tbody th{padding:14px 12px 14px 16px;font-size:.92rem}
  .pr-cmp tbody td{padding:14px 8px;font-size:.88rem}
  .pr-cmp tr.pr-grp th{padding:20px 16px 8px}
}
@media (prefers-reduced-motion:reduce){.pr-bars .bar i{width:var(--w)}.pr-bars b{opacity:1}}
.pr-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;margin-top:-6px}
.pr-actions .pr-phone{margin:0}
.pr-hero .pr-rate{bottom:-72px;width:min(320px,70%);padding:16px 18px 10px}
.pr-rate .rc-list small[dir="rtl"]{text-align:left;unicode-bidi:plaintext}
.pr-rate .lt-head{margin-bottom:0}
.pr-rate .rc-list li{padding:9px 0}
.pr-rate .rc-list small{font-size:.84rem}
.js .pr-rate .rc-list li{opacity:0;transform:translateY(8px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.js .pr-rate.in .rc-list li{opacity:1;transform:none}
.pr-rate.in .rc-list li:nth-child(2){transition-delay:.12s}.pr-rate.in .rc-list li:nth-child(3){transition-delay:.24s}.pr-rate.in .rc-list li:nth-child(4){transition-delay:.36s}.pr-rate.in .rc-list li:nth-child(5){transition-delay:.48s}
@media (max-width:720px){.pr-hero .pr-rate{left:0;right:0;width:auto;bottom:0}}
@media (prefers-reduced-motion:reduce){.js .pr-rate .rc-list li{opacity:1;transform:none}}

/* ============ Simple template: legal pages (v17) ============ */
/* Hero: copy only, single column. Content: one reading column on the tint sheet, TOC card at the top. */
.hero-simple .tos-hero-copy{max-width:820px}
.legal-doc{max-width:760px;margin-inline:auto;display:grid;gap:clamp(48px,6vw,72px)}
.legal-toc{display:grid;gap:18px;padding:clamp(24px,3vw,32px);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1)}
.legal-toc ol{columns:2;column-gap:32px}
.legal-toc li{break-inside:avoid}
.legal-toc a{display:block;padding:7px 0;color:var(--ink);font-size:1rem;line-height:1.35;text-decoration:none}
.legal-toc a:hover{color:var(--link);text-decoration:underline;text-underline-offset:3px}
.legal-body{display:grid;gap:clamp(44px,5vw,60px)}
.legal-intro,.legal-sec{display:grid;gap:18px}
.legal-sec{scroll-margin-top:100px;padding-top:clamp(36px,4vw,48px);border-top:1px solid var(--line)}
.legal-sec h2{font-size:clamp(1.5rem,2.4vw,1.9rem);line-height:1.15;letter-spacing:-.018em}
.legal-sec h3{font-size:1.15rem;margin-top:14px}
.legal-body p,.legal-body li{line-height:1.7}
.legal-body ul{display:grid;gap:10px;padding-left:1.3em;list-style:disc}
.legal-body li::marker{color:var(--muted)}
.legal-body a{color:var(--link);text-underline-offset:3px;overflow-wrap:anywhere}
.legal-sub{padding-left:clamp(16px,3vw,28px)}
.legal-notice{padding:20px 24px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);font-size:1rem;letter-spacing:.01em}
@media (max-width:720px){.legal-toc ol{columns:1}}

/* ===== v18: Kai audio clips ===== */
.audio-card,.tl-audio[data-audio-card]{border-style:solid;border-color:rgba(0,47,69,.1)}
[data-audio-btn]{cursor:pointer;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
[data-audio-btn]:hover{transform:scale(1.06);box-shadow:0 6px 16px rgba(0,47,69,.18)}
[data-audio-btn]:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
[data-audio-btn] .i-pause{display:none;margin-left:0}
.is-playing [data-audio-btn] .i-play{display:none}
.is-playing [data-audio-btn] .i-pause{display:block}
.audio-meta{display:flex;justify-content:space-between;gap:12px;font-size:.82rem;font-weight:500;color:var(--muted)}
.wave{width:100%;overflow:hidden}
.wave i{transition:background-color .15s linear}
.wave i.on{background:var(--blue-d)}
@media (prefers-reduced-motion:reduce){[data-audio-btn],.wave i{transition:none}[data-audio-btn]:hover{transform:none}}

/* ============ v19: About us. Reuses the feature template; only what no existing style covers ============ */
.ab-chip{position:absolute;z-index:3;top:24px;left:24px}
.ab-chip svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ab-photo-insiders img{object-position:50% 30%}
.ab-photo-home img{object-position:50% 20%}
.ab-vocab .tl-chips{padding:14px 0 10px;gap:8px}
.ab-vocab .lt-note{padding:2px 0 8px}
.ab-where .lt-head{margin-bottom:0}
.ab-where .ly-ico{width:36px;height:36px;background:var(--sunken)}
.ab-lead{font-size:1.1rem;line-height:1.5;max-width:52ch}
.ab-lead b{font-weight:500}
.ab-stats .stat dt{font-size:clamp(2.6rem,4.6vw,3.9rem)}
.ab-team{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.ab-team li{display:grid;align-content:start;background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--sh-1);overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s}
.ab-team li:hover{transform:translateY(-4px);box-shadow:var(--sh-2)}
.ab-team img{width:100%;aspect-ratio:480/424;height:auto;object-fit:cover;object-position:50% 20%;background:#EEF1F3}
.ab-who{display:grid;gap:6px;padding:20px 22px 24px}
.ab-team b{font-weight:500;font-size:1.2rem;line-height:1.2;letter-spacing:-.01em}
.ab-who span{font-size:.95rem;line-height:1.4;color:var(--muted)}
@media (max-width:1060px){.ab-team{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.ab-chip{top:20px;left:20px}}
@media (max-width:440px){.ab-team{grid-template-columns:1fr}}

/* ===== TranslateOS vs. interpreter lines ===== */
.vs-cmp{max-width:1080px}
.vs-cmp thead th{text-align:left}
.vs-cmp thead th:first-child{width:24%}
.vs-cmp tbody th,.vs-cmp tbody td{vertical-align:top;text-align:left}
.vs-cmp tbody td:first-of-type{font-weight:400;color:var(--muted)}
.vs-cmp tbody td+td{font-weight:500}
.vs-cmp tbody td a{color:inherit;text-underline-offset:3px}
.vs-cost{margin-top:clamp(56px,7vw,80px)}

/* ============ v20: Contact us. Reuses the feature hero, rec-card, ly-ico, buttons and closing band; only the form and the ways list are new ============ */
.ct-hero-img img{object-position:50% 30%}
.ct-next{left:auto;right:-4%;width:min(400px,80%)}
.ct-next .vc-head{margin-bottom:6px}
.ct-next .rc-list b{color:var(--ink)}
.ct-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:start}
.ct-head{margin-bottom:clamp(28px,3.5vw,40px);max-width:640px}
.ct-form-wrap{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1);padding:clamp(24px,3.5vw,40px)}
.ct-form{display:grid;gap:22px}
.ct-required-note{font-size:.92rem;color:var(--muted)}
.ct-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}
.ct-field{display:grid;gap:8px;align-content:start}
.ct-field label{font-weight:500;font-size:1rem;line-height:1.3;color:var(--ink)}
.ct-opt{font-weight:400;color:var(--muted)}
.ct-field input,.ct-field select,.ct-field textarea{width:100%;min-height:52px;padding:12px 16px;border:1.5px solid #C3D1DC;border-radius:var(--r-sm);background:#fff;color:var(--ink);font:400 17px/1.4 var(--font);transition:border-color .2s,box-shadow .2s;appearance:none;-webkit-appearance:none}
.ct-field textarea{min-height:132px;resize:vertical}
.ct-field input:hover,.ct-field select:hover,.ct-field textarea:hover{border-color:#899BAA}
.ct-field input:focus,.ct-field select:focus,.ct-field textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,123,190,.2)}
.ct-field input:focus-visible,.ct-field select:focus-visible,.ct-field textarea:focus-visible{outline:none}
.ct-field [aria-invalid="true"]{border-color:#A63C22;background:#FFF9F7}
.ct-field [aria-invalid="true"]:focus{box-shadow:0 0 0 3px rgba(166,60,34,.18)}
.ct-select{position:relative}
.ct-select select{padding-right:44px;cursor:pointer}
.ct-select .chev{position:absolute;right:16px;top:50%;width:18px;height:18px;transform:translateY(-50%);pointer-events:none;stroke:var(--ink)}
.ct-hint{font-size:.9rem;line-height:1.45;color:var(--muted)}
.ct-hint a{color:var(--link);text-underline-offset:3px}
.ct-err{display:flex;align-items:flex-start;gap:6px;font-size:.9rem;line-height:1.4;font-weight:500;color:#A63C22}
.ct-err::before{content:"";flex:none;width:16px;height:16px;margin-top:2px;border-radius:50%;background:#A63C22 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 7v6M12 16.5h.01' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") center/16px no-repeat}
.ct-alert{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:14px 18px;border-radius:var(--r-sm);background:#FFF1EE;border:1px solid #FFBCAB;color:#872409;font-size:.98rem;font-weight:500}
.ct-alert svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.ct-alert[hidden],.ct-err[hidden],.ct-hint[hidden],.ct-done[hidden],.ct-fail[hidden]{display:none}
.ct-trap{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.ct-submit{display:grid;gap:14px;justify-items:start;padding-top:4px}
.ct-submit .tos-btn{min-width:min(100%,260px)}
.ct-submit .tos-btn[aria-busy="true"]{opacity:.7;pointer-events:none}
.ct-fine{font-size:.88rem;line-height:1.45;color:var(--muted);max-width:52ch}
.ct-fine a{color:var(--link);text-underline-offset:3px}
.ct-done{display:grid;gap:18px;justify-items:start;padding:clamp(8px,2vw,16px) 0}
.ct-done:focus{outline:none}
.ct-done-ico{width:56px;height:56px;border-radius:50%;background:#D8F0E1;display:grid;place-items:center;margin-bottom:6px}
.ct-done-ico svg{width:30px;height:30px;fill:none;stroke:var(--sprout);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.ct-done .lede{max-width:48ch}
.ct-done .actions{margin-top:8px}
.ct-fail{margin-top:16px;padding:14px 18px;border-radius:var(--r-sm);background:#FFF1EE;border:1px solid #FFBCAB;color:#872409;font-size:.98rem}
.ct-fail a{color:inherit;text-underline-offset:3px}
.ct-aside{display:grid;gap:18px;align-content:start;position:sticky;top:112px}
.ct-aside h2{margin-bottom:6px}
.ct-ways{display:grid;gap:12px}
.ct-way{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);transition:transform .3s var(--ease),box-shadow .3s,border-color .3s}
.ct-way:hover{transform:translateY(-3px);box-shadow:var(--sh-2);border-color:transparent}
.ct-way .ly-ico{background:var(--sunken)}
.ct-way>div{display:grid;gap:6px;justify-items:start}
.ct-way b{font-weight:500;font-size:1.15rem;line-height:1.25}
.ct-way p{font-size:.95rem;line-height:1.5;color:var(--muted);max-width:40ch}
.ct-way .tos-btn{margin-top:6px}
.ct-way-link{display:inline-block;margin-top:2px;font-weight:500;font-size:1.05rem;color:var(--ink);text-decoration:none;border-bottom:1.5px solid currentColor;padding-bottom:1px;overflow-wrap:anywhere}
.ct-way-link:hover{color:var(--link)}
.ct-way-book{background:var(--navy);border-color:var(--navy);color:var(--on-dark)}
.ct-way-book .ly-ico{background:var(--night-2)}
.ct-way-book .ly-ico svg{stroke:var(--blue-d)}
.ct-way-book p{color:var(--on-dark-muted)}
.ct-way-book:hover{border-color:var(--navy)}
@media (max-width:1060px){
  .ct-grid{grid-template-columns:1fr}
  .ct-aside{position:static}
  .ct-ways{grid-template-columns:1fr 1fr}
  .ct-way-book{grid-column:1/-1}
  .ct-next{right:0}
}
@media (max-width:720px){
  .ct-row,.ct-ways{grid-template-columns:1fr}
  .ct-next{left:0;right:0;width:auto}
  .ct-form-wrap{padding:20px 16px;border-radius:var(--r-md)}
  .ct-field input,.ct-field select,.ct-field textarea{font-size:16px}
  .ct-submit .tos-btn{width:100%}
  .ct-done .actions .tos-btn{width:100%}
}
@media (prefers-reduced-motion:reduce){.ct-way,.ct-field input,.ct-field select,.ct-field textarea{transition:none}.ct-way:hover{transform:none}}

/* v21: Compliance. Reuses the feature template; only what no existing style covers */
.co-search{display:flex;margin:12px 0 2px;padding:10px 14px;gap:10px;font-size:.92rem}
.co-search>svg:first-child{flex:none}
.co-search small{color:var(--muted);font-size:.8rem;line-height:1.3}
.layer .wave{height:22px;margin:6px 0 4px}
@media (max-width:720px){.hero-feature .co-hero{min-height:555px}.co-hero .hero-img{bottom:auto}.co-hero .hero-img img{object-position:62% 30%}}

/* v22: Languages. Simple template. Reuses the feature hero, audio card, lang-grid, mk-pick filters, ct-field search and ct-way card; only what no existing style covers */
.lg-hero-img img{object-position:50% 35%}
.lg-hero .hero-visual{container-type:inline-size}
.lg-hero-audio{position:absolute;margin:0;left:22%;bottom:auto;top:calc(20px + (100cqw + var(--gutter) + 4vw) * .558 - 84px);width:min(420px,72%);border-style:solid}
@media (max-width:1060px){.lg-hero-audio{top:calc(20px + (100cqw + var(--gutter)) * .558 - 64px)}}
.lg-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:clamp(32px,5vw,72px);align-items:center;margin-bottom:clamp(40px,5vw,64px)}
.lg-head{max-width:760px}
.lg-intro .lg-head{max-width:640px;margin-bottom:0}
.lg-quote{margin-top:0;color:var(--on-dark)}
.lg-quote .quotes-inner{gap:20px;padding:clamp(24px,3vw,40px)}
.lg-quote .slide{gap:20px}
.lg-quote .slide blockquote{font-size:clamp(1.25rem,1.9vw,1.6rem);max-width:none}
.lang-grid .lg-card{scroll-margin-top:260px}
.lang-grid .lg-card:target{border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,123,190,.18)}
.lg-tools{position:sticky;top:76px;z-index:20;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 32px;align-items:end;padding:20px 0 16px;background:var(--tint);border-bottom:1px solid var(--line)}
.lg-q-wrap{position:relative}
.lg-q-wrap svg{position:absolute;left:16px;top:50%;width:20px;height:20px;transform:translateY(-50%);fill:none;stroke:var(--muted);stroke-width:2;stroke-linecap:round;pointer-events:none}
.lg-search input{padding-left:46px}
.lg-search input::-webkit-search-cancel-button{cursor:pointer}
.lg-filter{display:grid;gap:10px}
.lg-az{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px}
.lg-az a{min-width:34px;height:34px;display:grid;place-items:center;border-radius:var(--pill);font-weight:500;font-size:.95rem;color:var(--ink);text-decoration:none;transition:background-color .2s,color .2s}
.lg-az a:hover{background:rgba(0,47,69,.06)}
.lg-az a[aria-disabled="true"]{color:#A9B9C6;pointer-events:none}
.lg-status{grid-column:1/-1;font-size:.92rem;color:var(--muted)}
.lg-status:empty{display:none}
.lg-list{columns:4 240px;column-gap:clamp(20px,2.4vw,32px);padding-top:clamp(28px,3vw,40px)}
.lg-group{break-inside:avoid;padding-bottom:clamp(24px,2.6vw,32px);scroll-margin-top:260px}
.lg-group[hidden]{display:none}
.lg-letter{display:flex;align-items:baseline;font-size:clamp(1.5rem,2.2vw,1.8rem);line-height:1;color:var(--blue);padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid var(--line)}
.lg-group .lang-grid{grid-template-columns:1fr;gap:8px}
.lg-group .lang-grid li.wide{grid-column:auto}
.lang-grid .lg-card{align-items:center;padding:12px 16px}
.lang-grid .lg-card[hidden]{display:none}
.lang-grid .lg-dia{flex-basis:100%;display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.lang-grid .lg-dia>span{padding:3px 10px;border-radius:var(--pill);background:var(--tint);border:1px solid var(--line);font-size:.8rem;line-height:1.4;color:var(--ink)}
.lang-grid .lg-dia>span.hit{background:var(--blue-soft);border-color:#90CDFD}
.lg-hear{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:5px 12px 5px 6px;border:1px solid var(--line);border-radius:var(--pill);background:var(--surface);color:var(--ink);font:500 .85rem/1 var(--font)}
.lg-hear svg{width:22px;height:22px;padding:5px;border-radius:50%;background:var(--coral);fill:var(--navy)}
.lg-hear .i-play{padding-left:6px}
.lang-grid .lg-card[data-kai]::after{content:"";flex-basis:100%;order:2}
.lang-grid .lg-card[data-kai]>.lg-hear{order:3}
.lg-hear small{font-size:.78rem;color:var(--muted);font-variant-numeric:tabular-nums}
.is-playing .lg-hear{border-color:var(--blue);background:var(--blue-soft)}
.is-playing .lg-hear svg{background:var(--blue);fill:#fff}
.lg-empty{padding:48px 0;display:grid;gap:12px}
.lg-empty[hidden]{display:none}
.lg-empty a{color:var(--link)}
.lg-more{margin-top:clamp(40px,5vw,56px);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;padding:clamp(22px,3vw,32px)}
.lg-more b{color:var(--on-dark)}
.lg-more p{max-width:60ch}
@media (max-width:1060px){
  .lg-tools{grid-template-columns:1fr}
  .lg-intro{grid-template-columns:1fr}
}
@media (max-width:720px){
  .lg-hero-audio{left:16px;right:0;width:auto;top:calc((100cqw + var(--gutter)) * .558 - 40px)}
  .lg-hero.hero-feature .hero-visual{min-height:calc((100vw - var(--gutter)) * .558 + 112px)}
  .lg-tools{position:static}
  .lg-group{scroll-margin-top:90px}
  .lg-list{columns:2;column-gap:10px}
  .lg-group .lang-grid{gap:6px}
  .lang-grid .lg-card{padding:10px 12px;scroll-margin-top:90px}
  .lang-grid .lg-card>b{font-size:.95rem}
  .lang-grid .lg-card>.native{flex-basis:100%;margin-left:0;text-align:left}
  .lang-grid .lg-dia>span{padding:2px 8px;font-size:.75rem}
  .lg-hear small{display:none}
  .lg-az a{min-width:30px;height:30px;font-size:.9rem}
  .lg-more{grid-template-columns:auto minmax(0,1fr)}
  .lg-more .tos-btn{grid-column:1/-1;width:100%}
  .lg-search input{font-size:16px}
}
.lg-group:focus{outline:none}
@media (prefers-reduced-motion:reduce){.lg-az a{transition:none}}

/* ===== FAQs (faq.html). Reuses .faq, .faq-grid, .lg-tools, .mk-pick, .rec-card and .lg-more; only the page-specific layout lives here. ===== */
.faq-tools{grid-template-columns:minmax(240px,360px) minmax(0,1fr);margin-bottom:clamp(8px,2vw,16px)}
.faq-topic{padding-block:clamp(40px,5vw,64px);border-top:1px solid var(--line);scroll-margin-top:200px}
.faq-topic:first-child,.faq-topic.is-first{border-top:0}
.faq-topic[hidden]{display:none}
.faq-topic .sec-head{gap:14px;position:sticky;top:var(--faq-top,260px);align-self:start}
.faq-topic .sec-head .muted{max-width:34ch}
.faq details{scroll-margin-top:220px}
.faq details p.faq-more{margin-top:-8px;font-size:.95rem}
.faq-top a{display:block;color:inherit;text-decoration:none}
.faq-top a:hover b{text-decoration:underline;text-underline-offset:3px}
.lg-more p a{color:var(--on-dark)}
@media (max-width:1060px){.faq-tools{grid-template-columns:1fr}.faq-topic .sec-head{position:static}}
@media (max-width:720px){
  .faq-topic,.faq details{scroll-margin-top:90px}
  /* Topic chips swipe on phones, like the industry tabs */
  .faq-tools .mk-pick{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(-1 * var(--gutter));padding:0 var(--gutter) 4px}
  .faq-tools .mk-pick::-webkit-scrollbar{display:none}
  .faq-tools .mk-pick button{flex:none;white-space:nowrap;scroll-snap-align:start}
}

/* v21b: Compliance review edits */
.co-media .photo-ph{inset:0}
.co-usage .ncc-sum b{color:var(--ink)}
.co-usage .ncc-bars i{background:var(--bl-trueblue-200,#BEE1FE)}
.co-usage .ncc-bars i:last-child{background:var(--blue)}
.lt-meta .lt-lang{font-size:.7rem;padding:2px 9px}
.js .co-results .rc-list li{opacity:0;transform:translateY(8px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.co-results.in .rc-list li{opacity:1;transform:none}
.co-results.in .rc-list li:nth-child(2){transition-delay:.3s}
.co-results.in .rc-list li:nth-child(3){transition-delay:.6s}
@media (max-width:720px){.co-media{min-height:420px}.co-media .photo-ph{inset:0;border-radius:var(--r-lg)}}
@media (prefers-reduced-motion:reduce){.js .co-results .rc-list li{opacity:1;transform:none;transition:none}}