:root{--bg:#030604;--ink:#e8f0e6;--ink-dim:#6d7d6f;--green:#52ff7a;--green-deep:#1a5c2e;--gold:#c9a24f;--line:#52ff7a1f;--font-display:"Bodoni Moda", serif;--font-mono:"IBM Plex Mono", monospace;--font-jp:"Noto Serif JP", serif;--pad-x:clamp(20px, 3.5vw, 48px)}*{box-sizing:border-box;margin:0;padding:0}html{scrollbar-width:none;scroll-behavior:smooth}body::-webkit-scrollbar{display:none}body{background:var(--bg);color:var(--ink);font-family:var(--font-mono);overflow-x:hidden}a{color:inherit;border-bottom:1px solid #52ff7a59;text-decoration:none;transition:color .25s,border-color .25s}a:hover{color:var(--green);border-color:var(--green)}a.quiet{border-bottom:none}::selection{background:#52ff7a40}.vignette{z-index:5;pointer-events:none;background:radial-gradient(70% 60% at 50% 45%,#0000 0%,#0103028c 100%);position:fixed;inset:0}.grain{z-index:6;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");animation:.6s steps(3,end) infinite grain-shift;position:fixed;inset:-100px}@keyframes grain-shift{0%{transform:translate(0)}33%{transform:translate(-30px,20px)}66%{transform:translate(25px,-35px)}to{transform:translate(0)}}.hud{z-index:10;padding:0 var(--pad-x);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;left:0;right:0}.hud a{pointer-events:auto}.hud-top{top:clamp(18px,3vh,32px)}.hud-bottom{bottom:clamp(18px,3vh,32px)}.hud-item{letter-spacing:.28em;color:var(--ink-dim);text-transform:uppercase;font-size:11px;font-weight:500}.hud-top .hud-item:first-child{color:var(--ink)}.accent{color:var(--green)}.scroll-hint{transition:opacity .6s}body.at-end .scroll-hint{opacity:0}.scroll-arrow{color:var(--green);margin-left:10px;animation:1.8s ease-in-out infinite arrow-drift;display:inline-block}@keyframes arrow-drift{0%,to{opacity:.6;transform:translateY(-2px)}50%{opacity:1;transform:translateY(3px)}}.kanji-vertical{z-index:4;writing-mode:vertical-rl;font-family:var(--font-jp);letter-spacing:.5em;color:#52ff7a80;text-shadow:0 0 18px #52ff7a40;pointer-events:none;font-size:clamp(18px,2.2vw,28px);position:fixed;top:50%;right:clamp(16px,3vw,44px);translate:0 -50%}.reveal{opacity:0;transition:opacity 1.1s cubic-bezier(.22, 1, .36, 1) var(--d,0s), transform 1.1s cubic-bezier(.22, 1, .36, 1) var(--d,0s);transform:translateY(22px)}body.loaded .reveal{opacity:1;transform:translateY(0)}[data-reveal]{opacity:0;transition:opacity 1s cubic-bezier(.22,1,.36,1),transform 1s cubic-bezier(.22,1,.36,1);transform:translateY(26px)}[data-reveal].in{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal,[data-reveal]{opacity:1;transition:none;transform:none}.grain,.scroll-arrow,.marquee-inner,.agent-btn{animation:none!important}}main{z-index:2;position:relative}.sec{min-height:100vh;padding:18vh var(--pad-x);position:relative}.sec-label{letter-spacing:.3em;text-transform:uppercase;color:var(--green);margin-bottom:5vh;font-size:11px;font-weight:500}.sec-dotted{background-image:radial-gradient(#52ff7a0e 1px,#0000 1.5px);background-size:46px 46px}.hero-sec{flex-direction:column;justify-content:center;min-height:100svh;display:flex;overflow:hidden}#hero-canvas{z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.hero{z-index:2;max-width:1100px;position:relative}.hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(85% 115% at 22% 48%,#030604e0,#03060466 55%,#0000 78%);position:absolute;inset:-10vh -8vw -8vh -12vw}.hero-kicker{letter-spacing:.24em;text-transform:uppercase;color:var(--green);margin-bottom:3.5vh;font-size:12px}.hero-title{letter-spacing:-.01em;font-weight:400;line-height:.98}.hero-title .line{font-family:var(--font-display);font-size:clamp(44px,8.2vw,118px);display:block}.hero-title .em{color:var(--green);text-shadow:0 0 42px #52ff7a59;font-style:italic;font-weight:700}.hero-sub{max-width:560px;color:var(--ink-dim);margin-top:4vh;font-size:13px;line-height:1.9}.hero-sub b{color:var(--ink);font-weight:500}.hero-ctas{flex-wrap:wrap;align-items:center;gap:18px;margin-top:5vh;display:flex}.cta-btn{font-family:var(--font-mono);letter-spacing:.12em;color:var(--bg);background:var(--green);border:1px solid var(--green);cursor:pointer;padding:14px 22px;font-size:12px;transition:box-shadow .25s,transform .25s;position:relative;box-shadow:0 0 28px #52ff7a59}.cta-btn:hover{transform:translateY(-1px);box-shadow:0 0 46px #52ff7a99}.cta-btn .cta-copied,.cta-btn.copied .cta-label{display:none}.cta-btn.copied .cta-copied{display:inline}.ghost-btn{letter-spacing:.12em;color:var(--ink);border:1px solid #52ff7a59;padding:14px 22px;font-size:12px;transition:border-color .25s,color .25s,background .25s}.ghost-btn:hover{border-color:var(--green);color:var(--green);background:#52ff7a0f}.agent-btn{font-family:var(--font-mono);letter-spacing:.12em;color:var(--gold);cursor:pointer;background:#c9a24f0d;border:1px dashed #c9a24f8c;align-items:center;gap:10px;padding:14px 22px;font-size:12px;transition:color .25s,border-color .25s,background .25s,box-shadow .25s;animation:2.6s ease-in-out infinite agent-pulse;display:inline-flex}.agent-btn:hover{color:#ffd98a;border-color:var(--gold);background:#c9a24f1f;animation:none;box-shadow:0 0 30px #c9a24f4d}.agent-icon{font-size:15px;line-height:1}.agent-btn .cta-copied,.agent-btn.copied .cta-label{display:none}.agent-btn.copied .cta-copied{display:inline}@keyframes agent-pulse{0%,to{box-shadow:0 0 #c9a24f00}50%{box-shadow:0 0 22px #c9a24f47}}.hero-agent-note{letter-spacing:.06em;color:#9baa9cf2;background:#030604a6;margin-top:16px;padding:7px 12px;font-size:10.5px;display:inline-block}.hero-agent-note a{color:var(--gold);border-bottom-color:#c9a24f66}.hero-agent-note a:hover{color:#ffd98a;border-bottom-color:#ffd98a}.hero-foot{bottom:clamp(64px,9vh,90px);left:var(--pad-x);z-index:2;letter-spacing:.22em;text-transform:uppercase;color:#6d7d6fe6;background:#03060499;padding:7px 12px;font-size:10px;position:absolute}.sec-what{flex-direction:column;justify-content:center;display:flex}.what-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;gap:clamp(28px,5vw,80px);display:grid}.what-title{font-family:var(--font-display);margin-bottom:3vh;font-size:clamp(26px,3.4vw,46px);font-weight:500;line-height:1.15}.what-title em{color:var(--green);font-style:italic}.what-copy p{color:var(--ink-dim);max-width:60ch;font-size:13px;line-height:2}.what-copy b{color:var(--ink);font-weight:500}.pipe{font-family:var(--font-mono);color:var(--green);border:1px solid var(--line);text-shadow:0 0 12px #52ff7a59;background:#52ff7a08;margin-top:4.5vh;padding:22px 24px;font-size:clamp(9px,1.1vw,12px);line-height:1.9;overflow-x:auto}.stats{background:var(--line);border:1px solid var(--line);grid-template-columns:1fr 1fr;gap:1px;display:grid}.stat{background:var(--bg);padding:clamp(18px,2.4vw,34px)}.stat-num{font-family:var(--font-display);color:var(--green);font-size:clamp(34px,4vw,56px);font-style:italic;line-height:1}.stat-num i{color:var(--ink-dim);margin-left:2px;font-size:.45em;font-style:italic}.stat-cap{color:var(--ink-dim);margin-top:12px;font-size:11px;line-height:1.8}.marquee{z-index:2;border-top:1px solid #52ff7a14;border-bottom:1px solid #52ff7a14;padding:6vh 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}.marquee-inner{white-space:nowrap;width:max-content;animation:38s linear infinite marquee;display:flex}.marquee-rev .marquee-inner{animation-direction:reverse}.marquee-inner span{font-family:var(--font-display);text-transform:uppercase;color:#0000;-webkit-text-stroke:1px #e8f0e647;font-size:clamp(26px,4vw,56px);font-style:italic;font-weight:500}@keyframes marquee{to{transform:translate(-50%)}}.sec-cases{padding:16vh var(--pad-x);position:relative}.cases-head{justify-content:space-between;align-items:baseline;display:flex}.cases-hint{color:var(--ink-dim)}.cases-grid{grid-template-columns:repeat(12,1fr);gap:clamp(16px,2vw,28px);display:grid}.case{border:1px solid var(--line);background:#0308058c;flex-direction:column;padding:clamp(14px,1.6vw,22px);transition:border-color .35s,box-shadow .35s;display:flex;position:relative}.case:hover{border-color:#52ff7a52;box-shadow:0 0 44px #52ff7a12,inset 0 0 24px #52ff7a08}.case-w5{grid-column:span 5}.case-w6{grid-column:span 6}.case-w7{grid-column:span 7}.case-head{align-items:baseline;gap:14px;margin-bottom:14px;display:flex}.case-num{color:var(--green);letter-spacing:.2em;font-size:11px}.case-name{font-family:var(--font-display);letter-spacing:.01em;font-size:clamp(19px,1.8vw,26px);font-style:italic;font-weight:600}.case-kanji{font-family:var(--font-jp);color:#52ff7a73;margin-left:auto;font-size:15px}.case-screen{aspect-ratio:4/3;background:#010302;border:1px solid #52ff7a29;position:relative;overflow:hidden;box-shadow:inset 0 0 34px #000000bf}.case-screen canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.screen-cta{z-index:2;font-family:var(--font-mono);letter-spacing:.22em;color:var(--green);cursor:pointer;background:#010302b8;border:none;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:12px;transition:background .3s,text-shadow .3s;display:flex;position:absolute;inset:0}.screen-cta:hover{text-shadow:0 0 18px #52ff7acc;background:#0103028c}.screen-cta i{letter-spacing:.14em;color:var(--ink-dim);max-width:34ch;font-size:9px;font-style:normal;line-height:1.7}.screen-cta.gone{display:none}.case-copy{color:var(--ink-dim);margin-top:14px;font-size:11.5px;line-height:1.85}.case-code{white-space:nowrap;color:#52ff7abf;background:#52ff7a0b;border-left:2px solid #52ff7a4d;margin-top:12px;padding:9px 12px;font-size:10.5px;display:block;overflow-x:auto}.case-ctl{flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;display:flex}.ctl-stack{flex-direction:column;align-items:stretch}.ctl-row{align-items:center;gap:12px;display:flex}.ctl-label{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);min-width:74px;font-size:10px}.ctl-note{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);font-size:10px}input[type=range]{appearance:none;cursor:pointer;background:linear-gradient(90deg,#52ff7a80,#52ff7a1f);outline:none;flex:1;min-width:90px;height:2px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--green);border:none;border-radius:50%;width:13px;height:13px;box-shadow:0 0 12px #52ff7acc}input[type=range]::-moz-range-thumb{background:var(--green);border:none;border-radius:50%;width:13px;height:13px;box-shadow:0 0 12px #52ff7acc}.chip{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);cursor:pointer;background:0 0;border:1px solid #52ff7a38;padding:6px 12px;font-size:10px;transition:color .2s,border-color .2s,background .2s,box-shadow .2s}.chip:hover:not(:disabled){color:var(--ink);border-color:#52ff7a80}.chip.on{color:var(--green);border-color:var(--green);background:#52ff7a12;box-shadow:0 0 14px #52ff7a2e}.chip:disabled{opacity:.35;cursor:default}.power-btn{font-family:var(--font-mono);letter-spacing:.3em;color:var(--ink-dim);cursor:pointer;background:0 0;border:1px solid #52ff7a4d;align-self:flex-start;align-items:center;gap:10px;margin-top:4px;padding:9px 16px;font-size:11px;transition:color .25s,border-color .25s,box-shadow .25s;display:flex}.power-btn i{background:#6d7d6f80;border-radius:50%;width:9px;height:9px;transition:background .25s,box-shadow .25s}.power-btn.on{color:var(--green);border-color:var(--green)}.power-btn.on i{background:var(--green);box-shadow:0 0 12px #52ff7ae6}.sec-how{overflow:hidden}.idx-ghost{font-family:var(--font-display);color:#0000;-webkit-text-stroke:1px #52ff7a21;pointer-events:none;font-size:clamp(110px,16vw,250px);font-style:italic;font-weight:800;line-height:1;position:absolute;top:4vh;right:-1vw}.how-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:start;gap:clamp(28px,5vw,80px);display:grid}.how-step{border-top:1px solid var(--line);padding:26px 0}.how-step:first-child{border-top:none}.how-step b{letter-spacing:.22em;text-transform:uppercase;color:var(--green);margin-bottom:10px;font-size:12px;font-weight:500;display:block}.how-step p{color:var(--ink-dim);font-size:12px;line-height:1.95}.how-step code{color:#52ff7abf;font-size:11px}.how-code{border:1px solid var(--line);background:#03080599}.code-head{border-bottom:1px solid var(--line);letter-spacing:.24em;text-transform:uppercase;color:var(--ink-dim);justify-content:space-between;align-items:center;padding:12px 18px;font-size:10px;display:flex}.code-block{color:var(--ink);padding:22px 24px;font-size:clamp(10.5px,1.05vw,12.5px);line-height:1.95;overflow-x:auto}.code-block .c{color:#6d7d6fbf}.code-block .k{color:var(--green)}.code-block .s{color:var(--gold)}.code-block .n{color:#7fd6ff}.how-note{color:var(--ink-dim);border-top:1px solid var(--line);padding:16px 18px 20px;font-size:11px;line-height:2}.how-note code{color:#52ff7abf}.stories-grid{grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,28px);display:grid}.story{border:1px solid var(--line);border-bottom:1px solid var(--line);background:#0308058c;flex-direction:column;transition:border-color .35s,box-shadow .35s,transform .35s;display:flex;overflow:hidden}.story:hover{border-color:#52ff7a66;transform:translateY(-3px);box-shadow:0 0 54px #52ff7a1a}.story-shot{aspect-ratio:16/9;position:relative;overflow:hidden}.story-shot img{object-fit:cover;filter:saturate(.9);width:100%;height:100%;transition:transform .6s cubic-bezier(.22,1,.36,1);display:block}.story:hover .story-shot img{transform:scale(1.04)}.story-shot:after{content:"";pointer-events:none;background:repeating-linear-gradient(#0000 0 2px,#01030238 2px 4px);position:absolute;inset:0}.story-body{padding:clamp(18px,2vw,28px)}.story-body h3{font-family:var(--font-display);font-size:clamp(22px,2.2vw,32px);font-style:italic;font-weight:600}.story-arrow{color:var(--green);transition:transform .3s;display:inline-block}.story:hover .story-arrow{transform:translate(6px)}.story-body p{color:var(--ink-dim);margin-top:12px;font-size:12px;line-height:1.95}.story-meta{letter-spacing:.24em;text-transform:uppercase;color:#52ff7a99;margin-top:16px;font-size:10px;display:block}.sec-install{align-items:center;display:flex}.sec-install:before{content:"";pointer-events:none;background:radial-gradient(50% 60% at 72%,#52ff7a12,#0000 70%);position:absolute;inset:0}.install-inner{width:100%;max-width:900px;position:relative}.install-title{font-family:var(--font-display);margin-bottom:6vh;font-size:clamp(44px,7vw,100px);font-style:italic;font-weight:700;line-height:1}.install-cmds{flex-direction:column;gap:12px;max-width:520px;display:flex}.cmd{text-align:left;font-family:var(--font-mono);color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#52ff7a0a;align-items:baseline;gap:12px;padding:15px 18px;font-size:13px;transition:border-color .25s,background .25s;display:flex;position:relative}.cmd:hover{background:#52ff7a12;border-color:#52ff7a73}.cmd-p{color:var(--green)}.cmd-copied{letter-spacing:.2em;text-transform:uppercase;color:var(--green);opacity:0;font-size:10px;transition:opacity .25s;position:absolute;right:16px}.cmd.copied .cmd-copied{opacity:1}.exports{background:var(--line);border:1px solid var(--line);grid-template-columns:1fr 1fr;gap:1px;margin-top:7vh;display:grid}.exp{background:var(--bg);padding:clamp(18px,2.2vw,30px)}.exp code{color:var(--green);font-size:12px}.exp p{color:var(--ink-dim);margin-top:12px;font-size:11.5px;line-height:1.9}.exp b{color:var(--ink);font-weight:500}.install-links{flex-wrap:wrap;gap:14px 34px;margin-top:7vh;font-size:12px;display:flex}.install-credit{letter-spacing:.2em;text-transform:uppercase;color:#6d7d6fcc;margin-top:8vh;font-size:10px;line-height:2.2}.credit-mark{color:#ff9d52;text-shadow:0 0 14px #ff9d5280}@media (width<=1100px){.case-w5,.case-w6,.case-w7{grid-column:span 6}}@media (width<=860px){.what-grid,.how-grid,.stories-grid,.exports{grid-template-columns:1fr}.case-w5,.case-w6,.case-w7{grid-column:span 12}.kanji-vertical,.hud-meta{display:none}.sec{padding:14vh var(--pad-x)}.idx-ghost{display:none}}@media (width<=640px){.hero-ctas{gap:12px}.cta-btn,.ghost-btn,.agent-btn{text-align:center;flex:100%;justify-content:center}.hero-foot{display:none}.cases-head{flex-direction:column;gap:8px}.cases-head .sec-label{margin-bottom:0}.cases-head{margin-bottom:5vh}.stats{grid-template-columns:1fr 1fr}.install-cmds .cmd{font-size:11.5px}.marquee{padding:4.5vh 0}}@media (hover:none){.hero-foot{display:none}.chip{padding:10px 14px;font-size:10.5px}.power-btn{padding:12px 18px}input[type=range]{height:4px}input[type=range]::-webkit-slider-thumb{width:18px;height:18px}input[type=range]::-moz-range-thumb{width:18px;height:18px}}