#world{--bg:#050505;--ease:cubic-bezier(.2,.7,.2,1);position:relative;background:var(--bg);color:#fff;font-family:var(--font-sans);overflow-x:clip}
#world *{box-sizing:border-box}#world h2,#world h3,#world p{margin:0}
.pin{position:relative}.stick{position:sticky;top:0;height:100vh;overflow:hidden;display:grid;place-items:center;padding:72px 6vw 0}
.glow{position:fixed;inset:0;pointer-events:none;z-index:2;opacity:0;transition:opacity .6s;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(224,58,78,.2),transparent 70%)}
#world.deep .glow{opacity:1}
#glance{height:260vh}#glance .stick{background:#f6f6f4;color:#14172b}
.pt{font:600 clamp(2.4rem,7.5vw,7rem)/1.02 var(--font-serif);letter-spacing:-.035em;text-align:center;max-width:12ch;transform:scale(calc(.94 + var(--p)*.12))}
.dk{position:absolute;inset:0;background:var(--bg);color:#fff;display:grid;place-items:center;clip-path:circle(calc(var(--p)*95%) at 50% 50%)}
.hint{position:absolute;bottom:4vh;font-size:.8rem;opacity:.5;letter-spacing:.04em}
#facts{height:600vh}#facts .stick{--sbg:#A51D2D;--sfg:#fff;--a:#fff;--b:#ffb3bb;background:var(--sbg);color:var(--sfg);transition:background-color .9s,color .9s}#facts .stick[data-t=k]{--sbg:#050505;--b:#E03A4E}#facts .stick[data-t=w]{--sbg:#fff;--sfg:#0a0a0a;--a:#0a0a0a;--b:#A51D2D}
.f{position:absolute;inset:72px 6vw 0;display:flex;flex-direction:column;justify-content:center;gap:.9rem;opacity:0;transform:translateY(70px) scale(.95);filter:blur(16px);transition:all .9s var(--ease);pointer-events:none}
.f.on{opacity:1;transform:none;filter:none}
.f b{font:700 clamp(5.5rem,24vw,21rem)/.88 var(--font-serif);letter-spacing:-.05em;background:linear-gradient(180deg,var(--a) 35%,var(--b));-webkit-background-clip:text;background-clip:text;color:transparent}
.f h3{font:600 clamp(1.3rem,3vw,2.2rem)/1.15 var(--font-serif)}.f p{max-width:48ch;opacity:.82;line-height:1.6}
.fd{position:absolute;right:3vw;top:50%;translate:0 -50%;display:grid;gap:14px;z-index:3}
.fd i{width:8px;height:8px;border-radius:9px;background:currentColor;opacity:.3;cursor:pointer;transition:.5s var(--ease)}.fd i.on{height:36px;opacity:1}
#sems{height:440vh}#sems .stick{place-items:center start;background:linear-gradient(160deg,#A51D2D,#5c0f1a)}#track{display:flex;gap:2.5vw;padding:0 6vw;will-change:transform}
.si{flex:0 0 min(80vw,440px);align-self:center}.si h2{font:600 clamp(2.4rem,5vw,4.4rem)/1.05 var(--font-serif);letter-spacing:-.03em}.si p{margin-top:1rem;color:#ffffffb8}
.sc{flex:0 0 min(84vw,560px);height:min(70vh,590px);border:1px solid #ffffff26;border-radius:28px;padding:30px;background:linear-gradient(160deg,#ffffff12,#ffffff03);position:relative;overflow:hidden;display:flex;flex-direction:column}
.sc>i{position:absolute;right:16px;top:-30px;font:700 15rem/1 var(--font-serif);font-style:normal;color:#ffffff0d;pointer-events:none}
.sc h3{font:600 clamp(1.6rem,3vw,2.1rem)/1.1 var(--font-serif);max-width:12em}.sc small{color:#ffd0d5;font-weight:600;margin-bottom:8px}
.sc ul{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0;padding:0;list-style:none;align-content:flex-start;flex:1;overflow:hidden}
.sc li{padding:7px 14px;border:1px solid #ffffff2e;border-radius:99px;font-size:.84rem;transition:.3s var(--ease)}.sc li:hover{background:#fff;color:#A51D2D;transform:translateY(-3px)}
.sc em{font-style:normal;color:#ffffffb8;font-size:.9rem}.sc em b{color:#fff;font-size:1.3rem}
.bar{position:absolute;bottom:6vh;left:6vw;right:6vw;height:2px;background:#ffffff26}.bar i{display:block;height:100%;width:calc(var(--p)*100%);background:#fff}
.sec{position:relative;z-index:1;padding:14vh 6vw;max-width:1240px;margin:auto}.sec h2{font:600 clamp(2.2rem,5.5vw,4.6rem)/1.05 var(--font-serif);letter-spacing:-.035em;max-width:14ch}
.sec>p{margin-top:1rem;color:#ffffffb8;max-width:52ch;line-height:1.6}
.ex{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:5vw;margin-top:6vh}
.ex nav{display:grid;gap:2px;align-content:start}.ex button{all:unset;cursor:pointer;font:600 clamp(1.3rem,2.8vw,2.3rem)/1.25 var(--font-serif);color:#ffffff47;transition:.4s var(--ease)}
.ex button:hover{color:#ffffffb0;translate:8px 0}.ex button.on{color:#fff;translate:14px 0}.ex button:focus-visible{outline:2px solid #fff}
.pn{border:1px solid #ffffff26;border-radius:28px;padding:28px;background:#ffffff08;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-content:start;min-height:340px}
.pn h4{margin:0 0 12px;color:#ff5a6d;font-size:.95rem}.pn div>span{display:block;padding:11px 0;border-top:1px solid #ffffff1f;animation:up .6s var(--ease) both}
@keyframes up{from{opacity:0;transform:translateY(16px)}}
#risk{position:relative;min-height:110vh;overflow:hidden;display:grid;align-items:center}#rc{position:absolute;inset:0;width:100%;height:100%}
#risk .sec{pointer-events:none}#risk .sec>*{pointer-events:auto}
.big{font:700 clamp(5rem,16vw,13rem)/.9 var(--font-serif);letter-spacing:-.05em;color:#fff}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;max-width:640px}.chips span{padding:10px 16px;border-radius:99px;background:#ffffff14;backdrop-filter:blur(8px);font-size:.88rem}
.fx{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:end;margin-top:6vh}
.tg{display:flex;gap:14px;align-items:center;cursor:pointer;margin:26px 0;user-select:none}.tg u{width:54px;height:30px;border-radius:30px;background:#0000004d;position:relative;transition:.4s;text-decoration:none}
.tg u::after{content:"";position:absolute;left:3px;top:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:.4s var(--ease)}.tg.on u{background:#A51D2D}.tg.on u::after{left:27px}
#ftot{font:700 clamp(3.4rem,9vw,7.5rem)/1 var(--font-serif);letter-spacing:-.04em;display:block}
#fsave{color:#A51D2D;opacity:.25;transition:.4s}
#fbars{display:flex;gap:12px;align-items:flex-end;height:330px}#fbars div{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;text-align:center;font-size:.75rem}
#fbars i{display:block;border-radius:12px 12px 4px 4px;background:linear-gradient(180deg,#d8283d,#A51D2D);transition:height .9s var(--ease);height:0}#fbars b{font-size:.78rem}#fbars span{color:#0009}
.eq{margin-top:6vh;border:1px solid #ffffff26;border-radius:28px;padding:clamp(24px,4vw,44px);background:#ffffff08;max-width:760px}.eq h3{font:600 clamp(1.4rem,3vw,2rem)/1.2 var(--font-serif);min-height:2.5em}
.eq div{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.eq button,.wb{font:600 1rem var(--font-sans);padding:13px 24px;border-radius:99px;border:1px solid #ffffff40;background:0;color:#fff;cursor:pointer;transition:.3s;text-decoration:none;display:inline-block}
.eq button:hover{background:#fff;color:#111}.wb{background:#fff;color:#111;border:0;margin-top:22px}.wb:hover{transform:translateY(-2px)}
.fade{height:120px;background:linear-gradient(#A51D2D,#f6f6f4)}
#exp,#fees,#eligibility{clip-path:inset(0 -100vmax)}#exp,#eligibility{background:#A51D2D;box-shadow:0 0 0 100vmax #A51D2D}#fees{background:#fff;color:#0a0a0a;box-shadow:0 0 0 100vmax #fff}#fees .wb{background:#A51D2D;color:#fff}
#eligibility .eq{background:#00000026;border-color:#ffffff59}
#exp h2{max-width:18ch}#xg{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-top:6vh}
.xt{border:1px solid #ffffff59;border-radius:22px;padding:24px;min-height:170px;transition:.4s var(--ease);background:radial-gradient(190px circle at var(--x,-999px) var(--y,-999px),#ffffff3d,transparent 70%)}
.xt:hover{transform:translateY(-6px);border-color:#fff}.xt h3{font:600 1.35rem/1.15 var(--font-serif)}.xt p{margin-top:10px;font-size:.9rem;opacity:.85;line-height:1.5}
@media(max-width:800px){.ex,.fx,.pn{grid-template-columns:1fr}.fd{right:2vw}#fbars{height:260px}}
@media(prefers-reduced-motion:reduce){#world *{transition:none!important;animation:none!important}}
