@font-face{font-family:'Onest';font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/Onest-400_800.woff2) format('woff2')}
/* Direction A: clean premium app */
:root{--bg:#fff;--bg2:#f6f6f4;--ink:#0b0b0f;--ink2:#55565e;--line:#e8e8e5;--acc:#ff5418;--acc-ink:#c2410c;--ok:#0e7a3c;--no:#c62a2f;
--f:'Onest',ui-sans-serif,system-ui,sans-serif;--ease:cubic-bezier(.22,1,.36,1);--r:14px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1rem/1.55 var(--f);-webkit-font-smoothing:antialiased}
a{color:var(--ink);text-underline-offset:3px;text-decoration-color:#c9c9c4}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:6px}
.top{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem clamp(1.25rem,5vw,3rem);max-width:72rem;margin:0 auto}
.brand{font-weight:700;font-size:1.125rem;letter-spacing:-.02em;text-decoration:none;display:flex;align-items:center;gap:.5rem}
.brand::before{content:"";width:22px;height:22px;border-radius:7px;background:var(--ink);box-shadow:inset -7px -7px 0 -2px var(--acc)}
.status{font-size:.8125rem;color:var(--ink2);border:1px solid var(--line);border-radius:999px;padding:.3rem .7rem;text-decoration:none}
.hero{max-width:72rem;margin:0 auto;padding:2.5rem clamp(1.25rem,5vw,3rem) 4rem;display:grid;gap:3rem}
@media(min-width:960px){.hero{grid-template-columns:1.1fr .9fr;align-items:center;padding-top:4.5rem;padding-bottom:6rem;gap:4rem}}
h1{font-weight:700;font-size:clamp(2.35rem,7.6vw,4.1rem);line-height:1.02;letter-spacing:-.045em;margin:0 0 1.1rem;text-wrap:balance;max-width:15ch}
html[data-v=b] h1 .va,html:not([data-v=b]) h1 .vb{display:none}
mark.hl{background:none;color:var(--acc-ink)}
.copy mark.hl{color:var(--acc)}
.sub{font-size:1.125rem;color:var(--ink2);margin:0 0 2rem;max-width:34ch;letter-spacing:-.01em}
form label{display:block;font-weight:600;font-size:.9375rem;margin-bottom:.5rem}
.row{display:flex;flex-direction:column;gap:.5rem;max-width:31rem;padding:6px;border:1px solid var(--line);border-radius:18px;background:var(--bg2);transition:border-color .2s,box-shadow .2s}
.row:focus-within{border-color:var(--ink);box-shadow:0 0 0 4px rgba(255,84,24,.15)}
@media(min-width:520px){.row{flex-direction:row}}
input[type=email]{flex:1;min-height:50px;font:inherit;font-size:1rem;padding:.7rem .9rem;border:0;border-radius:12px;background:#fff;color:var(--ink);outline:none}
button{font:inherit;cursor:pointer}
form button,.cform button{min-height:50px;padding:.7rem 1.3rem;border:0;border-radius:12px;background:var(--ink);color:#fff;font-weight:600;letter-spacing:-.01em;white-space:nowrap;transition:transform .15s var(--ease),background .15s}
form button:hover{background:#26262c}form button:active{transform:scale(.98)}form button:disabled{opacity:.6}
.hp{position:absolute;left:-9999px}
.fine{font-size:.8125rem;color:var(--ink2);margin:.75rem 0 0}
#msg{margin:.5rem 0 0;font-weight:600;min-height:1.4em;font-size:.9375rem}#msg.ok{color:var(--ok)}#msg.err{color:var(--no)}
.done{max-width:31rem;border:1px solid var(--line);border-radius:18px;padding:1.2rem 1.3rem;background:var(--bg2);animation:pop .5s var(--ease)}
.done:focus{outline:none}.done p{margin:.3rem 0}
.done-h{font-weight:700;font-size:1.35rem;letter-spacing:-.03em;display:flex;gap:.5rem;align-items:center}
.done-h::before{content:"✓";display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--ok);color:#fff;font-size:.9rem}
@keyframes pop{from{opacity:0;transform:translateY(6px) scale(.98)}}
/* phone */
.phone-wrap{margin:0 auto;width:min(100%,21rem);position:relative}
.phone-wrap::before{content:"";position:absolute;inset:12% -10% 0;background:radial-gradient(closest-side,rgba(255,84,24,.18),transparent);z-index:-1}
.phone{background:#fff;border:10px solid var(--ink);border-radius:46px;padding:2.6rem 1rem 1.1rem;position:relative;box-shadow:0 1px 0 rgba(0,0,0,.04),0 30px 60px -24px rgba(11,11,15,.35),0 12px 24px -12px rgba(11,11,15,.2)}
.island{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:84px;height:24px;border-radius:20px;background:var(--ink)}
.appbar{display:flex;justify-content:space-between;font-size:.75rem;font-weight:600;color:var(--ink2);margin-bottom:.5rem}
.progress{height:6px;border-radius:9px;background:#efefec;margin-bottom:1rem;overflow:hidden}
.progress i{display:block;width:20%;height:100%;background:var(--acc);border-radius:9px}
.card{display:grid}
.face{grid-area:1/1;transition:opacity .35s var(--ease),transform .45s var(--ease)}
.back{opacity:0;transform:translateY(10px);pointer-events:none}
.card.is-back .front{opacity:0;transform:translateY(-10px);pointer-events:none}
.card.is-back .back{opacity:1;transform:none;pointer-events:auto}
@media(prefers-reduced-motion:reduce){.face{transition:none;transform:none!important}}
.meta{display:inline-block;font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--acc-ink);background:#fff1eb;border-radius:6px;padding:.2rem .45rem;margin:0 0 .6rem}
.q{font-weight:600;font-size:1.02rem;line-height:1.38;letter-spacing:-.015em;margin:0 0 .8rem}
.opts,.verdicts{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.opts li,.verdicts li{display:flex;gap:.6rem;align-items:center;border:1px solid var(--line);border-radius:12px;padding:.5rem .6rem;font-size:.875rem;font-weight:500}
.opts b,.verdicts b{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;border:1.5px solid #cfcfca;font-size:.7rem;flex:none}
.verdicts li.ok{border-color:#bfe8cf;background:#f1fbf5}.verdicts li.ok b{background:var(--ok);border-color:var(--ok);color:#fff}
.verdicts li.no{color:var(--ink2)}.verdicts li.no b{border-color:#f3c2c4;color:var(--no)}
.ans{font-weight:700;font-size:1.25rem;letter-spacing:-.03em;margin:0 0 .6rem}
.why{font-size:.84rem;line-height:1.5;color:#2c2d33;margin:.7rem 0 0}
.why mark.hl{color:var(--ink);font-weight:600;background:linear-gradient(transparent 62%,#ffd9c9 62%)}
.flip{display:block;width:100%;margin-top:1rem;min-height:48px;border:0;border-radius:14px;background:var(--acc);color:#fff;font-weight:700;font-size:.95rem;letter-spacing:-.01em;transition:transform .15s var(--ease),filter .15s}
.flip{background:var(--ink)}
.flip:hover{filter:brightness(1.15)}.flip:active{transform:scale(.98)}
figcaption{font-size:.8125rem;color:var(--ink2);margin-top:.9rem;text-align:center}
/* sections */
.voices,.notes>*{max-width:72rem}
.voices{margin:0 auto;padding:clamp(4rem,9vw,6.5rem) clamp(1.25rem,5vw,3rem);border-top:1px solid var(--line)}
h2{font-weight:700;font-size:clamp(1.6rem,4.5vw,2.25rem);letter-spacing:-.035em;line-height:1.1;margin:0 0 1.2rem}
.quotes{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}
@media(min-width:720px){.quotes{grid-template-columns:1fr 1fr}}
.quotes li{background:var(--bg2);border-radius:var(--r);padding:1.1rem 1.2rem;display:flex;flex-direction:column;justify-content:space-between;gap:.8rem;transition:transform .25s var(--ease)}
.quotes li:hover{transform:translateY(-2px)}
.quotes blockquote{margin:0;font-weight:500;font-size:1.125rem;line-height:1.35;letter-spacing:-.02em}
.quotes a{font-size:.8125rem;color:var(--ink2)}
.small{font-size:.8125rem;color:var(--ink2);margin-top:1rem}
.notes{background:var(--ink);color:#f3f3f1;padding:clamp(4rem,9vw,6.5rem) clamp(1.25rem,5vw,3rem)}
.notes>*{max-width:44rem;margin-left:auto;margin-right:auto}
.notes h2{color:#fff}.notes h2:not(:first-child){margin-top:3.5rem}
.lined{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}
.lined li{background:#17171c;border:1px solid #26262d;border-radius:var(--r);padding:1rem 1.1rem;color:#c9c9cf}
.lined strong{color:#fff;font-weight:600;display:block;margin-bottom:.15rem}
.steps{counter-reset:s}.steps li{counter-increment:s;display:flex;gap:.9rem;align-items:flex-start}
.steps li::before{content:counter(s);flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--acc);color:#fff;font-weight:700;font-size:.875rem}
.honest{color:#a3a3ab;margin-top:2.5rem}
.again a{color:#fff;font-weight:600;display:inline-block;margin-top:.4rem;background:var(--acc);padding:.75rem 1.2rem;border-radius:12px;text-decoration:none}
footer{max-width:72rem;margin:0 auto;padding:2rem clamp(1.25rem,5vw,3rem) 2.5rem;font-size:.8125rem;color:var(--ink2)}
footer p{margin:.3rem 0}
/* legal / contact / 404 */
.legal{max-width:42rem;margin:0 auto;padding:2rem 1.25rem 4rem}
.legal h1{font-size:clamp(2rem,6vw,2.75rem);max-width:none}
.legal h2{font-size:1.25rem;margin:2.2rem 0 .5rem;letter-spacing:-.02em}
.legal p,.legal li{color:#2c2d33;max-width:65ch}.legal ul{padding-left:1.2rem}
.legal table{border-collapse:collapse;width:100%;font-size:.9375rem;margin:.5rem 0}
.legal td,.legal th{border-bottom:1px solid var(--line);padding:.55rem .4rem;text-align:left;vertical-align:top}
.nf{max-width:40rem;margin:0 auto;padding:4rem 1.25rem}
.cform{display:grid;gap:.4rem;max-width:32rem;margin-top:1.5rem}
.cform label{font-weight:600;margin-top:.7rem;font-size:.9375rem}.cform .opt{font-weight:400;color:var(--ink2)}
.cform input,.cform textarea{font:inherit;min-height:50px;padding:.75rem .9rem;border:1px solid #d9d9d4;border-radius:12px;background:#fff;color:var(--ink);width:100%}
.cform input:focus,.cform textarea:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 4px rgba(255,84,24,.15)}
.cform textarea{resize:vertical}.cform button{margin-top:.8rem;justify-self:start}
.status{white-space:nowrap;font-size:.75rem}

/* pressure-test fixes */
.steps li::before{color:var(--ink)}
.again a{color:var(--ink)}
.card{display:block}
.face{grid-area:auto}
.back{display:none}
.card.is-back .front{display:none}
.card.is-back .back{display:block;animation:fadeup .4s var(--ease)}
@keyframes fadeup{from{opacity:0;transform:translateY(8px)}}
@media(prefers-reduced-motion:reduce){.card.is-back .back{animation:none}}
.copy mark.hl{color:var(--acc)}
.brand::before{background:url(/favicon.svg) center/cover;box-shadow:none;border-radius:6px}
.notes .lined{margin-left:auto;margin-right:auto}.notes h2{margin-left:auto;margin-right:auto}