:root{--page:#050505;--bg:#0a0a0a;--surface:#111;--raised:#1a1a1a;--line:#ffffff14;--line2:#ffffff24;--text:#ffffffeb;--text2:#ffffff94;--text3:#ffffff52;--ember:#ff3b1f;--ember-hot:#ff5a1f;--ember-deep:#8d201b;--ember-glow:#ff3b1f61;--green:#3ddc97;--amber:#ffc24b;--teal:#3fd5e0;--sans:"Geist", "Noto Sans JP", ui-sans-serif, system-ui, sans-serif;--mono:"Geist Mono", ui-monospace, "SFMono-Regular", monospace;--dot:"Doto", "Geist Mono", monospace;--gutter:clamp(16px, 4vw, 48px);--ease:cubic-bezier(.22, 1, .36, 1);--ease-io:cubic-bezier(.65, 0, .35, 1);--r:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{background:var(--page);-webkit-text-size-adjust:100%;overflow-x:clip}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--page);color:var(--text);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;overflow-x:clip}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}code,.mono{font-family:var(--mono);font-size:.9em}p code,li code,h3 code{color:var(--text);border:1px solid var(--line);white-space:nowrap;background:#ffffff0d;border-radius:4px;padding:.05em .35em;font-size:.82em}::selection{background:var(--ember);color:#000}:focus-visible{outline:1.5px solid var(--ember);outline-offset:3px;border-radius:4px}kbd{min-width:1.7em;height:1.55em;font:500 .72em/1 var(--mono);letter-spacing:.02em;color:var(--text);border:1px solid var(--line2);vertical-align:.12em;text-transform:uppercase;background:linear-gradient(#1d1d1d,#141414);border-bottom-width:2px;border-radius:5px;justify-content:center;align-items:center;margin:0 .12em;padding:0 .42em;display:inline-flex}.sr-only,.skip:not(:focus){clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip:focus{z-index:100;background:var(--ember);color:#000;border-radius:6px;padding:8px 12px;position:fixed;top:8px;left:8px}.wrap{width:100%;max-width:1280px;padding:0 var(--gutter);margin:0 auto}.sq{background:var(--ember);vertical-align:.05em;width:8px;height:8px;box-shadow:0 0 12px var(--ember-glow);margin-right:8px;display:inline-block}.stat b,.mc-stat b,.lock-time,.batt-num,.outro-word,.ph-lock b,.mini .clk,.mini-cc .big{font-variation-settings:"ROND" 100}.grain{z-index:90;pointer-events:none;opacity:.075;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:.9s steps(6,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-4%)}60%{transform:translate(-4%,-1%)}80%{transform:translate(3%,3%)}to{transform:translate(0)}}.bar{z-index:50;height:34px;font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text2);-webkit-backdrop-filter:blur(14px)saturate(1.2);border-bottom:1px solid var(--line);animation:barIn .9s var(--ease) .35s forwards;background:#050505b8;align-items:center;gap:18px;padding:0 14px;display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(-100%)}@keyframes barIn{to{transform:none}}.bar-logo{color:var(--text);letter-spacing:.12em;align-items:center;font-weight:600;display:inline-flex}.bar-chapter{color:var(--text3);min-width:9.5em}.bar-nav{gap:2px;margin:0 auto;display:flex}.bar-nav a{border-radius:5px;padding:6px 10px;transition:color .2s,background .2s}.bar-nav a:hover{color:var(--text);background:#ffffff0f}.bar-nav a.on{color:var(--text)}.bar-right{align-items:center;gap:16px;display:flex}.bar-usage{color:var(--text);background:#ffffff0f;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;display:inline-flex}.bar-usage i{color:var(--text2);font-style:normal}.ring{width:13px;height:13px;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:2.4px}.ring-bg{stroke:#ffffff2e;stroke-dasharray:1.4 1.4}.ring-fg{stroke:var(--text);stroke-dasharray:37.7;stroke-dashoffset:34px;transition:stroke-dashoffset 1s var(--ease), stroke .3s}.meter{align-items:stretch;gap:1.5px;height:10px;display:inline-flex}.meter i{background:#ffffff38;width:2.5px}.meter i.on{background:var(--text)}.bar-stat{align-items:center;gap:6px;display:inline-flex}.bar-stat b,.bar-usage b{color:var(--text);font-weight:600}.bar-clock{color:var(--text)}.bar-gh{color:var(--text2);transition:color .2s;display:inline-flex}.bar-gh:hover{color:var(--text)}.bar-gh svg{width:15px;height:15px}@media (max-width:1100px){.bar-stat{display:none}}@media (max-width:860px){.bar-nav,.bar-usage{display:none}.bar-chapter{margin-right:auto}}@media (max-width:420px){.bar-clock{display:none}}.btn{height:46px;font:500 14.5px/1 var(--sans);letter-spacing:-.005em;white-space:nowrap;transition:transform .5s var(--ease), background .3s, border-color .3s, box-shadow .4s;border-radius:999px;align-items:center;gap:10px;padding:0 20px;display:inline-flex;position:relative}.btn:active{transform:scale(.97)}.btn .arr{transition:transform .4s var(--ease)}.btn:hover .arr{transform:translate(4px)}.btn-ember{background:var(--ember);color:#0c0201;box-shadow:0 0 0 1px #ff785a66 inset, 0 10px 40px -10px var(--ember-glow)}.btn-ember:hover{box-shadow:inset 0 0 0 1px #ffa08299,0 14px 60px -8px #ff3b1f99}.btn-ghost{border:1px solid var(--line2);color:var(--text);background:#ffffff05}.btn-ghost:hover{background:#ffffff0d;border-color:#ffffff4d}.hero{height:100vh;isolation:isolate;height:100svh;min-height:620px;position:relative;overflow:hidden}.hero-canvas{z-index:-2;touch-action:pan-y;width:100%;height:100%;position:absolute;inset:0}.hero-vignette{z-index:-1;pointer-events:none;background:radial-gradient(120% 80% at 50% 115%,#8d201b52,#0000 60%),radial-gradient(90% 70% at 50% 45%,#0000 40%,#050505d9 100%);position:absolute;inset:0}.hero-inner{pointer-events:none;flex-direction:column;height:100%;padding-top:72px;padding-bottom:40px;display:flex}.hero-inner a,.hero-inner button{pointer-events:auto}.eyebrow{font:500 11px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text2);align-items:center;gap:10px;margin:0;display:flex}.dot-live{background:var(--ember);width:6px;height:6px;box-shadow:0 0 10px var(--ember);border-radius:50%;animation:2.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35}}.hero-word{flex:1}.hero-foot{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:40px;display:flex}.hero-lede{max-width:33em;color:var(--text2);margin:0;font-size:clamp(15px,1.25vw,17.5px);line-height:1.55}.hero-lede .hl{color:var(--text);letter-spacing:-.03em;margin-bottom:14px;font-size:clamp(24px,2.6vw,36px);font-weight:500;line-height:1.12;display:block}.hero-lede code{color:var(--ember);font-size:.92em}.hero-cta{flex-wrap:wrap;gap:10px;display:flex}.hero-cta.center{justify-content:center}.scroll-cue{font:500 9.5px/1 var(--mono);letter-spacing:.3em;color:var(--text3);flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.scroll-cue i{background:linear-gradient(var(--text3), transparent);width:1px;height:34px;position:relative;overflow:hidden}.scroll-cue i:after{content:"";background:var(--ember);width:1px;height:40%;animation:cue 2s var(--ease-io) infinite;position:absolute;top:-40%;left:0}@keyframes cue{to{top:110%}}@media (max-width:860px){.scroll-cue{display:none}.hero-foot{gap:22px}}.hero-eyebrow,.hero-lede,.hero-cta{opacity:0;animation:rise 1.1s var(--ease) forwards;transform:translateY(14px)}.hero-eyebrow{animation-delay:.5s}.hero-lede{animation-delay:1.15s}.hero-cta{animation-delay:1.3s}@keyframes rise{to{opacity:1;transform:none}}.screen{padding:40px 0 120px;position:relative;overflow-x:clip}.screen-frame{perspective:1400px;max-width:760px;margin:0 auto;position:relative}.screen-frame img{border:1px solid var(--line2);transform-origin:50% 0;will-change:transform;border-radius:12px;width:100%;box-shadow:0 40px 120px -30px #000000e6,0 0 0 1px #0009}.screen-glow{filter:blur(40px);z-index:-1;background:radial-gradient(50% 50% at 50% 70%,#ff3b1f38,#0000 70%);position:absolute;inset:10% -10% -10%}figcaption{color:var(--text3);text-align:center;margin-top:14px;font-size:13px}figcaption .mono{color:var(--text2);text-transform:uppercase;letter-spacing:.1em;margin-right:4px;font-size:10.5px}.stats{background:var(--line);border:1px solid var(--line);border-radius:var(--r);grid-template-columns:repeat(4,1fr);gap:1px;margin-top:110px;display:grid;overflow:hidden}.stat{background:var(--page);flex-direction:column;gap:12px;padding:30px 26px 28px;display:flex}.stat b{font:800 clamp(54px, 6vw, 84px)/.9 var(--dot);color:var(--text);letter-spacing:-.02em}.stat:last-child b{color:var(--ember);text-shadow:0 0 30px var(--ember-glow)}.stat span{color:var(--text2);max-width:17em;font-size:14px}@media (max-width:860px){.stats{grid-template-columns:1fr 1fr;margin-top:70px}.stat{padding:22px 18px}}.chapter{padding:clamp(90px,13vw,170px) 0;position:relative}.chapter:before{content:"";top:0;left:var(--gutter);right:var(--gutter);max-width:calc(1280px - 2 * var(--gutter));background:linear-gradient(90deg, transparent, var(--line2) 20%, var(--line2) 80%, transparent);height:1px;margin:0 auto;position:absolute}.chapter-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(32px,5vw,80px);display:grid}.chapter-flip .chapter-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.chapter-flip .chapter-copy{order:2}.chapter-head{max-width:760px;margin-bottom:clamp(40px,5vw,64px)}.chapter-head.center{text-align:center;margin-left:auto;margin-right:auto}.num{font:500 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ember);margin:0 0 22px}.num span{color:var(--text3)}.title{font:500 clamp(36px, 4.6vw, 64px)/1.02 var(--sans);letter-spacing:-.045em;color:var(--text);text-wrap:balance;margin:0 0 24px}.title em{color:var(--text3);font-style:normal}.title .ln{margin-bottom:-.08em;padding-bottom:.08em;display:block;overflow:hidden}.title .ln>span{will-change:transform;display:inline-block}.body{color:var(--text2);max-width:36em;margin:0 0 28px;font-size:clamp(15.5px,1.2vw,17px);line-height:1.65}.chapter-head.center .body{margin-left:auto;margin-right:auto}.body em{color:var(--text);font-style:normal}.facts{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.facts li{border-bottom:1px solid var(--line);color:var(--text2);grid-template-columns:7.2em 1fr;gap:14px;padding:12px 0;font-size:14px;display:grid}.facts li>span:first-child{font:500 10.5px/1.9 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text3)}.facts em{color:var(--text);font-style:italic}.facts .v{min-width:0}@media (max-width:960px){.chapter-grid,.chapter-flip .chapter-grid{grid-template-columns:1fr}.chapter-flip .chapter-copy{order:0}}.demo{background:var(--bg);border:1px solid var(--line);border-radius:16px;min-width:0;position:relative;overflow:hidden;box-shadow:0 50px 120px -40px #000000f2,0 0 0 1px #00000080}.demo-label{z-index:6;font:500 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text3);position:absolute}.d-bar{height:26px;font:500 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text2);border-bottom:1px solid var(--line);background:#070707;align-items:center;gap:10px;padding:0 12px;display:flex}.d-bar .sp{flex:1}.d-bar .sq{width:6px;height:6px;margin-right:0}.hint{font:500 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text3)}.chip{height:30px;font:500 12.5px/1 var(--sans);color:var(--text);border:1px solid var(--line);transition:background .2s, border-color .2s, transform .4s var(--ease), opacity .4s var(--ease);white-space:nowrap;background:#ffffff0f;border-radius:7px;align-items:center;gap:7px;padding:0 12px;display:inline-flex}.chip:hover{border-color:var(--line2);background:#ffffff1a}.chip.hot{color:var(--ember);background:#ff3b1f14;border-color:#ff3b1f59}.chip.done{color:var(--green)}.chip svg{flex:none;width:13px;height:13px}.demo-ask{aspect-ratio:16/11;-webkit-user-select:none;user-select:none}.ask-screen{background:radial-gradient(80% 60% at 70% 100%,#8d201b2e,#0000 70%),#0b0b0b;position:absolute;inset:26px 0 0;overflow:hidden}.ask-win{border:1px solid var(--line);background:#111;border-radius:8px;position:absolute;overflow:hidden;box-shadow:0 20px 50px -20px #000}.ask-win .wt{border-bottom:1px solid var(--line);height:22px;font:500 9.5px/1 var(--mono);color:var(--text3);letter-spacing:.06em;align-items:center;gap:5px;padding:0 9px;display:flex}.ask-win .wt i{background:#2a2a2a;border-radius:50%;width:7px;height:7px}.ask-win .wt i:first-child{background:var(--ember)}.ask-win .wt span{margin-left:6px}.w-term{width:55%;height:50%;top:6%;left:4%}.w-term pre{font:400 clamp(8.5px, .9vw, 11px)/1.6 var(--mono);color:#cfcac6;white-space:pre-wrap;margin:0;padding:10px 12px}.w-term .e{color:#ff6b55;font-weight:600}.w-term .d{color:var(--text3)}.w-term .b{color:#7aa7ff}.w-term .y{color:var(--amber)}.w-table{width:34%;top:10%;right:4%}.w-table table{border-collapse:collapse;width:100%;font:400 clamp(8.5px, .85vw, 10.5px)/1 var(--mono);color:var(--text2)}.w-table th,.w-table td{text-align:right;border-bottom:1px solid var(--line);padding:7px 9px}.w-table th:first-child,.w-table td:first-child{text-align:left}.w-table th{color:var(--text3);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.w-table td.hot{color:var(--ember)}.w-poster{background:#0a0a0a;align-items:center;gap:6%;width:42%;height:30%;padding:0 6%;display:flex;bottom:7%;left:8%}.w-poster .sun{aspect-ratio:1;background:var(--ember);width:clamp(34px,6vw,70px);box-shadow:0 0 40px var(--ember-glow);border-radius:50%;flex:none}.w-poster .jp{font:700 clamp(15px, 2.2vw, 28px)/1.1 "Noto Sans JP", var(--sans);color:var(--text);letter-spacing:.08em}.w-poster .jp small{font:500 clamp(7px, .7vw, 9px)/1.6 var(--mono);color:var(--text3);letter-spacing:.2em;margin-top:6px;display:block}.w-notes{width:36%;height:30%;color:var(--text2);padding:12px 14px;font-size:clamp(9px,.95vw,12px);line-height:1.6;bottom:9%;right:6%}.w-notes b{color:var(--text);margin-bottom:4px;display:block}.ask-freeze{pointer-events:none;background:#0000006b;transition:background .5s;position:absolute;inset:0}.ask-canvas{cursor:crosshair;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.ask-pill{z-index:4;border:1px solid var(--line2);height:30px;font:500 11.5px/1 var(--sans);color:var(--text);white-space:nowrap;transition:opacity .4s, transform .5s var(--ease);pointer-events:none;background:#080808e6;border-radius:999px;align-items:center;gap:8px;padding:0 14px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.ask-pill .dot-live{width:5px;height:5px}.ask-pill.gone{opacity:0;transform:translate(-50%,-8px)}.ask-card{z-index:5;border:1px solid var(--line2);opacity:0;transform-origin:0 0;width:min(320px,70%);max-height:78%;transition:opacity .35s var(--ease), transform .55s var(--ease);pointer-events:none;background:#0e0d0cf7;border-radius:12px;flex-direction:column;display:flex;position:absolute;transform:translateY(10px)scale(.97);box-shadow:0 30px 80px -20px #000,0 0 0 1px #000}.ask-card.on{opacity:1;pointer-events:auto;transform:none}.ask-head{border-bottom:1px solid var(--line);font:500 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text3);align-items:center;gap:8px;padding:10px 12px;display:flex}.ask-head b{color:var(--text);font-weight:600}.ask-head .sp{flex:1}.ask-glyph{width:14px;height:14px;color:var(--ember)}.ask-body{min-height:0;color:var(--text);flex:auto;min-height:60px;padding:12px 14px 4px;font-size:13px;line-height:1.6;overflow:auto}.ask-body p{margin:0 0 8px}.ask-body code{background:#ffffff14;border-radius:4px;padding:1px 5px;font-size:11.5px}.ask-body .caret{background:var(--ember);vertical-align:-2px;width:7px;height:14px;margin-left:2px;animation:.9s steps(2,end) infinite pulse;display:inline-block}.ask-chips{flex-wrap:wrap;gap:6px;padding:8px 12px 10px;display:flex}.ask-chips .chip{opacity:0;height:26px;padding:0 9px;font-size:11.5px;transform:translateY(5px)}.ask-chips .chip.in{opacity:1;transform:none}.ask-follow{border:1px solid var(--line);height:32px;color:var(--text3);border-radius:8px;align-items:center;margin:0 12px 12px;padding:0 10px;font-size:12px;display:flex}.ask-agents{flex-wrap:wrap;gap:6px;padding:0 12px 10px;display:flex}.ask-agents .chip{height:24px;font:500 11px/1 var(--mono)}.ask-reset{z-index:6;position:absolute;bottom:12px;right:12px}@media (max-width:640px){.demo-ask{aspect-ratio:3/4}.w-term{width:88%;height:34%;top:5%;left:6%}.w-table{width:50%;top:42%;left:6%;right:auto}.w-notes{width:34%;height:22%;top:42%;bottom:auto;right:6%}.w-poster{width:88%;height:24%;bottom:5%;left:6%}.ask-card{width:88%}}.demo-voice{flex-direction:column;min-height:520px;padding:0;display:flex}.v-stage{background:radial-gradient(70% 60% at 50% 110%,#8d201b38,#0000 70%);flex-direction:column;flex:1;gap:18px;padding:26px;display:flex;position:relative}.v-field{border:1px solid var(--line);min-height:150px;color:var(--text);background:#0e0e0e;border-radius:10px;padding:16px 18px;font-size:15px;line-height:1.6;position:relative}.v-field .ph{color:var(--text3)}.v-field .lbl{background:var(--bg);font:500 9.5px/1.8 var(--mono);letter-spacing:.12em;color:var(--text3);text-transform:uppercase;padding:0 6px;position:absolute;top:-9px;left:12px}.v-field .w{opacity:0;filter:blur(4px);transition:opacity .35s,filter .35s;display:inline}.v-field .w.in{opacity:1;filter:none}.v-field .cursor{background:var(--ember);vertical-align:-.18em;width:1.5px;height:1.1em;animation:1s steps(2,end) infinite pulse;display:inline-block}.v-pill{border:1px solid var(--line2);height:46px;font:500 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text2);background:#060606;border-radius:6px;align-self:stretch;align-items:center;gap:12px;min-width:min(360px,100%);padding:0 16px;transition:border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.v-pill.rec{box-shadow:0 0 40px -10px var(--ember-glow);border-color:#ff3b1f99}.v-pill .rd{background:var(--text3);border-radius:50%;flex:none;width:7px;height:7px}.v-pill.rec .rd{background:var(--ember);box-shadow:0 0 8px var(--ember);animation:1s infinite pulse}.v-pill>span:nth-child(2){white-space:nowrap;text-overflow:ellipsis;max-width:64%;overflow:hidden}.v-pill canvas{flex:1;min-width:36px;height:24px}.v-pill .t{color:var(--text);text-align:right;min-width:3.2em}.v-pill .sweep{background:var(--ember);opacity:0;width:30%;height:1.5px;position:absolute;bottom:0;left:0}.v-pill.tx .sweep{opacity:1;animation:sweep .9s var(--ease-io) infinite}@keyframes sweep{0%{transform:translate(-100%)}to{transform:translate(340%)}}.v-pill .tidy{border:1px solid var(--line2);border-radius:3px;padding:3px 5px;font-size:9px}.v-pill .tidy.on{color:var(--ember);border-color:#ff3b1f73}.v-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;display:flex}.v-hold{border:1px solid var(--line2);touch-action:none;-webkit-user-select:none;user-select:none;width:104px;height:104px;transition:transform .4s var(--ease), border-color .3s, box-shadow .3s;background:radial-gradient(circle at 50% 35%,#1d1d1d,#0d0d0d);border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 14px 40px -14px #000,inset 0 1px #ffffff12}.v-hold svg{width:30px;height:30px;color:var(--text);transition:color .3s}.v-hold:before{content:"";transition:border-color .3s, transform .6s var(--ease);border:1px solid #ff3b1f00;border-radius:50%;position:absolute;inset:-8px}.v-hold.down{box-shadow:0 0 60px -10px var(--ember-glow), inset 0 0 30px #ff3b1f1f;border-color:#ff3b1fb3;transform:scale(.95)}.v-hold.down svg{color:var(--ember)}.v-hold.down:before{border-color:#ff3b1f59;transform:scale(1.12)}.v-hold-lbl{color:var(--text2);flex-direction:column;gap:8px;font-size:13px;display:flex}.v-hold-lbl b{color:var(--text);font-size:15px;font-weight:500}.v-toggle{font:500 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text2);align-items:center;gap:8px;display:inline-flex}.switch{background:#ffffff24;border-radius:10px;width:30px;height:17px;transition:background .3s;position:relative}.switch:after{content:"";width:13px;height:13px;transition:transform .35s var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.on>.switch,.switch.on{background:var(--ember)}.on>.switch:after,.switch.on:after{transform:translate(13px)}.v-meta{border-top:1px solid var(--line);font:500 10px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text3);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:12px 16px;display:flex}.v-meta b{color:var(--ember);font-weight:500}.v-raw{color:var(--text3);min-height:1.6em;font-size:12.5px}.v-raw s{color:var(--ember);opacity:.8}.demo-agents{background:radial-gradient(90% 70% at 50% 0,#8d201b29,#0000 70%),#080808}.mc-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;padding:22px 24px 18px;display:flex}.mc-title small{font:500 10px/1 var(--mono);letter-spacing:.14em;color:var(--text3);align-items:center;gap:6px;margin-bottom:9px;display:flex}.mc-title small i{background:var(--ember);width:6px;height:6px}.mc-title h3{font:500 clamp(18px, 2vw, 24px)/1 var(--mono);letter-spacing:.14em;color:var(--text);margin:0}.mc-stats{flex-wrap:wrap;gap:clamp(14px,2.6vw,38px);display:flex}.mc-stat{flex-direction:column;gap:6px;display:flex}.mc-stat span{font:500 9.5px/1 var(--mono);letter-spacing:.12em;color:var(--text3)}.mc-stat b{font:800 26px/1 var(--dot);color:var(--text);transition:color .3s}.mc-stat.alert b{color:var(--ember);text-shadow:0 0 18px var(--ember-glow)}.mc-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 24px 16px;display:grid}@media (max-width:1100px){.mc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.mc-grid{grid-template-columns:1fr;padding:0 14px 14px}.mc-head{padding:18px 14px 14px}}.ag{border:1px solid var(--line);min-height:230px;transition:border-color .4s, box-shadow .4s, transform .6s var(--ease), opacity .5s;background:#121212eb;border-radius:10px;flex-direction:column;gap:10px;padding:14px;display:flex;position:relative}.ag.need{border-color:#ff3b1f8c;box-shadow:0 0 0 1px #ff3b1f33,0 20px 50px -20px #ff3b1f59}.ag.enter{opacity:0;transform:translateY(16px)scale(.98)}.ag-top{font:500 10.5px/1 var(--mono);color:var(--text2);letter-spacing:.04em;align-items:center;gap:8px;display:flex}.ag-glyph{width:20px;height:20px;font:700 10px/1 var(--mono);color:#000;border-radius:5px;flex:none;place-items:center;display:grid}.ag-top b{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.ag-top .sp{flex:1}.ag-state{font:600 9px/1 var(--mono);letter-spacing:.12em;color:var(--text2);white-space:nowrap;background:#ffffff12;border-radius:3px;padding:4px 6px}.ag-state.run{color:var(--teal)}.ag-state.need{background:var(--ember);color:#000;animation:1.6s ease-in-out infinite pulse}.ag-state.done{color:var(--green)}.ag-title{color:var(--text);font-size:13.5px;font-weight:500;line-height:1.35}.ag-line{font:400 11.5px/1.55 var(--mono);color:var(--text2);-webkit-line-clamp:4;-webkit-box-orient:vertical;flex:1;display:-webkit-box;overflow:hidden}.ag-line .tool{color:var(--amber)}.ag-q{flex-direction:column;gap:8px;display:flex}.ag-q p{color:var(--text);margin:0;font-size:12.5px}.ag-q p code{background:#ffffff12;border-radius:3px;padding:1px 4px;font-size:11px}.ag-q .row{flex-wrap:wrap;gap:6px;display:flex}.ag-q .chip{height:26px;padding:0 10px;font-size:11.5px}.ag-q .chip.hot{background:var(--ember);color:#000;border-color:var(--ember)}.ag-reply{gap:6px;display:flex}.ag-reply input{border:1px solid var(--line2);min-width:0;height:26px;color:var(--text);font:400 11.5px/1 var(--sans);background:#0a0a0a;border-radius:6px;outline:none;flex:1;padding:0 8px}.ag-reply input:focus{border-color:#ff3b1f99}.ag-foot{font:500 9.5px/1 var(--mono);letter-spacing:.08em;color:var(--text3);align-items:center;gap:8px;display:flex}.ag-foot .ctx{background:#ffffff14;border-radius:2px;flex:1;height:3px;overflow:hidden}.ag-foot .ctx i{height:100%;width:calc(var(--v) * 100%);background:var(--text2);transition:width 1s var(--ease);display:block}.ag-foot .diff b{color:var(--green);font-weight:500}.ag-foot .diff s{color:var(--ember);text-decoration:none}.mc-launch{border:1px solid var(--line2);background:#0b0b0b;border-radius:9px;align-items:center;gap:10px;height:44px;margin:0 24px 22px;padding:0 14px;transition:border-color .3s;display:flex}.mc-launch:focus-within{border-color:#ff3b1f99}.mc-launch span{font:600 14px/1 var(--mono);color:var(--ember)}.mc-launch input{min-width:0;color:var(--text);font:400 13.5px/1 var(--mono);background:0 0;border:0;outline:none;flex:1}.mc-launch input::placeholder{color:var(--text3)}.mc-launch kbd{flex:none}@media (max-width:600px){.mc-launch{margin:0 14px 16px}.mc-launch kbd{display:none}}.mc-toast{z-index:5;border:1px solid var(--line2);width:min(310px,100% - 36px);transition:transform .7s var(--ease);background:#141312f7;border-radius:12px;gap:10px;padding:12px;display:flex;position:absolute;top:18px;right:18px;transform:translate(calc(100% + 30px));box-shadow:0 30px 60px -20px #000}.mc-toast.on{transform:none}.mc-toast b.ic{width:28px;height:28px;font:700 12px/1 var(--mono);color:#000;background:#d97757;border-radius:7px;flex:none;place-items:center;display:grid}.mc-toast div{min-width:0;color:var(--text2);flex:1;font-size:12px;line-height:1.4}.mc-toast div strong{color:var(--text);margin-bottom:2px;font-size:12.5px;font-weight:500;display:block}.mc-toast .acts{gap:6px;margin-top:8px;display:flex}.mc-toast .acts .chip{height:24px;padding:0 9px;font-size:11px}.usage-row{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(32px,5vw,80px);margin-top:clamp(70px,9vw,120px);display:grid}.usage-copy h3{font:500 26px/1.15 var(--sans);letter-spacing:-.03em;margin:0 0 12px}.usage-copy p{color:var(--text2);margin:0 0 24px;font-size:15px}.usage-shot img{border:1px solid var(--line2);border-radius:12px;box-shadow:0 40px 100px -30px #000}@media (max-width:960px){.usage-row{grid-template-columns:1fr}}.usage-live{border:1px solid var(--line);background:#0b0b0b;border-radius:12px;flex-direction:column;gap:14px;padding:18px;display:flex}.ul-row{font:500 11px/1 var(--mono);letter-spacing:.08em;color:var(--text2);text-transform:uppercase;align-items:center;gap:12px;display:flex}.ul-row b{color:var(--text);text-align:right;min-width:3.2em;font-weight:600}.ul-row .lab{width:5.5em}.ul-dots{flex:1;gap:2px;height:9px;display:flex}.ul-dots i{background:#ffffff1f;flex:1;transition:background .3s}.ul-dots i.on{background:var(--text)}.ul-dots.warn i.on{background:var(--ember)}.ul-range{font:500 10px/1 var(--mono);color:var(--text3);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:12px;display:flex}.ul-range input{accent-color:var(--ember);flex:1}.bento{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.tile{border-radius:var(--r);border:1px solid var(--line);background:linear-gradient(#0e0e0e,#0a0a0a);flex-direction:column;min-height:320px;transition:border-color .4s;display:flex;position:relative;overflow:hidden}.tile:hover{border-color:var(--line2)}.tile-launcher{grid-area:span 2/span 2}.tile-text{margin-top:auto;padding:18px 20px 20px}.tile-text h3{font:500 17px/1.25 var(--sans);letter-spacing:-.02em;margin:0 0 6px}.tile-text p{color:var(--text2);margin:0;font-size:13.5px;line-height:1.55}.tile-art{flex-direction:column;flex:1;justify-content:center;gap:8px;min-height:170px;padding:22px 20px 0;display:flex;position:relative}@media (max-width:1100px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.bento{grid-template-columns:1fr}.tile-launcher{grid-area:auto}.tile{min-height:0}}.tile-demo{background:radial-gradient(70% 60% at 50% 0,#8d201b33,#0000 70%);flex:1;justify-content:center;align-items:flex-start;padding:22px 20px 0;display:flex}.ln-box{border:1px solid var(--line2);background:#0c0c0cf5;border-radius:14px;width:100%;max-width:520px;overflow:hidden;box-shadow:0 30px 80px -30px #000}.ln-in{border-bottom:1px solid var(--line);align-items:center;gap:10px;height:50px;padding:0 14px;display:flex}.ln-in svg{width:17px;height:17px;color:var(--text3);flex:none}.ln-in input{min-width:0;color:var(--text);font:400 16px/1 var(--sans);background:0 0;border:0;outline:none;flex:1}.ln-in input::placeholder{color:var(--text3)}.ln-list{max-height:300px;margin:0;padding:6px;list-style:none;overflow:hidden}.ln-list li{height:40px;color:var(--text);border-radius:8px;align-items:center;gap:11px;padding:0 10px;font-size:13.5px;display:flex}.ln-list li.sel{background:#ffffff12}.ln-list li .ic{width:24px;height:24px;font:700 10px/1 var(--mono);color:#000;border-radius:6px;flex:none;place-items:center;display:grid}.ln-list li .sub{font:500 10px/1 var(--mono);color:var(--text3);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;margin-left:auto}.ln-list li .calc{font:300 22px/1 var(--sans)}.ln-tips{border-top:1px solid var(--line);flex-wrap:wrap;gap:6px;padding:10px 12px 12px;display:flex}.ln-tips button{font:500 10.5px/1 var(--mono);color:var(--text2);border:1px solid var(--line);border-radius:5px;padding:6px 8px;transition:color .2s,border-color .2s}.ln-tips button:hover{color:var(--text);border-color:var(--line2)}.art-cc{gap:8px}.cc-row{gap:8px;display:flex}.cc-tile{height:38px;color:var(--text2);background:#ffffff0f;border-radius:9px;flex:1;align-items:center;padding:0 12px;font-size:12px;display:flex}.cc-tile.on{color:var(--text);background:#ff3b1f24;box-shadow:inset 0 0 0 1px #ff3b1f4d}.cc-slider{background:#ffffff0f;border-radius:6px;height:22px;overflow:hidden}.cc-slider i{height:100%;width:calc(var(--v) * 100%);background:#ffffffd1;display:block}.cc-media{background:#ffffff0a;border-radius:9px;align-items:center;gap:10px;padding:8px;display:flex}.cc-media b{background:linear-gradient(135deg, var(--ember-deep), #000);border-radius:6px;width:30px;height:30px}.cc-media span{flex-direction:column;flex:1;gap:5px;display:flex}.cc-media em{color:var(--text2);font-size:11px;font-style:normal}.cc-media s{background:#fff3;width:70%;height:2px}.art-notif{align-content:start;padding-top:30px!important;display:grid!important}.art-notif .n-card{grid-area:1/1}.n-card{border:1px solid var(--line);z-index:3;background:#161616;border-radius:11px;align-items:center;gap:10px;padding:10px;display:flex;position:relative}.n-2{z-index:2;opacity:.55;transform:translateY(11px)scale(.94)}.n-3{z-index:1;opacity:.25;transform:translateY(21px)scale(.88)}.n-2>*,.n-3>*{opacity:0;transition:opacity .4s}.tile:hover .n-2{opacity:.9;transform:translateY(58px)scale(.98)}.tile:hover .n-3{opacity:.7;transform:translateY(114px)scale(.96)}.tile:hover .n-2>*,.tile:hover .n-3>*{opacity:1}.n-2,.n-3{transition:transform .7s var(--ease), opacity .6s}.n-ic{background:#d97757;border-radius:7px;flex:none;width:26px;height:26px}.n-ic.g{background:#2a2a2a}.n-ic.b{background:#1f3a5a}.n-card>span{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.n-card em{color:var(--text);font-size:12px;font-style:normal}.n-card s{color:var(--text3);white-space:nowrap;text-overflow:ellipsis;font-size:11px;text-decoration:none;overflow:hidden}.n-acts{flex-direction:row!important;flex:none!important;gap:4px!important;display:flex!important}.n-acts i{color:var(--text);background:#ffffff14;border-radius:5px;padding:4px 7px;font-size:10.5px;font-style:normal}.art-shot{flex-direction:row;align-items:center;gap:12px}.shot-thumb{aspect-ratio:4/3;border:1px solid var(--line2);background:linear-gradient(160deg,#1a1a1a,#090909);border-radius:8px;width:46%;position:relative;overflow:hidden}.shot-thumb i{border:1.5px dashed var(--ember);border-radius:4px;position:absolute;inset:20% 15% 30% 25%}.shot-acts{flex-direction:column;gap:4px;display:flex}.shot-acts span{color:var(--text2);background:#ffffff0d;border-radius:5px;padding:3px 8px;font-size:11px}.shot-acts span:first-child{color:#000;background:var(--text)}.art-lock{text-align:center;background:radial-gradient(60% 70% at 50% 100%,#8d201b59,#0000 70%);align-items:center}.lock-time{font:800 52px/1 var(--dot);color:var(--text);letter-spacing:.02em}.lock-date{font:500 9.5px/1 var(--mono);letter-spacing:.2em;color:var(--text2)}.lock-field{border:1px solid var(--line2);border-radius:6px;gap:6px;margin-top:12px;padding:10px 16px;display:flex}.lock-field i{background:var(--text);border-radius:50%;width:6px;height:6px}.art-batt{align-items:center}.batt{border:2px solid var(--text2);border-radius:10px;width:120px;height:52px;padding:4px;position:relative}.batt:after{content:"";background:var(--text2);border-radius:0 3px 3px 0;width:4px;height:16px;position:absolute;top:16px;right:-8px}.batt i{height:100%;width:calc(var(--v) * 100%);background:repeating-linear-gradient(90deg, var(--text) 0 9px, transparent 9px 12px);border-radius:5px;display:block}.batt-wrap{align-items:center;gap:22px;display:flex}.batt-num{font:800 54px/1 var(--dot);color:var(--text)}.batt-num small{color:var(--text3);margin-left:2px;font-size:.45em}.batt{width:92px;height:40px}.batt:after{height:14px;top:11px}.batt i{background:repeating-linear-gradient(90deg, var(--ember) 0 7px, transparent 7px 10px)}.batt-cap{font:500 9.5px/1 var(--mono);letter-spacing:.12em;color:var(--text3);text-transform:uppercase;gap:10px;margin-top:8px;display:flex}.batt-cap span:nth-child(2){color:var(--text)}.art-ov{grid-template-columns:repeat(3,1fr);align-content:center;gap:8px;display:grid!important}.art-ov i{aspect-ratio:16/10;border:1px solid var(--line);background:#151515;border-radius:6px}.art-ov i.on{border-color:var(--ember);box-shadow:0 0 0 1px var(--ember), 0 0 20px -4px var(--ember-glow)}.art-wall{flex-direction:row;justify-content:center;align-items:center;gap:0}.art-wall i{aspect-ratio:3/4;border:1px solid var(--line2);width:42%;transition:transform .6s var(--ease);border-radius:8px;box-shadow:0 20px 40px -20px #000}.art-wall i:first-child{background:radial-gradient(60% 50% at 50% 60%,#6f3128,#0a0a0a);transform:rotate(-8deg)translate(30%)}.art-wall i:nth-child(2){background:radial-gradient(40% 30% at 50% 40%, var(--ember), #120403 70%);z-index:1}.art-wall i:nth-child(3){background:repeating-radial-gradient(circle at 30% 70%,#2a0c08 0 6px,#0a0a0a 6px 12px);transform:rotate(8deg)translate(-30%)}.tile:hover .art-wall i:first-child{transform:rotate(-12deg)translate(10%)}.tile:hover .art-wall i:nth-child(3){transform:rotate(12deg)translate(-10%)}.demo-shelf{aspect-ratio:16/11;-webkit-user-select:none;user-select:none;touch-action:pan-y}.sh-screen{background:radial-gradient(60% 50% at 30% 100%,#8d201b29,#0000 70%),#0b0b0b;position:absolute;inset:26px 0 0;overflow:hidden}.sh-win{border:1px solid var(--line);background:#111;border-radius:9px;transition:border-color .25s,box-shadow .25s;position:absolute;overflow:hidden;box-shadow:0 20px 50px -20px #000}.sh-win.target{border-color:#ff3b1fb3;box-shadow:0 0 0 1px #ff3b1f59,0 20px 50px -20px #000}.sh-win .wt{border-bottom:1px solid var(--line);height:24px;font:500 9.5px/1 var(--mono);color:var(--text3);letter-spacing:.06em;align-items:center;gap:5px;padding:0 9px;display:flex}.sh-win .wt i{background:#2a2a2a;border-radius:50%;width:7px;height:7px}.sh-files{width:52%;height:56%;top:7%;left:4%}.sh-grid{grid-template-columns:repeat(3,1fr);gap:6px;padding:12px;display:grid}.sh-app{width:50%;height:27%;bottom:6%;left:12%}.sh-app .drop{color:var(--text3);flex-wrap:wrap;align-items:center;gap:8px;padding:0 12px;font-size:11.5px;display:flex;position:absolute;inset:24px 0 0;overflow:hidden}.sh-app .drop .got{color:var(--text);animation:rise .5s var(--ease);background:#ffffff12;border-radius:5px;align-items:center;gap:6px;padding:4px 8px;font-size:11px;display:inline-flex}.file{cursor:grab;touch-action:none;border-radius:7px;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;transition:background .2s,opacity .2s;display:flex}.file:hover{background:#ffffff0d}.file.ghosted{opacity:.25}.file .fi{width:34px;height:40px;font:700 7.5px/1 var(--mono);color:#000000bf;border-radius:4px 9px 4px 4px;place-items:end center;padding-bottom:5px;display:grid;position:relative}.file span{color:var(--text2);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10.5px;overflow:hidden}.fi.pdf{background:#e5533d}.fi.img{background:linear-gradient(160deg,#ff8a3d,#8d201b)}.fi.zip{background:#c9c3bd}.fi.md{background:#8bb8ff}.fi.txt{background:#e7e3df}.fi.url{background:#3fd5e0}.sh-panel{border:1px solid var(--line2);width:30%;max-width:210px;transition:transform .6s var(--ease), border-color .3s, box-shadow .3s;background:#0c0c0cf2;border-right:0;border-radius:12px 0 0 12px;flex-direction:column;gap:6px;padding:12px 10px;display:flex;position:absolute;top:8%;bottom:8%;right:0;transform:translate(calc(100% - 10px));box-shadow:-20px 0 50px -20px #000}.sh-panel:before{content:"";background:var(--text3);border-radius:2px;width:3px;height:40px;margin-top:-20px;transition:opacity .3s;position:absolute;top:50%;left:3px}.sh-panel.open{transform:none}.sh-panel.open:before{opacity:0}.sh-panel.hover{border-color:#ff3b1fb3;box-shadow:-20px 0 60px -20px #ff3b1f66}.sh-panel h4{font:500 9.5px/1 var(--mono);letter-spacing:.14em;color:var(--text3);justify-content:space-between;margin:0 0 4px;display:flex}.sh-panel h4 button{font:inherit;color:var(--text2)}.sh-panel h4 button:hover{color:var(--ember)}.sh-item{cursor:grab;touch-action:none;animation:shelfIn .55s var(--ease);background:#ffffff0d;border-radius:7px;align-items:center;gap:8px;padding:6px;display:flex}@keyframes shelfIn{0%{opacity:0;transform:translate(20px)scale(.96)}}.sh-item .fi{border-radius:3px 6px 3px 3px;flex:none;width:22px;height:26px;padding-bottom:3px;font-size:5.5px}.sh-item div{flex-direction:column;gap:2px;min-width:0;display:flex}.sh-item b{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;overflow:hidden}.sh-item small{font:500 9px/1 var(--mono);color:var(--text3);letter-spacing:.06em}.sh-empty{text-align:center;color:var(--text3);margin:auto 0;font-size:11px;line-height:1.5}.drag-ghost{z-index:80;pointer-events:none;filter:drop-shadow(0 16px 24px #000000b3);position:fixed;transform:translate(-50%,-50%)rotate(-4deg)scale(1.05)}.sh-help{z-index:3;position:absolute;bottom:12px;left:14px}.sh-cli{z-index:3;font:500 10.5px/1 var(--mono);color:var(--text2);border:1px solid var(--line);text-overflow:ellipsis;white-space:nowrap;background:#0009;border-radius:6px;max-width:60%;padding:7px 9px;position:absolute;bottom:12px;right:12px;overflow:hidden}.sh-cli span{color:var(--ember)}@media (max-width:640px){.demo-shelf{aspect-ratio:4/5}.sh-files{width:64%;height:50%}.sh-grid{grid-template-columns:repeat(2,1fr)}.sh-app{width:64%;height:26%;bottom:14%;left:4%}.sh-panel{width:34%}.sh-cli{display:none}}.demo-phone{background:radial-gradient(70% 60% at 70% 60%, #8d201b33, transparent 70%), var(--bg);grid-template-columns:1fr auto;align-items:center;gap:24px;padding:30px;display:grid}@media (max-width:640px){.demo-phone{grid-template-columns:1fr;justify-items:center;padding:18px}}.ph-laptop{width:100%}.ph-screen{aspect-ratio:16/10;background:#0b0b0b;border:6px solid #1a1a1a;border-bottom-width:10px;border-radius:10px 10px 0 0;position:relative;overflow:hidden}.ph-base{background:linear-gradient(#2a2a2a,#141414);border-radius:0 0 10px 10px;height:10px;margin:0 -6%}.ph-bar{height:14px;font:500 7px/1 var(--mono);letter-spacing:.1em;color:var(--text2);background:#050505;align-items:center;gap:6px;padding:0 8px;display:flex}.ph-bar .sp{flex:1}.ph-bar .pp{color:var(--ember)}.ph-desk{background:radial-gradient(70% 60% at 60% 100%,#8d201b66,#0000 70%);position:absolute;inset:14px 0 0}.ph-win{border:1px solid var(--line);background:#121212;border-radius:5px;width:52%;height:58%;position:absolute;top:14%;left:10%}.ph-win:before{content:"";background:#ffffff1f;border-radius:2px;height:4px;position:absolute;top:14px;left:8px;right:30%;box-shadow:0 12px #ffffff14,0 24px #ffffff14,0 36px #ffffff0d}.ph-note{width:30%;height:50%;font:400 8px/1.5 var(--sans);color:var(--text2);opacity:0;transition:opacity .4s, transform .5s var(--ease);background:#151515;border:1px solid #ff3b1f80;border-radius:5px;padding:8px;position:absolute;top:20%;right:8%;transform:scale(.94)}.ph-note.on{opacity:1;transform:none}.ph-note b{color:var(--text);font:500 9px/1.3 var(--sans);margin-bottom:4px;display:block}.ph-cursor{z-index:4;pointer-events:none;width:12px;height:12px;transition:transform 50ms linear;position:absolute;top:50%;left:50%}.ph-cursor svg{filter:drop-shadow(0 1px 2px #000);width:12px;height:12px}.ph-lock{z-index:6;text-align:center;opacity:0;pointer-events:none;background:radial-gradient(60% 70% at 50% 100%,#8d201b80,#050505 70%);place-content:center;gap:4px;transition:opacity .6s;display:grid;position:absolute;inset:0}.ph-lock b{font:800 clamp(22px, 4vw, 40px)/1 var(--dot);color:var(--text)}.ph-lock span{font:500 7px/1 var(--mono);letter-spacing:.2em;color:var(--text2)}.ph-lock.on{opacity:1}.ph-sleep{z-index:7;opacity:0;pointer-events:none;background:#000;transition:opacity .9s;position:absolute;inset:0}.ph-sleep.on{opacity:1}.ph-flash{z-index:8;opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.ph-flash.go{animation:.5s ease-out flash}@keyframes flash{0%{opacity:.85}to{opacity:0}}.ph-shotcard{z-index:5;aspect-ratio:4/3;border:1px solid var(--line2);width:26%;transition:transform .6s var(--ease);background:linear-gradient(160deg,#222,#0a0a0a);border-radius:4px;position:absolute;bottom:6%;right:4%;transform:translate(140%)}.ph-shotcard.on{transform:none}.ph-media{z-index:3;border:1px solid var(--line);font:500 7.5px/1 var(--mono);color:var(--text2);letter-spacing:.06em;background:#0009;border-radius:10px;align-items:center;gap:6px;padding:4px 8px;display:flex;position:absolute;bottom:8%;left:10%}.ph-media i{background:var(--green);border-radius:50%;width:6px;height:6px}.ph-media.paused i{background:var(--text3)}.phone{border:1px solid var(--line2);background:#0d0d0d;border-radius:34px;width:210px;height:430px;padding:10px;position:relative;box-shadow:0 40px 80px -30px #000,inset 0 0 0 2px #050505}.phone-in{background:#121212;border-radius:26px;flex-direction:column;height:100%;display:flex;overflow:hidden}.phone-top{height:34px;font:600 10px/1 var(--sans);color:var(--text);justify-content:space-between;align-items:center;padding:0 18px;display:flex}.phone-top i{background:#000;border-radius:10px;width:54px;height:16px}.phone-app{flex-direction:column;flex:1;gap:10px;min-height:0;padding:4px 14px 10px;display:flex}.phone-app h4{font:500 15px/1.2 var(--sans);margin:0}.phone-app h4 small{color:var(--text3);margin-top:2px;font-size:10.5px;font-weight:400;display:block}.ph-tabs{background:#ffffff0f;border-radius:9px;gap:4px;padding:3px;display:flex}.ph-tabs button{height:26px;color:var(--text2);border-radius:7px;flex:1;font-size:11px;transition:background .3s,color .3s}.ph-tabs button.on{color:var(--text);background:#ffffff1f}.ph-cmds{flex-direction:column;gap:6px;display:flex}.ph-cmds button{height:38px;color:var(--text);text-align:left;transition:background .2s, transform .3s var(--ease);background:#ffffff0d;border-radius:10px;align-items:center;gap:10px;padding:0 12px;font-size:12.5px;display:flex}.ph-cmds button:hover{background:#ffffff17}.ph-cmds button:active{background:#ff3b1f33;transform:scale(.97)}.ph-cmds button i{background:var(--ember);border-radius:50%;width:6px;height:6px}.ph-pad{border:1px solid var(--line);min-height:120px;font:500 9.5px/1.5 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text3);text-align:center;touch-action:none;cursor:none;background:repeating-radial-gradient(circle,#ffffff09 0 1px,#0000 1px 12px),#0d0d0d;border-radius:14px;flex:1;place-items:center;display:grid}.ph-pad.act{border-color:#ff3b1f80}.ph-patch{font:500 9px/1.4 var(--mono);color:var(--ember);letter-spacing:.1em;text-transform:uppercase;text-align:center}.demo-theme{background:#070707;grid-template-columns:minmax(0,7fr) minmax(0,5fr);display:grid}@media (max-width:960px){.demo-theme{grid-template-columns:1fr}}.th-stage{border-right:1px solid var(--line);flex-direction:column;justify-content:center;gap:16px;padding:22px;display:flex;position:relative}.th-looks{flex-wrap:wrap;gap:6px;display:flex}.th-looks button{border:1px solid var(--line);height:34px;color:var(--text2);border-radius:8px;align-items:center;gap:8px;padding:0 14px;font-size:13px;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.th-looks button i{border-radius:50%;width:9px;height:9px}.th-looks button.on{color:var(--text);border-color:var(--line2);background:#ffffff0f}.th-swatches{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.th-swatches span{font:500 10px/1 var(--mono);letter-spacing:.12em;color:var(--text3);margin-right:4px}.th-swatches button{width:22px;height:22px;transition:transform .3s var(--ease), box-shadow .3s;border-radius:50%;box-shadow:inset 0 0 0 1px #fff3}.th-swatches button.on{box-shadow:0 0 0 2px #070707, 0 0 0 3.5px var(--text);transform:scale(1.18)}.th-swatches label{font:500 10px/1 var(--mono);letter-spacing:.1em;color:var(--text3);text-transform:uppercase;align-items:center;gap:8px;margin-left:10px;display:inline-flex}.th-swatches input[type=range]{width:90px;accent-color:var(--ember)}.mini{--t-accent:#ff5a1f;--t-bg:#11100f;--t-surface:#1b1a19;--t-raised:#282624;--t-r:12px;--t-rs:6px;--t-font:"Geist";--t-num:"Geist";--t-numw:200;--t-glass:.78;--t-blur:12px;--t-label:none;aspect-ratio:16/10;border:1px solid var(--line2);font-family:var(--t-font), var(--sans);background:var(--t-wall,radial-gradient(70% 60% at 65% 70%, color-mix(in srgb, var(--t-accent) 45%, transparent), transparent 65%), #000);border-radius:10px;transition:background .6s;position:relative;overflow:hidden;container-type:inline-size}.mini *{transition:background-color .5s var(--ease), border-color .5s, color .5s, border-radius .5s var(--ease), box-shadow .5s, font-weight .5s}.mini-wall{opacity:.5;background:repeating-radial-gradient(ellipse at 70% 80%, transparent 0 14px, color-mix(in srgb, var(--t-accent) 30%, transparent) 14px 15px);mix-blend-mode:screen;transition:opacity .6s;position:absolute;inset:0}.mini-bar{color:#ffffffe6;background:color-mix(in srgb, var(--t-bg) calc(var(--t-glass) * 100%), transparent);height:5.2%;-webkit-backdrop-filter:blur(var(--t-blur));backdrop-filter:blur(var(--t-blur));text-transform:var(--t-label);letter-spacing:.04em;white-space:nowrap;align-items:center;gap:2.4%;padding:0 2%;font-size:1.55cqw;line-height:1;display:flex;position:absolute;top:0;left:0;right:0;overflow:hidden}.mini-bar .lg{background:var(--t-accent);border-radius:calc(var(--t-rs) * .3);width:1.1cqw;height:1.1cqw}.mini-bar .ws{gap:.5cqw;display:flex}.mini-bar .ws i{background:#ffffff40;border-radius:50%;width:1.4cqw;height:1.4cqw;font-style:normal}.mini-bar .ws i.on{background:var(--t-accent);border-radius:1cqw;width:2.8cqw}.mini-bar .sp{flex:1}.mini-bar .clk{font-family:var(--t-num), var(--sans);font-weight:var(--t-numw);align-items:center;height:100%;font-size:1.8cqw;line-height:1;display:flex}.mini-win{border-radius:var(--t-r);background:var(--t-bg);border:1px solid #ffffff1a;width:50%;height:64%;position:absolute;top:11%;left:6%;overflow:hidden;box-shadow:0 3cqw 6cqw -2cqw #000}.mini-win .tb{background:var(--t-surface);align-items:center;gap:1%;height:9%;padding:0 3%;display:flex}.mini-win .tb i{background:var(--t-raised);border-radius:50%;width:1.2cqw;height:1.2cqw}.mini-win .tb i:first-child{background:var(--t-close,#ff5f57)}.mini-win .tb i:nth-child(2){background:var(--t-min,#febc2e)}.mini-win .tb i:nth-child(3){background:var(--t-zoom,#28c840)}.mini-win pre{font:400 1.45cqw/1.7 var(--mono);color:#ffffffbf;white-space:pre;margin:0;padding:4% 5%}.mini-win pre b{color:var(--t-accent);font-weight:500}.mini-cc{border-radius:var(--t-r);background:color-mix(in srgb, var(--t-surface) calc(var(--t-glass) * 100 + 10%), transparent);width:32%;-webkit-backdrop-filter:blur(var(--t-blur));backdrop-filter:blur(var(--t-blur));border:1px solid #ffffff1a;flex-direction:column;gap:.9cqw;padding:2.2%;display:flex;position:absolute;top:9%;right:4%}.mini-cc .row{gap:.9cqw;display:flex}.mini-cc .t{border-radius:var(--t-rs);background:var(--t-raised);color:#fffc;flex:1;align-items:center;height:4.4cqw;padding:0 1cqw;font-size:1.35cqw;display:flex}.mini-cc .t.on{background:var(--t-accent);color:var(--t-on,#140803)}.mini-cc .sl{border-radius:var(--t-rs);background:var(--t-raised);height:2.4cqw;overflow:hidden}.mini-cc .sl i{background:#ffffffd9;width:64%;height:100%;display:block}.mini-cc .big{font-family:var(--t-num), var(--sans);font-weight:var(--t-numw);color:#fff;font-size:4.4cqw;line-height:1}.mini-cc .lab{color:#ffffff80;text-transform:var(--t-label);letter-spacing:.08em;font-size:1.15cqw;font-family:var(--t-labf,var(--t-font)), var(--sans)}.mini-dock{border-radius:calc(var(--t-r) + 2px);background:color-mix(in srgb, var(--t-surface) calc(var(--t-glass) * 100%), transparent);-webkit-backdrop-filter:blur(var(--t-blur));backdrop-filter:blur(var(--t-blur));border:1px solid #ffffff1a;gap:1cqw;padding:1cqw;display:flex;position:absolute;bottom:3.5%;left:50%;transform:translate(-50%)}.mini-dock i{border-radius:calc(var(--t-r) * .75);background:var(--t-raised);width:4.6cqw;height:4.6cqw}.mini-dock i:nth-child(2){background:var(--t-accent)}.th-code{flex-direction:column;min-width:0;display:flex;position:relative}.th-tabs{border-bottom:1px solid var(--line);display:flex}.th-tabs span{font:500 11px/1 var(--mono);color:var(--text2);border-right:1px solid var(--line);padding:12px 16px}.th-tabs span.on{color:var(--text);box-shadow:inset 0 -1.5px 0 var(--ember)}.th-json{font:400 12px/1.75 var(--mono);color:var(--text2);white-space:pre;flex:1;margin:0;padding:16px 18px;overflow:auto}.th-json .k{color:#9cbeff}.th-json .s{color:#bde68a}.th-json .n{color:var(--amber)}.th-json .chg{color:var(--text);animation:chg 1.2s var(--ease) forwards;background:#ff3b1f29;box-shadow:-18px 0 #ff3b1f29,18px 0 #ff3b1f29}@keyframes chg{0%{background:#ff3b1f73}to{background:#ff3b1f1f}}.th-apply{border-top:1px solid var(--line);font:400 11.5px/1.75 var(--mono);color:var(--text3);min-height:168px;padding:12px 18px 16px}.th-apply .p{color:var(--ember)}.th-apply .ok{color:var(--green)}.th-apply b{color:var(--text);font-weight:400}.th-apply .tg{flex-wrap:wrap;gap:4px 6px;margin-top:6px;display:flex}.th-apply .tg span{color:var(--text2);opacity:.25;background:#ffffff0d;border-radius:3px;padding:1px 6px;transition:opacity .25s,color .25s}.th-apply .tg span.on{opacity:1;color:var(--text)}.demo-files{aspect-ratio:16/10.5;-webkit-user-select:none;user-select:none;background:#0e0e0e;flex-direction:column;display:flex}@media (max-width:640px){.demo-files{aspect-ratio:auto;min-height:520px}}.df-body{flex:1;grid-template-columns:150px 1fr;min-height:0;display:grid}@media (max-width:640px){.df-body{grid-template-columns:1fr}.df-side{display:none}}.df-side{border-right:1px solid var(--line);background:#0b0b0b;flex-direction:column;gap:2px;padding:12px 8px;display:flex}.df-side span{color:var(--text2);border-radius:6px;padding:6px 10px;font-size:12px}.df-side span.on{color:var(--text);background:#ff3b1f24}.df-side small{font:500 9.5px/1 var(--mono);letter-spacing:.12em;color:var(--text3);padding:10px 10px 6px}.df-main{padding:14px;position:relative;overflow:hidden}.df-path{color:var(--text2);align-items:center;gap:6px;margin-bottom:12px;font-size:12px;display:flex}.df-path b{color:var(--text);font-weight:500}.df-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px;display:grid}.df-grid .file{cursor:context-menu}.df-grid .file.sel{background:#ff3b1f29}.df-grid .file.sel span{color:var(--text)}.df-grid .file .fi.img{background-size:cover}.cmenu{z-index:10;border:1px solid var(--line2);opacity:0;transform-origin:0 0;min-width:200px;transition:opacity .18s, transform .3s var(--ease);pointer-events:none;background:#161514fa;border-radius:9px;padding:5px;font-size:12.5px;position:absolute;transform:scale(.96);box-shadow:0 24px 60px -16px #000}.cmenu.on{opacity:1;pointer-events:auto;transform:none}.cmenu button,.cmenu .it{text-align:left;width:100%;height:27px;color:var(--text);border-radius:6px;align-items:center;gap:10px;padding:0 10px;display:flex;position:relative}.cmenu button:hover,.cmenu .it:hover,.cmenu .it.open{color:#000;background:#ff3b1fd9}.cmenu .muted{color:var(--text3)}.cmenu hr{border:0;border-top:1px solid var(--line);margin:4px 6px}.cmenu .it:after{content:"›";margin-left:auto}.cmenu .sq{width:7px;height:7px;margin:0}.cmenu .sub{white-space:nowrap;min-width:228px;top:-5px;left:calc(100% + 2px)}.df-hint{position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.try-frame{border:1px solid var(--line2);background:#070707;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 60px 160px -40px #ff3b1f2e,0 50px 120px -40px #000}.try-chrome{border-bottom:1px solid var(--line);height:34px;font:500 11px/1 var(--mono);color:var(--text3);letter-spacing:.06em;align-items:center;gap:7px;padding:0 14px;display:flex}.try-chrome i{background:#2a2a2a;border-radius:50%;width:9px;height:9px}.try-chrome i:first-child{background:var(--ember)}.try-chrome span{margin-left:8px}.try-full{color:var(--text2);margin-left:auto;transition:color .2s}.try-full:hover{color:var(--ember)}.try-screen{aspect-ratio:16/10;background:url(/mission-control.jpg) 50%/cover;position:relative}.try-screen:before{content:"";-webkit-backdrop-filter:blur(6px);background:radial-gradient(60% 60% at 50% 55%,#0505058c,#050505eb);position:absolute;inset:0}.try-screen iframe{z-index:2;opacity:0;background:#000;border:0;width:100%;height:100%;transition:opacity .8s;position:absolute;inset:0}.try-screen iframe.on{opacity:1}.try-start{z-index:3;flex-direction:column;justify-content:center;align-items:center;gap:12px;transition:opacity .5s;display:flex;position:absolute;inset:0}.try-start.gone{opacity:0;pointer-events:none}.try-play{background:var(--ember);color:#000;width:84px;height:84px;box-shadow:0 0 0 12px #ff3b1f1f, 0 0 80px var(--ember-glow);transition:transform .5s var(--ease), box-shadow .5s;border-radius:50%;place-items:center;display:grid}.try-play svg{width:32px;height:32px;margin-left:4px}.try-start:hover .try-play{transform:scale(1.07);box-shadow:0 0 0 18px #ff3b1f1a,0 0 120px #ff3b1f8c}.try-label{font:500 20px/1.2 var(--sans);letter-spacing:-.02em;color:var(--text)}.try-hint{font:500 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text3)}.try-demos{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:18px;display:flex}.try-demos button{border:1px solid var(--line);height:34px;color:var(--text2);transition:color .2s, border-color .2s, background .2s, transform .3s var(--ease);border-radius:999px;padding:0 14px;font-size:13px}.try-demos button:hover{color:var(--text);border-color:var(--line2);background:#ffffff0a}.try-demos button:active{transform:scale(.96)}.try-demos button.on{color:#000;background:var(--ember);border-color:var(--ember)}.try-demos button.ghost{color:var(--text3)}@media (max-width:640px){.try-screen{aspect-ratio:3/4}.try-chrome span{display:none}}.keys-tools{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:22px;display:flex}.keys-search{border:1px solid var(--line2);background:#0b0b0b;border-radius:10px;flex:260px;align-items:center;gap:10px;height:44px;padding:0 14px;transition:border-color .3s;display:flex}.keys-search:focus-within{border-color:#ff3b1f99}.keys-search svg{width:16px;height:16px;color:var(--text3)}.keys-search input{min-width:0;color:var(--text);font:400 14.5px/1 var(--sans);background:0 0;border:0;outline:none;flex:1}.keys-search input::placeholder{color:var(--text3)}.keys-filters{flex-wrap:wrap;gap:4px;display:flex}.keys-filters button{height:32px;color:var(--text2);border:1px solid #0000;border-radius:999px;padding:0 12px;font-size:12.5px;transition:color .2s,border-color .2s,background .2s}.keys-filters button:hover{color:var(--text)}.keys-filters button.on{color:var(--text);border-color:var(--line2);background:#ffffff0d}.keys-grid{columns:3 320px;column-gap:12px}.kgroup{break-inside:avoid;border:1px solid var(--line);background:#0a0a0a;border-radius:12px;margin-bottom:12px;padding:16px 16px 8px}.kgroup h4{font:500 10.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ember);justify-content:space-between;margin:0 0 8px;display:flex}.kgroup h4 span{color:var(--text3)}.krow{border-top:1px solid var(--line);color:var(--text2);justify-content:space-between;align-items:center;gap:12px;padding:7px 0;font-size:13px;display:flex}.krow:first-of-type{border-top:0}.krow .ks{flex:none;gap:2px;display:flex}.krow kbd{min-width:22px;height:20px;font-size:10px}.krow mark{color:var(--text);background:#ff3b1f40;border-radius:2px}.keys-empty{text-align:center;color:var(--text3);padding:40px}.clone{border:1px solid var(--line2);background:#080808;border-radius:14px;margin-bottom:18px;position:relative;overflow:hidden}.clone pre{font:400 clamp(11.5px, 1.1vw, 14px)/1.85 var(--mono);color:var(--text);margin:0;padding:22px 24px;overflow-x:auto}.clone .p{color:var(--ember);-webkit-user-select:none;user-select:none}.clone .c{color:var(--text3)}.copy{border:1px solid var(--line2);height:30px;font:500 11px/1 var(--mono);color:var(--text2);letter-spacing:.06em;background:#111;border-radius:7px;padding:0 12px;transition:color .2s,border-color .2s;position:absolute;top:12px;right:12px}.copy:hover{color:var(--text);border-color:#ffffff4d}.sys-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:18px;display:grid}@media (max-width:960px){.sys-grid{grid-template-columns:1fr}}.sys-list{background:var(--line);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:1px;display:flex;overflow:hidden}.sys{background:var(--page);padding:20px 22px}.sys h3{font:500 14px/1.4 var(--sans);margin:0 0 8px}.sys p{color:var(--text2);margin:0;font-size:13.5px}.demo-term{background:#070707;flex-direction:column;height:620px;display:flex}@media (max-width:640px){.demo-term{height:560px}}.tm-tabs{border-bottom:1px solid var(--line);scrollbar-width:none;flex:none;gap:0;display:flex;overflow-x:auto}.tm-tabs button{font:500 11.5px/1 var(--mono);color:var(--text3);border-right:1px solid var(--line);white-space:nowrap;padding:12px 16px;transition:color .2s}.tm-tabs button:hover{color:var(--text2)}.tm-tabs button.on{color:var(--text);box-shadow:inset 0 -1.5px 0 var(--ember)}.tm-out{font:400 clamp(10.5px, 1vw, 12.5px)/1.6 var(--mono);color:#d6d2ce;white-space:pre;overscroll-behavior:contain;flex:1;margin:0;padding:16px 18px;overflow:auto}.tm-out .pr{color:var(--ember)}.tm-out .g{color:var(--green)}.tm-out .y{color:var(--amber)}.tm-out .r{color:#ff6b55}.tm-out .b{color:#fff;font-weight:600}.tm-out .d{color:var(--text3)}.tm-out .cur{background:var(--ember);vertical-align:-.2em;width:.6em;height:1.15em;animation:1s steps(2,end) infinite pulse;display:inline-block}.outro{text-align:center;padding:clamp(100px,14vw,200px) 0 clamp(80px,10vw,140px);position:relative;overflow:hidden}.outro:before{content:"";filter:blur(20px);pointer-events:none;background:radial-gradient(50% 50%,#ff3b1f38,#0000 70%);width:120%;height:90%;position:absolute;bottom:-30%;left:50%;transform:translate(-50%)}.outro-word{font:900 clamp(120px, 26vw, 360px)/.8 var(--dot);letter-spacing:-.02em;color:var(--text);text-shadow:0 0 80px #ff3b1f59;margin:0;position:relative}.outro-line{max-width:30em;color:var(--text2);margin:34px auto;font-size:clamp(16px,1.4vw,19px);position:relative}.foot{border-top:1px solid var(--line);color:var(--text3);padding:26px 0 34px;font-size:13px}.foot-in{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.foot a{color:var(--text2);transition:color .2s}.foot a:hover{color:var(--ember)}.foot .mono{letter-spacing:.1em;text-transform:uppercase;font-size:11px}.toast{z-index:70;visibility:hidden;transition:transform .6s var(--ease), visibility 0s .6s;border:1px solid var(--line2);color:var(--text);background:#141312f7;border-radius:10px;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:11px 16px;font-size:13px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%,calc(100% + 40px));box-shadow:0 20px 50px -10px #000}.toast.on{visibility:visible;transition:transform .6s var(--ease);transform:translate(-50%)}.toast .sq{margin:0}.js [data-reveal]{opacity:0;transform:translateY(26px)}.js .title .ln>span{transform:translateY(105%)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.grain{animation:none}.js [data-reveal]{opacity:1;transform:none}.js .title .ln>span{transform:none}.bar,.hero-eyebrow,.hero-lede,.hero-cta{opacity:1;animation:none;transform:none}}@media (max-width:640px){.df-side{display:none}.ag{min-height:0}.ag-line{flex:none}.sh-item small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}
