/* THOLE voice demo — tokens and idiom from the main site (index.html): dark shell, wide-set display type, ember for activation only. */
:root{
  --black:#090909; --graphite:#151515; --gunmetal:#2B2B2A; --titanium:#9C9994; --stone:#E8E4DE; --ember:#D6A68A; --glow:#F0C1A5;
  --line:rgba(232,228,222,.10); --line-2:rgba(232,228,222,.20); --stone-70:rgba(232,228,222,.72); --danger:#E59A86;
  --glass:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
  --font-display:'Michroma','Segoe UI','Helvetica Neue',Arial,sans-serif;
  --font-body:'Hanken Grotesk','Helvetica Neue',Arial,sans-serif;
  --font-data:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;
  --gut:clamp(16px,6.1vw,94px); --nav-h:64px; --ease:cubic-bezier(.16,.8,.24,1);
  color-scheme:dark;
}
*{box-sizing:border-box}
body{margin:0;background:var(--black);color:var(--stone);font:300 1rem/1.6 var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:clip;
  background-image:radial-gradient(60% 50% at 80% 0%,rgba(214,166,138,.08),transparent 70%),linear-gradient(var(--line) 1px,transparent 1px);background-size:auto,100% 120px}
a{color:inherit;text-decoration:none}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
em{font-style:normal;color:var(--ember)}
h1,h2{font-family:var(--font-display);font-weight:400;margin:0;letter-spacing:.015em;line-height:1.16;text-transform:uppercase}
[hidden]{display:none!important}
:focus-visible{outline:1px solid var(--ember);outline-offset:4px}
.skip{position:absolute;left:16px;top:-60px;z-index:100;background:var(--stone);color:var(--black);padding:12px 18px;font-size:.8rem}
.skip:focus{top:12px}
.wrap{padding-inline:var(--gut);max-width:1400px;margin-inline:auto;width:100%}
.eyebrow,.lbl{margin:0;font:500 .66rem/1.6 var(--font-body);letter-spacing:.3em;text-transform:uppercase;color:var(--titanium)}
.fine{font-size:.74rem;line-height:1.6;color:var(--titanium);max-width:70ch}
.center{text-align:center;margin-inline:auto}
.inl{color:var(--stone);border-bottom:1px solid var(--line-2)}
.inl:hover{color:var(--glow);border-color:var(--ember)}

