:root{--bg: #08080a;--panel: #131318;--line: #26262e;--ink: #ece9e3;--dim: #7d7b76;--gold: #d9a441;--ruby: #a8202f;--mono: "Cascadia Mono", Consolas, "SF Mono", monospace;--gut: 26px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Segoe UI,system-ui,-apple-system,Arial,sans-serif;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}.page{position:relative;min-height:100dvh;display:flex;flex-direction:column;gap:22px;padding:20px var(--gut);isolation:isolate}.page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:url(/scene/tex.webp) repeat;background-size:190px;opacity:.055;pointer-events:none}.sky-bg{position:fixed;inset:0 0 auto;height:66vh;z-index:-1;background:url(/scene/sky.webp) center top / cover no-repeat;opacity:.26;-webkit-mask-image:linear-gradient(#000 0%,rgba(0,0,0,.35) 52%,transparent 100%);mask-image:linear-gradient(#000 0%,rgba(0,0,0,.35) 52%,transparent 100%);pointer-events:none}.bar{display:flex;justify-content:space-between;align-items:center;gap:16px}.logo{font-family:var(--mono);font-size:15px;letter-spacing:.18em}.logo em{color:var(--gold);font-style:normal;font-size:9px;vertical-align:super}.lbl{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin:0}.stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:10px 0 4px}.kick{color:var(--gold)}h1{margin:0;font-family:var(--mono);font-size:clamp(24px,5.6vw,46px);font-weight:500;letter-spacing:.2em;text-indent:.2em;text-align:center}.sub{text-align:center;color:var(--dim)}.devices{display:flex;align-items:flex-end;justify-content:center;gap:clamp(8px,3vw,40px);width:100%}.tablet,.phone{flex:none;position:relative}.tablet{width:clamp(258px,40vw,500px)}.tablet .bezel{aspect-ratio:4 / 3;padding:3.4%;border-radius:14px}.tablet .bezel:after{content:"";position:absolute;top:1.5%;left:50%;width:5px;height:5px;border-radius:50%;background:#2c2c34;transform:translate(-50%)}.phone{width:clamp(96px,14vw,172px);margin-left:clamp(-52px,-4vw,-18px);z-index:2;transform:translateY(6%)}.phone .bezel{aspect-ratio:9 / 19.2;padding:3.6%;border-radius:18px}.phone .bezel:after{content:"";position:absolute;top:2.2%;left:50%;width:26%;height:1.4%;border-radius:3px;background:#24242b;transform:translate(-50%);z-index:3}.bezel{position:relative;background:#17171d;border:1px solid #34343e;box-shadow:0 0 0 1px #d9a44129,0 24px 60px #0009}.scr{position:relative;width:100%;height:100%;overflow:hidden;background:#0c0f16;border-radius:4px}.sky-l{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/scene/sky.webp) center bottom / cover no-repeat}.scr.plain{background:#eceef2}.ground{position:absolute;left:0;bottom:0;height:15%;width:200%;display:flex;animation:run 1.5s linear infinite}.ground img{width:50%;height:100%;object-fit:fill}@keyframes run{to{transform:translate(-50%)}}.unit{position:absolute;aspect-ratio:var(--ar)}.unit img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0}.unit img.on{opacity:1}.hero{left:13%;bottom:8%;height:31%}.hp{position:absolute;left:5%;top:3.5%;width:58%}.pad{position:absolute;right:4%;bottom:5%;width:26%;animation:pulse 1.9s ease-in-out infinite}@keyframes pulse{50%{opacity:.62}}.intro{position:absolute;top:0;bottom:0;left:50%;aspect-ratio:.92;transform:translate(-50%)}.intro img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0}.intro img.on{opacity:1}@media (max-width: 860px){.tablet{width:min(62vw,420px)}.phone{width:min(21vw,150px)}}@media (max-width: 560px){:root{--gut: 16px}.stage{gap:20px}.devices{gap:0}.tablet{width:64vw}.phone{width:25vw;margin-left:-6vw}.tablet .bezel,.phone .bezel{border-radius:12px}}