.sk-landing{--paper:#f3f4f2;--surface:#fff;--ink:#101418;--ink-2:#565d67;--line:#dadddf;--screen:#0d1015;--screen-ink:#e8ebef;--screen-ink-2:#8e96a3;--acc-600:#224b17;--acc-300:#b6d59f;--accent:var(--acc-600);--on-accent:#fff;--sk-display:var(--font-dm-sans,"DM Sans"), -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--sk-body:var(--font-inter,"Inter"), -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--sk-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--step-0:1rem;--step-1:1.1875rem;--step-2:1.5rem;--step-3:clamp(1.9rem, 1.3rem + 1.8vw, 2.9rem);--step-4:clamp(2.6rem, .9rem + 5.6vw, 6.4rem);--nav-h:64px;--gutter:clamp(16px, 4vw, 56px);--max:1360px;background:var(--paper);min-height:100%;color:var(--ink);font-family:var(--sk-body);font-size:var(--step-0);-webkit-font-smoothing:antialiased;flex:1;line-height:1.6}html.dark-mode .sk-landing{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#0d1015;--surface:#141820;--ink:#e8ebef;--ink-2:#959daa;--line:#222833;--accent:var(--acc-300);--on-accent:#0d1015}html:has(.sk-landing){scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html:has(.sk-landing){scroll-behavior:auto}}.sk-landing *,.sk-landing :before,.sk-landing :after{box-sizing:border-box}.sk-landing a{color:inherit}.sk-landing :focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.sk-landing h1,.sk-landing h2,.sk-landing h3{font-family:var(--sk-display);text-wrap:balance;margin:0}.sk-landing p{margin:0}.sk-landing code{font-family:var(--sk-mono)}.sk-landing .wrap{max-width:var(--max);padding-inline:var(--gutter);margin-inline:auto}.sk-landing .eyebrow{font-family:var(--sk-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);font-size:.75rem}.sk-landing .nav{top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb, var(--paper) 84%, transparent);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid color-mix(in srgb, var(--line) 70%, transparent);position:sticky}.sk-landing .nav .wrap{height:var(--nav-h);align-items:center;gap:32px;display:flex}.sk-landing .brand{font-family:var(--sk-display);letter-spacing:-.01em;align-items:center;gap:10px;font-size:1.0625rem;font-weight:600;text-decoration:none;display:flex}.sk-landing .brand svg{width:21px;height:25px;color:var(--accent);transition:color .4s}.sk-landing .nav-links{gap:26px;margin-left:auto;font-size:.9375rem;display:flex}.sk-landing .nav-links a{color:var(--ink-2);text-decoration:none;transition:color .15s}.sk-landing .nav-links a:hover{color:var(--ink)}.sk-landing .btn{font:600 .9375rem/1 var(--sk-body);cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:13px 18px;text-decoration:none;transition:transform .15s ease-out,background-color .4s,color .4s,border-color .15s;display:inline-flex}.sk-landing .btn:active{transform:scale(.97)}.sk-landing .btn-primary{background:var(--accent);color:var(--on-accent)}.sk-landing .btn-secondary{border-color:var(--line);color:var(--ink);background:0 0}.sk-landing .btn-secondary:hover{border-color:var(--ink-2)}.sk-landing .btn svg{width:16px;height:16px}.sk-landing .nav .btn{padding:9px 14px}.sk-landing .hero{padding-block:clamp(56px,9vh,112px) clamp(40px,6vh,72px)}.sk-landing .hero .wrap{grid-template-columns:minmax(0,1fr);gap:28px;display:grid}.sk-landing .hero h1{font-size:var(--step-4);letter-spacing:-.04em;font-weight:600;line-height:.98}.sk-landing .hero-side{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 48px;padding-top:8px;display:flex}.sk-landing .hero-side p{font-size:var(--step-1);color:var(--ink-2);max-width:50ch;line-height:1.5}.sk-landing .actions{flex-wrap:wrap;gap:12px;display:flex}.sk-landing .reel{background:var(--screen);border-radius:18px;margin:28px 0 0;position:relative;overflow:hidden}.sk-landing .reel video{aspect-ratio:16/9;object-fit:cover;width:100%;max-width:100%;height:auto;display:block}.sk-landing .reel-bar{gap:8px;display:flex;position:absolute;bottom:16px;right:16px}.sk-landing .color{border-top:1px solid var(--line);padding-top:clamp(64px,10vh,120px)}.sk-landing .color .section-head{margin-bottom:40px}.sk-landing .film{background:var(--screen);color:var(--screen-ink);margin:0;position:relative}.sk-landing .film video{object-fit:cover;width:100%;max-width:100%;height:clamp(300px,56.25vw,82vh);display:block}.sk-landing .film-bar{padding:48px var(--gutter) 20px;background:linear-gradient(transparent, color-mix(in srgb, var(--screen) 92%, transparent));grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px 24px;display:grid;position:absolute;bottom:0;left:0;right:0}.sk-landing .film-caption{gap:6px;min-width:0;display:grid}.sk-landing .film-state{font-family:var(--sk-display);letter-spacing:-.015em;font-size:clamp(1.1rem,.8rem + 1.2vw,1.75rem);font-weight:500}.sk-landing .film-note{font-family:var(--sk-mono);letter-spacing:.04em;color:var(--screen-ink-2);font-size:.6875rem}.sk-landing .film-track{background:color-mix(in srgb, var(--screen-ink) 18%, transparent);border-radius:2px;grid-column:1/-1;height:2px;overflow:hidden}.sk-landing .film-track i{background:var(--screen-ink);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.sk-landing .film-toggle{font:500 .8125rem/1 var(--sk-body);color:var(--screen-ink);cursor:pointer;background:color-mix(in srgb, var(--screen-ink) 10%, transparent);border:1px solid color-mix(in srgb, var(--screen-ink) 22%, transparent);border-radius:999px;align-items:center;gap:8px;padding:9px 14px;display:inline-flex}.sk-landing .film-toggle:hover{background:color-mix(in srgb, var(--screen-ink) 18%, transparent)}.sk-landing .film-toggle:focus-visible{outline-color:var(--screen-ink)}.sk-landing .stack{padding-block:clamp(80px,12vh,140px) clamp(64px,9vh,112px)}.sk-landing .section-head{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:end;gap:16px clamp(32px,5vw,80px);margin-bottom:36px;display:grid}.sk-landing .section-head .eyebrow{grid-column:1/-1}.sk-landing .section-head h2{font-size:var(--step-3);letter-spacing:-.03em;font-weight:600;line-height:1.02}.sk-landing .section-head p{color:var(--ink-2);max-width:46ch}.sk-landing .section-head code,.sk-landing .trace code{white-space:nowrap}.sk-landing .stage{background:var(--screen);border-radius:20px;height:clamp(440px,46vw,660px);position:relative;overflow:hidden}.sk-landing .stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.sk-landing .stage .fallback{color:var(--screen-ink-2);text-align:center;place-items:center;padding:24px;display:none;position:absolute;inset:0}.sk-landing .stage[data-webgl=off] canvas{display:none}.sk-landing .stage[data-webgl=off] .fallback{display:grid}.sk-landing .stage-legend{font-family:var(--sk-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--screen-ink-2);pointer-events:none;flex-wrap:wrap;gap:18px;font-size:.6875rem;display:flex;position:absolute;top:18px;left:20px}.sk-landing .stage-legend b{color:var(--screen-ink);font-weight:500}.sk-landing .controls{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px 24px;margin-top:20px;display:grid}.sk-landing .picker{border:0;gap:12px;min-width:0;margin:0;padding:0;display:grid}.sk-landing .picker legend{flex-wrap:wrap;align-items:baseline;gap:12px;padding:0;display:flex}.sk-landing .picker-name{font-family:var(--sk-display);font-weight:600;font-size:var(--step-2);letter-spacing:-.02em}.sk-landing .swatches{flex-wrap:wrap;gap:6px;display:flex}.sk-landing .swatch{position:relative}.sk-landing .swatch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.sk-landing .swatch span{background:var(--c);border:1px solid color-mix(in srgb, var(--ink) 14%, transparent);border-radius:8px;width:30px;height:30px;transition:transform .15s ease-out;display:block}.sk-landing .swatch input:hover+span{transform:translateY(-2px)}.sk-landing .swatch input:checked+span{box-shadow:0 0 0 2px var(--paper), 0 0 0 4px var(--ink)}.sk-landing .swatch input:focus-visible+span{outline:2px solid var(--ink);outline-offset:4px}.sk-landing .cycle{font:500 .875rem/1 var(--sk-body);color:var(--ink);background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;display:inline-flex}.sk-landing .cycle:hover{border-color:var(--ink-2)}.sk-landing .trace{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px;display:grid}.sk-landing .trace>div{align-content:start;gap:8px;padding:18px 20px 4px 0;display:grid}.sk-landing .trace>div+div{border-left:1px solid var(--line);padding-left:20px}.sk-landing .trace h3{font-size:var(--step-0);letter-spacing:-.01em;font-weight:600}.sk-landing .trace .row{flex-wrap:wrap;align-items:center;gap:10px;font-size:.8125rem;display:flex}.sk-landing .trace code{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:2px 7px;font-size:.8125rem}.sk-landing .trace .from,.sk-landing .trace .hex{font-family:var(--sk-mono);color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:.75rem}.sk-landing .trace .chip{background:var(--c);border:1px solid color-mix(in srgb, var(--ink) 14%, transparent);border-radius:4px;width:14px;height:14px}.sk-landing .start{border-top:1px solid var(--line);padding-block:clamp(64px,10vh,120px)}.sk-landing .start h2{font-size:var(--step-3);letter-spacing:-.03em;margin-bottom:32px;font-weight:600;line-height:1.02}.sk-landing .start-links{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.sk-landing .start-links a{gap:6px;height:100%;padding:20px 24px 20px 0;text-decoration:none;display:grid}.sk-landing .start-links li+li a{border-left:1px solid var(--line);padding-left:24px}.sk-landing .start-links b{font-family:var(--sk-display);font-size:var(--step-1);letter-spacing:-.01em;justify-content:space-between;font-weight:600;display:flex}.sk-landing .start-links b:after{content:"→";color:var(--accent);transition:transform .15s ease-out}.sk-landing .start-links a:hover b:after{transform:translate(4px)}.sk-landing .start-links span{color:var(--ink-2);font-size:.9375rem}.sk-landing .start-note{color:var(--ink-2);margin-top:28px;font-size:.875rem}.sk-landing footer{border-top:1px solid var(--line);color:var(--ink-2);padding-block:40px 56px;font-size:.875rem}.sk-landing .rise{animation:.8s cubic-bezier(.2,.7,.2,1) both sk-rise}.sk-landing .hero-side.rise{animation-delay:.1s}.sk-landing .reel.rise{animation-delay:.2s}@keyframes sk-rise{0%{opacity:0;transform:translateY(16px)}}@media (prefers-reduced-motion:reduce){.sk-landing .rise{animation:none}}@media (max-width:860px){.sk-landing .nav-links{display:none}.sk-landing .nav .btn{margin-left:auto}.sk-landing .section-head,.sk-landing .trace,.sk-landing .start-links{grid-template-columns:minmax(0,1fr)}.sk-landing .start-links li+li a,.sk-landing .trace>div+div{border-left:0;border-top:1px solid var(--line);padding-left:0}.sk-landing .controls{grid-template-columns:minmax(0,1fr)}.sk-landing .stage{border-radius:14px;height:420px}.sk-landing .film-bar{grid-template-columns:minmax(0,1fr)}.sk-landing .reel-bar{justify-content:flex-end;padding:12px;position:static}}@media (max-width:560px){.sk-landing .film-note{display:none}}