:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#eaf4ff;background:#08131f}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 15%,#133344 0,transparent 42%),#08131f;line-height:1.6}a{color:#84e6fa;text-decoration:none}a:hover{text-decoration:underline}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #9deeff;outline-offset:4px}header,main,footer{max-width:1160px;margin:auto;padding:0 28px}header{height:90px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #294050}.brand{font-size:18px;font-weight:800;letter-spacing:2px;color:#eaf4ff}.brand span{font-size:27px;color:#69dfff;margin-left:8px}header>a:last-child{font-size:14px}.hero{display:grid;grid-template-columns:1.6fr 1fr;gap:50px;align-items:center;padding:68px 0 48px}.eyebrow{font-size:11px;letter-spacing:2.5px;color:#68ddf6;font-weight:750;margin:0 0 16px}h1{font-size:clamp(36px,4.3vw,57px);line-height:1.13;letter-spacing:-2px;margin:0 0 25px;font-weight:700}.intro{font-size:17px;color:#b6cddd;max-width:580px;margin:0 0 26px}.text-link{font-size:14px}.hero-mascot{display:flex;flex-direction:column;align-items:center;position:relative;padding:20px}.halo{position:absolute;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,#32cbe233,transparent 70%);top:55px}.preview-sprite{width:216px;height:288px;background:url(/geobrain-character-hammer.png) 0 0/400% 200% no-repeat;filter:drop-shadow(0 10px 12px #0006);position:relative}.hero-mascot>span{font-size:12px;color:#7eacbf;letter-spacing:.5px}.platforms{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:10px 0 30px}.platform{padding:30px;background:linear-gradient(145deg,#102637,#0d1c2c);border:1px solid #2b475b;border-radius:22px;display:flex;flex-direction:column}.platform .eyebrow{margin-bottom:9px}h2{font-size:25px;line-height:1.3;letter-spacing:-.5px;margin:0 0 12px}.platform>p:not(.eyebrow){color:#b2c8da;font-size:15px}.platform>p{margin:0 0 17px}.meta{color:#83abbf;font-size:12px;margin:5px 0 18px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:12px;font:650 14px system-ui;padding:13px 19px;cursor:pointer;text-align:center}.primary{background:#71dff3;color:#072736;border:0}.primary:hover{background:#a1effb;text-decoration:none}.primary:disabled{opacity:.6;cursor:wait}.status{font-size:12px!important;min-height:22px;margin:9px 0 10px!important;color:#80b7cb!important;overflow-wrap:anywhere}.status.error{color:#ffb4c0!important}ol{padding-left:21px;font-size:14px;color:#b9cfde;margin:13px 0 20px}li{padding:0 0 11px 5px}li:last-child{padding-bottom:0}strong{color:#e2f4ff}.note{font-size:12px!important;color:#83a5ba!important;margin-top:auto!important;margin-bottom:0!important;border-top:1px solid #294255;padding-top:17px}.web-option{display:flex;justify-content:space-between;align-items:center;gap:40px;background:#0d2131;border:1px solid #2a4557;border-radius:20px;padding:30px}.web-option .eyebrow{margin-bottom:10px}.web-option p:last-child{max-width:670px;color:#acc6d6;font-size:14px;margin:0}.secondary{background:#173448;border:1px solid #4d718a;flex:none;color:#a6f0ff}.secondary:hover{background:#234a61;text-decoration:none}.details{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:30px 0 65px}.details p{font-size:12px;color:#7297ac;margin:0}footer{border-top:1px solid #294050;display:flex;gap:25px;padding-top:25px;padding-bottom:30px;font-size:12px;color:#7897ac}footer span{margin-left:auto}@media(max-width:700px){header,main,footer{padding-left:20px;padding-right:20px}header{height:76px}.brand{font-size:14px;letter-spacing:1px}header>a:last-child{font-size:12px}.hero{grid-template-columns:1fr;gap:0;padding-top:42px}.hero-mascot{padding-top:5px;order:2}.preview-sprite{width:150px;height:200px}.halo{width:210px;height:210px;top:5px}.platforms{grid-template-columns:1fr}.platform{padding:24px}.web-option{flex-direction:column;align-items:stretch;gap:22px;padding:24px}.details{grid-template-columns:1fr;gap:18px;margin-bottom:40px}footer{flex-wrap:wrap;gap:12px 20px}footer span{margin-left:0;width:100%}}
