:root{--ink:#120528;--panel:#21103b;--panel2:#2d1550;--line:#56317a;--gold:#f4bd62;--gold2:#ffd88d;--pink:#f50a87;--cyan:#38d9ff;--text:#fff8ff;--muted:#cbbbd9;--max:1240px;--r:22px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:radial-gradient(circle at 15% 0,#35125a 0,transparent 25rem),var(--ink);color:var(--text);font:17px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}a{color:inherit}img{max-width:100%;height:auto}.skip{position:fixed;left:12px;top:-60px;z-index:99;background:#fff;color:#111;padding:10px 16px;border-radius:8px}.skip:focus{top:10px}.site-header{height:78px;position:sticky;top:0;z-index:50;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:0 max(20px,calc((100vw - var(--max))/2));background:rgba(18,5,40,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(244,189,98,.22)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:29px;font-weight:500;letter-spacing:-1.5px;white-space:nowrap}.brand b{font-weight:900}.dice{width:39px;height:39px;border-radius:11px;background:linear-gradient(145deg,var(--gold2),#cf9140);display:grid;grid-template-columns:repeat(3,5px);grid-template-rows:repeat(3,5px);place-content:center;gap:4px;box-shadow:0 0 0 1px #ffd99355,0 8px 24px #0007}.dice i{width:5px;height:5px;background:#26113e;border-radius:50%}.dice i:nth-child(2){grid-column:3}.dice i:nth-child(3){grid-column:2;grid-row:2}.dice i:nth-child(4){grid-row:3}.dice i:nth-child(5){grid-column:3;grid-row:3}.dice i:nth-child(6){display:none}.site-header nav{display:flex;justify-content:center;gap:5px}.site-header nav a{padding:10px 12px;text-decoration:none;color:var(--muted);font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;border-radius:9px}.site-header nav a:hover,.site-header nav a:focus-visible,.site-header nav a.active{background:#3b1a61;color:#fff}.menu{display:none}.btn{min-height:54px;display:inline-flex;align-items:center;justify-content:center;padding:0 27px;border:1px solid transparent;border-radius:11px;text-decoration:none;font-size:14px;font-weight:950;letter-spacing:.05em;line-height:1;text-align:center;transition:transform .18s,filter .18s,box-shadow .18s}.btn:hover,.btn:focus-visible{transform:translateY(-2px);filter:brightness(1.08)}.btn:focus-visible,.menu:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.btn-primary,.header-cta{color:#21112e;background:linear-gradient(135deg,var(--gold2),var(--gold));box-shadow:0 9px 30px #f4bd6235}.header-cta{min-width:170px;font-size:14px}.btn-secondary{background:#fff;color:#28143e}.btn-ghost{border-color:#ffffff66;background:#16092d99;color:#fff}.hero{min-height:650px;position:relative;display:grid;place-items:center;overflow:hidden;border-bottom:1px solid #7b408b66}.hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(12,2,30,.04) 0%,rgba(12,2,30,.18) 45%,rgba(12,2,30,.93) 72%),url('/assets/img/haz-neon-city-hero.webp');background-size:cover;background-position:center}.hero-bg:after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(transparent,var(--ink))}.hero-copy{position:relative;width:min(var(--max),calc(100% - 40px));margin:auto;padding:64px 0 76px 53%;text-shadow:0 2px 12px #000}.eyebrow,.kicker{display:block;color:var(--gold2);font-size:12px;font-weight:950;letter-spacing:.18em;text-transform:uppercase}.hero h1{max-width:760px;margin:12px 0 4px;font:950 clamp(40px,5.2vw,76px)/.98 "Arial Black",Impact,system-ui,sans-serif;letter-spacing:-.055em}.phrase{margin:13px 0 8px;color:#fff;font-size:clamp(22px,2.2vw,34px);font-weight:850}.hero-lead{max-width:720px;margin:0 0 22px;color:#e6dced;font-size:18px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-note{display:block;margin-top:16px;color:#c9bdd4}.quick-strip{position:relative;z-index:2;width:min(var(--max),calc(100% - 40px));margin:-38px auto 0;display:grid;grid-template-columns:repeat(4,1fr);background:#2a124a;border:1px solid #6a3d8b;border-radius:18px;box-shadow:0 22px 70px #0008;overflow:hidden}.quick-strip a{display:flex;flex-direction:column;padding:20px 23px;text-decoration:none;border-right:1px solid #5d327d}.quick-strip a:last-child{border:0}.quick-strip a:hover{background:#3a1a5d}.quick-strip b{font-size:21px;color:var(--gold2)}.quick-strip span{color:var(--muted);font-size:14px}.section{width:min(var(--max),calc(100% - 40px));margin:0 auto;padding:92px 0}.section+.section{border-top:1px solid #ffffff12}.section-head{display:grid;grid-template-columns:1fr minmax(280px,520px);align-items:end;gap:40px;margin-bottom:30px}.section h2,.final-cta h2{margin:8px 0 18px;font:900 clamp(30px,3.5vw,51px)/1.05 system-ui,sans-serif;letter-spacing:-.04em}.section h3{font-size:22px;line-height:1.15}.section p{color:#d7cbdf;max-width:78ch}.section-head p{margin:0}.world-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.art-card{min-height:280px;position:relative;display:flex;align-items:end;overflow:hidden;border:1px solid #6c3c8b;border-radius:var(--r);background-image:url('/assets/img/haz-game-atlas.webp');background-size:300% 200%;text-decoration:none;box-shadow:0 18px 55px #0005;isolation:isolate}.art-card:hover{border-color:var(--gold);transform:translateY(-2px)}.art-card .scrim,.feature-panel .scrim,.final-cta .scrim{position:absolute;inset:0;background:linear-gradient(180deg,transparent 15%,rgba(8,2,20,.94) 100%);z-index:-1}.card-copy{display:flex;flex-direction:column;padding:26px}.card-copy small{color:var(--gold2);font-weight:900;letter-spacing:.15em}.card-copy strong{font-size:28px;line-height:1.1}.card-copy span{color:#d7cbdf}.art-1{background-position:0 0}.art-2{background-position:50% 0}.art-3{background-position:100% 0}.art-4{background-position:0 100%}.art-5{background-position:50% 100%}.art-6{background-position:100% 100%}.split{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px}.feature-panel{min-height:480px;position:relative;display:flex;align-items:end;overflow:hidden;padding:35px;border-radius:var(--r);border:1px solid #704694;background-image:url('/assets/img/haz-game-atlas.webp');background-size:300% 200%;isolation:isolate}.feature-panel div{display:flex;flex-direction:column}.feature-panel small{color:var(--gold2);font-weight:900;letter-spacing:.14em}.feature-panel strong{font-size:36px;line-height:1.08}.feature-panel span:last-child{color:#ddd0e4}.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:14px;overflow-x:auto;padding:2px 2px 18px;scroll-snap-type:x mandatory}.rail .art-card{min-height:330px;scroll-snap-align:start}.evidence{display:grid;grid-template-columns:1fr 330px;gap:50px;align-items:start}.evidence aside{display:flex;flex-direction:column;gap:9px;padding:25px;border:1px solid #725190;border-radius:18px;background:#271243}.evidence aside b{font-size:21px;color:var(--gold2)}.evidence aside a{color:#fff}.evidence aside span,.evidence aside small{color:#d2c5da}.evidence.inverse{grid-template-columns:330px 1fr}.steps ol{counter-reset:step;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0;list-style:none}.steps li{counter-increment:step;min-height:180px;padding:25px;border:1px solid #5d3478;border-radius:17px;background:linear-gradient(145deg,#2a1248,#1b0c32)}.steps li:before{content:"0" counter(step);display:block;color:var(--pink);font-weight:950;letter-spacing:.1em}.steps li b,.steps li span{display:block}.steps li b{font-size:20px;margin:10px 0 5px}.steps li span{color:var(--muted)}.faq details{max-width:900px;border-bottom:1px solid #654078;padding:0 2px}.faq summary{cursor:pointer;padding:21px 40px 21px 0;font-weight:850;font-size:20px}.faq details p{padding:0 0 20px}.final-cta{width:min(var(--max),calc(100% - 40px));min-height:390px;position:relative;display:flex;align-items:center;margin:20px auto 100px;padding:50px;border:1px solid #7b4b98;border-radius:28px;overflow:hidden;background-image:url('/assets/img/haz-game-atlas.webp');background-size:300% 200%;isolation:isolate}.final-cta>div{max-width:680px}.final-cta small{color:var(--gold2);font-weight:950;letter-spacing:.15em}.bonus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.bonus-grid article,.compare article{padding:27px;border:1px solid #5d3478;border-radius:18px;background:#24113f}.bonus-grid article>b{font-size:36px;color:var(--pink)}.bonus-grid article strong{display:block;color:var(--gold2);font-size:25px}.checklist{padding:0;list-style:none}.checklist li{position:relative;margin:13px 0;padding-left:28px;color:#d8cce0}.checklist li:before{content:"◆";position:absolute;left:0;color:var(--cyan)}.math{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin:28px 0}.math div{min-width:150px;padding:20px;border:1px solid #684287;border-radius:14px;background:#281247}.math small,.math b{display:block}.math small{color:var(--muted);font-size:11px}.math b{font-size:27px;color:var(--gold2)}.math>span{font-size:28px;color:var(--pink)}.payment-cloud{display:flex;flex-wrap:wrap;gap:11px;margin:27px 0}.payment-cloud span{padding:12px 18px;border:1px solid #6a4683;border-radius:999px;background:#2b1548;font-weight:800}.compare{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.compare article h3{color:var(--gold2)}code{padding:.12em .38em;border-radius:5px;background:#ffffff12;color:var(--cyan)}footer{display:grid;grid-template-columns:1.4fr .7fr 1fr;gap:50px;padding:55px max(20px,calc((100vw - var(--max))/2)) 35px;background:#0c021c;border-top:1px solid #4c2b67}footer>div{display:flex;flex-direction:column;align-items:flex-start;gap:9px}footer a{color:var(--muted);text-decoration:none}footer a:hover{color:#fff}.footer-brand{position:relative;padding-left:55px}.footer-brand .dice{position:absolute;left:0}.footer-brand p{color:var(--muted);max-width:36ch;margin:2px 0}.copyright{grid-column:1/-1;color:#867992;font-size:13px;border-top:1px solid #ffffff12;padding-top:20px;margin:10px 0 0}@media (max-width:1050px){.site-header{grid-template-columns:auto auto 1fr auto;gap:12px}.menu{display:block;grid-column:2;border:1px solid #6d4185;border-radius:8px;background:#2c1549;color:#fff;padding:10px;font-weight:900}.site-header nav{display:none;position:absolute;top:77px;left:0;right:0;flex-direction:column;align-items:stretch;padding:14px 20px 20px;background:#16072b;border-bottom:1px solid #6a3d8b}.site-header nav.open{display:flex}.site-header nav a{padding:13px}.header-cta{grid-column:4}.hero-copy{padding-left:43%}.steps ol{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){body{font-size:16px}.site-header{height:72px;padding:0 12px;grid-template-columns:auto auto 1fr auto}.brand{font-size:22px;gap:7px}.dice{width:34px;height:34px}.brand span:last-child{max-width:112px}.menu{font-size:11px;padding:9px 8px}.header-cta{min-width:128px;min-height:50px;padding:0 11px;font-size:11px}.site-header nav{top:71px}.hero{min-height:670px;align-items:end}.hero-bg{background-position:34% center;background-image:linear-gradient(180deg,rgba(12,2,30,.04) 0%,rgba(12,2,30,.45) 38%,rgba(12,2,30,.96) 66%),url('/assets/img/haz-neon-city-hero.webp')}.hero-copy{width:calc(100% - 28px);padding:240px 0 38px}.hero h1{font-size:clamp(34px,10vw,49px)}.phrase{font-size:22px}.hero-lead{font-size:15px;line-height:1.45}.hero-actions .btn{min-height:56px;padding:0 19px}.hero-note{font-size:11px}.quick-strip{grid-template-columns:repeat(2,1fr);margin-top:0;width:100%;border-radius:0;border-left:0;border-right:0}.quick-strip a{border-bottom:1px solid #5d327d;padding:17px}.section{width:calc(100% - 28px);padding:65px 0}.section-head,.split,.evidence,.evidence.inverse{grid-template-columns:1fr;gap:25px}.world-grid,.bonus-grid,.compare{grid-template-columns:1fr}.art-card{min-height:245px}.feature-panel{min-height:360px}.steps ol{grid-template-columns:1fr}.final-cta{width:calc(100% - 28px);padding:30px;min-height:360px;margin-bottom:70px}.evidence aside{order:2}footer{grid-template-columns:1fr;gap:28px;padding:42px 22px}.copyright{grid-column:auto}}@media (max-width:390px){.brand span:last-child{display:none}.site-header{grid-template-columns:auto auto 1fr auto}.header-cta{min-width:124px}.hero-copy{padding-top:225px}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.hero-actions .btn{padding:0 10px;font-size:11px}.quick-strip b{font-size:18px}.section h2,.final-cta h2{font-size:31px}.math div{min-width:128px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.art-card{transition:none}}