/* nav */
.nav{position:sticky;top:0;z-index:50;padding-top:env(safe-area-inset-top,0px);background:rgba(9,9,9,.78);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;gap:22px;height:var(--nav-h);padding-inline:var(--gut);max-width:1400px;margin-inline:auto}
.wordmark{font-family:var(--font-display);font-size:1.2rem;letter-spacing:.34em;text-transform:uppercase}
.wordmark.sm{font-size:.8rem}
.nav-tag{display:inline-flex;align-items:center;gap:10px;font:500 .6rem/1 var(--font-body);letter-spacing:.22em;text-transform:uppercase;color:var(--titanium)}
.nav-tag i{width:6px;height:6px;border-radius:50%;background:var(--ember);box-shadow:0 0 6px 1px rgba(240,193,165,.8)}
.nav-back{margin-left:auto;font:500 .6rem/1 var(--font-body);letter-spacing:.22em;text-transform:uppercase;color:var(--stone-70)}
.nav-back:hover{color:var(--ember)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:52px;padding:0 26px;font:500 .66rem/1 var(--font-body);letter-spacing:.22em;text-transform:uppercase;border:1px solid transparent;transition:background .35s,color .35s,border-color .35s,opacity .35s;white-space:nowrap}
.btn .arr{width:22px;height:10px;fill:none;stroke:currentColor;stroke-width:1.2;transition:transform .35s}
.btn:hover .arr{transform:translateX(5px)}
.btn-solid{background:#F4F1EC;color:#0b0b0b}
.btn-solid:hover{background:var(--glow)}
.btn-ghost{border-color:rgba(232,228,222,.55);color:var(--stone)}
.btn-ghost:hover{border-color:var(--ember);color:var(--glow)}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.cta-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.cta-row.center{justify-content:center}
.link-arrow{display:inline-flex;align-items:center;gap:12px;font:500 .64rem/1 var(--font-body);letter-spacing:.24em;text-transform:uppercase;color:var(--ember)}
.link-arrow .arr{width:20px;height:10px;fill:none;stroke:currentColor;stroke-width:1.2;transition:transform .35s}
.link-arrow:hover .arr{transform:translateX(5px)}

/* hero */
.hero{padding-block:clamp(48px,8vw,110px) clamp(28px,4vw,48px)}
.hero h1{font-size:clamp(1.55rem,4.6vw,3.5rem);margin:22px 0 22px}
.sub{color:var(--stone-70);max-width:58ch;font-size:clamp(.95rem,1.3vw,1.08rem)}
.steps{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:36px;font:500 .62rem/1 var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:var(--titanium)}
.steps li{display:flex;gap:10px;align-items:center;padding-bottom:10px;border-bottom:1px solid transparent;transition:color .4s,border-color .4s}
.steps b{font:400 .62rem/1 var(--font-data);color:var(--gunmetal);transition:color .4s}
.steps li.on{color:var(--stone);border-color:var(--ember)}
.steps li.on b,.steps li.done b{color:var(--ember)}

/* stage */
.stage{position:relative;border:1px solid var(--line-2);background:var(--glass),rgba(14,14,15,.82);padding:clamp(22px,4vw,56px);margin-bottom:clamp(64px,9vw,120px);min-height:300px;box-shadow:0 30px 80px -30px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.06)}
.panel{animation:in .5s var(--ease)}
@keyframes in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* url */
.url-form{max-width:760px}
.url-row{display:flex;gap:12px;margin:14px 0 10px}
input,textarea{width:100%;background:rgba(9,9,9,.6);border:1px solid var(--line-2);color:var(--stone);font:400 1rem/1.4 var(--font-body);padding:14px 16px;border-radius:0;transition:border-color .3s}
input:focus,textarea:focus{outline:none;border-color:var(--ember)}
#url{font-family:var(--font-data);font-size:1rem;min-height:52px}
.err{color:var(--danger);font-size:.78rem;min-height:1.2em;margin-top:4px}
.err:empty{min-height:0;margin:0}
.url-form .fine{margin-top:10px}

/* analyze */
.scan{width:100%;height:1px;background:var(--line);position:relative;overflow:hidden;margin-bottom:26px}
.scan i{position:absolute;inset:0 auto 0 0;width:30%;background:linear-gradient(90deg,transparent,var(--ember),transparent);animation:scan 1.4s ease-in-out infinite}
@keyframes scan{from{transform:translateX(-100%)}to{transform:translateX(340%)}}
.scan-host{font:400 1.05rem/1.4 var(--font-data);margin:10px 0 18px;word-break:break-all}
.scan-list li{padding:10px 0;border-top:1px solid var(--line);color:var(--stone-70);font-size:.9rem}
.scan-list li::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:14px;background:var(--gunmetal);vertical-align:middle;animation:dot 1.8s infinite}
.scan-list li:nth-child(2)::before{animation-delay:.6s}.scan-list li:nth-child(3)::before{animation-delay:1.2s}
@keyframes dot{50%{background:var(--ember)}}
[data-panel=analyze] .fine{margin-top:16px}

