@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-condensed-latin-500-normal-BgYH2mbd.woff2)format("woff2"),url(/assets/barlow-condensed-latin-500-normal-HIEiP5Ov.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-600-normal-DepVgxBB.woff2)format("woff2"),url(/assets/barlow-condensed-latin-600-normal-BFJEwTuo.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2)format("woff2"),url(/assets/barlow-condensed-latin-700-normal-Dmwat-ge.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-latin-600-normal-BgSNZQsw.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-600-normal-DWFSQ4vo.woff)format("woff")}:root{--paper:#0f2d4f;--paper-deep:#0a2240;--grid-major:#8cbef021;--grid-minor:#8cbef00f;--line:#cfe3f7;--line-dim:#cfe3f759;--text:#dbe9f7;--text-soft:#b9cfe4;--label:#7fb4e6;--accent:#ffb547;--shadow:#04102073;--font-display:"Barlow Condensed", "Arial Narrow", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--gutter:max(16px, env(safe-area-inset-left,0px));--measure:62ch;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background-color:var(--paper);background-image:linear-gradient(var(--grid-major) 1px, transparent 1px), linear-gradient(90deg, var(--grid-major) 1px, transparent 1px), linear-gradient(var(--grid-minor) 1px, transparent 1px), linear-gradient(90deg, var(--grid-minor) 1px, transparent 1px);color:var(--text);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;background-size:80px 80px,80px 80px,16px 16px,16px 16px;margin:0;font-size:15px;line-height:1.6}a{color:var(--accent);text-underline-offset:3px}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.label{letter-spacing:.08em;text-transform:uppercase;color:var(--label);font-size:12px}.display{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;color:#f4f8fc;text-wrap:balance;margin:0;font-weight:600;line-height:1}.stamp{border:1.5px solid var(--accent);width:max-content;color:var(--accent);letter-spacing:.1em;padding:1px 8px;font-size:11px;display:inline-block;transform:rotate(-2deg)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sheet{max-width:1120px;padding-left:var(--gutter);padding-right:max(16px, env(safe-area-inset-right,0px));flex-direction:column;gap:120px;margin:0 auto;padding-block:32px 64px;display:flex}nav.rail{top:env(safe-area-inset-top,0px);z-index:10;background:color-mix(in srgb, var(--paper-deep) 92%, transparent);border-bottom:1px solid var(--line-dim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding-left:var(--gutter);padding-right:max(16px, env(safe-area-inset-right,0px));position:sticky}.rail__list{--progress:0;justify-content:space-between;max-width:1120px;margin:0 auto;padding:14px 0 10px;list-style:none;display:flex;position:relative}.rail__list:before,.rail__list:after{content:"";height:2px;position:absolute;top:21px;left:7px}.rail__list:before{background:repeating-linear-gradient(90deg, var(--line-dim) 0 4px, transparent 4px 8px);right:7px}.rail__list:after{width:calc((100% - 14px) * var(--progress));background:var(--accent);transition:width .5s}@media (prefers-reduced-motion:reduce){.rail__list:after{transition:none}}.rail__step{z-index:1;position:relative}.rail__step a{color:var(--text-soft);flex-direction:column;align-items:center;gap:4px;font-size:12px;text-decoration:none;display:flex}.rail__step:first-child a{align-items:flex-start}.rail__step:last-child a{align-items:flex-end}.rail__dot{border:2px solid var(--line);background:var(--paper-deep);border-radius:50%;width:16px;height:16px;transition:background .3s,border-color .3s}.rail__step--done .rail__dot{background:var(--accent);border-color:var(--accent)}.rail__step--running .rail__dot{border-color:var(--accent);box-shadow:0 0 0 4px #ffb54733}.rail__step--done .rail__name,.rail__step--running .rail__name{color:var(--text)}@media (width<=480px){.rail__name{font-size:10.5px}}.hero{min-height:0;padding:clamp(28px,6vw,72px) clamp(20px,5vw,56px);position:relative}.hero__frame{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hero__mark{fill:none;stroke:var(--line);stroke-width:1.5px;vector-effect:non-scaling-stroke}.hero__text{flex-direction:column;gap:14px;display:flex}.hero__headline{max-width:14ch;font-size:clamp(40px,8vw,96px)}.hero__intro{max-width:var(--measure);color:var(--text-soft);margin:0;font-size:clamp(15px,1.6vw,17px)}.stage{flex-direction:column;gap:40px;scroll-margin-top:80px;display:flex}.stage__head{max-width:var(--measure);flex-direction:column;gap:12px;display:flex}.stage__title{font-size:clamp(32px,5vw,56px)}.stage__summary{color:var(--text-soft);margin:0}.stage__widgets{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:48px 32px;display:grid}.slot{flex-direction:column;gap:8px;min-width:0;display:flex}.slot__head{flex-direction:column;order:2;gap:6px;display:flex}.slot__code-tag{display:none}.slot--wide{grid-column:1/-1}.slot--live .slot__head{max-width:var(--measure);order:0}.slot--live .slot__code-tag{color:var(--accent);font-family:var(--font-display);letter-spacing:.06em;font-size:18px;display:block}.slot--live .slot__stage{perspective:1400px}.slot__stage{perspective:900px;overflow-clip-margin:24px;padding-block:8px 16px;overflow-x:clip}.slot__plane{transform-origin:50% 55%;filter:drop-shadow(18px 22px 0 var(--shadow));will-change:transform;background:#0f2d4fd9;outline:1px solid #cfe3f78c}:where(.slot__plane svg){width:100%;height:auto;display:block}.slot__ink{fill:none;stroke:var(--line);stroke-width:1.2px}.slot__ink--dim{stroke:var(--line-dim);stroke-dasharray:4 4}.slot__ink--accent{stroke:var(--accent);stroke-width:1.6px}.slot__code{fill:var(--accent);font-family:var(--font-display);letter-spacing:.05em;font-size:22px;font-weight:600}.slot__note{fill:var(--label);font-family:var(--font-mono);font-size:11px}.slot__title{font-family:var(--font-display);color:#f4f8fc;text-wrap:balance;margin:0;font-size:22px;font-weight:600;line-height:1.15}.slot__hook{color:var(--text-soft);margin:0;font-size:14px}.contact{flex-wrap:wrap;gap:24px 56px;margin:0;display:flex}.contact dd{margin:4px 0 0;font-size:clamp(18px,2.4vw,24px)}.titleblock{padding-left:var(--gutter);padding-right:max(16px, env(safe-area-inset-right,0px));padding-block:0 calc(32px + env(safe-area-inset-bottom,0px))}.titleblock dl{border:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));max-width:1120px;margin:0 auto;display:grid}.titleblock dl>div{border:.5px solid var(--line-dim);padding:10px 14px}.titleblock dd{color:var(--text);margin:2px 0 0;font-size:13px}.w-tabs{flex-wrap:wrap;gap:6px;display:flex}.w-tab,.w-btn,.w-chip{font:inherit;color:var(--text);border:1px solid var(--line-dim);cursor:pointer;background:0 0;padding:5px 11px;font-size:12.5px}.w-tab[aria-selected=true],.w-chip[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.w-btn:hover:not(:disabled),.w-chip:hover,.w-tab:hover{border-color:var(--line)}.w-btn:disabled{opacity:.4;cursor:default}.w-btn--accent{border-color:var(--accent);color:var(--accent)}.w-controls{flex-wrap:wrap;align-items:center;gap:10px 14px;min-height:32px;display:flex}.w-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.w-count{color:var(--accent)}.w-prompt{color:var(--text);margin:0;font-size:13.5px}.w-note{color:var(--label)}
