:root{--ink:#07121f;--navy:#091827;--paper:#f5f2ea;--lime:#c8ff45;--blue:#5cd6ff;--royal:#3555ff;--muted:#aeb9c4;--line:rgba(255,255,255,.14);--pad:clamp(1.25rem,5vw,5rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}a,button{touch-action:manipulation}.noise{position:fixed;inset:0;opacity:.04;pointer-events:none;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.site-nav{position:fixed;inset:0 0 auto;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:1rem var(--pad);background:#07121fe8;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.brand{font-weight:950;letter-spacing:-.04em}.brand i{font-style:normal;color:var(--lime)}.links{display:flex;align-items:center;gap:1.5rem;font-size:.86rem}.links a{color:#dbe3ea}.links .active{color:var(--lime)}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:99px;background:var(--lime);color:var(--ink)!important;font-weight:900;padding:.78rem 1rem}
.hero{min-height:78svh;padding:10rem var(--pad) 5rem;display:grid;align-items:end;position:relative;overflow:hidden;isolation:isolate}.hero:after{content:"";position:absolute;width:min(70vw,800px);aspect-ratio:1;border-radius:50%;right:-18%;top:-35%;background:radial-gradient(circle at 35% 35%,#fff,var(--blue) 3%,var(--royal) 25%,#8c35d1 48%,transparent 69%);filter:blur(5px);opacity:.8;z-index:-1}.kicker{color:var(--lime);font-size:.78rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.hero h1{font-size:clamp(3.5rem,8.5vw,8rem);line-height:.87;letter-spacing:-.07em;margin:1rem 0 1.5rem;max-width:1100px}.outline{color:transparent;-webkit-text-stroke:1.4px #fff}.lead{font-size:clamp(1.08rem,1.8vw,1.35rem);color:#d2dce4;max-width:720px}.hero-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-top:2rem}.text-link{border-bottom:1px solid currentColor;padding:.5rem 0}
.jump{background:var(--lime);color:var(--ink);padding:1rem var(--pad);display:flex;gap:1.5rem;flex-wrap:wrap;font-size:.82rem;font-weight:850}.jump span{opacity:.65}.content{background:#fff;color:var(--ink);padding:clamp(5rem,10vw,9rem) var(--pad)}.layout{max-width:1280px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,330px);gap:clamp(3rem,8vw,8rem)}.main-copy{max-width:790px}.section{padding:0 0 5.5rem;margin-bottom:5.5rem;border-bottom:1px solid #dce2e7}.section:last-child{border:0;margin:0}.num{color:var(--royal);font:800 .76rem ui-monospace,monospace;letter-spacing:.1em}.section h2{font-size:clamp(2.2rem,4.8vw,4.8rem);line-height:.98;letter-spacing:-.055em;margin:.8rem 0 1.8rem}.section h3{font-size:1.35rem;margin:2rem 0 .5rem}.section p{font-size:1.06rem;color:#40505e}.aside{position:sticky;top:7rem;align-self:start;background:var(--ink);color:#fff;padding:2rem;border-radius:0 2rem 0 0}.aside h2{font-size:1.35rem;margin:0 0 1rem}.aside a{display:block;padding:.8rem 0;border-top:1px solid var(--line);color:#cbd5dd}.aside a:hover{color:var(--lime)}
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:2rem 0}.card{background:#edf1f4;padding:1.5rem;border-radius:1rem}.card b{display:block;font-size:1.15rem;margin-bottom:.4rem}.card p{margin:0;font-size:.94rem}.route{display:grid;gap:.65rem;counter-reset:route;margin:2rem 0}.route div{counter-increment:route;display:grid;grid-template-columns:3rem 1fr;gap:1rem;align-items:start;padding:1.1rem;background:var(--paper)}.route div:before{content:"0" counter(route);color:var(--royal);font-weight:950}.example{background:var(--royal);color:#fff;padding:clamp(1.5rem,3vw,2.5rem);border-radius:0 2rem 0 0;margin:2rem 0}.example p{color:#e7ebff;margin:.6rem 0}.example strong{color:var(--lime)}.callout{border-left:5px solid var(--lime);padding:1rem 0 1rem 1.5rem;font-family:Georgia,serif;font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.4;margin:2.5rem 0}.compare{width:100%;border-collapse:collapse;margin:2rem 0}.compare th,.compare td{text-align:left;vertical-align:top;border-bottom:1px solid #ccd4db;padding:1rem}.compare th{background:var(--ink);color:#fff}.ai-note{background:#ff8b62;padding:1.5rem;margin-top:2rem}.ai-note p{color:var(--ink)}
.next{background:var(--lime);color:var(--ink);padding:clamp(5rem,10vw,9rem) var(--pad);text-align:center}.next h2{font-size:clamp(2.8rem,6vw,6rem);line-height:.92;letter-spacing:-.06em;margin:.5rem auto 1.5rem;max-width:900px}.next p{max-width:640px;margin:0 auto 2rem;font-size:1.1rem}.next .button{background:var(--ink);color:#fff!important}.footer{padding:2rem var(--pad);display:flex;justify-content:space-between;gap:1rem;color:#91a0ad;font-size:.82rem}
@media(max-width:900px){.links a:not(.button){display:none}.layout{grid-template-columns:1fr}.aside{position:static;order:-1}.hero{padding-top:8rem}.cards{grid-template-columns:1fr}.jump{display:none}}
@media(max-width:600px){.site-nav{padding-block:.8rem}.brand{font-size:.94rem}.links .button{padding:.68rem .8rem;font-size:.78rem}.hero{min-height:72svh}.hero h1{font-size:clamp(3.2rem,17vw,5rem)}.compare{font-size:.88rem}.compare th,.compare td{padding:.7rem}.footer{flex-direction:column}.hero-actions{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}