/* call */
.call-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(28px,5vw,72px)}
.p-name{font-size:clamp(1.05rem,2.2vw,1.5rem);margin:12px 0 20px;overflow-wrap:anywhere}
.facts{margin:0}
.facts div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.facts dt{font:500 .6rem/1.8 var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:var(--titanium)}
.facts dd{margin:0;font-size:.9rem;color:var(--stone);overflow-wrap:anywhere}
.facts dd small{display:block;font:400 .66rem/1.5 var(--font-data);color:var(--titanium);margin-top:2px}
.facts dd small a:hover{color:var(--ember)}
.facts ul li{padding:1px 0}
.profile .fine{margin-top:16px}
.call{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}
.orb{position:relative;width:min(220px,60vw);aspect-ratio:1;display:grid;place-items:center}
.ring{position:absolute;inset:0;transform:rotate(-90deg)}
.ring circle{fill:none;stroke-width:1.5}
.ring-bg{stroke:var(--line-2)}
.ring-fg{stroke:var(--ember);stroke-dasharray:339.3;stroke-dashoffset:0;transition:stroke-dashoffset 1s linear;filter:drop-shadow(0 0 4px rgba(240,193,165,.6))}
.orb-core{width:64%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,rgba(214,166,138,.22),rgba(9,9,9,.9) 70%);border:1px solid var(--line-2);transition:box-shadow .5s}
.orb[data-state=speaking] .orb-core{box-shadow:0 0 50px 4px rgba(214,166,138,.28)}
.orb[data-state=listening] .orb-core{box-shadow:0 0 30px 0 rgba(232,228,222,.12)}
.orb[data-state=connecting] .ring-bg{stroke:var(--ember);opacity:.35;animation:pulse 1.4s ease-in-out infinite}
@keyframes pulse{50%{opacity:.9}}
.bars{display:flex;gap:4px;align-items:center;height:40px}
.bars i{width:3px;height:6px;background:var(--stone-70);border-radius:2px;transition:height .2s}
.orb[data-state=speaking] .bars i{background:var(--ember);animation:bar .9s ease-in-out infinite}
.orb[data-state=listening] .bars i{animation:bar 1.8s ease-in-out infinite}
.bars i:nth-child(2){animation-delay:.12s}.bars i:nth-child(3){animation-delay:.3s}.bars i:nth-child(4){animation-delay:.05s}.bars i:nth-child(5){animation-delay:.22s}.bars i:nth-child(6){animation-delay:.4s}.bars i:nth-child(7){animation-delay:.16s}
@keyframes bar{50%{height:34px}}
.orb[data-state=listening] .bars i{animation-name:barS}
@keyframes barS{50%{height:14px}}
.time{position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);font:400 .78rem/1 var(--font-data);color:var(--titanium);background:var(--black);padding:4px 10px}
.call-state{font-size:.92rem;color:var(--stone-70);min-height:1.5em}
.call-state.err{color:var(--danger)}
.transcript{width:100%;max-height:220px;overflow:auto;text-align:left;font-size:.88rem;display:flex;flex-direction:column;gap:8px}
.transcript:empty{display:none}
.transcript p{padding:10px 14px;border-left:1px solid var(--line-2)}
.transcript p.a{border-color:var(--ember)}
.transcript p b{display:block;font:500 .56rem/1.6 var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:var(--titanium)}
.skip-call{margin-top:6px;color:var(--titanium)}

