:root{--background:#08070c;--background-soft:#100e17;--panel:#14111dc7;--panel-solid:#15121e;--border:#ffffff1a;--border-light:#ffffff29;--text:#f8f7fb;--text-soft:#b4afc1;--text-muted:#817b90;--primary:#a855f7;--primary-light:#d8b4fe;--secondary:#ef3b68;--max-width:1220px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at 12% 8%, #7e22ce1f, transparent 30%), radial-gradient(circle at 88% 12%, #e11d481a, transparent 26%), var(--background);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body:before{z-index:-1;pointer-events:none;content:"";opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.7'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.site-header{z-index:100;width:min(calc(100% - 40px), var(--max-width));-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#08070cd1;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;min-height:78px;margin:0 auto;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;font-weight:900;display:inline-flex}.brand-symbol{background:linear-gradient(145deg,#a855f7e6,#e11d48b8);border:1px solid #d8b4fe52;border-radius:11px;place-items:center;width:36px;height:36px;font-family:Georgia,serif;font-size:23px;display:grid;box-shadow:0 10px 30px #a855f747,inset 0 1px #ffffff59}.brand-name{letter-spacing:.22em}.desktop-navigation{color:var(--text-soft);align-items:center;gap:35px;font-size:14px;display:flex}.desktop-navigation a{transition:color .16s,transform .16s}.desktop-navigation a:hover{color:#fff;transform:translateY(-1px)}.header-actions{align-items:center;gap:10px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:13px;justify-content:center;align-items:center;gap:12px;font-weight:750;transition:transform .17s,border-color .17s,background .17s,box-shadow .17s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-small{min-height:44px;padding:0 18px;font-size:14px}.button-large{min-height:56px;padding:0 24px}.button-primary{color:#fff;background:linear-gradient(135deg,#a855f7,#e53868);box-shadow:0 14px 38px #a855f738}.button-primary:hover{box-shadow:0 18px 46px #a855f75c}.button-secondary{border-color:var(--border-light);background:#ffffff0b}.button-secondary:hover,.button-ghost:hover{background:#ffffff14;border-color:#ffffff47}.button-ghost{min-height:44px;color:var(--text-soft);background:0 0;padding:0 16px}.hero-section{min-height:calc(100vh - 78px);position:relative;overflow:hidden}.hero-content{z-index:2;width:min(calc(100% - 40px), var(--max-width));grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);align-items:center;gap:40px;min-height:calc(100vh - 78px);margin:0 auto;padding:105px 0 100px;display:grid;position:relative}.hero-glow{pointer-events:none;filter:blur(90px);border-radius:999px;position:absolute}.hero-glow-one{background:#7e22ce2e;width:460px;height:460px;top:8%;right:4%}.hero-glow-two{background:#e11d481a;width:340px;height:340px;bottom:5%;left:14%}.eyebrow,.section-kicker{color:var(--primary-light);letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:850}.eyebrow{background:#a855f712;border:1px solid #a855f738;border-radius:999px;align-items:center;gap:10px;min-height:34px;padding:0 13px;display:inline-flex}.eyebrow-dot{background:#c084fc;border-radius:999px;width:7px;height:7px;box-shadow:0 0 16px #a855f7}.hero-copy h1{letter-spacing:-.05em;max-width:760px;margin:24px 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(52px,5vw,78px);font-weight:600;line-height:.98}.gradient-text{color:#0000;background:linear-gradient(90deg,#e9d5ff 2%,#c084fc 44%,#fb7185 96%);-webkit-background-clip:text;background-clip:text;margin-top:12px;font-size:.76em;line-height:1.04;display:block}.hero-description{max-width:640px;color:var(--text-soft);margin:0;font-size:18px;line-height:1.72}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.hero-facts{align-items:center;gap:23px;margin-top:42px;display:flex}.hero-facts div:not(.fact-divider){gap:3px;display:grid}.hero-facts strong{font-size:20px}.hero-facts span{color:var(--text-muted);letter-spacing:.11em;text-transform:uppercase;font-size:12px}.fact-divider{background:var(--border);width:1px;height:34px}.hero-visual{place-items:center;min-height:640px;display:grid;position:relative}.story-preview{z-index:3;border:1px solid var(--border-light);background:linear-gradient(160deg,#1f1a2cf2,#0d0b13f5);border-radius:28px;width:min(100%,430px);padding:15px;position:relative;transform:rotate(1.5deg);box-shadow:0 45px 100px #0000008c,0 0 80px #7e22ce1f}.story-preview-top{justify-content:space-between;align-items:center;padding:4px 4px 14px;display:flex}.live-badge,.round-badge{color:var(--text-muted);letter-spacing:.1em;font-size:10px;font-weight:800}.live-badge{color:#fda4af;align-items:center;gap:7px;display:inline-flex}.live-badge span{background:#fb7185;border-radius:999px;width:7px;height:7px;box-shadow:0 0 12px #f43f5e}.story-cover{background:radial-gradient(circle at 70% 20%,#f43f5e33,#0000 28%),linear-gradient(145deg,#241122,#0d111d 55%,#171020);border-radius:20px;flex-direction:column;justify-content:space-between;min-height:225px;padding:24px;display:flex;position:relative;overflow:hidden}.story-cover:before{content:"";opacity:.42;background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:50px;height:150%;position:absolute;top:-25%;right:17%;transform:rotate(28deg)}.story-category{z-index:1;color:#fda4af;letter-spacing:.18em;font-size:10px;font-weight:850;position:relative}.story-cover h2{z-index:1;margin:0 0 8px;font-family:Georgia,serif;font-size:31px;position:relative}.story-cover p{z-index:1;color:#c9c4d2;max-width:310px;margin:0;line-height:1.5;position:relative}.story-event{background:#a855f70f;border:1px solid #a855f72b;border-radius:15px;gap:13px;margin:14px 0;padding:16px;display:flex}.event-icon{width:34px;height:34px;color:var(--primary-light);background:#a855f724;border-radius:10px;flex:none;place-items:center;display:grid}.event-label{color:var(--primary-light);letter-spacing:.13em;font-size:9px;font-weight:850}.story-event p{color:#d9d5df;margin:5px 0 0;font-size:13px;line-height:1.5}.players{padding:2px 3px 15px;display:flex}.player-avatar{border:3px solid #17131f;border-radius:999px;place-items:center;width:36px;height:36px;margin-right:-8px;font-size:11px;font-weight:850;display:grid}.player-one{background:#7c3aed}.player-two{background:#be123c}.player-three{background:#0369a1}.player-four{background:#15803d}.player-five{color:#d8d4df;background:#34303c}.story-decision{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7e22ce,#be123c);border:0;border-radius:13px;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:0 17px;font-weight:750;display:flex}.story-orbit{border:1px solid #a855f724;border-radius:999px;position:absolute}.story-orbit-one{width:560px;height:560px}.story-orbit-two{border-color:#f43f5e14;width:680px;height:680px}.floating-card{z-index:4;border:1px solid var(--border-light);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#13101be0;border-radius:15px;gap:4px;min-width:155px;padding:14px 16px;display:grid;position:absolute;box-shadow:0 18px 45px #00000059}.floating-card span{color:var(--text-muted);letter-spacing:.15em;font-size:8px;font-weight:850}.floating-card strong{font-size:13px}.floating-secret{top:110px;left:-8px;transform:rotate(-5deg)}.floating-suspicion{min-width:105px;bottom:122px;right:0;transform:rotate(5deg)}.floating-suspicion strong{color:#fb7185;font-size:18px}.trust-strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);min-height:78px;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;background:#ffffff05;justify-content:center;align-items:center;gap:26px;font-size:12px;font-weight:750;display:flex}.trust-dot{background:#7e22ce;border-radius:999px;width:4px;height:4px}.section{width:min(calc(100% - 40px), var(--max-width));margin:0 auto;padding:130px 0}.section-heading{text-align:center;max-width:760px;margin:0 auto 58px}.section-heading-left{text-align:left;margin-left:0;margin-right:0}.section-heading h2,.feature-copy h2,.final-cta h2{letter-spacing:-.035em;margin:14px 0 17px;font-family:Georgia,serif;font-size:clamp(38px,4.4vw,60px);font-weight:500;line-height:1.04}.section-heading p,.feature-copy>p,.final-cta p{color:var(--text-soft);font-size:17px;line-height:1.7}.genre-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.genre-card{border:1px solid var(--border);background:var(--panel);border-radius:22px;min-height:300px;padding:27px;transition:transform .18s,border-color .18s;position:relative;overflow:hidden}.genre-card:after{content:"";opacity:.14;filter:blur(20px);border-radius:999px;width:160px;height:160px;position:absolute;bottom:-65px;right:-50px}.genre-card:hover{border-color:#ffffff3d;transform:translateY(-7px)}.genre-red:after{background:#f43f5e}.genre-purple:after{background:#a855f7}.genre-green:after{background:#22c55e}.genre-pink:after{background:#ec4899}.genre-blue:after{background:#0ea5e9}.genre-gold:after{background:#eab308}.genre-icon{border:1px solid var(--border);background:#ffffff0a;border-radius:16px;place-items:center;width:55px;height:55px;font-size:26px;display:grid}.genre-card h3{margin:25px 0 10px;font-size:21px}.genre-card p{color:var(--text-soft);margin:0;line-height:1.65}.genre-arrow{color:#d8b4fe;font-size:13px;font-weight:750;position:absolute;bottom:27px;left:27px}.steps-section{border-top:1px solid #ffffff0f}.steps-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.step-card{border-top:1px solid var(--border-light);background:linear-gradient(#ffffff07,#0000);min-height:245px;padding:25px}.step-number{color:#c084fc;font-family:Georgia,serif;font-size:34px}.step-card h3{margin:45px 0 11px;font-size:20px}.step-card p{color:var(--text-soft);margin:0;line-height:1.6}.feature-panel{border:1px solid var(--border);background:radial-gradient(circle at 83% 34%,#7e22ce24,#0000 34%),linear-gradient(145deg,#121019,#0c0a11);border-radius:30px;grid-template-columns:1fr .9fr;align-items:center;gap:80px;padding:70px;display:grid}.feature-copy{max-width:600px}.feature-list{gap:15px;margin:30px 0 0;padding:0;list-style:none;display:grid}.feature-list li{color:#ddd9e4;align-items:center;gap:12px;display:flex}.feature-list li span{color:#d8b4fe;background:#a855f721;border-radius:999px;flex:none;place-items:center;width:25px;height:25px;font-size:12px;display:grid}.quote-stack{min-height:420px;position:relative}.quote-card{border:1px solid var(--border-light);color:#d8d3df;background:#191522f0;border-radius:20px;width:100%;padding:22px;position:absolute;box-shadow:0 30px 65px #0000004d}.quote-card-back{opacity:.45;top:15px;transform:rotate(7deg)scale(.91)}.quote-card-middle{opacity:.65;top:38px;transform:rotate(-5deg)scale(.95)}.quote-card-front{background:linear-gradient(145deg,#21182d,#15111c);gap:11px;padding:27px;display:grid;top:73px}.quote-card-front>span{color:#c084fc;letter-spacing:.14em;font-size:9px;font-weight:850}.quote-card-front>strong{margin-bottom:13px;font-family:Georgia,serif;font-size:29px}.quote-card-front button{border:1px solid var(--border);color:#ddd8e5;cursor:pointer;text-align:left;background:#ffffff09;border-radius:12px;min-height:48px;padding:0 15px}.quote-card-front button:hover{background:#a855f717;border-color:#c084fc80}.final-cta{width:min(calc(100% - 40px), var(--max-width));text-align:center;background:linear-gradient(135deg,#581c8733,#9f123926),#110e18;border:1px solid #d8b4fe29;border-radius:32px;margin:30px auto 120px;padding:100px 30px;position:relative;overflow:hidden}.final-cta>div:not(.final-cta-glow){z-index:2;max-width:790px;margin:auto;position:relative}.final-cta p{max-width:650px;margin:0 auto 30px}.final-cta-glow{filter:blur(80px);background:#a855f729;border-radius:999px;width:500px;height:350px;position:absolute;top:-150px;left:calc(50% - 250px)}.site-footer{width:min(calc(100% - 40px), var(--max-width));border-top:1px solid var(--border);min-height:110px;color:var(--text-muted);grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;margin:auto;font-size:12px;display:grid}.site-footer p{text-align:center}.site-footer>div{justify-content:flex-end;gap:20px;display:flex}.site-footer a:hover{color:#fff}.placeholder-page{place-items:center;min-height:100vh;padding:25px;display:grid}.placeholder-card{border:1px solid var(--border);background:var(--panel);text-align:center;border-radius:25px;width:min(100%,560px);padding:45px}.placeholder-card h1{margin:25px 0 12px;font-family:Georgia,serif;font-size:45px}.placeholder-card p{color:var(--text-soft);margin:0 0 28px;line-height:1.65}@media (max-width:1050px){.desktop-navigation{display:none}.hero-content{grid-template-columns:1fr;padding-top:90px}.hero-copy{text-align:center;max-width:800px;margin:0 auto}.eyebrow{justify-content:center}.hero-description{margin-inline:auto}.hero-actions,.hero-facts{justify-content:center}.hero-visual{min-height:600px}.genre-grid,.steps-grid{grid-template-columns:repeat(2,1fr)}.feature-panel{grid-template-columns:1fr}.quote-stack{width:100%;max-width:570px;margin:auto}}@media (max-width:720px){.site-header{width:min(calc(100% - 24px), var(--max-width))}.header-actions .button-ghost{display:none}.hero-content,.section,.final-cta,.site-footer{width:min(calc(100% - 24px), var(--max-width))}.hero-content{padding-top:65px}.hero-copy h1{font-size:clamp(44px,13vw,64px)}.gradient-text{font-size:.72em}.hero-description{font-size:16px}.hero-actions{display:grid}.hero-actions .button{width:100%}.hero-facts{gap:14px}.hero-visual{min-height:520px}.story-preview{transform:none}.story-orbit{display:none}.floating-secret{top:40px;left:-2px}.floating-suspicion{bottom:50px;right:-2px}.trust-strip{text-align:center;flex-wrap:wrap;gap:12px;padding:22px}.section{padding:90px 0}.genre-grid,.steps-grid{grid-template-columns:1fr}.feature-panel{gap:35px;padding:35px 22px}.quote-stack{min-height:390px}.final-cta{margin-bottom:70px;padding:75px 20px}.site-footer{text-align:center;grid-template-columns:1fr;padding:35px 0}.site-footer .brand{justify-content:center}.site-footer>div{flex-wrap:wrap;justify-content:center}.placeholder-card{padding:35px 22px}}