@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@700&family=Nunito+Sans:ital,opsz,wght@0,6..12,400;0,6..12,500;0,6..12,600;0,6..12,700;0,6..12,800;1,6..12,400&display=swap";@font-face{font-family:Commit Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/commit-mono-latin-400-normal-wzhe4RuD.woff2) format("woff2"),url(/assets/commit-mono-latin-400-normal-s0S3qwFW.woff) format("woff")}@font-face{font-family:Commit Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/commit-mono-latin-500-normal-5uPfnx7h.woff2) format("woff2"),url(/assets/commit-mono-latin-500-normal-DSlnSK8M.woff) format("woff")}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-6xl:72rem;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-extrabold:800;--leading-relaxed:1.625;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--color-ster-magenta:#eb305c;--color-ster-muted:#cfcfcf;--font-nunito:"Nunito Sans", sans-serif}}@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.top-0{top:0}.right-0\.5{right:calc(var(--spacing) * .5)}.bottom-0{bottom:0}.left-0\.5{left:calc(var(--spacing) * .5)}.left-1\/2{left:50%}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-full{height:100%}.min-h-0{min-height:0}.min-h-\[140px\]{min-height:140px}.min-h-\[360px\]{min-height:360px}.min-h-full{min-height:100%}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-7{width:calc(var(--spacing) * 7)}.w-auto{width:auto}.w-full{width:100%}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[36ch\]{max-width:36ch}.max-w-\[42ch\]{max-width:42ch}.max-w-\[560px\]{max-width:560px}.flex-1{flex:1}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.resize-y{resize:vertical}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-4{gap:calc(var(--spacing) * 4)}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-\[12px\]{border-radius:12px}.rounded-\[20px\]{border-radius:20px}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.border-white\/15{border-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.border-white\/25{border-color:#ffffff40}@supports (color:color-mix(in lab,red,red)){.border-white\/25{border-color:color-mix(in oklab,var(--color-white) 25%,transparent)}}.bg-black\/25{background-color:#00000040}@supports (color:color-mix(in lab,red,red)){.bg-black\/25{background-color:color-mix(in oklab,var(--color-black) 25%,transparent)}}.bg-ster-magenta{background-color:var(--color-ster-magenta)}.bg-transparent{background-color:#0000}.p-0{padding:0}.p-6{padding:calc(var(--spacing) * 6)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-\[30px\]{padding-inline:30px}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-\[15px\]{padding-block:15px}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-7{padding-bottom:calc(var(--spacing) * 7)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.font-nunito{font-family:var(--font-nunito)}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[clamp\(28px\,5vw\,48px\)\]{font-size:clamp(28px,5vw,48px)}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.04em\]{--tw-tracking:.04em;letter-spacing:.04em}.tracking-\[0\.06em\]{--tw-tracking:.06em;letter-spacing:.06em}.tracking-\[0\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.whitespace-nowrap{white-space:nowrap}.text-ster-muted{color:var(--color-ster-muted)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.brightness-0{--tw-brightness:brightness(0%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(min-width:40rem){.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}}}.sterrific{min-height:100%;font-family:var(--font-nunito);color:#fff;background:radial-gradient(90% 55% at 18% 118%,#eb305c8c,#eb305c00 58%),radial-gradient(70% 40% at 80% 110%,#9b183859,#0000 60%),#111}.sterrific button,.sterrific input,.sterrific textarea,.sterrific a{font-family:inherit}.sterrific input,.sterrific textarea{appearance:none;color:#fff;background:#ffffff0f;border:1px solid #ffffff2e;width:100%}.sterrific input:focus,.sterrific textarea:focus{outline-offset:1px;outline:2px solid #eb305c}.sterrific input::placeholder,.sterrific textarea::placeholder{color:#ffffff73}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.pixel-track{position:relative;height:32px;margin:0 28px}.pixel-track:before{content:"";position:absolute;right:0;bottom:7px;left:0;height:2px;background:var(--line)}.pixel-walker{position:absolute;bottom:5px;width:24px;height:30px;transform:translate(-50%);transition:left .5s cubic-bezier(.22,1,.36,1)}.pixel-walker.is-left{transform:translate(-50%) scaleX(-1)}.pixel-sprite{display:block;width:24px;height:30px;overflow:visible;animation:pixel-idle 1.8s ease-in-out infinite}.pixel-walker.is-walking .pixel-sprite{animation:pixel-step .26s steps(2,end) infinite}.pixel-body{fill:var(--accent)}.pixel-eyes rect{fill:var(--on-accent);transform-box:fill-box;transform-origin:center;animation:pixel-blink 3.4s step-end infinite}.pixel-blush{fill:#ff8aa0}.pixel-shadow{fill:var(--accent);opacity:.22}.pixel-leg{fill:var(--accent-teal);transform-box:fill-box;transform-origin:top center}.pixel-walker.is-walking .pixel-leg.is-left{animation:pixel-leg-l .26s steps(2,end) infinite}.pixel-walker.is-walking .pixel-leg.is-right{animation:pixel-leg-r .26s steps(2,end) infinite}@keyframes pixel-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes pixel-step{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@keyframes pixel-blink{0%,92%,to{transform:scaleY(1)}94%,98%{transform:scaleY(.15)}}@keyframes pixel-leg-l{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes pixel-leg-r{0%,to{transform:translateY(-2px)}50%{transform:translateY(0)}}@media(max-width:900px){.pixel-track{margin:0 16px}}.shell{display:grid;grid-template-rows:var(--header-h) 1fr var(--footer-h);height:100%;min-height:100dvh;background:var(--bg)}.shell-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 28px;border-bottom:1px solid var(--line)}.shell-mark{color:var(--text);text-decoration:none;font-size:15px;font-weight:700;letter-spacing:-.02em;white-space:nowrap}.shell-header-end{display:flex;align-items:center;gap:22px;min-width:0}.shell-nav{display:flex;align-items:center;gap:18px;overflow-x:auto}.shell-theme{flex:0 0 auto;margin:0;padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:var(--elevated);color:var(--text);font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.shell-theme:hover{border-color:var(--chapter-accent);color:var(--chapter-accent)}.shell-nav a{color:var(--muted);text-decoration:none;font-size:14px;font-weight:500;white-space:nowrap}.shell-nav a:hover{color:var(--text)}.shell-nav a.is-active{color:var(--accent)}.shell-stage{position:relative;overflow:hidden;cursor:pointer}.shell-footer{display:flex;flex-direction:column;justify-content:flex-end;border-top:1px solid var(--line)}.shell-meta{display:flex;align-items:center;height:22px;padding:0 28px 6px;color:var(--muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase}@media(max-width:900px){.shell-header{padding:0 16px;gap:16px}.shell-header-end{gap:12px}.shell-nav{gap:14px}.shell-meta{padding:0 16px}}.slide-frame{height:100%}.f-slide{display:flex;flex-direction:column;justify-content:center;padding:40px 64px 32px;overflow:auto}.f-slide .f-eyebrow{margin:0 0 14px;color:var(--chapter-accent);font-family:var(--font-mono);font-size:14px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.f-title{margin:0;max-width:18em;font-family:var(--font);font-size:clamp(36px,calc(36px + 28 * (100vw - 390px) / 890),64px);font-weight:500;letter-spacing:.005em;line-height:1.1}.f-title em{font-style:normal;color:var(--chapter-accent)}.f-lead,.f-slide>p{margin:16px 0 0;max-width:40em;color:var(--muted);font-size:clamp(20px,2vw,26px);line-height:1.45}.f-slide p.tight{max-width:none}.f-quote{margin:28px 0 0;padding:0 0 0 18px;border-left:2px solid var(--chapter-accent);color:var(--text);font-size:clamp(22px,2.1vw,30px);font-weight:500;line-height:1.35}.f-stack{list-style:none;margin:28px 0 0;padding:0}.f-stack li{display:flex;gap:14px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--line);color:var(--text);font-size:clamp(20px,2vw,26px)}.f-stack.is-numbered span{flex:0 0 auto;color:var(--chapter-accent);font-family:var(--font-mono);font-size:14px;letter-spacing:.08em}.f-compare{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}.f-compare>div{padding:22px 24px;border:1.5px solid var(--panel-border);border-radius:var(--panel-radius);background:radial-gradient(ellipse 101% 248% at 40% -1%,var(--panel-from) 0%,var(--panel-to) 100%)}.f-compare>div.is-strong{border-color:color-mix(in srgb,var(--chapter-accent) 45%,var(--panel-border))}html[data-theme=light] .f-compare>div.is-strong,html[data-theme=light] .f-panel.is-strong,html[data-theme=light] .f-callout.is-solid,html[data-theme=light] .f-cards li.is-solid,html[data-theme=light] .f-mosaic li.is-solid{border-color:color-mix(in srgb,var(--chapter-accent) 36%,var(--panel-border))}html[data-theme=light] .f-compare>div.is-strong span,html[data-theme=light] .f-cards li.is-solid span,html[data-theme=light] .f-mosaic li.is-solid span{color:var(--chapter-accent)}.f-compare span{display:block;margin-bottom:10px;color:var(--chapter-accent);font-family:var(--font-mono);font-size:13px;letter-spacing:.1em;text-transform:uppercase}.f-compare p,.f-compare>div>div{margin:0;color:var(--text);font-size:clamp(20px,2vw,26px);line-height:1.4}.f-panel{margin-top:24px;padding:24px 28px;border:1.5px solid var(--panel-border);border-radius:var(--panel-radius);background:radial-gradient(ellipse 101% 248% at 40% -1%,var(--panel-from) 0%,var(--panel-to) 100%);box-shadow:var(--panel-shadow)}.f-panel pre{margin:0;color:var(--text);font-family:var(--font-mono);font-size:16px;line-height:1.6}.f-pipeline{list-style:none;margin:0;padding:0}.f-pipeline li{color:var(--text);font-size:20px;line-height:1.4}.f-pipeline li+li{margin-top:10px;padding-top:10px;border-top:1px solid var(--panel-border)}.f-pipeline li+li:before{content:"↓";display:block;margin-bottom:10px;color:var(--chapter-accent);font-size:12px}.f-cards,.f-mosaic{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;list-style:none;margin:24px 0 0;padding:0}.f-cards li,.f-mosaic li{padding:18px 20px;border:1.5px solid var(--panel-border);border-radius:16px;background:var(--card-fill)}.f-cards li.is-solid,.f-mosaic li.is-solid{background:var(--solid-fill);border-color:var(--solid-fill);color:var(--on-accent)}.f-cards span,.f-mosaic span{display:block;color:var(--chapter-accent);font-family:var(--font-mono);font-size:13px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.f-cards li.is-solid span,.f-mosaic li.is-solid span{color:var(--on-accent)}.f-cards p,.f-mosaic p{margin:8px 0 0;max-width:none;color:var(--muted);font-size:17px;line-height:1.4}.f-cards li.is-solid p,.f-mosaic li.is-solid p{color:var(--on-accent)}.f-split{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,1.15fr);gap:36px;align-items:center;margin-top:8px}.f-split .f-cards,.f-split .f-mosaic,.f-split .f-panel,.f-split .f-stack{margin-top:0}.f-layers{display:grid;gap:10px;margin-top:24px}.f-layers li{padding:16px 20px;border:1.5px solid var(--panel-border);border-radius:16px;background:var(--card-fill)}.f-layers span{display:block;margin-bottom:6px;color:var(--chapter-accent);font-family:var(--font-mono);font-size:13px;letter-spacing:.1em;text-transform:uppercase}.f-layers p{margin:0;max-width:none;color:var(--text);font-size:18px}.f-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.f-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.f-chips span{padding:8px 12px;border:1px solid var(--panel-border);border-radius:999px;background:var(--card-fill);color:var(--text);font-size:16px}@media(max-width:900px){.f-slide{padding:24px 20px 16px;justify-content:flex-start}.f-compare,.f-split,.f-pair{grid-template-columns:1fr}}[data-chapter=fundamentals] .f-slide{padding:36px 56px 28px}[data-chapter=fundamentals] .f-slide .f-eyebrow{font-size:13px;margin-bottom:16px}[data-chapter=fundamentals] .f-title{max-width:16em;font-size:clamp(40px,5.4vw,72px);font-weight:500;line-height:1.05}[data-chapter=fundamentals] .f-title em,[data-chapter=fundamentals] .slide h2 em{color:var(--chapter-accent)}[data-chapter=fundamentals] .f-lead,[data-chapter=fundamentals] .f-slide>p{margin-top:20px;max-width:36em;color:var(--muted);font-size:clamp(22px,2.2vw,28px);line-height:1.4}[data-chapter=fundamentals] .f-quote{margin-top:32px;padding:28px 32px;border:1.5px solid var(--panel-border);border-radius:26px;background:radial-gradient(ellipse 101% 248% at 40% -1%,var(--panel-from) 0%,var(--panel-to) 100%);box-shadow:var(--panel-shadow);font-size:clamp(22px,2.1vw,30px);line-height:1.3}[data-chapter=fundamentals] .f-stack{margin-top:32px}[data-chapter=fundamentals] .f-stack li{align-items:center;gap:16px;padding:14px 0;font-size:clamp(20px,2vw,26px)}[data-chapter=fundamentals] .f-stack em,[data-chapter=fundamentals] .f-lead em,[data-chapter=fundamentals] .f-slide>p em{font-style:normal;color:var(--chapter-accent)}[data-chapter=fundamentals] .f-stack.is-numbered span{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:color-mix(in srgb,var(--chapter-accent) 16%,transparent);font-size:14px}[data-chapter=fundamentals] .f-compare{gap:20px;margin-top:32px}[data-chapter=fundamentals] .f-compare>div{padding:28px 30px}[data-chapter=fundamentals] .f-compare span{font-size:12px}[data-chapter=fundamentals] .f-compare p,[data-chapter=fundamentals] .f-compare>div>div{font-size:clamp(20px,1.9vw,26px)}[data-chapter=fundamentals] .f-compare>div.is-strong{background:var(--solid-fill);border-color:var(--solid-fill);color:var(--on-accent)}[data-chapter=fundamentals] .f-compare>div.is-strong span,[data-chapter=fundamentals] .f-compare>div.is-strong p,[data-chapter=fundamentals] .f-compare>div.is-strong>div{color:var(--on-accent)}[data-chapter=fundamentals] .f-panel{padding:32px 36px;border-radius:30px}[data-chapter=fundamentals] .f-panel.is-strong{background:var(--solid-fill);border-color:var(--solid-fill);color:var(--on-accent)}[data-chapter=fundamentals] .f-panel.is-strong .f-pipeline li,[data-chapter=fundamentals] .f-panel.is-strong .f-pipeline li+li:before{color:var(--on-accent)}[data-chapter=fundamentals] .f-panel pre{font-size:15px}[data-chapter=fundamentals] .f-pipeline li{position:relative;padding-left:28px;font-size:18px}[data-chapter=fundamentals] .f-pipeline li:after{content:"";position:absolute;left:0;top:.45em;width:10px;height:10px;border:2px solid var(--chapter-accent);border-radius:50%;background:var(--bg)}[data-chapter=fundamentals] .f-panel.is-strong .f-pipeline li:after{border-color:var(--on-accent);background:var(--on-accent)}[data-chapter=fundamentals] .f-pipeline li+li{margin-top:14px;padding-top:14px}[data-chapter=fundamentals] .f-pipeline li+li:before{content:"";position:absolute;left:4px;top:-16px;bottom:auto;width:2px;height:16px;margin:0;background:color-mix(in srgb,var(--chapter-accent) 55%,transparent);font-size:0}[data-chapter=fundamentals] .f-panel.is-strong .f-pipeline li+li:before{background:color-mix(in srgb,var(--on-accent) 35%,transparent)}[data-chapter=fundamentals] .f-cards,[data-chapter=fundamentals] .f-mosaic{gap:16px;margin-top:28px}[data-chapter=fundamentals] .f-cards li,[data-chapter=fundamentals] .f-mosaic li{padding:22px 22px 20px;border-radius:20px}[data-chapter=fundamentals] .f-cards span,[data-chapter=fundamentals] .f-mosaic span,[data-chapter=fundamentals] .f-layers span{font-size:12px}[data-chapter=fundamentals] .f-cards p,[data-chapter=fundamentals] .f-mosaic p{font-size:16px}[data-chapter=fundamentals] .f-layers{gap:12px;margin-top:28px}[data-chapter=fundamentals] .f-layers li{display:flex;gap:16px;align-items:flex-start;padding:20px 22px}[data-chapter=fundamentals] .f-layers p{font-size:17px}[data-chapter=fundamentals] .f-chips{gap:10px;margin-top:28px}[data-chapter=fundamentals] .f-chips span{padding:10px 14px;font-size:15px}[data-chapter=fundamentals] .f-mark{display:block;width:22px;height:22px;flex:0 0 auto;color:var(--chapter-accent)}[data-chapter=fundamentals] .f-cards li.is-solid .f-mark,[data-chapter=fundamentals] .f-mosaic li.is-solid .f-mark{color:var(--on-accent)}[data-chapter=fundamentals] .f-card-head,[data-chapter=fundamentals] .f-layer-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}[data-chapter=fundamentals] .f-card-head span,[data-chapter=fundamentals] .f-layer-head span{margin:0}[data-chapter=fundamentals] .f-callout{margin-top:28px;padding:28px 32px;border:1.5px solid var(--panel-border);border-radius:26px;background:radial-gradient(ellipse 101% 248% at 40% -1%,var(--panel-from) 0%,var(--panel-to) 100%);box-shadow:var(--panel-shadow);color:var(--text);font-size:clamp(22px,2.1vw,30px);font-weight:500;line-height:1.3}[data-chapter=fundamentals] .f-callout.is-solid{background:var(--solid-fill);border-color:var(--solid-fill);color:var(--on-accent)}[data-chapter=fundamentals] .f-callout em,[data-chapter=fundamentals] .f-quote em{font-style:normal;color:var(--chapter-accent)}[data-chapter=fundamentals] .f-callout.is-solid em{color:var(--on-accent);text-decoration:underline;text-underline-offset:4px}[data-chapter=fundamentals] .f-split{gap:48px}@media(max-width:900px){[data-chapter=fundamentals] .f-slide{padding:24px 20px 16px}}.slide{height:100%}.copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:48px 64px 32px}.slide-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr)}.slide-split-reverse{grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr)}.photo{position:relative;margin:16px 16px 16px 0;overflow:hidden;border-radius:var(--radius);background:var(--elevated)}.slide-split-reverse .photo{margin:16px 0 16px 16px}.photo img{display:block;width:100%;height:100%;object-fit:cover}.photo figcaption{position:absolute;right:12px;bottom:10px;color:#ffffff8c;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.eyebrow{margin:0 0 16px;color:var(--accent);font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.display,.slide h2{margin:0;font-family:var(--font);font-weight:700;letter-spacing:-.03em;line-height:.98}.display{font-size:clamp(48px,6.4vw,84px)}.slide h2{font-size:clamp(36px,4.6vw,60px)}.display em,.slide h2 em{font-style:normal;color:var(--accent)}.lede{margin:20px 0 0;max-width:34em;color:var(--muted);font-size:clamp(17px,1.6vw,21px);line-height:1.45}.capability-strip{display:grid;grid-template-columns:1fr 1fr;gap:20px 28px;list-style:none;margin:40px 0 0;padding:22px 0 0;border-top:1px solid var(--line)}.capability-strip span{display:block;margin-bottom:8px;color:var(--text);font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.capability-strip p{margin:0;color:var(--muted);font-size:14px;line-height:1.45}.next-hint{margin:36px 0 0;color:var(--muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.advantage-list{display:grid;grid-template-columns:1fr;gap:10px;list-style:none;margin:28px 0 0;padding:0}.advantage-list li{display:flex;gap:14px;align-items:baseline;font-size:clamp(16px,1.5vw,19px)}.advantage-list span{color:var(--accent);font-family:var(--font-mono);font-size:12px;letter-spacing:.08em}.slide blockquote{margin:32px 0 0;padding:0 0 0 18px;border-left:2px solid var(--accent);color:var(--text);font-size:clamp(18px,1.8vw,24px);font-weight:500;line-height:1.35}.closing-quote{max-width:36em}.slide-hero .display{font-size:clamp(30px,calc(30px + 24 * (100vw - 390px) / 890),54px);font-weight:700;letter-spacing:.005em;line-height:1.1}.slide-hero .copy{padding-right:40px}.hero-visual{position:relative;min-height:0}.hero-visual .photo{height:100%;margin:16px 16px 16px 48px}.panel-grey{position:absolute;left:0;top:50%;z-index:2;width:276px;padding:28px 34px;border:1.5px solid var(--panel-border);border-radius:var(--panel-radius);background:radial-gradient(ellipse 101% 248% at 40% -1%,var(--panel-from) 0%,var(--panel-to) 100%);box-shadow:var(--panel-shadow);transform:translateY(-50%)}.panel-grey ul{list-style:none;margin:0;padding:0}.panel-grey li+li{margin-top:16px;padding-top:16px;border-top:1px solid var(--panel-border)}.panel-grey span{display:block;margin-bottom:6px;color:var(--text);font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.panel-grey p{margin:0;color:var(--muted);font-size:13px;line-height:1.4}@media(max-width:900px){.slide-split,.slide-split-reverse{grid-template-columns:1fr}.photo,.slide-split-reverse .photo{display:none}.copy{padding:28px 20px 20px}.slide-hero .copy{padding-right:20px}.hero-visual .photo{display:none}.panel-grey{position:static;width:auto;margin:0 20px 20px;transform:none}}:root{color-scheme:dark;--bg: #050e14;--elevated: #0b1822;--line: #1c303c;--text: #f0f0f0;--muted: #a9a9a9;--accent: #7aff78;--accent-teal: #5fd4c8;--fund-teal: #34cadc;--accent-lime: #cbff38;--accent-gold: #f9cd0b;--chapter-accent: var(--fund-teal);--accent-dim: rgba(122, 255, 120, .12);--on-accent: #050e14;--card-fill: rgba(255, 255, 255, .04);--font: "Satoshi", "Outfit", system-ui, sans-serif;--font-serif: "Satoshi", "Outfit", system-ui, sans-serif;--font-mono: "Commit Mono", "IBM Plex Mono", ui-monospace, monospace;--header-h: 56px;--footer-h: 56px;--radius: 16px;--panel-from: #1a1a1a;--panel-to: #0f0f0f;--panel-border: #2b2b2b;--panel-radius: 26px;--panel-shadow: 10px 14px 40px rgba(8, 8, 8, .6)}html[data-theme=light]{color-scheme:light;--bg: #f3f1eb;--elevated: #ffffff;--line: #d4d0c8;--text: #161616;--muted: #5a5a5a;--accent: #3d6b32;--accent-teal: #3a6a5c;--fund-teal: #3a6a5c;--accent-lime: #5c6a1c;--accent-gold: #8a6820;--chapter-accent: var(--fund-teal);--accent-dim: rgba(61, 107, 50, .12);--on-accent: #161616;--card-fill: rgba(20, 18, 14, .04);--panel-from: #ffffff;--panel-to: #eceae3;--panel-border: #d8d4cc;--panel-shadow: 10px 14px 32px rgba(40, 36, 28, .1)}.shell{--solid-fill: var(--chapter-accent)}.shell[data-chapter=home]{--chapter-accent: #7aff78}.shell[data-chapter=fundamentals],.shell[data-chapter=closing]{--chapter-accent: #34cadc}.shell[data-chapter=demo],.shell[data-chapter=tools]{--chapter-accent: #cbff38}.shell[data-chapter=outcomes]{--chapter-accent: #f9cd0b}.shell[data-chapter=video]{--chapter-accent: #7aff78}html[data-theme=light] .shell{--solid-fill: color-mix(in srgb, var(--chapter-accent) 16%, #f7f3ea)}html[data-theme=light] .shell[data-chapter=home],html[data-theme=light] .shell[data-chapter=video]{--chapter-accent: #3d6b32}html[data-theme=light] .shell[data-chapter=fundamentals],html[data-theme=light] .shell[data-chapter=closing]{--chapter-accent: #3a6a5c}html[data-theme=light] .shell[data-chapter=demo],html[data-theme=light] .shell[data-chapter=tools]{--chapter-accent: #5c6a1c}html[data-theme=light] .shell[data-chapter=outcomes]{--chapter-accent: #8a6820}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden}body.is-liveform{overflow:auto;background:#111}button,a{font-family:inherit}::selection{background:var(--accent-dim);color:var(--text)}img{max-width:100%}