@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,700&display=swap');

:root { --bg:#090b12; --paper:#f2f0e8; --ink:#10131c; --hot:#f53b59; --cyan:#24c8e7; --acid:#d8fb5f; --green:#7ca781; --line:rgba(255,255,255,.15); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--bg); color:var(--paper); font-family:'DM Sans',system-ui,sans-serif; overflow-x:hidden; }
a { color:inherit; text-decoration:none; }
.shell { width:min(1240px,calc(100% - 48px)); margin-inline:auto; }
.noise { pointer-events:none; position:fixed; inset:0; z-index:20; 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='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E"); }
.nav { height:92px; display:flex; justify-content:space-between; align-items:center; position:relative; z-index:10; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:12px; font-family:'Archivo Black',sans-serif; font-size:19px; letter-spacing:-.03em; }
.brand-muted { margin-left:5px; color:#757b89; }
.brand-mark { width:32px; height:32px; display:grid; grid-template-columns:repeat(3,1fr); gap:3px; transform:skew(-9deg); }
.brand-mark i { display:block; background:var(--hot); }
.brand-mark i:nth-child(2){ background:var(--paper); } .brand-mark i:nth-child(3){ background:var(--cyan); }
.nav nav { display:flex; align-items:center; gap:34px; text-transform:uppercase; font-size:12px; font-weight:700; letter-spacing:.15em; }
.nav-cta { border:1px solid var(--line); padding:13px 16px; transition:.25s ease; }
.nav-cta:hover { background:var(--paper); color:var(--ink); }
.nav-cta span { color:var(--hot); margin-left:14px; }
.hero { min-height:650px; position:relative; padding:100px 0 70px; }
.eyebrow { font-size:11px; letter-spacing:.25em; font-weight:700; color:#a8afbd; display:flex; gap:12px; align-items:center; }
.eyebrow span { width:44px; height:2px; background:var(--acid); }
h1 { font-family:'Archivo Black',sans-serif; margin:25px 0 0; font-size:clamp(62px,9.1vw,132px); line-height:.84; letter-spacing:-.075em; position:relative; z-index:2; }
h1 em { color:transparent; -webkit-text-stroke:2px var(--paper); font-style:normal; }
.hero-bottom { margin-top:48px; display:flex; align-items:flex-end; justify-content:space-between; position:relative; z-index:3; }
.hero-bottom p { margin:0 0 0 34%; width:390px; color:#a8afbd; font-size:18px; line-height:1.55; }
.round-link { border:1px solid var(--line); border-radius:50%; width:112px; aspect-ratio:1; display:grid; place-content:center; text-align:center; font-size:10px; letter-spacing:.18em; font-weight:700; transition:.25s; }
.round-link b { font-size:22px; color:var(--acid); margin-top:4px; }
.round-link:hover { transform:rotate(6deg); background:var(--acid); color:var(--ink); } .round-link:hover b{color:var(--ink);}
.hero-art { position:absolute; width:430px; height:430px; right:7%; top:80px; opacity:.72; z-index:0; }
.orbit { position:absolute; border:1px solid rgba(36,200,231,.45); border-radius:50%; inset:20px; animation:spin 18s linear infinite; }
.orbit:before,.orbit:after { content:''; position:absolute; width:10px; height:10px; background:var(--cyan); border-radius:50%; left:48%; top:-5px; box-shadow:0 0 24px var(--cyan); }
.orbit-b { inset:72px 0; border-color:rgba(245,59,89,.42); animation-direction:reverse; transform:rotate(38deg); }
.orbit-b:before{background:var(--hot);box-shadow:0 0 24px var(--hot)}
.bot-head { position:absolute; width:120px; height:88px; border:2px solid #343b4b; background:#111620; border-radius:18px; inset:0; margin:auto; transform:rotate(-8deg); box-shadow:0 0 80px rgba(36,200,231,.13); }
.bot-head:before { content:''; position:absolute; width:32px; height:11px; border:2px solid #343b4b; border-bottom:0; left:42px; top:-14px; }
.eye { position:absolute; top:34px; width:18px; height:8px; background:var(--cyan); box-shadow:0 0 18px var(--cyan); } .eye-a{left:25px}.eye-b{right:25px;background:var(--hot);box-shadow:0 0 18px var(--hot)}
.spark { position:absolute; font-size:30px; color:var(--acid); }.spark-a{left:30px;bottom:65px}.spark-b{right:28px;top:45px;color:var(--hot);font-size:18px}
@keyframes spin { to{transform:rotate(360deg)} }
.ticker { overflow:hidden; border-block:1px solid var(--line); background:#0d1018; transform:rotate(-1.1deg); width:102%; margin-left:-1%; }
.ticker div { display:flex; width:max-content; align-items:center; animation:marquee 28s linear infinite; padding:17px 0; }
.ticker span { font-family:'Archivo Black',sans-serif; font-size:14px; letter-spacing:.08em; margin:0 28px; }.ticker b{color:var(--hot)}
@keyframes marquee { to{transform:translateX(-50%)} }
.games { padding:130px 0 110px; }
.section-heading { display:grid; grid-template-columns:1fr 2fr 1fr; align-items:end; margin-bottom:72px; }
.section-heading>div { display:flex; flex-direction:column; gap:8px; }.section-no{color:var(--hot);font:36px 'Archivo Black'}.section-kicker{font-size:10px;letter-spacing:.22em;color:#8b92a1}
h2 { font:clamp(46px,7vw,86px)/.9 'Archivo Black',sans-serif; letter-spacing:-.06em; margin:0; }
.section-heading>p{margin:0;color:#9299a8;line-height:1.6;font-size:14px}
.game-card { display:grid; grid-template-columns:1.32fr .88fr; min-height:570px; border:1px solid var(--line); margin-bottom:42px; position:relative; overflow:hidden; background:#0d1018; }
.game-card:nth-of-type(3) { grid-template-columns:.88fr 1.32fr; }
.game-card:nth-of-type(3) .shot { order:2; }
.shot { position:relative; overflow:hidden; min-height:460px; display:block; }
.shot:before{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(135deg,rgba(0,0,0,.03),rgba(0,0,0,.34));}
.shot img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .7s; }
.shot:hover img { transform:scale(1.035); filter:saturate(1.15); }
.screen-glow { position:absolute; inset:0; z-index:3; box-shadow:inset 0 0 90px rgba(0,0,0,.28); pointer-events:none; }
.play-disc { position:absolute; right:28px; bottom:28px; z-index:4; width:92px; height:92px; border-radius:50%; background:var(--paper); color:var(--ink); display:grid; place-content:center; text-align:center; font-size:12px; font-weight:800; line-height:1.15; letter-spacing:.1em; transition:.25s; box-shadow:0 8px 30px rgba(0,0,0,.25); }.play-disc b{color:var(--hot);font-size:18px}.shot:hover .play-disc{transform:rotate(8deg) scale(1.06)}
.game-copy { padding:48px; display:flex; flex-direction:column; justify-content:center; }
.game-meta { display:flex; justify-content:space-between; font-size:9px; letter-spacing:.2em; color:#828a99; border-bottom:1px solid var(--line); padding-bottom:16px; }
.game-copy h3 { font:clamp(38px,4.3vw,64px)/.9 'Archivo Black',sans-serif; letter-spacing:-.065em; margin:42px 0 22px; white-space:nowrap; }.ninja h3 span{color:var(--hot)}.ninja h3 b{color:var(--cyan)}.ninja h3 small{font-size:.42em;color:#ffc82c}.bolt h3{color:#e9e8db}.bolt h3 span{color:#7aa58b}
.game-copy>p { color:#a4aab6; font-size:15px; line-height:1.7; margin:0; max-width:440px; }
.tags { display:flex; flex-wrap:wrap; gap:7px; margin:28px 0 38px; }.tags span{font-size:9px;letter-spacing:.14em;border:1px solid var(--line);padding:7px 9px;color:#b6bdc9}
.play-button { margin-top:auto; height:58px; border:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; padding:0 20px; text-transform:uppercase; font-size:11px; letter-spacing:.14em; font-weight:700; transition:.25s; }.play-button b{font-size:22px;color:var(--hot)}.ninja .play-button:hover{background:linear-gradient(90deg,var(--hot),#d82775);border-color:transparent}.bolt .play-button:hover{background:#628d73;border-color:#628d73}.play-button:hover b{color:white}
.bolt { background:#121712; }.bolt .play-disc{background:#eef1d6}.bolt .play-disc b{color:#4d806d}.bolt .shot:before{background:linear-gradient(135deg,rgba(74,114,87,.05),rgba(18,23,18,.25))}
.manifesto { border-top:1px solid var(--line); padding:100px 0 120px; position:relative; }.mini-label{font-size:10px;letter-spacing:.2em;color:#7e8595;margin-bottom:28px}.manifesto p{font:clamp(40px,6.3vw,82px)/1.02 'Archivo Black';letter-spacing:-.055em;margin:0}.manifesto p span{color:transparent;-webkit-text-stroke:1.5px #707789}.tiny-bot{position:absolute;right:3%;bottom:90px;width:84px;height:64px;border:2px solid #333b4a;border-radius:13px;transform:rotate(7deg)}.tiny-bot i{position:absolute;top:25px;width:12px;height:6px;background:var(--cyan)}.tiny-bot i:first-child{left:18px}.tiny-bot i:last-child{right:18px;background:var(--hot)}
.footer { min-height:130px; border-top:1px solid var(--line); display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; font-size:11px;color:#858c9a }.footer p{text-align:center}.footer>a:last-child{text-align:right;letter-spacing:.14em;font-weight:700;color:#c7ccd5}
.reveal { opacity:0; transform:translateY(26px); transition:opacity .7s ease,transform .7s ease; }.reveal.visible{opacity:1;transform:none}
@media (max-width:900px){.hero{min-height:590px}.hero-art{width:330px;height:330px;right:-70px;top:125px;opacity:.55}.hero-bottom p{margin-left:0}.section-heading{grid-template-columns:1fr 2fr}.section-heading>p{display:none}.game-card,.game-card:nth-of-type(3){grid-template-columns:1fr}.game-card:nth-of-type(3) .shot{order:0}.game-copy{padding:38px}.shot{min-height:420px}.game-copy h3{white-space:normal}.footer{grid-template-columns:1fr 1fr}.footer p{display:none}}
@media (max-width:600px){.shell{width:min(100% - 28px,1240px)}.nav{height:72px}.nav nav>a:first-child{display:none}.nav-cta{padding:11px}.hero{padding-top:80px;min-height:590px}h1{font-size:16.5vw;line-height:.91}.hero-art{top:195px;width:280px;height:280px;right:-80px}.hero-bottom{margin-top:54px;align-items:flex-end}.hero-bottom p{font-size:15px;width:65%;}.round-link{width:86px}.games{padding:92px 0 70px}.section-heading{grid-template-columns:1fr;margin-bottom:40px}.section-heading>div{margin-bottom:20px}h2{font-size:50px}.game-card{border-inline:0;margin-inline:-14px}.shot{min-height:300px}.game-copy{padding:34px 22px 26px}.game-copy h3{font-size:43px;margin-top:30px}.play-disc{width:76px;height:76px;right:18px;bottom:18px;font-size:10px}.manifesto{padding:80px 0}.tiny-bot{display:none}.footer{min-height:110px}.footer .brand{font-size:15px}.brand-mark{width:27px;height:27px}.footer>a:last-child{font-size:9px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div,.orbit{animation:none}.reveal{opacity:1;transform:none;transition:none}.shot img,.play-disc{transition:none}}