:root{--bg:#090b10;--tile:#14161c;--glass:rgba(255,255,255,.055);--line:rgba(255,255,255,.12);--cream:#f3efe6;--mute:#8d93a1;
--gold:#d9b56a;--amber:#ffb547;--coral:#ff7a63;--mint:#7fd6a4;--blue:#2f5bff;
--grad:linear-gradient(100deg,var(--amber),var(--coral) 45%,#b98cff 80%,var(--mint));
--font:"Bricolage Grotesque",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;font:400 17px/1.6 var(--font);color:var(--cream);background:var(--bg);
background-image:radial-gradient(ellipse at 12% 0%,rgba(255,181,71,.13),transparent 45%),radial-gradient(ellipse at 95% 30%,rgba(47,91,255,.14),transparent 45%),radial-gradient(ellipse at 40% 110%,rgba(127,214,164,.08),transparent 50%);background-attachment:fixed;overflow-x:hidden}
#bg{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.top,main,footer{position:relative;z-index:1}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px;max-width:960px;margin:0 auto;padding:18px 20px}
.brand{font-weight:800;letter-spacing:-.01em;font-size:1.1rem;display:flex;align-items:center;gap:10px}
.dot{width:12px;height:12px;border-radius:50%;background:var(--grad);box-shadow:0 0 16px var(--coral)}
.pill{font-size:.78rem;color:var(--mute);border:1px solid var(--line);border-radius:99px;padding:6px 12px;background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
main{max-width:680px;margin:0 auto;padding:12px 20px 40px}
.screen{display:none}.screen.active{display:block;animation:in .5s var(--ease)}
@keyframes in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.hero{padding:9vh 0 6vh;text-align:center}
.eyebrow{display:inline-block;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:0 0 18px}
h1{font-size:clamp(2.2rem,7vw,3.9rem);line-height:1.04;letter-spacing:-.035em;font-weight:800;margin:0 0 18px}
.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 100%;animation:shine 8s linear infinite}
@keyframes shine{to{background-position:200% 0}}
.lead{font-size:clamp(1.05rem,2.6vw,1.25rem);color:#cfd2da;max-width:34em;margin:0 auto 30px}
.card{background:var(--glass);border:1px solid var(--line);border-radius:24px;padding:clamp(22px,5vw,40px);
backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:0 30px 80px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.08)}
button{font:inherit;cursor:pointer;border:0;-webkit-tap-highlight-color:transparent}
.big{position:relative;color:#16130f;font-weight:700;font-size:1.08rem;padding:16px 30px;min-height:54px;border-radius:99px;background:var(--grad);background-size:150% 100%;
box-shadow:0 10px 40px rgba(255,122,99,.35);transition:transform .25s var(--ease),box-shadow .25s,background-position .6s}
.big:hover{transform:translateY(-2px);background-position:100% 0;box-shadow:0 14px 50px rgba(255,122,99,.5)}
.big:active{transform:scale(.98)}.big:disabled{opacity:.6;cursor:wait}
.ghost{color:var(--cream);background:transparent;border:1px solid var(--line);border-radius:99px;padding:14px 22px;min-height:50px;transition:background .2s}
.ghost:hover{background:rgba(255,255,255,.06)}
:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
.trust{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;color:var(--mute);font-size:.9rem}
.trust li::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);margin-right:8px;vertical-align:middle}
.bar{height:6px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
#barfill{height:100%;width:0;background:var(--grad);border-radius:99px;transition:width .5s var(--ease);box-shadow:0 0 14px var(--coral)}
.progress{color:var(--mute);font-size:.85rem;margin:10px 0 22px;letter-spacing:.02em}
.q{display:none;border:0;padding:0;margin:0;min-width:0}
.q.active{display:block;animation:qin .45s var(--ease)}.q.back{animation-name:qback}
@keyframes qin{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}
@keyframes qback{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:none}}
legend{font-size:clamp(1.35rem,4.5vw,1.75rem);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:18px;padding:0}
.q label{display:flex;align-items:center;gap:12px;padding:15px 16px;margin:10px 0;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid var(--line);cursor:pointer;transition:border-color .2s,background .2s,transform .15s}
.q label:hover{border-color:rgba(255,181,71,.5)}.q label:active{transform:scale(.99)}
.q label:has(input:checked){border-color:var(--amber);background:rgba(255,181,71,.09)}
input[type=radio],input[type=checkbox]{appearance:none;-webkit-appearance:none;flex:none;width:22px;height:22px;margin:0;border:1.5px solid var(--mute);display:grid;place-content:center;transition:.2s}
input[type=radio]{border-radius:50%}input[type=checkbox]{border-radius:6px}
input[type=radio]:checked,input[type=checkbox]:checked{border-color:var(--amber);background:var(--amber)}
input[type=radio]:checked::after{content:"";width:8px;height:8px;border-radius:50%;background:#16130f}
input[type=checkbox]:checked::after{content:"";width:5px;height:10px;border:solid #16130f;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}
input[type=text],input[type=email],textarea,select{width:100%;font:inherit;font-size:16px;color:var(--cream);padding:15px 16px;border-radius:14px;border:1px solid var(--line);background:rgba(0,0,0,.25);margin-top:6px;transition:border-color .2s,box-shadow .2s}
input::placeholder,textarea::placeholder{color:#6b7080}
input:focus,textarea:focus,select:focus{outline:0;border-color:var(--amber);box-shadow:0 0 0 4px rgba(255,181,71,.15)}
select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--mute) 50%),linear-gradient(135deg,var(--mute) 50%,transparent 50%);background-position:calc(100% - 22px) 52%,calc(100% - 16px) 52%;background-size:6px 6px;background-repeat:no-repeat}
select option{background:var(--tile);color:var(--cream)}
.consent{font-size:.92rem;color:#cfd2da}
.hp{position:absolute;left:-9999px}
.nav{display:flex;justify-content:space-between;gap:12px;margin-top:26px}.nav .big{flex:1;max-width:280px;margin-left:auto}
.error{color:var(--coral);font-weight:600;min-height:1.5em;margin:14px 0 0}
#thanks{text-align:center}#thanks h1{font-size:clamp(2rem,6vw,3rem)}
.check{width:72px;height:72px;margin:6px auto 22px;border-radius:50%;background:var(--grad);position:relative;box-shadow:0 0 50px rgba(127,214,164,.35)}
.check::after{content:"";position:absolute;left:27px;top:17px;width:16px;height:30px;border:solid #16130f;border-width:0 4px 4px 0;transform:rotate(45deg)}
.faq{margin-top:48px}.faq h2{font-size:1.5rem;letter-spacing:-.02em;margin:0 0 8px}
details{border-top:1px solid var(--line);padding:4px 0}details:first-of-type{border-top:0}
summary{cursor:pointer;font-weight:600;padding:14px 28px 14px 0;list-style:none;position:relative}summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:4px;top:10px;font-size:1.4rem;color:var(--gold);transition:transform .3s}
details[open] summary::after{transform:rotate(45deg)}details p{margin:0 0 14px;color:#cfd2da}
footer{text-align:center;max-width:680px;margin:0 auto;padding:30px 20px 50px;border-top:1px solid var(--line);color:#cfd2da}
footer strong{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.small{font-size:.85rem;color:var(--mute)}
@media (max-width:520px){.pill{display:none}.hero{padding-top:6vh}.big{width:100%}.nav .big{max-width:none}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
a{color:var(--amber)}a.brand{color:var(--cream);text-decoration:none}a.pill{text-decoration:none;color:var(--cream)}
.sitelinks{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;margin:0 0 22px;font-size:.9rem}.sitelinks a{color:#cfd2da;text-decoration:none;border-bottom:1px solid var(--line)}.sitelinks a:hover{color:var(--amber)}
.article{max-width:760px;padding-top:28px}.article h1{font-size:clamp(2rem,6vw,3.2rem)}
.article h2{font-size:1.35rem;letter-spacing:-.02em;margin:34px 0 10px}.article p,.article li{color:#d8dae0}.article ul{padding-left:1.2em}.article li{margin:6px 0}
.answer{border-color:rgba(255,181,71,.35);margin:10px 0 22px}.answer p{font-size:1.12rem;margin:0}.answer .label{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:0 0 8px}
.fit{display:grid;gap:16px;grid-template-columns:1fr 1fr}.fit h2{margin-top:0;font-size:1.15rem}.good{border-top:2px solid var(--mint)}.bad{border-top:2px solid var(--coral)}
.cta{text-align:center;margin:40px 0}.cta h2{margin-top:0}.cta .big{display:inline-block;text-decoration:none;margin-top:8px}
.table{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--glass)}table{border-collapse:collapse;width:100%;min-width:520px;font-size:.95rem}
th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}thead th{color:var(--gold)}tbody th{color:var(--mute);font-weight:600}tr:last-child>*{border-bottom:0}
.sources{margin-top:28px}
@media (max-width:640px){.fit{grid-template-columns:1fr}}