/* next */
.next-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(28px,5vw,72px)}
.next-h{font-size:clamp(1.2rem,2.8vw,2rem);margin:14px 0 18px}
.next-grid .sub{margin-bottom:26px}
.again{margin-top:30px;color:var(--titanium)}
.form{display:flex;flex-direction:column;gap:14px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fld label{display:block;font:500 .6rem/1.6 var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:var(--titanium);margin-bottom:6px}
textarea{resize:vertical;min-height:84px}
.chk{display:flex;gap:12px;align-items:flex-start;font-size:.82rem;color:var(--stone-70);cursor:pointer}
.chk input{width:18px;height:18px;flex:none;margin-top:2px;accent-color:var(--ember)}
.form .btn{align-self:flex-start}
.lead-msg{margin:14px 0 22px;color:var(--stone);max-width:56ch}
.lead-done .fine{margin-top:12px}
.err-msg{margin:14px 0 26px;font-size:1.05rem;max-width:60ch}

/* V2: simulation badge, preparation, phone, live actions, results */
.sim-badge{display:inline-flex;align-items:center;gap:10px;margin:0 0 26px;padding:8px 14px;border:1px solid rgba(214,166,138,.35);background:rgba(214,166,138,.06);font:500 .6rem/1.5 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--glow)}
.sim-badge i{width:6px;height:6px;border-radius:50%;background:var(--ember);flex:none}
.lbl.sm{font-size:.58rem;letter-spacing:.22em;margin-bottom:8px}
.role{color:var(--titanium);font-size:.86rem;margin:-10px 0 22px}
.prep-grid,.live-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px)}
.flows{border-top:1px solid var(--line);padding-top:16px;margin-bottom:22px}
.flows ul li{position:relative;padding:9px 0 9px 22px;border-bottom:1px solid var(--line);font-size:.92rem}
.flows ul li::before{content:"";position:absolute;left:0;top:50%;width:8px;height:1px;background:var(--ember)}
.flows .fine{margin-top:12px}
.facts-wrap summary{cursor:pointer;font:500 .62rem/1.6 var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:var(--titanium);padding:10px 0;list-style:none}
.facts-wrap summary::-webkit-details-marker{display:none}
.facts-wrap summary::after{content:" +";color:var(--ember)}
.facts-wrap[open] summary::after{content:" –"}
.phone{display:flex;flex-direction:column;gap:18px;padding:clamp(20px,3vw,32px);border:1px solid var(--line-2);background:rgba(9,9,9,.45)}
.phone form{display:flex;flex-direction:column;gap:12px}
.phone .btn{align-self:flex-start}
.lead-in{color:var(--stone-70);font-size:.95rem;margin:8px 0 6px}
.mock-note{font:400 .72rem/1.5 var(--font-data);color:var(--glow);border-left:2px solid var(--ember);padding:6px 10px;margin-bottom:6px}
.ok-line{color:var(--glow);font-size:.9rem;margin-bottom:14px}
.btn.big{min-height:60px;padding:0 34px;font-size:.72rem}
.qa{border-top:1px dashed var(--line-2);padding-top:14px}
.back{color:var(--titanium);align-self:flex-start}
#code{font-family:var(--font-data);letter-spacing:.3em;font-size:1.2rem;max-width:220px}
.actions-live ul,.result-list{margin:12px 0 16px}
.actions-live li,.result-list li{position:relative;padding:12px 0 12px 30px;border-top:1px solid var(--line);font-size:.92rem;animation:in .5s var(--ease)}
.actions-live li::before,.result-list li::before{content:"";position:absolute;left:4px;top:17px;width:12px;height:7px;border-left:1.5px solid var(--ember);border-bottom:1.5px solid var(--ember);transform:rotate(-45deg)}
.actions-live li.muted,.result-list li.muted{color:var(--titanium);padding-left:0}
.actions-live li.muted::before,.result-list li.muted::before{display:none}
.result .next-h{margin-bottom:6px}
.result .fine{margin:6px 0 22px}
.orb[data-state=connecting] .bars i{animation:barS 1.2s ease-in-out infinite}

/* footer */
.foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding-block:28px 40px;border-top:1px solid var(--line);font-size:.74rem;color:var(--titanium)}
.foot nav{display:flex;gap:22px}
.foot a:hover{color:var(--ember)}

@media (max-width:860px){
  .call-grid,.next-grid,.prep-grid,.live-grid{grid-template-columns:1fr}
  .call{order:-1}
}
@media (max-width:560px){
  .url-row{flex-direction:column}
  .url-row .btn,.form .btn{width:100%}
  .row2{grid-template-columns:1fr}
  .facts div{grid-template-columns:1fr;gap:2px}
  .nav-tag{display:none}
  .cta-row .btn{flex:1 1 100%}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* ===================== V3 POLISH LAYER (2026-10-23): depth, glass, light action surface, mobile-first hero ===================== */
:root{--r-btn:7px;--r-card:12px;--ink:#151515;--stone-dark:#5A5651;--glass-bg:rgba(21,21,21,.58);--glass-edge:rgba(232,228,222,.13)}
body{background-color:var(--black);background-image:
  radial-gradient(55% 45% at 85% 4%,rgba(214,166,138,.13),transparent 70%),
  radial-gradient(40% 40% at 8% 60%,rgba(43,43,42,.55),transparent 70%),
  radial-gradient(30% 30% at 70% 85%,rgba(214,166,138,.06),transparent 70%),
  linear-gradient(var(--line) 1px,transparent 1px);background-size:auto,auto,auto,100% 120px}
.btn{border-radius:var(--r-btn)}
input,textarea{border-radius:var(--r-btn)}
.nav{background:linear-gradient(to bottom,rgba(9,9,9,.82),rgba(9,9,9,.6));-webkit-backdrop-filter:blur(16px) saturate(1.15);backdrop-filter:blur(16px) saturate(1.15);box-shadow:inset 0 -1px 0 rgba(232,228,222,.06)}

/* hero: identifier, compact headline, one sentence; the action follows immediately */
.hero{padding-block:clamp(26px,6vw,88px) clamp(14px,2.4vw,30px)}
.hero h1{font-size:clamp(1.42rem,5.6vw,3.3rem);line-height:1.12;margin:14px 0 14px;max-width:20ch}
.hero .sub{font-size:clamp(.93rem,1.25vw,1.06rem);max-width:60ch}

/* stage: layered glass */
.stage{border-radius:var(--r-card);border:1px solid var(--glass-edge);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.012)),var(--glass-bg);
  -webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);
  box-shadow:0 40px 90px -45px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.08);padding:clamp(16px,3.6vw,48px);margin-bottom:clamp(48px,8vw,110px)}
