:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--red:#d91f26;--red-dark:#b3151b;--brand-red:#d91f26;--ink:#0f1115;--ink-2:#5a6270;--ink-3:#8c96a5;--muted:#5a6270;--line:#e4e7eb;--white:#fff;--bg:#fff;--bg-soft:#f4f5f7;--surface:#f4f5f7;--bg-dark:#111418;--dark:#111418;--success:#14663a;--warn:#5e3b00;--warn-bg:#fff6e0;--warn-text:#5e3b00;--video-chip-bg:#fde9ea;--video-chip-text:#b3151b;--brand-red-600:var(--red-dark);--accent:var(--red);--accent-600:var(--red-dark);--text:var(--ink);--text-muted:var(--muted);--text-dim:var(--ink-3);--border:var(--line);--border-strong:var(--ink);--hairline:var(--line);--surface-2:#eceef2;--surface-3:#e0e3e8;--text-inverse:#fff;--r-input:.75rem;--r-btn:.875rem;--r-card:1.25rem;--r-panel:1.5rem;--r-chip:999px;--r-xs:.375rem;--r-sm:.625rem;--r-md:.875rem;--r-lg:1.25rem;--r-full:999px;--shadow-soft:0 4px 20px #0000000f;--shadow:0 1px 3px #0000000a;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 8px 24px #0000000f;--font-display:"Space Grotesk", system-ui, -apple-system, sans-serif;--font-body:"Space Grotesk", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "Cascadia Code", monospace;--fs-h1:clamp(2rem, 1.2rem + 2.4vw, 3.5rem);--fs-h2:clamp(1.5rem, 1rem + 1.4vw, 2.25rem);--fs-h3:clamp(1.15rem, 1rem + .5vw, 1.35rem);--fs-base:max(1rem, 14px);--fs-sm:max(.875rem, 12.5px);--fs-xs:max(.8125rem, 12px);--fs-3xl:var(--fs-h1);--fs-2xl:var(--fs-h2);--fs-xl:var(--fs-h3);--fs-lg:1.125rem;--fs-md:1rem;--sp-4:.25rem;--sp-8:.5rem;--sp-12:.75rem;--sp-16:1rem;--sp-24:1.5rem;--sp-32:2rem;--sp-48:3rem;--sp-64:4rem;--sp-96:6rem;--header-h:3.75rem;--gutter:clamp(1rem, 4vw, 3rem);--container:75rem;--container-wide:82.5rem;--container-narrow:45rem;--section-y:clamp(3rem, 6vw, 5rem);--ease:cubic-bezier(.16, 1, .3, 1);--ring:0 0 0 2px #fff, 0 0 0 4px var(--red)}@media (width>=2560px){:root{--container:90rem;--container-wide:97.5rem}}@media (width<=1023px){:root{--header-h:3.25rem}}@media (height<=500px){:root{--header-h:2.75rem}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 1rem);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scrollbar-gutter:stable;font-size:100%;overflow-x:clip}@media (width>=1024px){:root{--fluid-w:1vw;--fluid-h:1.85vh}html{font-size:clamp(.875rem, min(var(--fluid-w), var(--fluid-h)), 1.25rem)}html[data-display-size=default]{font-size:1rem}html[data-display-size=large]{font-size:1.25rem}}body{min-height:100dvh;font-family:var(--font-body);font-size:var(--fs-base);color:var(--ink);background-color:var(--bg);overflow-wrap:break-word;background-image:radial-gradient(68.75rem 38.75rem at 88% -12%,#e924240a,#0000 60%),radial-gradient(51.25rem 30rem at -5% 0,#e9242408,#0000 55%);background-attachment:fixed;font-weight:400;line-height:1.6;overflow-x:clip}img,picture,svg,video,canvas{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}:target{scroll-margin-top:calc(var(--header-h) + 1rem)}:focus-visible{outline:2px solid var(--red);outline-offset:2px;border-radius:var(--r-xs);box-shadow:0 0 0 2px #fff}::selection{color:var(--ink);background:#e9242440}*{scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent}::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:var(--line);border-radius:var(--r-full);background-clip:padding-box;border:2px solid #0000}h1,h2,h3,h4,h5{font-family:var(--font-display);color:var(--ink);text-wrap:balance;font-weight:700}h1{font-size:var(--fs-h1);letter-spacing:-.02em;line-height:1.08}h2{font-size:var(--fs-h2);line-height:1.15}h3{font-size:var(--fs-h3);line-height:1.3}h4{font-size:1.125rem;line-height:1.35}p{text-wrap:pretty}code,kbd,samp,pre{font-family:var(--font-mono);font-size:.9em}strong{color:var(--ink);font-weight:600}small{font-size:var(--fs-sm)}.container{width:min(calc(100% - 2 * var(--gutter)), var(--container,75rem));margin-inline:auto}.container-wide{width:min(calc(100% - 2 * var(--gutter)), var(--container-wide,82.5rem));margin-inline:auto}.container-narrow{width:min(calc(100% - 2 * var(--gutter)), var(--container-narrow,45rem));margin-inline:auto}.section{padding-top:var(--section-y);padding-bottom:0}.section-sm{padding-top:calc(var(--section-y) * .6);padding-bottom:0}.stack>*+*{margin-top:var(--sp-4)}.grid{gap:var(--sp-24);display:grid}.grid>*,[class*=grid]>*,.flex>*,[class*=flex]>*{min-width:0}.eyebrow{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);align-items:center;gap:.5rem;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);opacity:.7;width:1.375rem;height:1px}.gradient-text{background:var(--brand-gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.section-title{font-size:var(--fs-2xl)}.section-lead{color:var(--text-muted);font-size:var(--fs-md);max-width:60ch}.btn{min-height:3rem;font-family:var(--font-body);font-weight:600;font-size:var(--fs-sm);border-radius:var(--r-btn);background:var(--bg-soft);color:var(--ink);cursor:pointer;transition:transform .18s var(--ease), background .18s var(--ease), border-color .18s var(--ease), color .18s var(--ease), box-shadow .18s var(--ease);text-align:center;border:1.5px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:0 1.25rem;line-height:1;text-decoration:none;display:inline-flex}@media (width>=1024px){.btn{min-height:2.75rem;padding:0 1.2rem}}.btn:hover{text-decoration:none}.btn:focus-visible{outline:2px solid var(--red);outline-offset:2px}.btn svg{width:1.1em;height:1.1em}.btn-primary{background:var(--red);color:#fff;border-color:var(--red)}.btn-primary:hover{background:var(--red-dark);border-color:var(--red-dark);color:#fff}.btn-secondary,.btn-outline{color:var(--ink);border:1.5px solid var(--ink);background:0 0}.btn-secondary:hover,.btn-outline:hover{background:var(--bg-soft);color:var(--ink)}.btn-ghost{color:var(--ink-2);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg-soft);color:var(--ink)}.btn-link{color:var(--red);text-underline-offset:.1875rem;background:0 0;border:none;min-height:auto;padding:0;text-decoration:underline}.btn-link:hover{color:var(--red-dark)}.btn-lg{min-height:3.25rem;font-size:var(--fs-base);padding:0 1.5rem}.btn-block{width:100%}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.card{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow);transition:transform .18s var(--ease), border-color .18s var(--ease), box-shadow .18s var(--ease);padding:1rem;position:relative}@media (hover:hover) and (width>=768px){.card:hover{transform:translateY(-.125rem)}}.panel{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow)}.badge{font-family:var(--font-body);font-size:var(--fs-xs);letter-spacing:.02em;border-radius:var(--r-full);border:1px solid var(--line);background:var(--bg-soft);color:var(--ink-2);white-space:nowrap;align-items:center;gap:.4rem;padding:.25rem .65rem;font-weight:500;display:inline-flex}.badge-dot:before{content:"";background:currentColor;border-radius:50%;width:.375rem;height:.375rem}.badge.is-beginner{color:var(--success);border-color:color-mix(in srgb, var(--success) 35%, transparent)}.badge.is-intermediate{color:var(--warn);border-color:color-mix(in srgb, var(--warn) 35%, transparent)}.badge.is-advanced{color:var(--red);border-color:color-mix(in srgb, var(--red) 35%, transparent)}.chip{border-radius:var(--r-chip);border:1px solid var(--line);background:var(--bg);height:2.25rem;color:var(--ink-2);cursor:pointer;transition:background .18s var(--ease), color .18s var(--ease), border-color .18s var(--ease);align-items:center;gap:.4rem;padding:0 1rem;font-size:max(12px,.875rem);font-weight:500;text-decoration:none;display:inline-flex}.chip:hover{border-color:var(--ink);color:var(--ink)}.chip.is-active,.chip.active,.chip[aria-current=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.field{flex-direction:column;gap:.45rem;display:flex}.label{font-size:var(--fs-sm);color:var(--ink-2);font-weight:550}.input,.textarea,.select{background:var(--bg);border:1px solid var(--line);width:100%;min-height:2.75rem;color:var(--ink);transition:border-color .18s var(--ease), box-shadow .18s var(--ease);border-radius:.625rem;padding:.65rem .9rem}.input::placeholder,.textarea::placeholder{color:var(--ink-3)}.input:focus,.textarea:focus,.select:focus{border-color:var(--red);box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--red);outline:none}.textarea{resize:vertical;min-height:7.5rem}.field-hint{font-size:var(--fs-xs);color:var(--ink-3)}.field-error{font-size:var(--fs-xs);color:var(--red)}.prose{color:var(--text-muted);line-height:1.75}.prose>*+*{margin-top:1.1em}.prose h2{font-size:var(--fs-xl);color:var(--text);margin-top:2em}.prose h3{font-size:var(--fs-lg);color:var(--text);margin-top:1.6em}.prose a{color:var(--accent);text-underline-offset:.1875rem;text-decoration:underline}.prose ul{padding-left:1.3em;list-style:outside}.prose ol{padding-left:1.3em;list-style:decimal}.prose li{margin-top:.4em}.prose code{background:var(--bg-soft);border-radius:var(--r-xs);border:1px solid var(--line);color:var(--ink);font-family:var(--font-mono);padding:.15em .4em;font-size:.88em}.prose pre{background:var(--ink);color:var(--on-ink);border:1px solid var(--border);border-radius:var(--r-md);padding:1rem 1.2rem;overflow-x:auto}.prose pre code{color:var(--on-ink);background:0 0;border:none;padding:0}.prose blockquote{border-left:.1875rem solid var(--accent);color:var(--text-muted);padding-left:1rem;font-style:italic}.prose img{border-radius:var(--r-md);border:1px solid var(--border)}.muted{color:var(--text-muted)}.dim{color:var(--text-dim)}.mono{font-family:var(--font-mono)}.center{text-align:center}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.wrap{flex-wrap:wrap}.hidden{display:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:.0625rem;height:1px;margin:-.0625rem;padding:0;position:absolute;overflow:hidden}.divider{background:var(--border);border:0;height:1px}.full-bleed{width:100%}.cols-auto{gap:var(--sp-5);grid-template-columns:repeat(auto-fill,minmax(30rem,1fr));display:grid}.cols-2{gap:var(--sp-5);grid-template-columns:repeat(2,1fr);display:grid}.cols-3{gap:var(--sp-5);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=900px){.cols-3{grid-template-columns:1fr 1fr}}@media (width<=640px){.cols-2,.cols-3{grid-template-columns:1fr}}.grid-bg{background-image:linear-gradient(var(--hairline) 1px, transparent 1px), linear-gradient(90deg, var(--hairline) 1px, transparent 1px);background-size:2.75rem 2.75rem}[data-reveal]{opacity:1;transition:opacity .18s var(--ease), transform .18s var(--ease);transform:none}.toast-wrap{z-index:200;pointer-events:none;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:fixed;inset-block-end:1.25rem;inset-inline:0}.toast{pointer-events:auto;border-radius:var(--r-md);background:var(--bg);border:1px solid var(--line);box-shadow:var(--shadow);font-size:var(--fs-sm);max-width:min(90vw,26.25rem);padding:.8rem 1.1rem}.toast.is-error{border-color:var(--red);color:var(--red)}.toast.is-success{border-color:var(--success);color:var(--success)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;transform:none}}.prose table{white-space:nowrap;-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}@media (pointer:coarse){button,.btn,a.btn,.nav-link,.nav-toggle,.chip,.cat-chip,.tab-btn,.mobile-search-btn,.mobile-dl-btn,input[type=button],input[type=submit],select{min-width:44px;min-height:44px}}