@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
:root{--ink:#000;--ink2:#0a0a0c;--bone:#f5f5f7;--muted:#8e8e93;--red:#e3001b;--red2:#ff3b45;--gold:#f5f5f7;--line:rgba(255,255,255,.12)}
body{background:#000;font-family:Inter,-apple-system,"SF Pro Text",system-ui,sans-serif;color:var(--bone)}
h1,h2,h3,legend,.read b,.stat b,.tl b,.benefits li::before,.brand b{font-family:Inter,-apple-system,"SF Pro Display",system-ui,sans-serif}
h1{font-weight:600;letter-spacing:-.045em;line-height:1.02;font-size:clamp(2.7rem,6.4vw,5.3rem)}
h2{font-weight:600;letter-spacing:-.035em;line-height:1.08;font-size:clamp(1.8rem,3.4vw,2.8rem)}
h3,legend{font-weight:600;letter-spacing:-.02em}
h3{font-size:1.15rem}.tcard h3{font-size:1.02rem}legend{font-size:1.2rem}
em{font-style:normal;background:linear-gradient(120deg,#ff6a6f,#e3001b 55%,#9b0013);-webkit-background-clip:text;background-clip:text;color:transparent}
p{color:#b4b4bb}
.read b,.stat b{font-weight:600;letter-spacing:-.04em}
.stat b{font-size:clamp(2rem,3.4vw,2.7rem)}.read b{font-size:1.6rem}
.tl b{font-weight:600;font-size:1rem;letter-spacing:-.01em}
.benefits li::before{font-weight:600;font-size:.8rem;color:var(--red2);top:.15em}
/* glass */
.panel{width:min(100%,640px)}
section:not(#hero) .panel{position:relative;background:linear-gradient(145deg,rgba(44,44,50,.62),rgba(16,16,19,.6) 45%,rgba(26,26,30,.62));border:1px solid rgba(255,255,255,.16);border-radius:32px;padding:2.3rem;-webkit-backdrop-filter:blur(34px) saturate(135%) brightness(.7);backdrop-filter:blur(34px) saturate(135%) brightness(.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(255,255,255,.05),0 50px 90px -40px #000}
section:not(#hero) .panel::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 60% at 0% 0%,rgba(255,60,70,.1),transparent 60%)}
section:not(#hero) .panel>*{position:relative}
.card,.tcard,.read{background:rgba(255,255,255,.055);-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.card{border-radius:24px}.tcard{border-radius:20px}.read{border-radius:18px}
.tcard:hover{border-color:rgba(255,59,69,.7)}
.tcard::after{background:radial-gradient(240px circle at var(--mx,50%) var(--my,0%),rgba(255,40,55,.28),transparent 60%)}
.tcard .go{color:var(--red2)}
.tab,.opt,.chip,.pills span{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}
.tab[aria-selected=true],.opt[aria-pressed=true],.chip[aria-pressed=true]{background:linear-gradient(180deg,#ff3b45,#c40016);border-color:#ff5a62;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 24px -8px rgba(227,0,27,.8)}
.field input,.field textarea,#dateOther{background:rgba(0,0,0,.35);border-color:rgba(255,255,255,.14);border-radius:14px}
.summary{border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.3)}
.summary b{color:var(--red2)}
.ph{border-color:rgba(255,255,255,.14);background:#0a0a0c}
.who .ph{border:2px solid rgba(255,255,255,.5);box-shadow:0 0 0 4px rgba(227,0,27,.35)}
/* nav */
.nav,.nav.solid{inset:14px auto auto 50%;transform:translateX(-50%);width:min(1120px,calc(100% - 28px));border-radius:99px;padding:.5rem .6rem .5rem 1rem;background:rgba(22,22,24,.55);-webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 20px 40px -20px #000}
.brand b{letter-spacing:.16em;font-size:.82rem}
.seal{background:linear-gradient(160deg,#ff3b45,#b80014);border-radius:11px;width:36px;height:36px;font-size:1.1rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 0 22px rgba(227,0,27,.55)}
.nav nav a{color:#d6d6db}
.btn{font-weight:600;letter-spacing:-.01em}
.btn.red{background:linear-gradient(180deg,#ff3b45,#c40016);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 10px 30px -8px rgba(227,0,27,.75)}
.btn.red:hover{background:linear-gradient(180deg,#ff5a62,#d8001a)}
.btn.ghost{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
.btn.ghost:hover{border-color:#fff;color:#fff}
.eyebrow{letter-spacing:.24em}
.bigzh{color:var(--red);text-shadow:0 0 70px rgba(255,20,40,.7)}
.tl{border-left-color:rgba(255,255,255,.14)}.tl li::before{background:var(--red2);box-shadow:0 0 12px var(--red)}
.steps li.done{border-color:#fff;color:#fff}
.state.ok{color:#fff}
.tag{background:#fff;color:#000}
input[type=range]{background:linear-gradient(90deg,#e3001b,#fff)}
input[type=range]::-webkit-slider-thumb{background:#fff;border:0;box-shadow:0 0 0 1px rgba(255,255,255,.6),0 0 0 7px rgba(255,255,255,.12),0 6px 18px rgba(0,0,0,.7)}
#tip{background:rgba(22,22,24,.7);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-color:rgba(255,59,69,.8)}
.rail a{background:rgba(255,255,255,.18)}.rail a span{color:#fff}
footer{background:rgba(8,8,10,.72);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
.hint3d i::after{background:var(--red2)}
@media(max-width:900px){
 #hero .panel{text-shadow:none}
 #hero h1,#hero .lead,#hero .hero-meta{text-shadow:0 2px 16px #000,0 0 3px #000}
 #hero em{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#ff4a52}
 #stage{opacity:.6}
 section:not(#hero) .panel{padding:1.4rem 1.15rem;border-radius:26px;background:linear-gradient(145deg,rgba(30,30,34,.72),rgba(10,10,12,.6))}
 .nav,.nav.solid{padding:.45rem .5rem .45rem .7rem}
}