:root{color-scheme:dark;--ink: #09070b;--ink-2: #160912;--wine: #4b0b21;--rose: #ff4f8f;--gold: #ffd36b;--cyan: #6ee7ff;--paper: #fff4df;--muted: #cab9c8;--line: rgba(255, 244, 223, .18);--glass: rgba(18, 10, 18, .72);--shadow: 0 22px 70px rgba(0, 0, 0, .44);font-family:Tsukushi A Round Gothic,Hiragino Maru Gothic ProN,Noto Sans SC,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.5;font-weight:400;letter-spacing:0;color:var(--paper);background:var(--ink);font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:linear-gradient(90deg,rgba(255,211,107,.06) 1px,transparent 1px) 0 0 / 46px 46px,linear-gradient(0deg,rgba(110,231,255,.05) 1px,transparent 1px) 0 0 / 46px 46px,radial-gradient(circle at 12% 18%,rgba(255,79,143,.18),transparent 28%),linear-gradient(135deg,#09070b,#190914 42%,#2b1018 74%,#080708)}button,a{font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%}.site-shell{width:100%;overflow:hidden}.hero-scene{--tilt-x: 0;--tilt-y: 0;position:relative;min-height:92vh;padding:24px 32px 48px;overflow:hidden;isolation:isolate;background:linear-gradient(115deg,rgba(255,79,143,.2),transparent 38%),linear-gradient(245deg,rgba(110,231,255,.14),transparent 44%),linear-gradient(180deg,#09070b2e,#09070bfa)}.hero-scene:before,.hero-scene:after{content:"";position:absolute;inset:auto;z-index:-1;pointer-events:none}.hero-scene:before{width:82vw;height:70vh;right:-18vw;top:8vh;background:repeating-linear-gradient(135deg,rgba(255,244,223,.16) 0 2px,transparent 2px 18px),linear-gradient(135deg,#4b0b21c7,#0c080d14);clip-path:polygon(12% 0,100% 8%,86% 92%,0 78%);transform:translate3d(calc(var(--tilt-x) * .8px),calc(var(--tilt-y) * .8px),0)}.hero-scene:after{width:54vw;height:18vh;left:8vw;bottom:4vh;border:1px solid rgba(255,211,107,.32);transform:skew(-18deg);background:#ffd36b0d}.scanline,.hero-grid,.cursor-flare{position:absolute;pointer-events:none;z-index:0}.scanline{top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(180deg,transparent 0 7px,rgba(255,244,223,.05) 8px,transparent 9px);mix-blend-mode:screen;opacity:.52}.hero-grid{top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0 96%,rgba(255,244,223,.22) 97%,transparent 100%) 0 0 / 160px 100%,linear-gradient(180deg,transparent 0 94%,rgba(255,79,143,.16) 96%,transparent 100%) 0 0 / 100% 118px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 80%);mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 80%)}.cursor-flare{width:180px;height:180px;left:-90px;top:-90px;border:1px solid rgba(110,231,255,.55);background:#6ee7ff14;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);filter:blur(.2px)}.topbar{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1180px;margin:0 auto;padding:12px 0}.brand-mark,.nav-links,.topbar-actions{display:flex;align-items:center}.topbar-actions{gap:8px}.brand-mark{gap:10px;color:var(--paper);font-size:1rem;font-weight:800}.brand-sigil{display:inline-grid;width:34px;height:34px;place-items:center;border:1px solid rgba(255,211,107,.65);color:var(--gold);background:#4b0b21db;box-shadow:4px 4px #ff4f8f80}.nav-links{gap:6px;padding:6px;border:1px solid rgba(255,244,223,.16);background:#09070b75;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.nav-links a{min-height:34px;padding:7px 13px;color:var(--muted);font-size:.92rem;transition:color .18s ease,background .18s ease}.nav-links a:hover,.nav-links a:focus-visible{color:var(--paper);background:#ff4f8f2e;outline:none}.language-toggle{min-width:54px;min-height:48px;border:1px solid rgba(110,231,255,.42);padding:0 12px;color:var(--cyan);background:linear-gradient(135deg,#6ee7ff1f,#ff4f8f1f),#09070b9e;box-shadow:4px 4px #ff4f8f47;cursor:pointer;font-size:.82rem;font-weight:900;letter-spacing:0;transition:transform .18s ease,border-color .18s ease,color .18s ease}.language-toggle:hover,.language-toggle:focus-visible{color:var(--paper);border-color:#ffd36bc7;outline:none;transform:translate(-1px,-1px)}.hero-content{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);align-items:center;gap:24px;max-width:1180px;min-height:calc(92vh - 88px);margin:0 auto}.hero-copy{max-width:620px;padding-bottom:84px}.episode-label{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.episode-label span,.section-kicker{display:inline-flex;align-items:center;min-height:28px;border:1px solid rgba(110,231,255,.36);padding:4px 9px;color:var(--cyan);background:#09070b99;font-size:.78rem;font-weight:800;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{position:relative;margin-bottom:12px;color:var(--paper);font-family:Georgia,Songti SC,serif;font-size:5.8rem;line-height:.94;font-weight:900;text-shadow:4px 4px 0 rgba(255,79,143,.72),9px 9px 0 rgba(110,231,255,.28),0 0 38px rgba(255,211,107,.34)}.hero-lede{max-width:560px;margin-bottom:16px;color:var(--gold);font-size:1.68rem;line-height:1.28;font-weight:900}.hero-subcopy,.concept-layout p,.demo-copy p,.signup-section p{color:var(--muted);font-size:1rem}.hero-subcopy{max-width:580px;margin-bottom:28px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.primary-cta,.ghost-cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:1px solid rgba(255,244,223,.28);padding:0 18px;font-weight:900;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.primary-cta{gap:6px;color:#180710;background:linear-gradient(135deg,var(--gold),#ff7aaa 58%,var(--cyan));box-shadow:6px 6px #fff4df24,0 18px 42px #ff4f8f4d}.ghost-cta{color:var(--paper);background:#09070b80}.primary-cta:hover,.primary-cta:focus-visible,.ghost-cta:hover,.ghost-cta:focus-visible{transform:translate(-2px,-2px);border-color:#fff4dfad;outline:none}.hero-character{position:relative;min-height:600px}.character-stage{position:absolute;inset:0 0 0 auto;width:min(620px,100%);display:grid;place-items:end center;transform:translate3d(calc(var(--tilt-x) * -.8px),calc(var(--tilt-y) * -.9px),0) rotateY(calc(var(--tilt-x) * .12deg))}.character-stage:before{content:"";position:absolute;width:76%;height:54%;right:8%;bottom:2%;border:1px solid rgba(255,211,107,.26);background:repeating-linear-gradient(90deg,rgba(255,79,143,.2) 0 2px,transparent 2px 16px),#fff4df0d;clip-path:polygon(8% 0,100% 9%,88% 100%,0 86%)}.character-stage img{position:relative;z-index:2;width:min(540px,88vw);height:auto;filter:drop-shadow(0 18px 24px rgba(0,0,0,.5)) drop-shadow(0 0 22px rgba(255,211,107,.26));-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.star-bit{position:absolute;z-index:1;width:24px;height:24px;border:1px solid rgba(255,211,107,.86);background:#ffd36b2e;clip-path:polygon(50% 0,64% 36%,100% 50%,64% 64%,50% 100%,36% 64%,0 50%,36% 36%)}.bit-a{top:22%;right:18%}.bit-b{top:48%;left:4%;border-color:#6ee7ffc7}.bit-c{right:2%;bottom:27%;border-color:#ff4f8fdb}.hud-window{position:absolute;z-index:3;width:292px;border:1px solid rgba(255,244,223,.24);padding:14px;background:var(--glass);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hud-window:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid rgba(110,231,255,.18);pointer-events:none}.terminal-window{top:13%;left:2%}.dialogue-window{right:1%;bottom:13%}.window-title,.speaker{display:block;margin-bottom:8px;color:var(--cyan);font-size:.76rem;font-weight:900}.hud-window strong{display:block;margin-bottom:7px;color:var(--gold);font-size:.96rem}.hud-window p{margin-bottom:0;color:var(--paper);font-size:.9rem}.beat-strip{position:absolute;z-index:3;left:50%;bottom:-16px;display:grid;grid-template-columns:repeat(4,1fr);width:min(1180px,calc(100% - 64px));margin:0;border:1px solid rgba(255,244,223,.16);background:#09070bb8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform:translate(-50%)}.beat-strip span{display:flex;min-height:88px;align-items:center;gap:11px;border-right:1px solid rgba(255,244,223,.12);padding:16px;color:var(--paper);font-weight:900}.beat-strip span:last-child{border-right:0}.beat-strip b{color:var(--rose);font-size:.88rem}.concept-section,.scenes-section,.features-section,.demo-section,.signup-section{position:relative;padding:92px 32px}.concept-section{background:linear-gradient(90deg,rgba(255,211,107,.09),transparent 34%),#11080e;padding-top:136px}.section-heading,.concept-layout,.feature-marquee,.demo-section,.signup-section{max-width:1180px;margin:0 auto}.concept-section>.section-kicker{margin-left:calc((100% - min(1180px,calc(100% - 64px)))/2)}.concept-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:center;gap:48px;margin-top:22px}.concept-layout h2,.section-heading h2,.demo-copy h2,.signup-section h2{color:var(--paper);font-family:Georgia,Songti SC,serif;font-size:2.5rem;line-height:1.08}.concept-art{position:relative;min-height:300px;border:1px solid rgba(255,211,107,.3);background:linear-gradient(135deg,rgba(255,79,143,.18),transparent),#fff4df0f;display:grid;place-items:center;overflow:hidden}.concept-art img{width:190px;filter:drop-shadow(0 18px 20px rgba(0,0,0,.4))}.concept-art span{position:absolute;left:14px;bottom:14px;color:var(--gold);font-size:.86rem;font-weight:900}.scenes-section{background:linear-gradient(180deg,#190914,#09070b)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px}.section-heading h2{max-width:660px;margin-bottom:0}.scene-grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:1180px;margin:0 auto;border-top:1px solid var(--line);border-left:1px solid var(--line)}.scene-card{min-height:300px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px;background:linear-gradient(180deg,#fff4df12,#fff4df05),#0b080cad;transition:transform .18s ease,background .18s ease}.scene-card:hover{transform:translateY(-6px);background:linear-gradient(180deg,#ff4f8f2e,#fff4df08),#0b080cc7}.scene-card svg,.feature-chip svg{color:var(--gold)}.scene-card span{display:block;margin:22px 0 10px;color:var(--cyan);font-size:.82rem;font-weight:800}.scene-card h3{margin-bottom:12px;color:var(--paper);font-size:1.32rem}.scene-card p,.feature-chip p{margin-bottom:0;color:var(--muted);font-size:.94rem}.features-section{background:linear-gradient(90deg,rgba(110,231,255,.08),transparent 30%),#0c080c}.feature-marquee{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature-chip{display:flex;min-height:126px;gap:14px;border:1px solid rgba(255,244,223,.16);padding:18px;background:#fff4df0d}.feature-chip h3{margin-bottom:6px;color:var(--paper);font-size:1.02rem}.demo-section{display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:42px;background:linear-gradient(135deg,rgba(75,11,33,.55),transparent 46%),#13090f}.demo-copy p{max-width:520px}.demo-board{position:relative;min-height:480px;border:1px solid rgba(255,211,107,.28);background:repeating-linear-gradient(0deg,rgba(255,244,223,.05) 0 1px,transparent 1px 24px),linear-gradient(145deg,#6ee7ff1f,#ff4f8f21),#080708c2;overflow:hidden}.demo-board img{position:absolute;right:-46px;bottom:-120px;width:470px;filter:drop-shadow(0 26px 28px rgba(0,0,0,.48))}.mock-screen{position:absolute;z-index:2;width:310px;border:1px solid rgba(255,244,223,.22);padding:16px;background:#09070bd1;box-shadow:8px 8px #ff4f8f42}.mock-screen span{display:block;margin-bottom:7px;color:var(--cyan);font-size:.78rem;font-weight:900}.mock-screen strong{display:block;color:var(--gold)}.mock-screen p{margin:8px 0 0;color:var(--paper)}.game-screen{left:28px;top:34px}.read-screen{left:92px;bottom:54px}.signup-section{display:flex;align-items:center;justify-content:space-between;gap:28px;border-top:1px solid rgba(255,244,223,.14);background:linear-gradient(90deg,#ffd36b29,#ff4f8f1f),#09070b}.signup-section p{max-width:650px;margin-bottom:0}@media(max-width:980px){.hero-scene{min-height:auto;padding:18px 20px 72px}.hero-content{grid-template-columns:1fr;gap:0;min-height:auto}.hero-copy{max-width:720px;padding:56px 0 24px}h1{font-size:4.2rem}.hero-lede{font-size:1.36rem}.hero-character{min-height:610px}.terminal-window{left:0;top:9%}.dialogue-window{right:0;bottom:8%}.beat-strip{grid-template-columns:repeat(2,1fr);width:min(1180px,calc(100% - 40px))}.beat-strip span:nth-child(2){border-right:0}.concept-layout,.demo-section{grid-template-columns:1fr}.scene-grid,.feature-marquee{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.hero-scene{min-height:100svh;padding-bottom:96px}.hero-content{display:block;min-height:calc(100svh - 68px)}.hero-copy{position:relative;z-index:4;padding-top:46px}.topbar{align-items:flex-start}.nav-links{display:none}.topbar-actions{margin-left:auto}h1{font-size:3.25rem}.hero-subcopy,.concept-layout p,.demo-copy p,.signup-section p{font-size:.95rem}.hero-actions{flex-direction:column;align-items:stretch}.hero-character{position:absolute;left:0;right:0;bottom:22px;z-index:1;min-height:330px;opacity:.62;pointer-events:none}.hud-window{display:none}.character-stage{inset:auto 0 0;height:340px;width:100%;align-items:end;justify-items:center}.character-stage img{width:min(350px,94vw)}.scene-grid,.feature-marquee{grid-template-columns:1fr}.beat-strip{top:calc(100svh - 72px);bottom:auto;grid-template-columns:repeat(4,1fr)}.beat-strip span{min-height:68px;align-items:flex-start;flex-direction:column;gap:2px;border-right:1px solid rgba(255,244,223,.12);padding:8px 6px;font-size:.78rem;line-height:1.2}.beat-strip span:last-child{border-right:0}.beat-strip span:nth-child(2){border-right:1px solid rgba(255,244,223,.12)}.concept-section,.scenes-section,.features-section,.demo-section,.signup-section{padding:68px 20px}.concept-section>.section-kicker{margin-left:0}.section-heading,.signup-section{align-items:flex-start;flex-direction:column}.concept-layout h2,.section-heading h2,.demo-copy h2,.signup-section h2{font-size:2rem}.demo-board{min-height:430px}.demo-board img{width:360px;right:-92px;bottom:-74px}.mock-screen{width:min(278px,calc(100vw - 58px))}.read-screen{left:26px;bottom:34px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}