@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--gold:#ffd36b;--muted:#bfb5c9;--line:#ffffff14}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#100b19;color:#fff5e6;font-family:Inter,Arial,sans-serif;line-height:1.65;background-image:radial-gradient(ellipse at 80% 10%,#8b301c35,transparent 45%)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:25px 34px;border-bottom:1px solid var(--line)}.brand{font-family:'Barlow Condensed',Impact,sans-serif;font-size:26px;letter-spacing:1px;display:flex;align-items:center;gap:7px}.brand b{color:var(--gold)}.logo{font-size:30px}nav{display:flex;gap:30px;align-items:center;font-size:14px;font-weight:600}.small-cta{border:1px solid #ffad415c;border-radius:8px;padding:10px 18px;color:var(--gold)}.menu{display:none}.skip{position:absolute;left:10px;top:-100px}.skip:focus{top:10px;background:black;padding:10px;z-index:9}main>section{max-width:1212px;margin:auto;padding:70px 34px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding-top:50px}.eyebrow{color:var(--gold);text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:2.5px}h1,h2{font-family:'Barlow Condensed',Impact,sans-serif;line-height:.98;letter-spacing:-1px}h1{font-size:clamp(70px,8vw,112px);margin:22px 0 28px;color:var(--gold);text-shadow:0 5px 0 #8e360e,0 12px 40px #ff72232c}h1 span{color:#fff4d8}h2{font-size:clamp(38px,5vw,62px);margin:18px 0 24px}em{font-style:normal;color:var(--gold)}.lead{font-size:17px;color:var(--muted);max-width:480px}.actions{display:flex;gap:12px;margin:30px 0;flex-wrap:wrap}.button{border:1px solid #ffce65;background:linear-gradient(135deg,#ffe38a,#ff9c32);color:#321706;padding:15px 25px;font-weight:800;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:25px;box-shadow:0 7px 28px #ff8d2020;transition:transform .2s}.button:hover{transform:translateY(-2px)}.button:disabled{opacity:.6;cursor:default}.secondary{background:#ffffff05;border-color:#ffffff28;color:#fff4dd;box-shadow:none}.hero-tags{display:flex;flex-wrap:wrap;gap:14px;font-size:11px;color:var(--muted)}figure{margin:0;position:relative}figure img{display:block;width:100%;height:auto;border-radius:24px;border:1px solid #ffa34045;box-shadow:0 20px 90px #ff632026}figcaption{position:absolute;bottom:18px;left:18px;right:18px;border:1px solid #ffffff20;background:#140c1bc9;backdrop-filter:blur(12px);border-radius:12px;padding:13px 18px;font-size:12px}.live-dot{display:inline-block;background:#ffa72b;width:7px;height:7px;border-radius:50%;margin-right:8px;box-shadow:0 0 12px orange}.section-heading{max-width:630px;margin-bottom:35px}.section-heading>p:not(.eyebrow),.demo p{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards article{background:linear-gradient(135deg,#251725,#16111f);border:1px solid #ffffff12;border-radius:16px;padding:28px}.cards article>span{font-size:32px}.cards h3{font-size:19px;margin:17px 0 10px}.cards p{color:var(--muted);font-size:14px;margin:0}.steps small{color:var(--gold);font-size:11px;font-weight:800;letter-spacing:2px}.demo{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:center}.note{font-size:12px;border-left:2px solid #e89037;padding-left:14px;margin-top:25px}.game{border:1px solid #f4a44940;background:#1b1022;padding:22px;border-radius:20px}.scorebar{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);gap:12px}.scorebar b{display:block;font-size:24px;color:var(--gold)}.field{position:relative;height:255px;border-radius:12px;margin:18px 0;overflow:hidden;background:radial-gradient(ellipse at 50% 100%,#ce431f65,transparent 60%),#100c1b;border:1px solid var(--line)}.volcano{position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);font-size:140px;opacity:.6;pointer-events:none}.field>p{position:absolute;top:12px;width:100%;text-align:center;font-size:12px;pointer-events:none}.coin{position:absolute;width:47px;height:47px;border-radius:50%;background:linear-gradient(135deg,#fff1a1,#ffb328);border:3px solid #df8117;color:#8e460d;font-size:24px;font-weight:800;box-shadow:0 0 25px #ffc54c60;z-index:2}.game>.button{width:100%}.status{font-size:12px;text-align:center;min-height:20px}.cta{text-align:center;background:radial-gradient(ellipse at center,#79281635,transparent 65%);padding-bottom:90px}footer{border-top:1px solid var(--line);max-width:1212px;margin:auto;padding:35px 34px;color:var(--muted);font-size:11px}footer .brand{color:white;margin-bottom:20px}footer>div{display:flex;gap:24px;flex-wrap:wrap;font-size:13px}.document{min-height:65vh;max-width:850px}.document h1{font-size:58px}.document h2{font-size:30px;line-height:1.2}.document p{color:var(--muted)}:focus-visible{outline:3px solid #ffdb83;outline-offset:5px}@media(max-width:760px){header{padding:18px 20px}.brand{font-size:23px}.menu{display:block;background:transparent;border:1px solid #ffffff25;border-radius:6px;color:var(--gold);font-size:22px;padding:2px 10px}nav{display:none;position:absolute;left:20px;right:20px;top:75px;z-index:5;background:#241525;border:1px solid #ffffff20;padding:20px;border-radius:12px;flex-direction:column;align-items:stretch;gap:18px}nav.open{display:flex}main>section{padding:45px 20px}.hero{grid-template-columns:1fr;gap:30px}.hero h1{font-size:86px}.hero-copy{max-width:540px}.lead{font-size:15px}.hero-tags{font-size:10px;gap:10px}.hero figure{max-width:540px;width:100%;margin:auto}.cards{grid-template-columns:1fr}.demo{grid-template-columns:1fr;gap:24px}footer{padding:28px 20px}h2{font-size:46px}.game{padding:16px}.actions .button{padding:14px 18px;font-size:13px}.document h1{font-size:50px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}