:root{color-scheme:dark;--bg:#09080f;--bg-soft:#100e17;--panel:#191522b8;--panel-strong:#16131f;--line:#ffdcc417;--line-strong:#ffc4a033;--text:#f7f0ea;--text-soft:#d9cdd0;--muted:#a39aa9;--faint:#6f6678;--amber:#ffb070;--amber-soft:#ffd2a6;--rose:#ff7d97;--lavender:#a98bff;--lavender-soft:#cdbbff;--mint:#8fe3c9;--accent-grad:linear-gradient(100deg, var(--amber-soft) 0%, var(--amber) 28%, var(--rose) 62%, var(--lavender-soft) 100%);--shadow:0 30px 90px #00000080;--radius:20px;--mono:"JetBrains Mono", "SFMono-Regular", "Cascadia Code", "Liberation Mono", monospace;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{min-width:320px;color:var(--text);background:radial-gradient(60rem 36rem at 12% -12%, #ff965a1c, transparent 70%), radial-gradient(52rem 34rem at 92% -4%, #966eff1f, transparent 70%), var(--bg);font-family:var(--sans);-webkit-font-smoothing:antialiased;background-repeat:no-repeat;margin:0;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:var(--amber-soft)}:focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-radius:6px}::selection{color:#1a0d07;background:var(--amber)}img,video{max-width:100%}.shell{width:min(1180px,100% - 40px);margin:0 auto}.skip-link{z-index:100;background:var(--amber);color:#1a0d07;border-radius:10px;padding:8px 14px;font-weight:700;position:absolute;top:-60px;left:12px}.skip-link:focus{color:#1a0d07;top:12px}.site-header{z-index:30;border-bottom:1px solid var(--line);backdrop-filter:blur(18px)saturate(140%);background:#09080fb8;position:sticky;top:0}.nav{align-items:center;gap:28px;min-height:66px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:11px;margin-right:auto;font-weight:760;display:inline-flex}.brand:hover{color:var(--text)}.brand-mark{color:#1d0f12;background:linear-gradient(140deg, var(--amber-soft), var(--amber) 40%, var(--rose));width:28px;height:28px;font:800 13px/1 var(--mono);border-radius:9px;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #ffffff2e,0 6px 20px #ff8c6e40}.nav-links{color:var(--text-soft);align-items:center;gap:22px;font-size:.92rem;display:flex}.nav-links a[aria-current=page]{color:var(--amber-soft)}.nav-github{border:1px solid var(--line-strong);background:#ffffff08;border-radius:999px;align-items:center;gap:7px;padding:7px 13px;display:inline-flex}.nav-github svg{width:15px;height:15px}main{min-height:calc(100vh - 160px)}.eyebrow{color:var(--amber-soft);font:700 .74rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 16px;display:inline-flex}.eyebrow:before,.pip{content:"";background:var(--amber);border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 0 3px #ffb07024,0 0 14px #ffb070b3}h1,h2,h3{letter-spacing:-.035em;text-wrap:balance;line-height:1.08}h1{font-size:clamp(2.6rem,6.4vw,5.6rem)}h2{font-size:clamp(1.8rem,3.8vw,3rem)}h3{letter-spacing:-.02em;font-size:1.16rem}p{text-wrap:pretty}.lede{max-width:680px;color:var(--text-soft);font-size:clamp(1.05rem,1.9vw,1.22rem)}.gradient-text{background:var(--accent-grad);color:#0000;-webkit-background-clip:text;background-clip:text}.button-row{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.button{border:1px solid var(--line-strong);min-height:46px;color:var(--text);background:#ffffff09;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 19px;font-weight:650;transition:border-color .16s,background .16s,transform .16s;display:inline-flex}.button:hover{color:var(--text);background:#ffffff0f;border-color:#ffc4a066;transform:translateY(-1px)}.button.primary{color:#22110c;background:linear-gradient(110deg, var(--amber-soft), var(--amber) 55%, #ff9a7e);border-color:#0000;box-shadow:0 10px 32px #ff966438,inset 0 0 0 1px #fff3}.button.primary:hover{color:#22110c;filter:brightness(1.05)}.hero{text-align:center;padding:clamp(64px,9vw,112px) 0 40px}.hero .eyebrow{justify-content:center}.hero h1{max-width:980px;margin:0 auto 24px}.hero .lede{margin:0 auto}.hero .button-row{justify-content:center}.stage{margin-top:clamp(48px,7vw,76px);position:relative}.stage:before{content:"";z-index:-1;filter:blur(40px);background:radial-gradient(50% 45% at 30% 60%,#ff965a38,#0000 70%),radial-gradient(45% 45% at 75%,#966eff2e,#0000 70%);position:absolute;inset:8% -6% -10%}.hour-frame{border:1px solid var(--line-strong);box-shadow:var(--shadow);background:linear-gradient(160deg,#ffbe9614,#a98bff14);border-radius:26px;margin:0;padding:10px;position:relative}.hour-frame video,.hour-frame img{aspect-ratio:16/9;background:#120f1a;border-radius:17px;width:100%;height:auto;display:block}.hour-bar{color:var(--muted);font:.72rem/1.35 var(--mono);justify-content:space-between;align-items:center;gap:16px;padding:12px 8px 4px;display:flex}.hours{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.hours li{color:var(--faint);border:1px solid #0000;border-radius:999px;align-items:center;gap:7px;padding:5px 10px;transition:color .6s,border-color .6s,background .6s;display:inline-flex}.hours li:before{content:"";border:1px solid;border-radius:50%;width:6px;height:6px;transition:background .6s,box-shadow .6s}.hours li.is-active{color:var(--text);border-color:var(--line-strong);background:#ffffff0a}.hours li.is-active:before{background:var(--hour,var(--amber));box-shadow:0 0 10px var(--hour,var(--amber));border-color:#0000}.hours li[data-hour=golden]{--hour:#ffcf8a}.hours li[data-hour=afterglow]{--hour:var(--amber)}.hours li[data-hour=blue]{--hour:#ff9ec0}.hours li[data-hour=night]{--hour:#a9c1ff}.hour-tag{white-space:nowrap}.section{padding:clamp(56px,8vw,96px) 0}.section-head{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:end;gap:24px 48px;margin-bottom:34px;display:grid}.section-head h2{margin:0}.section-head p{color:var(--muted);margin:0}.metrics{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:56px;display:grid}.metric{text-align:left;padding:22px 20px}.metric+.metric{border-left:1px solid var(--line)}.metric strong{letter-spacing:-.01em;font-size:1.02rem;display:block}.metric span{color:var(--muted);font-size:.86rem}.card-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(160deg,#1e1928cc,#100e16cc);min-height:190px;padding:24px;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg,#0000,#ffd2aa59,#0000);height:1px;position:absolute;inset:0 18px auto}.card .kicker{color:var(--amber);font:700 .7rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}.card h3{margin:16px 0 10px}.card p{color:var(--muted);margin:0}.card-icon{border:1px solid var(--line-strong);width:38px;height:38px;color:var(--amber-soft);background:#ffb0700f;border-radius:11px;place-items:center;margin-bottom:18px;display:grid}.card-icon svg{width:19px;height:19px}.card-icon+h3{margin-top:0}.rices{grid-template-columns:1fr 1fr;gap:16px;display:grid}.rice{border:1px solid var(--line);background:var(--panel);border-radius:24px;flex-direction:column;transition:border-color .2s,transform .2s;display:flex;overflow:hidden}.rice:hover{color:inherit;border-color:var(--line-strong);transform:translateY(-2px)}.rice img{aspect-ratio:16/9;object-fit:cover;border-bottom:1px solid var(--line);width:100%;height:auto;display:block}.rice-body{gap:8px;padding:22px 24px 24px;display:grid}.rice-body h3{align-items:center;gap:10px;margin:0;font-size:1.35rem;display:flex}.rice-body p{color:var(--muted);margin:0}.rice-meta{color:var(--faint);font:.74rem/1.4 var(--mono);margin-top:6px}.rice.neon .pip{background:#28e6ff;box-shadow:0 0 0 3px #28e6ff24,0 0 14px #28e6ffb3}.code-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.code-window{border:1px solid var(--line);box-shadow:var(--shadow);background:#0d0b13;border-radius:16px;overflow:hidden}.code-title{border-bottom:1px solid var(--line);color:var(--faint);font:.72rem/1.4 var(--mono);align-items:center;gap:8px;padding:11px 15px;display:flex}.code-title:before{content:"";background:#3a3244;border-radius:50%;width:7px;height:7px;margin-right:30px;box-shadow:11px 0 #3a3244,22px 0 #3a3244}.code-window pre,pre{color:#ece0dc;font:.86rem/1.7 var(--mono);margin:0;padding:19px 20px;overflow-x:auto;background:#0d0b13!important}code{font-family:var(--mono)}:not(pre)>code{color:var(--amber-soft);background:#ffb07012;border:1px solid #ffc4a024;border-radius:6px;padding:.14em .42em;font-size:.86em}.page-hero{border-bottom:1px solid var(--line);padding:clamp(60px,8vw,92px) 0 46px}.page-hero h1{margin:0 0 20px;font-size:clamp(2.4rem,5.6vw,4.6rem)}.page-content{padding:54px 0 96px}.two-col{grid-template-columns:.9fr 1.1fr;align-items:start;gap:42px;display:grid}.stack{gap:16px;display:grid}.steps{counter-reset:steps;gap:12px;display:grid}.step{counter-increment:steps;border:1px solid var(--line);background:var(--panel);border-radius:16px;grid-template-columns:42px 1fr;gap:14px;padding:22px;display:grid}.step:before{content:counter(steps, decimal-leading-zero);border:1px solid var(--line-strong);width:34px;height:34px;color:var(--amber-soft);font:700 .76rem/1 var(--mono);border-radius:10px;place-items:center;display:grid}.step h3{margin:4px 0 8px}.step p{color:var(--muted);margin:0}.demo-frame{border:1px solid var(--line-strong);box-shadow:var(--shadow);background:linear-gradient(160deg,#ffbe9612,#a98bff14);border-radius:26px;margin:0;padding:10px}.demo-frame img,.demo-frame video{border-radius:17px;width:100%;height:auto;display:block}.demo-frame figcaption{color:var(--muted);font:.74rem/1.4 var(--mono);padding:12px 8px 4px}.phase-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.phase{border:1px solid var(--line);background:var(--panel);border-radius:16px;margin:0;overflow:hidden}.phase img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.phase figcaption{align-items:center;gap:8px;padding:11px 13px;font-size:.86rem;display:flex}.phase figcaption span{color:var(--muted)}.phase .dot{background:var(--c);width:7px;height:7px;box-shadow:0 0 10px var(--c);border-radius:50%}.shortcuts{border-collapse:separate;border-spacing:0;border:1px solid var(--line);background:var(--panel);border-radius:16px;width:100%;overflow:hidden}.shortcuts th,.shortcuts td{border-bottom:1px solid var(--line);text-align:left;padding:13px 16px}.shortcuts th{color:var(--faint);font:650 .72rem/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase}.shortcuts tr:last-child td{border-bottom:0}.shortcuts td:last-child{color:var(--text-soft)}kbd{min-width:1.9em;color:var(--amber-soft);font:600 .8rem/1.3 var(--mono);text-align:center;background:#ffffff0a;border:1px solid #ffd2b433;border-bottom-width:2px;border-radius:7px;padding:3px 8px;display:inline-block}.notice{color:#b9d6cc;background:#8fe3c90d;border:1px solid #8fe3c933;border-radius:14px;padding:18px 20px}.cta{border:1px solid var(--line-strong);background:radial-gradient(80% 120% at 0% 100%, #ff965a29, transparent 60%), radial-gradient(70% 120% at 100% 0%, #966eff29, transparent 60%), var(--panel-strong);border-radius:28px;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:clamp(28px,5vw,52px);display:grid;position:relative;overflow:hidden}.cta h2{margin:0 0 12px}.cta p{color:var(--text-soft);margin:0}.docs-index{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.doc-link{border:1px solid var(--line);background:var(--panel);border-radius:18px;gap:8px;padding:23px 24px;transition:border-color .16s,transform .16s;display:grid}.doc-link:hover{color:inherit;border-color:var(--line-strong);transform:translateY(-1px)}.doc-link strong{justify-content:space-between;align-items:center;font-size:1.08rem;display:flex}.doc-link strong:after{content:"→";color:var(--amber);font-weight:400}.doc-link span{color:var(--muted);font-size:.94rem}.docs-shell{grid-template-columns:210px minmax(0,1fr) 200px;gap:44px;padding:52px 0 96px;display:grid}.docs-sidebar,.docs-toc{align-self:start;max-height:calc(100vh - 120px);position:sticky;top:96px;overflow-y:auto}.docs-sidebar .label,.docs-toc .label{color:var(--faint);font:700 .68rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;margin-bottom:13px}.docs-sidebar nav{gap:3px;display:grid}.docs-sidebar a{color:var(--muted);border-radius:9px;padding:8px 11px;font-size:.9rem}.docs-sidebar a.active{color:var(--amber-soft);box-shadow:inset 2px 0 0 var(--amber);background:#ffb07014}.docs-article{min-width:0;max-width:780px}.docs-article>:first-child{margin-top:0}.docs-article h1{margin:0 0 26px;font-size:clamp(2.1rem,5vw,3.6rem)}.docs-article h2{border-top:1px solid var(--line);margin:56px 0 18px;padding-top:26px;scroll-margin-top:90px;font-size:1.7rem}.docs-article h3{margin:34px 0 12px;scroll-margin-top:90px;font-size:1.2rem}.docs-article p,.docs-article li{color:var(--text-soft)}.docs-article a{color:var(--amber-soft);text-underline-offset:3px;text-decoration:underline #ffb07059}.docs-article ul,.docs-article ol{padding-left:1.3rem}.docs-article pre{border:1px solid var(--line);border-radius:14px}.docs-article blockquote{border-left:2px solid var(--lavender);color:var(--muted);margin:24px 0;padding:2px 0 2px 18px}.docs-article table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}.docs-article th,.docs-article td{border:1px solid var(--line);text-align:left;white-space:nowrap;padding:10px 13px}.docs-article th{color:var(--faint);font-weight:650}.docs-article img{border-radius:14px;max-width:100%}.docs-toc nav{gap:8px;display:grid}.docs-toc a{color:var(--faint);font-size:.79rem;line-height:1.35}.docs-toc a:hover{color:var(--amber-soft)}.docs-toc a.depth-3{padding-left:12px}.site-footer{border-top:1px solid var(--line);color:var(--muted);margin-top:40px}.footer-inner{grid-template-columns:1.4fr repeat(3,1fr);gap:32px;padding:48px 0 28px;font-size:.88rem;display:grid}.footer-inner .brand{margin-bottom:12px}.footer-inner p{max-width:320px;color:var(--faint);margin:0}.footer-col h4{color:var(--text-soft);font:700 .7rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;margin:4px 0 12px}.footer-col ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.footer-base{border-top:1px solid var(--line);color:var(--faint);font:.74rem/1.4 var(--mono);justify-content:space-between;gap:16px;padding:18px 0 28px;display:flex}@media (width<=960px){.two-col,.code-grid,.rices,.cta{grid-template-columns:1fr}.card-grid{grid-template-columns:1fr 1fr}.section-head{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.metric:nth-child(3){border-left:0}.metric:nth-child(n+3){border-top:1px solid var(--line)}.phase-grid{grid-template-columns:1fr 1fr}.docs-shell{grid-template-columns:190px minmax(0,1fr)}.docs-toc{display:none}.footer-inner{grid-template-columns:1fr 1fr}}@media (width<=720px){.shell{width:min(100% - 28px,1180px)}.nav{gap:14px;min-height:60px}.nav-links{gap:14px;font-size:.85rem}.nav-links .optional,.nav-github span{display:none}.nav-github{padding:7px 9px}.hero{text-align:left}.hero .eyebrow,.hero .button-row{justify-content:flex-start}.card-grid,.docs-index{grid-template-columns:1fr}.hour-bar{flex-direction:column;align-items:flex-start}.hour-tag{display:none}.docs-shell{grid-template-columns:1fr;gap:24px;padding-top:28px}.docs-sidebar{max-height:none;padding-bottom:8px;position:static;overflow-x:auto}.docs-sidebar nav{width:max-content;display:flex}.docs-sidebar .label{display:none}.footer-inner{grid-template-columns:1fr;gap:26px}.footer-base{flex-direction:column}}@media (width<=480px){.nav{flex-wrap:wrap;gap:8px;padding-block:10px}.nav-links{justify-content:space-between;gap:8px;width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}.doc-pager{border-top:1px solid var(--line);justify-content:space-between;gap:14px;margin-top:64px;padding-top:26px;display:flex}.doc-pager a{border:1px solid var(--line);background:var(--panel);border-radius:14px;gap:2px;min-width:200px;padding:14px 18px;font-weight:650;display:grid;color:var(--text)!important;text-decoration:none!important}.doc-pager a:hover{border-color:var(--line-strong)}.doc-pager a span{color:var(--faint);font:.7rem/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;font-weight:400}.doc-pager a.next{text-align:right}
