.sk-landing{--paper:#f3f4f2;--surface:#ffffff;--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:#ffffff;--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,0.9rem + 5.6vw,6.4rem);--nav-h:64px;--gutter:clamp(16px,4vw,56px);--max:1360px;min-height:100%;flex:1;background:var(--paper);color:var(--ink);font-family:var(--sk-body);font-size:var(--step-0);line-height:1.6;-webkit-font-smoothing:antialiased}html.dark-mode .sk-landing{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 :after,.sk-landing :before{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);margin-inline:auto;padding-inline:var(--gutter)}.sk-landing .eyebrow{font-family:var(--sk-mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}.sk-landing .nav{position:sticky;top:env(safe-area-inset-top,0);z-index:20;background:color-mix(in srgb,var(--paper) 84%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.sk-landing .nav .wrap{height:var(--nav-h);display:flex;align-items:center;gap:32px}.sk-landing .brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--sk-display);font-weight:600;font-size:1.0625rem;letter-spacing:-.01em}.sk-landing .brand svg{width:21px;height:25px;color:var(--accent);transition:color .4s}.sk-landing .nav-links{display:flex;gap:26px;margin-left:auto;font-size:.9375rem}.sk-landing .nav-links a{text-decoration:none;color:var(--ink-2);transition:color .15s}.sk-landing .nav-links a:hover{color:var(--ink)}.sk-landing .btn{display:inline-flex;align-items:center;gap:8px;font:600 .9375rem/1 var(--sk-body);padding:13px 18px;border-radius:10px;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:transform .15s ease-out,background-color .4s,color .4s,border-color .15s}.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:transparent}.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{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}.sk-landing .hero h1{font-size:var(--step-4);font-weight:600;letter-spacing:-.04em;line-height:.98}.sk-landing .hero-side{display:flex;flex-wrap:wrap;gap:20px 48px;align-items:center;justify-content:space-between;padding-top:8px}.sk-landing .hero-side p{font-size:var(--step-1);color:var(--ink-2);line-height:1.5;max-width:50ch}.sk-landing .actions{display:flex;flex-wrap:wrap;gap:12px}.sk-landing .reel{margin:28px 0 0;position:relative;border-radius:18px;overflow:hidden;background:var(--screen)}.sk-landing .reel video{display:block;width:100%;aspect-ratio:16/9;height:auto;max-width:100%;object-fit:cover}.sk-landing .reel-bar{position:absolute;right:16px;bottom:16px;display:flex;gap:8px}.sk-landing .color{padding-top:clamp(64px,10vh,120px);border-top:1px solid var(--line)}.sk-landing .color .section-head{margin-bottom:40px}.sk-landing .film{position:relative;margin:0;background:var(--screen);color:var(--screen-ink)}.sk-landing .film video{display:block;width:100%;max-width:100%;height:clamp(300px,56.25vw,82vh);object-fit:cover}.sk-landing .film-bar{position:absolute;left:0;right:0;bottom:0;padding:48px var(--gutter) 20px;background:linear-gradient(transparent,color-mix(in srgb,var(--screen) 92%,transparent));display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 24px;align-items:end}.sk-landing .film-caption{display:grid;gap:6px;min-width:0}.sk-landing .film-state{font-family:var(--sk-display);font-size:clamp(1.1rem,.8rem + 1.2vw,1.75rem);font-weight:500;letter-spacing:-.015em}.sk-landing .film-note{font-family:var(--sk-mono);font-size:.6875rem;letter-spacing:.04em;color:var(--screen-ink-2)}.sk-landing .film-track{grid-column:1/-1;height:2px;background:color-mix(in srgb,var(--screen-ink) 18%,transparent);border-radius:2px;overflow:hidden}.sk-landing .film-track i{display:block;height:100%;width:100%;background:var(--screen-ink);transform-origin:left;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;padding:9px 14px;display:inline-flex;gap:8px;align-items:center}.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{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:16px clamp(32px,5vw,80px);align-items:end;margin-bottom:36px}.sk-landing .section-head .eyebrow{grid-column:1/-1}.sk-landing .section-head h2{font-size:var(--step-3);font-weight:600;letter-spacing:-.03em;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{position:relative;background:var(--screen);border-radius:20px;overflow:hidden;height:clamp(440px,46vw,660px)}.sk-landing .stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.sk-landing .stage .fallback{position:absolute;inset:0;display:none;place-items:center;color:var(--screen-ink-2);padding:24px;text-align:center}.sk-landing .stage[data-webgl=off] canvas{display:none}.sk-landing .stage[data-webgl=off] .fallback{display:grid}.sk-landing .stage-legend{position:absolute;left:20px;top:18px;display:flex;gap:18px;flex-wrap:wrap;font-family:var(--sk-mono);font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;color:var(--screen-ink-2);pointer-events:none}.sk-landing .stage-legend b{color:var(--screen-ink);font-weight:500}.sk-landing .controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 24px;align-items:center;margin-top:20px}.sk-landing .picker{border:0;margin:0;padding:0;min-width:0;display:grid;gap:12px}.sk-landing .picker legend{padding:0;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.sk-landing .picker-name{font-family:var(--sk-display);font-weight:600;font-size:var(--step-2);letter-spacing:-.02em}.sk-landing .swatches{display:flex;flex-wrap:wrap;gap:6px}.sk-landing .swatch{position:relative}.sk-landing .swatch input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.sk-landing .swatch span{display:block;width:30px;height:30px;border-radius:8px;background:var(--c);border:1px solid color-mix(in srgb,var(--ink) 14%,transparent);transition:transform .15s ease-out}.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);border-radius:999px;padding:10px 16px;cursor:pointer;display:inline-flex;gap:8px;align-items:center}.sk-landing .cycle:hover{border-color:var(--ink-2)}.sk-landing .trace{margin-top:28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}.sk-landing .trace>div{padding:18px 20px 4px 0;display:grid;gap:8px;align-content:start}.sk-landing .trace>div+div{padding-left:20px;border-left:1px solid var(--line)}.sk-landing .trace h3{font-size:var(--step-0);font-weight:600;letter-spacing:-.01em}.sk-landing .trace .row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:.8125rem}.sk-landing .trace code{font-size:.8125rem;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:2px 7px}.sk-landing .trace .from,.sk-landing .trace .hex{font-family:var(--sk-mono);font-size:.75rem;color:var(--ink-2);font-variant-numeric:tabular-nums}.sk-landing .trace .chip{width:14px;height:14px;border-radius:4px;background:var(--c);border:1px solid color-mix(in srgb,var(--ink) 14%,transparent)}.sk-landing .start{padding-block:clamp(64px,10vh,120px);border-top:1px solid var(--line)}.sk-landing .start h2{font-size:var(--step-3);font-weight:600;letter-spacing:-.03em;line-height:1.02;margin-bottom:32px}.sk-landing .start-links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}.sk-landing .start-links a{display:grid;gap:6px;padding:20px 24px 20px 0;text-decoration:none;height:100%}.sk-landing .start-links li+li a{padding-left:24px;border-left:1px solid var(--line)}.sk-landing .start-links b{font-family:var(--sk-display);font-size:var(--step-1);font-weight:600;letter-spacing:-.01em;display:flex;justify-content:space-between}.sk-landing .start-links b:after{content:"→";color:var(--accent);transition:transform .15s ease-out}.sk-landing .start-links a:hover b:after{transform:translateX(4px)}.sk-landing .start-links span{color:var(--ink-2);font-size:.9375rem}.sk-landing .start-note{margin-top:28px;color:var(--ink-2);font-size:.875rem}.sk-landing footer{padding-block:40px 56px;border-top:1px solid var(--line);color:var(--ink-2);font-size:.875rem}.sk-landing .rise{animation:sk-rise .8s cubic-bezier(.2,.7,.2,1) both}.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 .start-links,.sk-landing .trace{grid-template-columns:minmax(0,1fr)}.sk-landing .start-links li+li a,.sk-landing .trace>div+div{padding-left:0;border-left:0;border-top:1px solid var(--line)}.sk-landing .controls{grid-template-columns:minmax(0,1fr)}.sk-landing .stage{height:420px;border-radius:14px}.sk-landing .film-bar{grid-template-columns:minmax(0,1fr)}.sk-landing .reel-bar{position:static;justify-content:flex-end;padding:12px}}@media (max-width:560px){.sk-landing .film-note{display:none}}