:root{--orange: #ff6600;--orange-2: #ff8a3d;--green: #00a651;--yellow: #ffd700;--navy: #1f2a38;--navy-2: #172030;--navy-3: #26344a;--ink: #0f151e;--off: #f5f5f5;--muted: #9aa7b8;--line: rgba(245, 245, 245, .1);--display: "Russo One", system-ui, sans-serif;--head: "Saira Condensed", system-ui, sans-serif;--body: "Barlow", system-ui, sans-serif;--r: 14px;--pad: clamp(16px, 5vw, 64px)}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{overflow-x:clip}body{margin:0;color:var(--off);background:var(--navy);font:500 17px/1.6 var(--body);-webkit-font-smoothing:antialiased;background-image:radial-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:3px 3px}img,svg{display:block}a{color:inherit}em{font-style:italic;color:var(--orange)}h1,h2,h3{margin:0;line-height:1}h2{font:italic 900 clamp(38px,6vw,72px)/.95 var(--head);text-transform:uppercase;letter-spacing:.01em}h3{font:italic 800 26px/1.05 var(--head);text-transform:uppercase}code{font:600 .9em ui-monospace,SF Mono,Menlo,monospace;color:var(--yellow)}.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:16px;z-index:99;background:var(--orange);color:var(--ink);padding:8px 12px;border-radius:8px}:focus-visible{outline:3px solid var(--yellow);outline-offset:3px;border-radius:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:10px;font:italic 800 17px/1 var(--head);text-transform:uppercase;letter-spacing:.04em;text-decoration:none;cursor:pointer;border:2px solid transparent;transition:transform .12s ease,background .15s ease,color .15s ease}.btn:active{transform:translateY(1px) scale(.98)}.btn-lg{padding:16px 28px;font-size:21px}.btn-primary{background:var(--orange);color:var(--ink);box-shadow:0 5px #b34700}.btn-primary:hover{background:var(--orange-2)}.btn-outline{border-color:var(--off);color:var(--off)}.btn-outline:hover{background:var(--off);color:var(--navy)}.btn-ghost{color:var(--off);border-color:var(--line)}.btn-ghost:hover{border-color:var(--off)}.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px var(--pad);background:#172030db;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.brand,.footer-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.brand-z{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--orange);color:var(--ink);font:30px/1 var(--display);transform:skew(-8deg);box-shadow:3px 3px 0 var(--green)}.brand-word{font:24px/.9 var(--display);letter-spacing:.02em;display:flex;flex-direction:column}.brand-word small{font:700 11px/1 var(--body);letter-spacing:.42em;color:var(--muted);margin-top:3px}.nav nav{display:flex;align-items:center;gap:22px}.nav nav>a{white-space:nowrap}.nav nav>a:not(.btn){text-decoration:none;font-weight:600;color:var(--muted)}.nav nav>a:not(.btn):hover{color:var(--off)}.lang{appearance:none;-webkit-appearance:none;font:700 14px/1 var(--body);color:var(--off);cursor:pointer;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%239aa7b8' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 10px center;border:1px solid var(--line);border-radius:999px;padding:9px 28px 9px 12px}.lang:hover,.lang:focus-visible{border-color:var(--off);outline:none}.lang option{color:var(--ink);background:var(--off)}.menu{display:none;background:none;border:0;padding:8px;cursor:pointer}.menu span{display:block;width:24px;height:2px;background:var(--off);margin:5px 0;transition:transform .2s}.hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:40px;padding:clamp(48px,8vw,110px) var(--pad) clamp(64px,9vw,130px);clip-path:polygon(0 0,100% 0,100% 90%,0 100%);background:linear-gradient(180deg,var(--navy-2),var(--navy))}.hero-bg{position:absolute;inset:0;pointer-events:none}.swirl{position:absolute;right:-140px;top:-120px;width:720px;color:#ff66001a;animation:turn 60s linear infinite}@keyframes turn{to{transform:rotate(360deg)}}.hero-copy{position:relative;z-index:1}.kicker{margin:0 0 14px;font:700 13px/1 var(--body);letter-spacing:.28em;text-transform:uppercase;color:var(--green)}.hero h1{font:italic 900 clamp(64px,11vw,150px)/.84 var(--head);text-transform:uppercase;letter-spacing:-.01em}.hero h1 .line{display:block}.hero h1 em{color:var(--orange);position:relative;display:inline-block;isolation:isolate}.hero h1 em:after{content:"";position:absolute;left:2%;right:4%;bottom:.12em;height:.1em;background:var(--yellow);transform:skew(-12deg);z-index:-1}.lead{max-width:560px;margin:26px 0 30px;font-size:19px;color:#cfd8e3}.cta{display:flex;gap:14px;flex-wrap:wrap}.facts{list-style:none;display:flex;gap:32px;margin:44px 0 0;padding:0;flex-wrap:wrap}.facts b{display:block;font:34px/1 var(--display);color:var(--yellow)}.facts span{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.hero-reel{position:relative;z-index:1;justify-self:center;transform:rotate(4deg)}.reel-frame{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px;width:min(380px,80vw);height:300px;border-radius:22px;background:var(--ink);border:3px solid var(--orange);box-shadow:10px 10px 0 var(--green),0 30px 60px #00000073;overflow:hidden}.reel{display:flex;flex-direction:column;gap:10px;animation:reel 3.2s cubic-bezier(.55,0,.2,1) infinite}.reel:nth-child(2){animation-delay:.18s}.reel:nth-child(3){animation-delay:.36s}.reel span{display:grid;place-items:center;flex:0 0 84px;border-radius:12px;background:var(--navy-3);font:44px/1 var(--display);color:var(--yellow)}@keyframes reel{0%,20%{transform:translateY(0)}70%,to{transform:translateY(-282px)}}.reel-tag{position:absolute;left:-18px;bottom:-18px;padding:8px 14px;border-radius:8px;background:var(--yellow);color:var(--ink);font:italic 800 16px/1 var(--head);text-transform:uppercase;transform:rotate(-6deg)}.claw{position:absolute;display:flex;gap:14px;transform:rotate(-24deg)}.claw i{display:block;width:10px;border-radius:50%;background:currentColor;clip-path:ellipse(50% 50% at 50% 50%)}.claw i:nth-child(1){height:150px;margin-top:20px}.claw i:nth-child(2){height:190px}.claw i:nth-child(3){height:150px;margin-top:20px}.claw-hero{left:52%;top:12%;color:#f5f5f50d}.claw-divider{right:6%;top:-80px;color:#ff66002e;transform:rotate(-24deg) scale(.8)}.ticker{overflow:hidden;background:var(--orange);color:var(--ink);transform:rotate(-1.5deg);margin:-34px -20px 0;position:relative;z-index:2}.ticker-track{display:flex;gap:48px;width:max-content;padding:14px 0;animation:ticker 30s linear infinite}.ticker span{font:italic 900 22px/1 var(--head);letter-spacing:.06em;white-space:nowrap}.ticker span:after{content:"✦";margin-left:48px;color:var(--navy)}@keyframes ticker{to{transform:translate(-50%)}}.section{position:relative;padding:clamp(72px,10vw,130px) var(--pad)}.section-head{max-width:760px;margin-bottom:48px}.section-head p:not(.kicker){color:#cfd8e3;font-size:19px}.game-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}.game-grid>.game-card{grid-column:span 2}.game-grid>.game-card:nth-child(4){grid-column:2 / span 2}.game-card{position:relative;display:flex;flex-direction:column;border-radius:var(--r);background:var(--navy-2);border:1px solid var(--line);overflow:hidden;transition:transform .2s ease,border-color .2s ease}.game-card:hover{transform:translateY(-6px) rotate(-.6deg);border-color:var(--c)}.game-art{height:170px;display:grid;place-items:center;background:repeating-linear-gradient(135deg,transparent 0 14px,rgba(255,255,255,.03) 14px 28px),color-mix(in srgb,var(--c) 22%,var(--navy-2));border-bottom:4px solid var(--c);clip-path:polygon(0 0,100% 0,100% 88%,0 100%)}.game-art span{font-size:78px;filter:drop-shadow(0 10px 0 rgba(0,0,0,.25));transition:transform .3s ease}.game-card:hover .game-art span{transform:scale(1.12) rotate(-6deg)}.game-body{display:flex;flex-direction:column;gap:10px;padding:18px 20px 22px;flex:1}.game-type{margin:0;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--c)}.game-body>p:not(.game-type){margin:0;color:#cfd8e3;font-size:15px;flex:1}.game-body dl{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:6px 0 4px}.game-body dt{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.game-body dd{margin:0;font:italic 800 19px/1.2 var(--head)}.btn-card{background:transparent;border-color:var(--c);color:var(--off)}.btn-card:hover{background:var(--c);color:var(--ink)}.why{background:var(--off);color:var(--ink);clip-path:polygon(0 4%,100% 0,100% 96%,0 100%)}.why .kicker{color:#007a3b}.why em{color:var(--orange)}.why-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:3px solid var(--ink)}.why-item{padding:30px 30px 34px 0;border-bottom:1px solid rgba(15,21,30,.14)}.why-item:nth-child(odd){padding-right:40px;border-right:1px solid rgba(15,21,30,.14)}.why-item:nth-child(2n){padding-left:40px}.why-item h3{margin-bottom:10px}.why-item h3:before{content:"";display:inline-block;width:14px;height:14px;margin-right:10px;background:var(--orange);transform:skew(-12deg)}.why-item p{margin:0;color:#334155}.steps{list-style:none;margin:0 0 40px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;counter-reset:s}.steps li{padding:22px;border-radius:var(--r);background:var(--navy-2);border-left:4px solid var(--green)}.steps b{display:block;font:40px/1 var(--display);color:var(--green);margin-bottom:14px}.steps h3{font-size:22px;margin-bottom:8px}.steps p{margin:0;color:#cfd8e3;font-size:15px}.code{max-width:860px;border-radius:var(--r);background:var(--ink);border:1px solid var(--line);overflow:hidden}.code-bar{display:flex;align-items:center;gap:7px;padding:10px 14px;background:#0b1017}.code-bar span{width:11px;height:11px;border-radius:50%;background:#3a4658}.code-bar em{margin-left:8px;font:600 13px var(--body);color:var(--muted);font-style:normal}.code pre{margin:0;padding:18px 20px;overflow-x:auto}.code code{color:#e2e8f0;font-size:14px;line-height:1.7}.apply{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:start;background:var(--navy-2)}.ticks{list-style:none;padding:0;margin:24px 0 0}.ticks li{padding-left:30px;position:relative;margin:12px 0;font-weight:600}.ticks li:before{content:"";position:absolute;left:0;top:.5em;width:16px;height:8px;border-left:3px solid var(--green);border-bottom:3px solid var(--green);transform:rotate(-45deg)}.form{display:flex;flex-direction:column;gap:16px;padding:clamp(20px,3vw,34px);border-radius:18px;background:var(--navy);border:1px solid var(--line);box-shadow:10px 10px 0 var(--orange)}.form .row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.form input,.form select,.form textarea{width:100%;min-width:0;font:500 16px var(--body);color:var(--off);background:var(--navy-2);border:1px solid var(--line);border-radius:10px;padding:12px 14px;text-transform:none;letter-spacing:0}.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px #ff660040}.form .invalid{border-color:#ff5a5a}.form .check{flex-direction:row;align-items:flex-start;gap:10px;text-transform:none;letter-spacing:0;font-weight:500;font-size:14px}.form .check input{width:auto;flex:0 0 auto;margin-top:3px;accent-color:var(--orange)}.form .hp{position:absolute;left:-9999px}.form button{align-self:flex-start}.form-status{margin:0;min-height:1.4em;font-weight:600}.form-status.ok{color:#4ade80}.form-status.err{color:#ff8080}.footer{padding:44px var(--pad) 60px;border-top:1px solid var(--line);display:grid;gap:10px}.footer p{margin:0;color:#cfd8e3}.footer .muted{color:var(--muted);font-size:14px}.footer .footer-links{display:flex;flex-wrap:wrap;gap:8px 22px}.footer-links a{color:var(--off);font-weight:600;text-decoration:none}.footer-links a:hover{color:var(--orange)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.reveal.in{opacity:1;transform:none}@media(max-width:1100px){.menu{display:block}.nav nav{position:fixed;inset:69px 0 auto;flex-direction:column;align-items:stretch;gap:6px;padding:16px var(--pad) 22px;background:var(--navy-2);border-bottom:1px solid var(--line);transform:translateY(-120%);transition:transform .25s ease}.nav.open nav{transform:none}.nav nav>a:not(.btn){padding:10px 0}.lang{align-self:flex-start;margin-top:6px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-grid>.game-card,.game-grid>.game-card:nth-child(4){grid-column:auto}.game-grid>.game-card:last-child:nth-child(odd){grid-column:1 / -1}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.hero{grid-template-columns:1fr}.hero-reel{transform:rotate(3deg) scale(.9)}.why-grid{grid-template-columns:1fr}.why-item:nth-child(odd),.why-item:nth-child(2n){padding:24px 0;border-right:0}.apply{grid-template-columns:1fr}}@media(max-width:560px){.game-grid,.steps,.form .row{grid-template-columns:1fr}.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ticker span{font-size:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}