.stage::before{content:"";position:absolute;inset:0 0 auto 0;height:1px;border-radius:var(--r-card) var(--r-card) 0 0;
  background:linear-gradient(90deg,transparent,rgba(240,193,165,.55) 30%,rgba(232,228,222,.25) 60%,transparent);pointer-events:none}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.stage,.nav{background:rgba(16,16,17,.95)}}
.glass{border:1px solid var(--glass-edge);border-radius:var(--r-card);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 18px 40px -30px rgba(0,0,0,.9);padding:clamp(16px,2.6vw,28px)}
.phone.glass{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02))}

/* progress inside the stage: compact */
.stage .steps{margin:0 0 clamp(16px,2.5vw,26px);gap:8px 22px;font-size:.58rem}
.stage .steps li{padding-bottom:7px}

/* primary action: Warm Stone surface */
.url-form.light{max-width:none;background:linear-gradient(180deg,#F0ECE6,#E2DDD5);color:var(--ink);border-radius:var(--r-card);
  padding:clamp(18px,3vw,34px);box-shadow:0 26px 60px -32px rgba(214,166,138,.38),inset 0 1px 0 rgba(255,255,255,.75),0 0 0 1px rgba(214,166,138,.22)}
.url-form.light .lbl{color:var(--stone-dark)}
.url-form.light input{background:#FFFFFF;border-color:rgba(21,21,21,.2);color:var(--ink)}
.url-form.light input::placeholder{color:#76726C}
.url-form.light input:focus{border-color:#B98663;box-shadow:0 0 0 3px rgba(214,166,138,.3)}
.url-form.light .fine{color:#4A4743}
.url-form.light .inl{color:var(--ink);border-color:rgba(21,21,21,.35)}
.url-form.light .err{color:#9A3B26}
.btn-dark{background:var(--ink);color:var(--stone);box-shadow:0 10px 24px -14px rgba(0,0,0,.7)}
.btn-dark:hover{background:#2B2B2A;color:var(--glow)}
.url-form.light :focus-visible{outline-color:#8E5A3D}
.how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:clamp(18px,2.6vw,28px)}
.how li{display:flex;gap:12px;font-size:.84rem;color:var(--stone-70);padding-top:12px;border-top:1px solid var(--line)}
.how b{font:400 .64rem/1.8 var(--font-data);color:var(--ember)}

/* AI employee identity (THOLE-native, no badges) */
.emp{position:relative;overflow:hidden}
.emp::after{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;
  background:radial-gradient(circle,rgba(214,166,138,.16),transparent 70%);pointer-events:none}
.emp-head{display:flex;gap:16px;align-items:center}
.emp-avatar{position:relative;flex:none;width:58px;height:58px;border-radius:50%;
  background:radial-gradient(circle at 50% 42%,#F0C1A5 0,#D6A68A 18%,#2B2B2A 46%,#151515 70%);
  box-shadow:0 0 0 1px rgba(232,228,222,.22),0 0 24px -4px rgba(214,166,138,.55)}
.emp-avatar i{position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(214,166,138,.35);animation:empPulse 3.6s ease-in-out infinite}
@keyframes empPulse{50%{transform:scale(1.08);opacity:.35}}
.emp-kicker{font:500 .58rem/1.6 var(--font-body);letter-spacing:.24em;text-transform:uppercase;color:var(--titanium)}
.emp-name{font-size:clamp(1.15rem,2vw,1.45rem);margin:2px 0 2px}
.emp-role{color:var(--titanium);font-size:.84rem}
.emp-for{margin:16px 0 12px;font-size:.92rem;color:var(--stone-70)}
.emp-for strong{color:var(--stone);font-weight:500}
.emp-caps{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.emp-caps li{padding:6px 10px;border-radius:6px;border:1px solid rgba(214,166,138,.32);background:rgba(214,166,138,.07);font-size:.76rem;color:var(--stone)}
.emp .flows{margin-bottom:12px}
.emp-note{font-size:.72rem;color:var(--titanium);border-top:1px solid var(--line);padding-top:12px}
.facts-wrap{margin-top:14px}

/* callback CTA */
.btn .ph{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}
#callBtn{align-self:stretch;justify-content:center;gap:12px;font-size:.74rem;letter-spacing:.18em}
.consent-note{font-size:.74rem;line-height:1.55;color:var(--stone-70);max-width:56ch}
.phone input#phone{font-family:var(--font-data);font-size:1.05rem;min-height:52px}

/* results */
.result .next-h{font-size:clamp(1.15rem,2.6vw,1.9rem);margin:10px 0 6px}
.result-card{margin:14px 0}
.result-card.soft{border:1px solid var(--line);border-radius:var(--r-card);padding:16px 20px;background:rgba(232,228,222,.03)}
.result-card .result-list{margin:6px 0 0}
.form.glass{gap:14px}
.lead-done.glass{display:block}
.link-arrow{min-height:44px}

@media (max-width:860px){.how{grid-template-columns:1fr;gap:6px}.how li{padding-top:8px}}
@media (max-width:560px){
  .hero{padding-block:20px 10px}
  .hero .eyebrow{letter-spacing:.24em}
  .stage{padding:14px}
  .stage .steps{font-size:.54rem;gap:6px 14px}
  .url-form.light{padding:16px}
  .emp-head{gap:12px}
}
@media (prefers-reduced-motion:reduce){.emp-avatar i{animation:none}}
/* privacy notice page */
.legal{max-width:820px;padding-block:clamp(28px,6vw,72px)}
.legal h1{font-size:clamp(1.3rem,4vw,2.2rem);margin:12px 0 10px}
.legal h2{font-size:.82rem;letter-spacing:.14em;margin:30px 0 10px;color:var(--stone)}
.legal p,.legal li{color:var(--stone-70);font-size:.95rem;margin-bottom:8px}
.legal ul{padding-left:18px;list-style:disc}
.legal strong{color:var(--stone);font-weight:500}
.draft{display:inline-block;margin-top:4px;padding:6px 10px;border-radius:6px;border:1px solid rgba(214,166,138,.35);color:var(--glow)!important;font-size:.78rem!important}
/* V3 QA fixes: touch targets (44 px) and first-viewport fit on small phones */
.wordmark,.nav-back{display:inline-flex;align-items:center;min-height:44px}
.foot nav a{display:inline-flex;align-items:center;min-height:44px}
@media (max-width:420px){
  .hero h1{font-size:clamp(1.28rem,6.4vw,1.6rem);margin:10px 0}
  .hero .sub{font-size:.88rem;line-height:1.5}
  .stage .steps{gap:4px 12px;margin-bottom:12px}
  .stage .steps li:not(.on){font-size:0;gap:0}           /* only the current step keeps its label */
  .stage .steps li:not(.on) b{font-size:.6rem}
  .url-form.light .lbl{letter-spacing:.16em}
  .url-row{margin:10px 0 8px}
}
/* V3 review fixes */
.result .role{margin:6px 0 16px}
.steps b{color:#6E6B67}
@media (max-width:860px){.emp .flows{display:none}.emp-caps{margin-bottom:14px}}