@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.00az9qtie3ho1.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.3j-a226dh71aj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.2gwoz23eiro2t.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0i3h3th1vs4m7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0zr6hhvz-h9nw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.BboVrW_className{font-family:Geist,Geist Fallback;font-style:normal}.BboVrW_variable{--font-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.27spqqad3wyeo.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.3f4zuumv8svu0.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.34r5yzckw0h2s.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.2jyz_zw3a8jit.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.30bdpjkrtcces.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.1v5bejj26fx9h.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.nw7kYW_className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.nw7kYW_variable{--font-mono:"Geist Mono", "Geist Mono Fallback"}
html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}
:root{--bg:#000;--surface:#0a0a0a;--surface-2:#111;--line:#ffffff1a;--line-strong:#ffffff2e;--text:#ededed;--muted:#a1a1a1;--dim:#8a8a8a;--error:#ff4d4f;--gutter:clamp(20px, 4vw, 56px);--ease-out:cubic-bezier(.16, 1, .3, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans), system-ui, sans-serif;-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;line-height:1.6}a{color:inherit}code{font-family:var(--font-mono), ui-monospace, monospace}h1,h2,h3{text-wrap:balance;margin:0;font-weight:600}p,dd{text-wrap:pretty;margin:0}:focus-visible{outline-offset:3px;border-radius:6px;outline:2px solid #fff}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.eyebrow{font-family:var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 1.75rem;font-size:.8125rem;font-weight:500}.cosmos-canvas{z-index:0;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity 1.4s var(--ease-out);display:block;position:fixed;inset:0}.cosmos-canvas.is-ready{opacity:1}html:not(.motion-ok) .cosmos-canvas:has(~.setup){height:100svh;position:absolute}.no-webgl body{background:radial-gradient(40vmax 30vmax at 50% 28%, #ffffff14, transparent 60%), var(--bg)}.no-webgl .cosmos-canvas{display:none}.btn{min-height:48px;font:inherit;white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:0 1.5em;font-size:.9375rem;font-weight:500;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--text);color:#0a0a0a}.btn-primary:hover{background:#fff}.btn-primary:disabled{opacity:.6;cursor:progress}.btn-ghost{border-color:var(--line-strong);color:var(--text);background:#0006}.btn-ghost:hover{background:#ffffff0f;border-color:#ffffff59}.btn-small{min-height:36px;padding:0 1em;font-size:.875rem}.btn-large{min-height:56px;padding:0 2em;font-size:1.0625rem}.nav-brand{white-space:nowrap;letter-spacing:-.01em;align-items:center;gap:10px;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.brand-mark{width:22px;height:22px;color:var(--text);flex:none}.nav{z-index:20;height:64px;padding:0 var(--gutter);justify-content:space-between;align-items:center;gap:24px;display:flex;position:fixed;inset:0 0 auto}.nav-links{gap:clamp(18px,2.4vw,32px);font-size:.875rem;display:flex}.nav-links a{color:var(--muted);text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--text)}@media (max-width:760px){.nav-links{display:none}}.nav-action{color:var(--muted);font-size:.875rem;text-decoration:none;transition:color .2s}.nav-action:hover{color:var(--text)}.setup{z-index:1;max-width:1120px;padding:0 calc(var(--gutter) + 36px) 0 var(--gutter);margin:0 auto;position:relative}.setup-hero{align-items:center;min-height:100svh;padding:96px 0 56px;display:grid}.progress-block{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,80px);display:grid}.progress-art{perspective:900px}.arch{width:100%;max-width:460px;height:auto;transform-style:preserve-3d;margin-left:auto;display:block;overflow:visible}.arch-stone{cursor:pointer;outline:none}.arch-stone path{fill:url(#stardust);stroke:#ffffff47;stroke-width:1px;stroke-dasharray:2 4;transition:stroke .3s,fill .3s}.arch-stone.is-done path{fill:#ededed;stroke:#fff;stroke-dasharray:none;filter:drop-shadow(0 0 10px #ffffff8c)}.arch-stone.is-next path{fill:#ffffff0f;stroke:#fff;stroke-width:1.5px;stroke-dasharray:6 5;animation:1.2s linear infinite stone-run,2.4s ease-in-out infinite stone-breathe}@keyframes stone-run{to{stroke-dashoffset:-22px}}@keyframes stone-breathe{50%{fill:#ffffff2e}}.arch-stone:hover path,.arch-stone:focus-visible path{stroke:#fff;stroke-dasharray:none}.arch-stone:focus-visible path{stroke-width:2.5px}.film .arch-label{font-family:var(--font-mono), monospace;letter-spacing:.06em;fill:var(--dim);font-size:11px;transition:fill .3s}.arch-stone.is-done .arch-label,.arch-stone.is-next .arch-label,.arch-stone:hover .arch-label{fill:var(--text)}.arch-point-halo{fill:none;stroke:#ffffff2e;stroke-dasharray:1 5}.arch-point-core{fill:#ffffff24;stroke:#fff6}.arch.is-open .arch-point-core{fill:#fff;stroke:#fff;filter:drop-shadow(0 0 16px #ffffffe6)}.arch.is-open .arch-point-halo{stroke:#fff9;stroke-dasharray:none}.arch-beam{opacity:.55}html.motion-ok .arch [data-stone],html.motion-ok .arch [data-arch-point],html.motion-ok .progress-copy>*{opacity:0}.setup-title{letter-spacing:-.055em;font-size:clamp(2.6rem,1.2rem + 4.4vw,5rem);line-height:1}.setup-title .dim{color:var(--dim)}.setup-lead{max-width:46ch;color:var(--muted);margin-top:1.25rem;font-size:clamp(1.0625rem,.95rem + .45vw,1.3rem)}.progress-copy .btn{margin-top:2rem}@property --spin{syntax:"<angle>";inherits:false;initial-value:0deg}.guide{gap:12px;margin:0;padding:0;list-style:none;display:grid;position:relative}.guide-step{grid-template-columns:44px minmax(0,1fr);align-items:start;gap:clamp(12px,2vw,20px);scroll-margin-top:88px;display:grid;position:relative}.guide-step:before{content:"";background:var(--line-strong);width:1px;position:absolute;top:58px;bottom:-26px;left:21.5px}.guide-step:last-child:before{display:none}.guide-step.is-done:before{background:linear-gradient(#fff,#fff9);width:2px;left:21px;box-shadow:0 0 12px #ffffff73}.guide-badge{z-index:1;border:1px solid var(--line-strong);width:44px;height:44px;font-family:var(--font-mono), monospace;color:var(--muted);background:#000;border-radius:50%;place-items:center;margin-top:14px;font-size:.75rem;transition:border-color .4s,box-shadow .4s;display:grid;position:relative}.guide-step.is-done .guide-badge{border-color:var(--text);box-shadow:0 0 16px #ffffff59}.guide-step.is-next .guide-badge{border-color:var(--text)}.mini-arch{width:24px;height:auto;overflow:visible}.mini-arch path{fill:#ffffff24}.mini-arch path.is-this{fill:#fff9}.mini-arch path.is-done{fill:#fff;filter:drop-shadow(0 0 30px #ffffffe6)}.mini-arch path.is-next{fill:#fff;animation:1.6s ease-in-out infinite mini-stone}@keyframes mini-stone{50%{fill:#ffffff59}}.guide-step.is-next .guide-badge:after{content:"";border:1px solid #ffffff8c;border-radius:50%;animation:2.2s ease-out infinite badge-ping;position:absolute;inset:-6px}@keyframes badge-ping{0%{opacity:1;transform:scale(.85)}to{opacity:0;transform:scale(1.55)}}.step-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0a0cc7;border-radius:20px;min-width:0;transition:border-color .4s,background-color .4s,box-shadow .6s;position:relative}.step-card:hover{border-color:var(--line-strong)}.guide-step.is-open .step-card{background:#0e0e10f0;border-color:#fff3;box-shadow:0 40px 100px -50px #ffffff47}.guide-step.is-open .step-card:before{content:"";border-radius:inherit;background:conic-gradient(from var(--spin), transparent 0deg 230deg, #fffffff2 320deg, transparent 360deg);-webkit-mask-composite:xor;pointer-events:none;padding:1.5px;animation:4.5s linear infinite card-spin;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes card-spin{to{--spin:360deg}}.step-heading{font-size:inherit;font-weight:inherit;margin:0}.step-head{width:100%;min-height:72px;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:20px;align-items:center;gap:12px;padding:18px 22px;display:flex}.step-head:focus-visible{outline-offset:-2px;outline:2px solid #fff}.step-title{letter-spacing:-.02em;font-size:clamp(1.125rem,1rem + .5vw,1.375rem);font-weight:600;line-height:1.25}.guide-step.is-todo:not(.is-open) .step-title{color:var(--muted)}.step-head .step-tag{flex:none}.step-chevron{fill:none;width:18px;height:18px;stroke:var(--muted);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;transition:transform .5s var(--ease-out);flex:none;margin-left:auto}.guide-step.is-open .step-chevron{transform:rotate(180deg)}.step-tag{border:1px solid var(--line-strong);font-family:var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border-radius:999px;padding:4px 10px;font-size:.6875rem;font-weight:400}.step-tag.is-done{color:var(--text);border-color:#ffffff80}.step-tag.is-next{border-color:var(--text);background:var(--text);color:#000}.step-body{transition:grid-template-rows .6s var(--ease-out);grid-template-rows:0fr;display:grid}.guide-step.is-open .step-body{grid-template-rows:1fr}.step-body-inner{opacity:0;filter:blur(6px);min-height:0;transition:opacity .25s, transform .5s var(--ease-out), filter .4s, padding .6s var(--ease-out);grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);grid-template-areas:"copy art""extra extra";column-gap:40px;padding:0 22px;display:grid;overflow:hidden;transform:translateY(10px)}.guide-step.is-open .step-body-inner{opacity:1;filter:none;padding:0 22px 26px;transition-delay:.12s;transform:none}.guide-art{grid-area:art;min-width:0}.step-art{width:100%;height:auto;max-height:150px;display:block}.guide-step.is-todo .guide-art{opacity:.5}.guide-copy{grid-area:copy;min-width:0}.guide-detail,.guide-note{max-width:58ch;color:var(--muted);margin:0}.guide-detail{font-size:1.0625rem}.guide-note{margin-top:.8rem;font-size:.9375rem}.step-cta{gap:.6em;margin-top:1.25rem}.guide-extra{border-top:1px solid var(--line);grid-area:extra;min-width:0;margin-top:1.5rem;padding-top:1.5rem}.guide-extra:empty{display:none}.app-tabs{border:1px solid var(--line);background:#000;border-radius:999px;gap:4px;width:max-content;max-width:100%;padding:4px;display:flex;overflow-x:auto}.app-tab{min-height:36px;color:var(--muted);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:.875rem;transition:background-color .25s,color .25s;display:inline-flex}.app-tab:hover{color:var(--text)}.app-tab.is-active{background:var(--text);color:#000}.app-tab.is-active .guide-icon{filter:none}.app-live{background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px}.guide-extra .guide-card{animation:tab-in .45s var(--ease-out);margin-top:12px}@keyframes tab-in{0%{opacity:0;transform:translateY(6px)}}html:not(.motion-ok) .guide-step.is-open .step-card:before,html:not(.motion-ok) .guide-extra .guide-card{animation:none}html:not(.motion-ok) .step-body,html:not(.motion-ok) .step-body-inner{transition:none}.guide-card{border:1px solid var(--line);background:#0a0a0ad1;border-radius:16px;padding:18px 18px 20px}.guide-card.is-live{border-color:#ffffff73;box-shadow:0 0 24px #ffffff14}.guide-card h3{align-items:center;gap:8px;font-size:1.0625rem;display:flex}.guide-card .step-tag{margin-left:auto}.guide-icon{filter:invert();width:18px;height:18px}.guide-card ol{color:var(--muted);overflow-wrap:anywhere;gap:6px;margin:12px 0 0;padding-left:1.1em;font-size:.9375rem;display:grid}.setup-section{margin-top:clamp(104px,16vh,168px);scroll-margin-top:88px}.section-title{letter-spacing:-.045em;font-size:clamp(2rem,1rem + 3vw,3.25rem);line-height:1.05}.usage{margin-top:2.5rem}.usage-total{letter-spacing:-.06em;font-variant-numeric:tabular-nums;background:linear-gradient(#fff 35%,#7a7a7a);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(4rem,2rem + 9vw,9.5rem);font-weight:600;line-height:.9}.usage-sub{max-width:34ch;color:var(--muted);margin-top:.9rem;font-size:clamp(1.0625rem,.95rem + .4vw,1.3rem)}.usage-credits{color:var(--dim);margin-top:.6rem;font-size:.875rem}.usage-credits b{color:var(--text);font-weight:500}.usage-days{margin-top:3rem}.days{margin:0}.days-frame{grid-template-columns:auto minmax(0,1fr);gap:10px;display:grid}.days-axis{min-width:2.6rem;position:relative}.days-axis span{font-family:var(--font-mono), monospace;color:var(--dim);font-variant-numeric:tabular-nums;font-size:.6875rem;position:absolute;right:0;transform:translateY(50%)}.days-plot{border-bottom:1px solid var(--line-strong);cursor:crosshair;touch-action:pan-y;background:linear-gradient(#0000 55%,#ffffff0d);outline:none;height:clamp(190px,28vw,280px);position:relative}.days-plot:focus-visible{box-shadow:0 0 0 2px var(--line-strong);border-radius:6px}.days-guide{border-top:1px dashed var(--line);position:absolute;left:0;right:0}.day{position:absolute;top:0;bottom:0}.day i{width:58%;max-width:14px;height:max(3px, var(--h));background:linear-gradient(#fffffff2,#ffffff24);border-radius:999px 999px 1px 1px;margin:0 auto;transition:opacity .2s;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -4px 18px -6px #ffffff73}.day.is-lit i:after{content:"";background:#fff;border-radius:50%;width:7px;height:7px;position:absolute;top:0;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px 3px #ffffff8c}.day:not(.is-lit) i{background:#ffffff2e}.day.is-peak i:after{width:10px;height:10px;box-shadow:0 0 18px 5px #ffffffb3}.days-plot.is-reading .day i{opacity:.3}.days-plot.is-reading .day.is-active i{opacity:1}.days-peak{font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;font-size:.875rem;font-weight:600;position:absolute;transform:translate(-50%,-22px)}.days-tip{border:1px solid var(--line-strong);pointer-events:none;background:#0a0a0af0;border-radius:10px;gap:1px;min-width:7.5rem;padding:8px 10px;display:grid;position:absolute;top:0;transform:translate(14px)}.days-tip.is-left{transform:translate(calc(-100% - 14px))}.days-tip b{font-variant-numeric:tabular-nums;font-size:1.125rem}.days-tip small{color:var(--muted);font-size:.75rem}.days-dates{font-family:var(--font-mono), monospace;color:var(--dim);justify-content:space-between;margin-top:10px;padding-left:calc(2.6rem + 10px);font-size:.6875rem;display:flex}.days-table{color:var(--muted);margin-top:12px;font-size:.8125rem}.days-table summary{cursor:pointer;width:fit-content}.days-table table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;max-width:420px;margin-top:8px}.days-table th,.days-table td{border-bottom:1px solid var(--line);text-align:left;padding:4px 0}.days-table td+td,.days-table th+th{text-align:right}.usage-split{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);margin-top:3.5rem;display:grid}.usage-part h3{letter-spacing:-.01em;margin-bottom:1.25rem;font-size:1.125rem;font-weight:600}.comets{gap:18px;margin:0;padding:0;list-style:none;display:grid}.comets li{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px 16px;display:grid}.comet-name{min-width:0;font-size:.9375rem;display:grid}.comet-name,.comet-name small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.comet-name small,.comet-value small{font-family:var(--font-mono), monospace;color:var(--dim);font-size:.6875rem}.comet-value{font-variant-numeric:tabular-nums;white-space:nowrap;justify-items:end;font-size:.9375rem;display:grid}.comet{width:var(--share);background:linear-gradient(90deg,#fff0,#ffffffe6);border-radius:2px;grid-column:1/-1;height:2px;position:relative}.comet i{background:#fff;border-radius:50%;width:7px;height:7px;position:absolute;top:50%;right:-3px;transform:translateY(-50%);box-shadow:0 0 12px 3px #ffffff8c}.split-beam{gap:2px;height:10px;display:flex}.split-beam span{background:rgba(255, 255, 255, var(--tone));min-width:4px;box-shadow:0 0 14px rgba(255, 255, 255, calc(var(--tone) * .35));border-radius:3px;flex-basis:0}.split-legend{gap:12px;margin:1.25rem 0 0;padding:0;list-style:none;display:grid}.split-legend li{grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:2px 10px;display:grid}.split-swatch{background:rgba(255, 255, 255, var(--tone));border-radius:3px;align-self:center;width:10px;height:10px}.split-legend b{font-variant-numeric:tabular-nums;font-size:1.25rem}.split-legend small{color:var(--dim);grid-column:2/-1;font-size:.8125rem}.usage-locked{position:relative}.days.is-waiting .days-frame{grid-template-columns:minmax(0,1fr)}.days.is-waiting .days-plot{cursor:default;height:clamp(120px,18vw,170px)}.days.is-waiting .day i{transform-origin:50% 100%;height:14px;animation:3s ease-in-out infinite day-wait;animation-delay:calc(var(--i,0) * -100ms)}.usage-locked.is-loading .day i{animation-duration:1.2s}@keyframes day-wait{50%{background:#ffffff73;transform:scaleY(2.4)}}.usage-lock{max-width:30rem;margin-bottom:2rem}.usage-lock-title{letter-spacing:-.035em;font-size:clamp(1.6rem,1.1rem + 1.6vw,2.4rem);font-weight:600;line-height:1.08}.usage-lock-text{color:var(--muted);margin:.75rem 0 1.25rem}.stat-problem{color:var(--muted);margin-top:16px}.stat-footnote{color:var(--dim);margin-top:2rem;font-size:.875rem}.link-button{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.field-row{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-top:8px;font-size:.9375rem;display:flex}.check-label{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.check-label input{accent-color:#fff;width:16px;height:16px;margin:0}@media (max-width:899px){.step-body-inner{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy""extra"}.guide-art{display:none}}@media (max-width:760px){.guide-step{grid-template-columns:32px minmax(0,1fr);gap:10px}.guide-step:before{top:48px;bottom:-28px;left:15.5px}.guide-step.is-done:before{left:15px}.guide-badge{width:32px;height:32px;margin-top:16px;font-size:.6875rem}.mini-arch{width:18px}.step-head{gap:10px;min-height:64px;padding:14px 16px}.step-body-inner,.guide-step.is-open .step-body-inner{padding-inline:16px}.app-tabs{width:100%}.app-tab{flex:auto;justify-content:center;gap:6px;padding:0 10px}.app-tab .guide-icon{display:none}.setup-hero{margin-right:-36px}.progress-block{text-align:center;grid-template-columns:1fr;justify-items:center}.progress-art{order:-1;width:min(300px,78vw)}.arch{margin:0 auto}.setup-lead{margin-inline:auto}.usage-split{grid-template-columns:1fr}}.connector{gap:14px;display:grid}.link-field{border:1px solid var(--line-strong);background:#000;border-radius:14px;gap:2px;padding:10px 6px 6px 16px;transition:border-color .25s,box-shadow .25s;display:grid}.link-field:focus-within{border-color:#ffffff8c;box-shadow:0 0 0 4px #ffffff0f}.link-prefix{font-family:var(--font-mono), monospace;color:var(--dim);overflow-wrap:anywhere;cursor:text;font-size:.75rem}.link-input{align-items:center;gap:6px;display:flex}.link-input input{min-width:0;height:36px;color:var(--text);font-family:var(--font-mono), monospace;background:0 0;border:0;outline:none;flex:1;padding:0;font-size:.9375rem}.link-input input::placeholder{color:var(--dim);opacity:.7}.link-eye{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;transition:color .2s,background-color .2s;display:grid}.link-eye:hover{color:var(--text);background:#ffffff0f}.link-eye:focus-visible{outline:2px solid #fff}.link-eye svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.link-actions{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.link-actions .check-label{color:var(--muted);margin-left:auto;font-size:.875rem}.link-actions .link-button{color:var(--muted);font-size:.875rem}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:disabled:active{transform:none}.field{gap:6px;display:grid}.field label{font-weight:500}.field-help{color:var(--muted);font-size:.9375rem}.field input:not([type=checkbox]){border:1px solid var(--line-strong);background:var(--surface);width:100%;height:50px;color:var(--text);font-family:var(--font-mono), monospace;border-radius:10px;margin-top:4px;padding:0 14px;font-size:.9375rem}.field input:not([type=checkbox]):focus-visible{outline-offset:2px;outline:2px solid #fff}.url-box{border:1px solid var(--line);background:#0a0a0ae0;border-radius:12px;gap:12px;padding:18px;display:grid}.url-label{color:var(--muted);font-size:.875rem}.url-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.url-value{border:1px solid var(--line);overflow-wrap:anywhere;background:#000;border-radius:10px;flex:260px;min-width:0;padding:11px 13px;font-size:.875rem}.url-actions{gap:8px;display:flex}.test-row{justify-items:start;gap:12px;margin-top:4px;display:grid}.test-result:empty{display:none}.skeleton{background:linear-gradient(90deg, var(--line) 20%, var(--line-strong) 50%, var(--line) 80%);background-size:200% 100%;border-radius:999px;width:260px;max-width:100%;height:16px;animation:1.2s linear infinite shimmer;display:block}@keyframes shimmer{to{background-position:-200% 0}}.result-ok strong,.result-fail strong{font-weight:600}.result-fail{color:var(--error)}.chips{flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.chips li{border:1px solid var(--line-strong);font-family:var(--font-mono), monospace;border-radius:999px;padding:4px 11px;font-size:.8125rem}.empty-hint{border:1px dashed var(--line-strong);color:var(--muted);border-radius:12px;padding:16px}.generator.is-set{border-top:1px solid var(--line);padding-top:20px}.gen-trigger{gap:.55em}.gen-icon{fill:currentColor;width:15px;height:15px;transition:transform .6s var(--ease-out)}.gen-trigger:hover .gen-icon{transform:rotate(90deg)scale(1.15)}.gen-panel{overflow:hidden}.gen-inner{gap:16px;padding-top:18px;display:grid}.gen-warn{color:var(--muted);margin:0;font-size:.9375rem}.secret-block{border:1px solid var(--line-strong);background:#0a0a0ae0;border-radius:12px;gap:10px;margin:0;padding:14px 16px 16px;display:grid;position:relative;overflow:hidden}.secret-label{font-family:var(--font-mono), monospace;letter-spacing:.08em;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:.75rem;display:flex}.setup-choice{flex-wrap:wrap;gap:12px;margin-top:2rem;display:flex}.progress-copy .setup-choice .btn{gap:.5em;margin-top:0}.agent-panel{border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:left;background:radial-gradient(120% 90% at 0 0,#ffffff14,#0000 55%),#0a0a0cd6;border-radius:28px;grid-column:1/-1;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);justify-self:stretch;align-items:center;gap:clamp(24px,4vw,56px);padding:clamp(20px,3.5vw,40px);scroll-margin-top:88px;display:grid;position:relative;overflow:hidden}.agent-panel[hidden]{display:none}.agent-panel:before{content:"";background:linear-gradient(90deg,#0000,#ffffffb3,#0000);height:1px;position:absolute;inset:0 12% auto}.agent-kicker{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin:0;font-size:.75rem}.agent-heading{letter-spacing:-.045em;margin:.6rem 0 1.75rem;font-size:clamp(1.75rem,1rem + 2.4vw,2.75rem);line-height:1.02}.agent-heading .dim{color:var(--dim)}.agent-flow{gap:20px;margin:0;padding:0;list-style:none;display:grid}.agent-flow li{grid-template-columns:32px minmax(0,1fr);gap:14px;display:grid;position:relative}.agent-flow li:not(:last-child):after{content:"";background:linear-gradient(var(--line-strong), transparent);width:1px;position:absolute;top:38px;bottom:-16px;left:15.5px}.agent-num{border:1px solid var(--line-strong);width:32px;height:32px;font-family:var(--font-mono,ui-monospace, monospace);background:#00000080;border-radius:50%;place-items:center;font-size:.8125rem;display:grid}.agent-flow li:first-child .agent-num{background:var(--text);border-color:var(--text);color:#0a0a0a}.agent-flow b{padding-top:5px;font-weight:600;display:block}.agent-flow p{color:var(--muted);margin:.25rem 0 .7rem;font-size:.9375rem}.agent-flow p a{color:var(--text)}.agent-chat{border:1px solid var(--line);background:#050505;border-radius:20px;margin:0;padding-bottom:16px;font-size:.875rem;overflow:hidden;box-shadow:0 40px 90px -40px #ffffff29}.chat-bar{border-bottom:1px solid var(--line);color:var(--dim);align-items:center;gap:6px;padding:12px 14px;font-size:.75rem;display:flex}.chat-bar i{background:#ffffff2e;border-radius:50%;width:8px;height:8px}.chat-bar span{margin-left:8px}.chat-bubble{border-radius:16px;width:fit-content;max-width:88%;margin:14px 14px 0;padding:10px 14px;line-height:1.45}.chat-bubble.is-you{background:var(--text);color:#0a0a0a;border-bottom-right-radius:4px;margin-left:auto}.chat-bubble.is-you code{opacity:.55;margin-top:4px;font-size:.75rem;display:block}.chat-bubble.is-agent{border:1px solid var(--line);background:#ffffff0f;border-bottom-left-radius:4px;align-items:center;gap:8px;display:flex}.live-dot{background:#fff;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 12px #fff}.chat-tools{grid-template-columns:minmax(0,1fr);gap:8px;margin:14px 14px 0;padding:0;list-style:none;display:grid}.chat-tools li{border:1px solid var(--line);background:#ffffff08;border-radius:12px;align-items:center;gap:10px;min-width:0;padding:8px 10px;display:flex}.chat-tools code{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.75rem;overflow:hidden}.tool-what{white-space:nowrap;color:var(--dim);margin-left:auto;font-size:.75rem}.tool-state{border:1.5px solid #ffffff40;border-radius:50%;flex:none;width:16px;height:16px;position:relative}.chat-tools li.is-running .tool-state{border-top-color:#fff;animation:.7s linear infinite tool-spin}.chat-tools li.is-done .tool-state{background:#fff;border-color:#fff}.chat-tools li.is-done .tool-state:after{content:"";border:1.5px solid #000;border-width:0 1.5px 1.5px 0;width:4px;height:7px;position:absolute;top:1.5px;left:4.5px;transform:rotate(45deg)}@keyframes tool-spin{to{transform:rotate(360deg)}}@media (max-width:760px){.setup-choice{justify-content:center}.agent-panel{grid-template-columns:1fr}}.guide-wrap{display:contents}.guide-wrap.is-folded{display:none}.phone-fab{z-index:25;justify-items:end;gap:12px;display:grid;position:fixed;bottom:16px;right:16px}.phone-fab-button{border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:52px;height:52px;color:var(--text);cursor:pointer;background:#0a0a0cd9;border-radius:50%;place-items:center;padding:0;transition:border-color .2s,background .2s,transform .2s;display:grid;box-shadow:0 10px 30px #00000080}.phone-fab-button:hover,.phone-fab-button.is-open{background:#1e1e22eb;border-color:#ffffff73}.phone-fab-button:active{transform:scale(.96)}.phone-fab-button:focus-visible{outline:2px solid var(--text);outline-offset:3px}.phone-fab-icon{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;width:22px;height:22px}.phone-card{border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overscroll-behavior:contain;background:radial-gradient(120% 120% at 0 0,#ffffff12,#0000 60%),#0a0a0cf0;border-radius:18px;outline:none;gap:6px;width:min(360px,100vw - 32px);max-height:calc(100svh - 104px);padding:18px;display:grid;overflow-y:auto;box-shadow:0 24px 60px #0009}html.motion-ok .phone-card{animation:phone-card-in .35s var(--ease-out)}@keyframes phone-card-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}.phone-card-icon{border:1px solid var(--line-strong);fill:none;width:36px;height:36px;stroke:var(--text);stroke-width:1.5px;stroke-linecap:round;border-radius:10px;flex:none;padding:7px}.phone-card-copy{justify-items:start;gap:8px;display:grid}.phone-card-title{letter-spacing:-.01em;align-items:center;gap:12px;margin:0 0 4px;font-size:1.0625rem;display:flex}.phone-card-copy p{color:var(--muted);margin:0;font-size:.9375rem}.phone-card .phone-qr{margin-top:10px}.phone-qr{flex-wrap:wrap;align-items:flex-start;gap:14px;margin:0;display:flex}.phone-qr-code{border-radius:10px;flex:none;width:min(200px,100%);height:auto}.phone-qr figcaption{color:var(--muted);flex:220px;font-size:.875rem}.gen-agent{border:1px dashed var(--line-strong);color:var(--muted);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;margin:14px 0 4px;padding:12px;font-size:.875rem;display:flex}.gen-find{color:var(--muted);margin:0 0 12px;font-size:.9375rem}.gen-link{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;margin-top:12px;display:flex}.gen-link-text{gap:2px;min-width:0;margin:0;display:grid}.gen-link-label{color:var(--muted);font-size:.8125rem}.gen-link-value{font-family:var(--font-mono), monospace;overflow-wrap:anywhere;font-size:.875rem}.secret-value{min-height:2.8em;font-family:var(--font-mono), monospace;color:var(--text);overflow-wrap:anywhere;font-size:.875rem;line-height:1.4}.secret-trace{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.secret-trace rect{fill:none;stroke:#fff;stroke-width:1.5px;opacity:0;filter:drop-shadow(0 0 6px #ffffffb3);width:calc(100% - 1.5px);height:calc(100% - 1.5px)}.secret-sweep{opacity:0;pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff17,#0000);width:40%;position:absolute;inset:0 auto 0 0}.guide-copy>.action-steps,.guide-copy>.generator{margin-top:1.5rem}.action-steps{gap:12px;max-width:58ch;display:grid}.generator .action-steps{margin-top:12px}.action-row{flex-wrap:wrap;gap:8px;display:flex}.action-row .btn{gap:.6em}.action-num{font-family:var(--font-mono), monospace;opacity:.7;font-size:.75rem}.action-hint{color:var(--muted);margin:0;font-size:.9375rem}.action-hint code{color:var(--text)}.chat-check{margin-top:24px}.guide-installs{margin-top:16px}.guide-installs .btn:disabled{opacity:.5;cursor:not-allowed}.open-intro{z-index:30;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.open-intro>*{grid-area:1/1}.open-stage .arch{width:min(62vmin,440px);margin:0}.open-lockup{align-items:center;gap:calc(10px * var(--k));font-size:calc(.9375rem * var(--k));letter-spacing:-.01em;white-space:nowrap;color:var(--text);opacity:0;font-weight:600;display:inline-flex}.open-lockup .brand-mark{width:calc(22px * var(--k));height:calc(22px * var(--k))}.open-intro.is-done,html:not(.motion-ok) .open-intro{display:none}html.motion-ok .open-intro{animation:10ms 7s forwards intro-gone}html.motion-ok:has(.open-intro:not(.is-done)) :is(.nav-brand,.orbit,.setup-section,.setup-footer){visibility:hidden;animation:10ms 7s forwards intro-show}@keyframes intro-gone{to{visibility:hidden;opacity:0}}@keyframes intro-show{to{visibility:visible}}.setup-section.is-first{margin-top:clamp(96px,14vh,140px)}.rules{gap:clamp(36px,6vw,72px);margin:2.5rem 0 0;padding:0;list-style:none;display:grid}.rule-line{letter-spacing:-.05em;text-wrap:balance;font-size:clamp(2.2rem,1rem + 4.6vw,5rem);font-weight:600;line-height:1.02}.rule-detail{max-width:46ch;color:var(--muted);margin-top:1rem;font-size:clamp(1rem,.95rem + .3vw,1.2rem)}@media (min-width:900px){.rule:nth-child(2n){text-align:right;justify-self:end}.rule:nth-child(2n) .rule-detail{margin-left:auto}}.setup-footer{border-top:1px solid var(--line);color:var(--dim);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:clamp(80px,14vh,140px);padding:28px 0 40px;font-size:.875rem;display:flex}.setup-footer a{color:var(--muted)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.badge{border:1px solid var(--line-strong);color:var(--text);white-space:nowrap;vertical-align:.06em;background:#ffffff0f;border-radius:999px;align-items:center;gap:.35em;padding:.12em .55em .12em .42em;font-size:.86em;font-weight:500;line-height:1.3;text-decoration:none;transition:background-color .2s,border-color .2s;display:inline-flex}.badge:hover{background:#ffffff1f;border-color:#fff6}.btn-icon{vertical-align:-.1em;width:.95em;height:.95em;margin-right:.5em}.badge-icon{filter:invert();width:.9em;height:.9em}.orbit{--rail:min(50vh, 420px);z-index:15;justify-items:center;gap:22px;display:grid;position:fixed;top:50%;right:10px;transform:translateY(-50%)}.orbit-rail{width:24px;height:var(--rail);position:relative}.orbit-track,.orbit-fill{width:1px;margin-left:-.5px;position:absolute;left:50%}.orbit-track{background:linear-gradient(#0000,#ffffff29 18% 82%,#0000);top:-36px;bottom:-36px}.orbit-fill{transform-origin:top;height:100%;transform:scaleY(var(--ship,0));background:linear-gradient(#ffffff14,#ffffffd9);top:0;box-shadow:0 0 6px #ffffff59}.orbit ol{margin:0;padding:0;list-style:none}.orbit li{left:50%;top:calc(var(--at,calc(var(--i) / var(--last))) * 100%);position:absolute}.orbit a{border-radius:50%;place-items:center;width:24px;height:24px;text-decoration:none;display:grid;position:absolute;top:-12px;left:-12px}.orbit a:focus-visible{outline:1px solid var(--text);outline-offset:2px}.orbit-star{width:3px;height:3px;transition:background-color .5s, box-shadow .5s, transform .5s var(--ease-out);background:#ffffff47;border-radius:50%;position:relative}.orbit-star:before,.orbit-star:after{content:"";opacity:0;width:13px;height:1px;transition:opacity .5s, transform .5s var(--ease-out);background:linear-gradient(90deg,#0000,#ffffffe6,#0000);margin:-.5px 0 0 -6.5px;position:absolute;top:50%;left:50%;transform:scaleX(.3)}.orbit-star:after{transform:rotate(90deg)scaleX(.3)}.is-past .orbit-star{background:var(--text);box-shadow:0 0 6px #ffffffb3}.is-past .orbit-star:before{opacity:.55;transform:scaleX(.7)}.is-past .orbit-star:after{opacity:.55;transform:rotate(90deg)scaleX(.7)}.orbit a:hover .orbit-star,.orbit a:focus-visible .orbit-star{background:var(--text);transform:scale(1.6)}.orbit a:hover .orbit-star:before,.orbit a:focus-visible .orbit-star:before{opacity:1;transform:scaleX(1)}.orbit a:hover .orbit-star:after,.orbit a:focus-visible .orbit-star:after{opacity:1;transform:rotate(90deg)scaleX(1)}.orbit-name{font-family:var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s, transform .4s var(--ease-out);font-size:.6875rem;position:absolute;top:50%;right:calc(100% + 10px);transform:translate(6px,-50%)}.orbit a:not(.is-active):hover .orbit-name,.orbit a:not(.is-active):focus-visible .orbit-name{opacity:1;transform:translateY(-50%)}.orbit-ship{pointer-events:none;transform:translateY(calc(var(--ship,0) * 100%));position:absolute;inset:0}.orbit-ring{background:#000;border:1px solid #fffffff2;border-radius:50%;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;position:absolute;top:0;left:50%;box-shadow:0 0 6px #fff9,0 0 18px #ffffff38,inset 0 0 3px #ffffff80}.orbit-ring i{border:1px solid #ffffff14;border-radius:50%;animation:6s linear infinite orbit;position:absolute;inset:-6px}.orbit-ring i:after{content:"";background:var(--text);border-radius:50%;width:3px;height:3px;margin-left:-1.5px;position:absolute;top:-1.5px;left:50%;box-shadow:0 0 4px #ffffffe6}.orbit-tag{writing-mode:vertical-rl;font-family:var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--text);white-space:nowrap;align-items:center;gap:8px;font-size:.6875rem;line-height:1.1;transition:opacity .3s;display:flex;position:absolute;top:0;right:20px;transform:translateY(-50%)rotate(180deg)}.orbit-tag b{color:var(--dim);font-weight:400}.orbit:hover .orbit-tag{opacity:.3}.orbit-count{writing-mode:vertical-rl;font-family:var(--font-mono), monospace;letter-spacing:.12em;color:var(--dim);font-variant-numeric:tabular-nums;margin:0;font-size:.625rem;transform:rotate(180deg)}.orbit-count [data-orbit-count]{color:var(--text)}.orbit-pct{color:var(--dim);margin-inline-start:.9em}.orbit-rail{cursor:pointer}.orbit-rail:before{content:"";position:absolute;inset:-24px -12px}.orbit .orbit-ring{pointer-events:auto;cursor:grab;touch-action:none;transition:transform .3s var(--ease-out)}.orbit .orbit-ring:before{content:"";border-radius:50%;position:absolute;inset:-12px}.orbit.is-dragging .orbit-ring{cursor:grabbing;transform:scale(1.4)}.orbit.is-dragging .orbit-tag{opacity:1}html:not(.motion-ok) .orbit-ring i{animation:none}@media (max-width:899px){:root:has(.setup){--gutter:28px}.orbit{--rail:min(46vh, 380px);gap:14px;right:4px}.orbit-rail{cursor:default;width:18px}.orbit-rail:before{display:none}.orbit a{pointer-events:none}.orbit-name,.orbit-tag{display:none}.orbit-ring{width:11px;height:11px;margin:-5.5px 0 0 -5.5px}.orbit .orbit-ring:before{inset:-16px}.orbit-count{letter-spacing:.08em;font-size:.5625rem}.orbit-pct{display:none}}.film .ln{fill:none;stroke:var(--text);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.film .ln.dim{stroke:#ffffff4d}.film .ln.thick{stroke-width:4px}.film .ln.code{stroke-width:7px}.film .ln.slash{stroke-width:3px;filter:url(#glow-strong)}.film .ln.scan{stroke-width:2px;filter:url(#glow-strong)}.film .ln.node,.film .ln.pill,.film .ln.bubble,.film .ln.coin,.film .ln.planet{fill:#000000d9}.film .route{fill:none;stroke:#fff6;stroke-width:1.5px;stroke-linecap:round}.film .fill{fill:var(--text)}.film .fill.dim{fill:#ffffff52}.film .bar{fill:var(--text)}.film .bar.dust{fill:url(#stardust);stroke:#ffffff80;stroke-width:1px}.film .shard{fill:#fff;opacity:0}.film .extra{opacity:.35}.film text{fill:var(--text)}.film .mono{font-family:var(--font-mono), monospace}.film .label{letter-spacing:.2em;font-size:13px}.film .small{font-size:13px}.film .tiny{letter-spacing:.08em;font-size:11px}.film text.dim,.film tspan.dim{fill:var(--dim)}.film .display-num{font-family:var(--font-sans), sans-serif;letter-spacing:-.04em;font-size:92px;font-weight:700}.film .stamp-big{font-family:var(--font-sans), sans-serif;letter-spacing:.06em;font-size:34px;font-weight:800}.film .logo{filter:invert()}.film .head{opacity:0}html:not(.motion-ok) .film .head{display:none}.star-defs{width:0;height:0;position:absolute;overflow:hidden}html:has(.setup){scrollbar-width:none}html:has(.setup)::-webkit-scrollbar{display:none}.nav:has(~.setup){position:absolute}@media (max-width:420px){.nav .btn-small{padding:0 .8em;font-size:.8125rem}}.demo-banner{z-index:30;color:#000;letter-spacing:-.01em;white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:6px 6px 6px 8px;font-size:.875rem;font-weight:500;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #ffffff24}.demo-chip{font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;border:1px solid #000;border-radius:999px;padding:5px 9px;font-size:.6875rem;font-weight:600;line-height:1}.demo-text{text-overflow:ellipsis;overflow:hidden}.demo-text-short{display:none}.demo-cta{color:#fff;transition:background .2s var(--ease-out);background:#000;border-radius:999px;flex:none;align-items:center;gap:8px;padding:9px 16px;font-weight:600;text-decoration:none;display:inline-flex}.demo-cta:hover{background:#222}.demo-cta .btn-icon{filter:invert()}.demo-cta:focus-visible{outline-offset:2px;outline:2px solid #000}.setup.is-demo .setup-footer{padding-bottom:104px}@media (max-width:720px){.demo-banner{gap:10px;font-size:.8125rem}.demo-text-long{display:none}.demo-text-short{display:inline}.demo-cta{padding:8px 14px}.demo-cta .btn-icon{display:none}}.demo-clip-lede{max-width:38rem;color:var(--muted);margin-top:16px;font-size:1.0625rem;line-height:1.6}.demo-clip-lede b{color:var(--text);font-weight:600}.demo-clip{margin:32px 0 0}.demo-clip-video{aspect-ratio:16/9;border:1px solid var(--line-strong);background:var(--surface);border-radius:16px;width:100%;height:auto;display:block}.demo-clip figcaption{color:var(--dim);margin-top:12px;font-size:.8125rem}.demo-hero{text-align:center;flex-direction:column;justify-content:flex-end;align-items:center;min-height:100svh;padding:0 0 clamp(72px,13vh,132px);display:flex;position:relative}.demo-hero-title{letter-spacing:-.05em;font-size:clamp(2.75rem,1.2rem + 5vw,5.75rem);font-weight:600;line-height:1}.demo-hero-title span{color:var(--muted)}.demo-hero-lede{max-width:34rem;color:var(--muted);margin-top:24px;font-size:1.0625rem;line-height:1.6}.demo-hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}.demo-hero-cue{color:var(--dim);font-family:var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;margin-top:40px;font-size:.75rem;text-decoration:none}.demo-hero-cue:after{content:"";background:linear-gradient(var(--line-strong), transparent);width:1px;height:36px;margin:12px auto 0;display:block}.demo-clip-section{margin-top:clamp(48px,8vh,96px)}
