:root{--bg:#f6f7f9;--navy:#0b2545;--navy-soft:#13315c;--blue:#1e58a8;--green:#1c8f6b;--green-light:#7fe0bb;--grey:#5b6472;--grey-line:#dde2e9;--accent:#b7202e;--highlight-blue:#8fb6ea;--highlight-green:#7fe0bb;--highlight-red:#d35c69;--bg-panel:#fff;--blue-soft:#e7effb;--green-soft:#e5f4ee;--bg-narrow:linear-gradient(circle at 20% 15%, #12345f 0%, #0b2545 55%, #081a33 100%);--ink:#101826;--disp:"Space Grotesk", sans-serif;--body:"Inter", sans-serif;--mono:"JetBrains Mono", monospace;--fw-400:400;--fw-500:500;--fw-600:600;--fw-700:700;--fs-xs:11px;--fs-xsm:11.5px;--fs-sm:12px;--fs-md:13px;--fs-base:14px;--fs-lg:16px;--fs-xl:18px;--fs-2xl:20px;--fs-3xl:24px;--fs-4xl:32px;--fs-5xl:40px;--fs-6xl:48px}h1,h1.title{font-family:var(--disp);letter-spacing:-.01em;background:linear-gradient(90deg,#22d3ee 0%,#60a5fa 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:700;line-height:1.06}@media (max-width:600px){h1,h1.title{font-size:2.6rem}}@media (min-width:601px){h1,h1.title{font-size:clamp(2.6rem,6vw,4.6rem)}}h2,h2.title{font-family:var(--disp);letter-spacing:-.01em;color:var(--navy);margin-bottom:.5em;font-weight:700;line-height:1.1}@media (max-width:600px){h2,h2.title{font-size:1.8rem}}@media (min-width:601px){h2,h2.title{font-size:clamp(1.8rem,3.4vw,2.7rem)}}h3,h3.title{font-family:var(--disp);color:var(--navy-soft);font-size:1.25rem;font-weight:600}h4,h4.title{font-family:var(--disp);color:var(--navy);font-size:1.05rem;font-weight:600}h5,h5.title{font-family:var(--disp);color:var(--navy);font-size:.95rem;font-weight:700}p,.lead,.lede{font-family:var(--body);color:var(--grey);font-size:1.02rem;line-height:1.6}.lead,.lede{color:var(--navy-soft);max-width:700px;font-size:1.18rem;line-height:1.55}strong,b{color:var(--ink);font-weight:600}.tag,.badge{font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;border-radius:5px;padding:3px 9px;font-size:10.5px;display:inline-block}.badge.free{color:var(--green);background:var(--green-soft)}.badge.freek{color:var(--blue);background:var(--blue-soft)}.badge.sub{color:var(--accent);background:#fbedee}.eyebrow{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--blue);align-items:center;gap:8px;margin-bottom:14px;font-size:12px;display:flex}.eyebrow:before{content:"";background:var(--blue);width:20px;height:2px;margin-left:-8px;display:inline-block}.q{font-family:var(--mono);color:var(--accent);margin-top:2px;font-size:13px}.btn,.btn-primary,button,input[type=button],input[type=submit]{font-family:var(--mono);cursor:pointer;letter-spacing:.03em;border:none;border-radius:999px;padding:9px 14px;font-size:11.5px}.btn-primary{background:var(--navy);color:#fff;transition:transform .2s,box-shadow .2s;box-shadow:0 6px 20px #0b254540}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0b254559}.btn-secondary{color:var(--grey);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--grey-line);background:#ffffffb3}.btn-accent{background:var(--accent);color:#fff}.mode-btn{z-index:200;background:var(--navy);color:#fff;font-family:var(--mono);cursor:pointer;letter-spacing:.03em;border:none;border-radius:999px;padding:9px 14px;font-size:11.5px;transition:opacity .2s,transform .2s;position:fixed;bottom:22px;left:22px;box-shadow:0 6px 20px #0b254540}.mode-btn:hover{opacity:.9;transform:scale(1.02)}.mode-btn.on{background:var(--green)}.nav-dot,.dot{background:var(--grey-line);cursor:pointer;border:none;border-radius:50%;width:9px;height:9px;padding:0;transition:all .25s;position:relative}.nav-dot:hover,.dot:hover{background:var(--blue)}.nav-dot.active,.dot.active{background:var(--navy);border-radius:6px;width:11px;height:28px}.nav-dot .tip,.dot .tip{background:var(--navy);color:#fff;font-family:var(--mono);white-space:nowrap;opacity:0;pointer-events:none;border-radius:6px;padding:4px 9px;font-size:11px;transition:all .2s;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.nav-dot:hover .tip,.dot:hover .tip{opacity:1}.progress-bar{background:linear-gradient(90deg, var(--blue), var(--green));z-index:200;width:0%;height:3px;transition:width .35s;position:fixed;top:0;left:0}.page-counter,#counter{z-index:200;font-family:var(--mono);color:var(--grey);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--grey-line);background:#ffffffb3;border-radius:8px;padding:6px 10px;font-size:11.5px;position:fixed;top:22px;left:22px}body{font-family:var(--body);background:var(--bg);color:var(--ink);overflow-x:hidden}.slide,section.slide,.section{justify-content:center;align-items:center;width:100%;min-height:100vh;padding:90px 8vw 70px;display:flex;position:relative}.wrap,.container{width:100%;max-width:1180px}.text-highlight-green{color:var(--highlight-green)}.text-light{color:#8fb6ea}.text-white{color:#fff}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.bg-navy{background:var(--navy)}.bg-blue{background:var(--blue)}.bg-green{background:var(--green)}.bg-grey{background:var(--grey)}.bg-light{background:var(--bg-panel)}.bg-narrow{background:var(--bg-narrow)}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.font-disp{font-family:var(--disp)}.font-body{font-family:var(--body)}.font-mono{font-family:var(--mono)}.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.lh-1{line-height:1.06}.lh-11{line-height:1.1}.lh-12{line-height:1.15}.lh-14{line-height:1.25}.lh-15{line-height:1.35}.lh-16{line-height:1.5}.lh-165{line-height:1.55}.lh-17{line-height:1.7}.ls-tight{letter-spacing:-.02em}.ls-normal{letter-spacing:0}.ls-wide{letter-spacing:.05em}.ls-wider{letter-spacing:.12em}.ls-widest{letter-spacing:.2em}.text-opacity-10{opacity:.1}.text-opacity-20{opacity:.2}.text-opacity-50{opacity:.5}.text-opacity-75{opacity:.75}.text-opacity-80{opacity:.8}.text-opacity-100{opacity:1}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}span{font-family:inherit;font-weight:inherit;font-size:inherit;color:inherit;line-height:inherit}.op{font-family:var(--mono);color:#8fb6ea;margin-right:8px;font-size:14px}.plus{font-family:var(--mono);color:var(--grey);font-size:14px}.eq,.equals{font-family:var(--mono);color:#fff;font-size:16px;font-weight:700}.pillbox{background:var(--bg-panel);border:1px solid var(--grey-line);border-radius:14px;padding:26px 26px 10px;box-shadow:0 2px 14px #0b25450d}.pillbox h3{color:var(--navy);margin-bottom:14px;font-size:1rem;font-weight:600}.pillbox ul{margin:0;padding:0;list-style:none}.pillbox li{color:var(--grey);border-bottom:1px solid var(--grey-line);padding:9px 0 9px 22px;font-size:.94rem;line-height:1.5;position:relative}.pillbox li:last-child{border-bottom:none}.pillbox.pos li:before{content:"+";color:var(--green);font-family:var(--mono);font-size:16px;font-weight:700;line-height:1;position:absolute;left:0}.pillbox.neg li:before{content:"–";color:var(--accent);font-family:var(--mono);font-size:16px;font-weight:700;line-height:1;position:absolute;left:0}.bubble{background:var(--navy);color:#fff;font-family:var(--disp);border-radius:16px;width:fit-content;max-width:90%;padding:12px 18px;font-size:1.02rem;position:relative;box-shadow:0 6px 16px #0b254526}.bubble:nth-child(2){background:var(--blue)}.bubble:nth-child(3){background:var(--navy-soft)}.bubble:nth-child(4){background:var(--blue)}.bubble:before{content:"";background:inherit;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:-8px;transform:translateY(-50%)}.eq{background:var(--navy);color:#fff;max-width:560px;font-family:var(--mono);border-radius:14px;padding:32px 34px}.eq .row{border-bottom:1px dashed #ffffff2e;justify-content:space-between;padding:9px 0;font-size:.98rem;display:flex}.eq .row:last-child{color:#7fe0bb;border-top:2px solid #fff6;border-bottom:none;margin-top:6px;padding-top:14px;font-weight:700}.eq .op{color:#8fb6ea;margin-right:8px}.prof-tag,.proftag{font-family:var(--mono);border:1px solid var(--grey-line);color:var(--navy-soft);background:var(--bg-panel);border-radius:999px;padding:8px 14px;font-size:12px}.note,.alert{border-radius:10px;padding:14px 16px;font-size:.92rem;line-height:1.5}.note.info,.alert.info{background:var(--blue-soft);color:var(--navy-soft);border-left:3px solid var(--blue)}.note.success,.alert.success{background:var(--green-soft);color:var(--green);border-left:3px solid var(--green)}.note.warning,.alert.warning{color:var(--accent);border-left:3px solid var(--accent);background:#fbedee}footer,.footer{font-family:var(--mono);color:#6e80a0;padding:8px 0;font-size:11px}.highlight,.callout{background:linear-gradient(135deg,#1e58a81a,#1c8f6b14);border:1px solid #eff8ff4d;border-radius:12px;padding:18px 22px}.highlight strong,.callout strong{color:var(--blue)}.gradient-dark{background:radial-gradient(circle at 20% 15%,#12345f 0%,#0b2545 55%,#081a33 100%)}.gradient-light{background:radial-gradient(circle at 80% 20%, #fffc, var(--bg-panel) 60%, var(--bg) 100%)}.gradient-navy{background:linear-gradient(160deg, var(--navy) 0%, #081a33 100%)}.gradient-blue{background:linear-gradient(135deg, var(--blue) 0%, var(--navy-soft) 100%)}@keyframes fadeIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes slideIn{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(18px)}.reveal.in{opacity:1;transform:translateY(0)}.fade-in{animation:.6s forwards fadeIn}.bob{animation:2s ease-in-out infinite bob}.slide-in{animation:.5s forwards slideIn}.glass{-webkit-backdrop-filter:blur(8px);background:#ffffffb3}.glass-subtle{-webkit-backdrop-filter:blur(4px);background:#fff}.border-navy{border-color:var(--navy)}.border-blue{border-color:var(--blue)}.border-green{border-color:var(--green)}.border-accent{border-color:var(--accent)}.border-light{border-color:var(--grey-line)}.border,.border-thin{border-width:1px}.border-medium{border-width:2px}.rounded-sm{border-radius:5px}.rounded{border-radius:12px}.rounded-md{border-radius:14px}.rounded-lg{border-radius:20px}.rounded-xl{border-radius:28px}.rounded-full{border-radius:999px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}@media (max-width:320px){h1{font-size:2rem}h2{font-size:1.6rem}h3{font-size:1.1rem}}@media (min-width:321px) and (max-width:480px){h1{font-size:2.2rem}h2{font-size:1.7rem}h3{font-size:1.15rem}}@media (min-width:481px) and (max-width:768px){h1{font-size:2.4rem}h2{font-size:1.9rem}h3{font-size:1.2rem}}@media (min-width:769px) and (max-width:1024px){h1{font-size:clamp(2.4rem,4vw,3.2rem)}h2{font-size:clamp(1.9rem,3vw,2.4rem)}h3{font-size:1.25rem}}@media (min-width:1025px) and (max-width:1280px){h1{font-size:clamp(2.4rem,3.8vw,3.4rem)}h2{font-size:clamp(1.9rem,3.1vw,2.5rem)}}@media (min-width:1281px){h1{font-size:clamp(2.6rem,4.4vw,3.6rem)}h2{font-size:clamp(1.8rem,3.4vw,2.7rem)}}.anim-fast{transition-duration:.2s;animation-duration:.2s}.anim-normal{transition-duration:.5s;animation-duration:.5s}.anim-slow{transition-duration:.8s;animation-duration:.8s}.anim-ease{transition-timing-function:ease}.anim-ease-in{transition-timing-function:ease-in}.anim-ease-out{transition-timing-function:ease-out}.anim-ease-in-out{transition-timing-function:ease-in-out}.delay-0{animation-delay:0s}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.anim-repeat{animation-iteration-count:infinite}.anim-once{animation-iteration-count:1}.m-0{margin:0}.m-1{margin:4px}.m-2{margin:8px}.m-3{margin:12px}.m-4{margin:16px}.m-5{margin:20px}.m-6{margin:24px}.m-8{margin:32px}.m-10{margin:40px}.m-12{margin:48px}.mt-0{margin-top:0}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:20px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mt-10{margin-top:40px}.mt-12{margin-top:48px}.mb-0{margin-bottom:0}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:20px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mb-10{margin-bottom:40px}.mb-12{margin-bottom:48px}.p-0{padding:0}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-5{padding:20px}.p-6{padding:24px}.p-8{padding:32px}.p-10{padding:40px}.p-12{padding:48px}.p-14{padding:56px}.p-16{padding:64px}.p-20{padding:80px}.p-22{padding:88px}.p-26{padding:104px}.p-28{padding:112px}.p-30{padding:120px}.pt-0{padding-top:0}.pt-1{padding-top:4px}.pt-2{padding-top:8px}.pt-3{padding-top:12px}.pt-4{padding-top:16px}.pt-5{padding-top:20px}.pt-6{padding-top:24px}.pt-8{padding-top:32px}.pt-10{padding-top:40px}.pt-12{padding-top:48px}.pt-14{padding-top:56px}.pt-16{padding-top:64px}.pt-18{padding-top:72px}.pt-20{padding-top:80px}.pt-22{padding-top:88px}.pt-26{padding-top:104px}.pt-28{padding-top:112px}.pt-30{padding-top:120px}.pt-32{padding-top:128px}.pt-34{padding-top:136px}.pl-0{padding-left:0}.pl-1{padding-left:4px}.pl-2{padding-left:8px}.pl-3{padding-left:12px}.pl-4{padding-left:16px}.pl-5{padding-left:20px}.pl-6{padding-left:24px}.pl-8{padding-left:32px}.pl-10{padding-left:40px}.pl-12{padding-left:48px}.pl-14{padding-left:56px}.pl-16{padding-left:64px}.pl-18{padding-left:72px}.pl-20{padding-left:80px}.pl-22{padding-left:88px}.pl-26{padding-left:104px}.pl-28{padding-left:112px}.pl-30{padding-left:120px}.pl-32{padding-left:128px}.pl-34{padding-left:136px}.pr-0{padding-right:0}.pr-1{padding-right:4px}.pr-2{padding-right:8px}.pr-3{padding-right:12px}.pr-4{padding-right:16px}.pr-5{padding-right:20px}.pr-6{padding-right:24px}.pr-8{padding-right:32px}.pr-10{padding-right:40px}.pr-12{padding-right:48px}.pr-14{padding-right:56px}.pr-16{padding-right:64px}.pr-18{padding-right:72px}.pr-20{padding-right:80px}.pr-22{padding-right:88px}.pr-26{padding-right:104px}.pr-28{padding-right:112px}.pr-30{padding-right:120px}.pr-32{padding-right:128px}.pr-34{padding-right:136px}.gap-0{gap:0}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.gap-8{gap:32px}.gap-10{gap:40px}.gap-12{gap:48px}.gap-14{gap:56px}.gap-16{gap:64px}.gap-18{gap:72px}.gap-20{gap:80px}.gap-22{gap:88px}.gap-26{gap:104px}.gap-28{gap:112px}.gap-30{gap:120px}.gap-32{gap:128px}.gap-34{gap:136px}.grid{display:grid}.grid-1{grid-template-columns:repeat(1,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-gap-1{gap:8px}.grid-gap-2{gap:12px}.grid-gap-3{gap:16px}.grid-gap-4{gap:20px}.grid-gap-6{gap:24px}.grid-gap-8{gap:32px}.grid-gap-10{gap:40px}.grid-gap-12{gap:48px}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.flex-gap-1{gap:8px}.flex-gap-2{gap:12px}.flex-gap-3{gap:16px}.flex-gap-4{gap:20px}.flex-gap-6{gap:24px}.flex-gap-8{gap:32px}.flex-gap-10{gap:40px}.flex-gap-12{gap:48px}.bg-navy{background-color:#0b2545}.bg-navy-soft{background-color:#13315c}.bg-blue{background-color:#1e58a8}.bg-blue-soft{background-color:#e7effb}.bg-green{background-color:#1c8f6b}.bg-green-soft{background-color:#e5f4ee}.bg-grey{background-color:#5b6472}.bg-grey-line{background-color:#dde2e9}.bg-accent{background-color:#b7202e}.bg-white{background-color:#fff}.bg-bg{background-color:#f6f7f9}.text-navy{color:#0b2545}.text-navy-soft{color:#13315c}.text-blue{color:#1e58a8}.text-blue-light,.text-blue-soft{color:#8fb6ea}.text-green{color:#1c8f6b}.text-green-light{color:#7fe0bb}.text-green-soft{color:#63d6bb}.text-grey{color:#5b6472}.text-grey-line{color:#dde2e9}.text-accent{color:#b7202e}.text-ink{color:#101826}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}html{scroll-behavior:smooth}