:root{
  --bg:#090c10;
  --panel:#11161d;
  --panel2:#171e27;
  --line:rgba(205,220,238,.14);
  --line2:rgba(205,220,238,.28);
  --text:#eef3f8;
  --muted:#98a5b5;
  --green:#42c878;
  --green-dark:#1d7d48;
  --yellow:#f2c744;
  --red:#e24b3b;
  --bone:#efe8dc;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit}
.shell{width:min(var(--max),calc(100% - 40px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:30;min-height:70px;padding:0 max(20px,calc((100vw - var(--max))/2));display:flex;align-items:center;gap:28px;background:rgba(9,12,16,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.wordmark{display:flex;align-items:baseline;gap:10px;white-space:nowrap;font-family:"Century Gothic","Trebuchet MS",system-ui,sans-serif;text-transform:uppercase;font-weight:800;letter-spacing:.18em}
.wordmark span{font-size:17px;letter-spacing:.29em}
.wordmark small{font-size:9px;color:var(--muted);letter-spacing:.25em}
.main-nav{display:flex;align-items:center;gap:22px;margin-left:auto}
.main-nav a{font-size:12px;color:var(--muted);font-weight:650;letter-spacing:.03em}
.main-nav a:hover{color:var(--text)}
.header-actions{display:flex;align-items:center;gap:12px}
.lang-switch{display:flex;border:1px solid var(--line);border-radius:999px;padding:3px;background:rgba(255,255,255,.02)}
.lang-switch button{border:0;background:transparent;color:var(--muted);border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800;cursor:pointer}
.lang-switch button.active{background:var(--panel2);color:var(--text)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:45px;padding:0 19px;border-radius:5px;border:1px solid var(--line2);font-size:12px;font-weight:800;letter-spacing:.045em;transition:.18s ease;cursor:pointer}
.button:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.45)}
.button.primary{background:var(--bone);color:#171a1e;border-color:var(--bone)}
.button.primary:hover{background:#fff}
.button.secondary{background:rgba(255,255,255,.025);color:var(--text)}
.button.compact{min-height:35px;padding:0 14px;background:var(--bone);color:#171a1e;border-color:var(--bone);font-size:10px;text-transform:uppercase;letter-spacing:.11em}
.eyebrow{color:var(--green);font-size:10px;text-transform:uppercase;letter-spacing:.24em;font-weight:850;margin-bottom:14px}
.hero{min-height:670px;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(420px,.97fr);align-items:center;gap:60px;padding-block:76px 82px}
.hero-copy h1,.publisher-hero h1{margin:0;font-family:"Century Gothic","Trebuchet MS",system-ui,sans-serif;font-size:clamp(50px,6vw,86px);line-height:.98;letter-spacing:-.045em}
.hero-copy h1 span{font-weight:800}
.hero-copy h1 em{font-style:normal;color:var(--muted);font-weight:500}
.hero-lead,.publisher-hero-copy>p{max-width:680px;margin:26px 0 0;color:#b6c0cc;font-size:18px;line-height:1.7}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.quickfacts{display:flex;gap:36px;margin-top:42px;padding-top:26px;border-top:1px solid var(--line)}
.quickfacts div{display:flex;flex-direction:column;gap:3px}
.quickfacts b{font-size:18px;letter-spacing:.03em}
.quickfacts span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.13em}
.hero-art{position:relative;min-height:500px;display:grid;place-items:center}
.glow{position:absolute;width:75%;height:75%;border-radius:50%;background:radial-gradient(circle,rgba(66,200,120,.18),rgba(66,200,120,.04) 48%,transparent 70%);filter:blur(10px)}
.game-card{position:relative;width:min(440px,82%);border:1px solid var(--line2);border-radius:26px;overflow:hidden;background:#0a0d11;box-shadow:0 40px 90px rgba(0,0,0,.45);transform:perspective(1000px) rotateY(-8deg) rotateX(3deg) rotateZ(1deg)}
.game-card::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);pointer-events:none}
.game-card img{display:block;width:100%;height:auto}
.float-tag{position:absolute;display:flex;align-items:center;gap:8px;padding:11px 14px;border-radius:999px;background:rgba(17,22,29,.94);border:1px solid var(--line2);box-shadow:0 15px 35px rgba(0,0,0,.3);font-size:11px;letter-spacing:.04em}
.float-tag .dot{width:10px;height:10px;border-radius:50%}.float-tag .green{background:var(--green)}.float-tag .yellow{background:var(--yellow)}
.tag-a{left:1%;top:25%}.tag-b{right:0;bottom:23%}
.proofbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.018)}
.proofgrid{display:grid;grid-template-columns:repeat(4,1fr)}
.proofgrid>div{padding:27px 24px;border-right:1px solid var(--line);display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px}
.proofgrid>div:first-child{padding-left:0}.proofgrid>div:last-child{border-right:0;padding-right:0}
.proofgrid span{grid-row:1/3;color:var(--green);font-family:ui-monospace,monospace;font-size:10px;padding-top:2px}
.proofgrid b{font-size:12px}.proofgrid small{margin-top:5px;color:var(--muted);font-size:11px;line-height:1.5}
.section{padding-block:96px}.compact-section{padding-bottom:72px}
.section-heading{max-width:820px;margin-bottom:42px}.section-heading h2,.demo-inner h2,.publisher-card h2,.stats-wrap h2{margin:0;font-family:"Century Gothic","Trebuchet MS",system-ui,sans-serif;font-size:clamp(31px,4vw,50px);line-height:1.08;letter-spacing:-.035em}
.section-heading p,.demo-inner p,.publisher-card p,.stats-wrap>div>p{color:var(--muted);font-size:15px;line-height:1.7;margin:0}
.split-heading{max-width:none;display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:end}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.feature{min-height:270px;padding:26px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.012));border-radius:8px}
.feature-icon{height:48px;display:flex;align-items:center;color:var(--green);font-family:ui-monospace,monospace;font-size:22px;font-weight:850}.coordinate-icon{color:var(--yellow)}.action-icon{color:#ff725f}.area-icon{color:#e7c25b}
.feature h3,.publisher-points h3,.evaluation-steps h3{font-size:16px;margin:12px 0 10px}.feature p,.publisher-points p,.evaluation-steps p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}
.demo-band{padding-block:72px;background:linear-gradient(100deg,rgba(66,200,120,.12),rgba(66,200,120,.025) 54%,rgba(242,199,68,.055));border-block:1px solid var(--line)}
.demo-inner{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center}.demo-inner>div:first-child{max-width:760px}.demo-inner p{margin-top:17px}.demo-actions{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.text-link{color:var(--muted);font-size:12px;font-weight:750}.text-link:hover{color:var(--text)}
.designer-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.designer-card{display:grid;grid-template-columns:82px 1fr;gap:22px;padding:30px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}
.initials{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#1e2934,#10161d);border:1px solid var(--line2);font-family:"Century Gothic",sans-serif;font-size:23px;font-weight:800;letter-spacing:.08em;color:var(--bone)}
.designer-card h3{margin:2px 0 10px;font-size:20px}.designer-card p{margin:0 0 14px;color:var(--muted);font-size:13px;line-height:1.7}.designer-card a{font-size:12px;color:var(--green);font-weight:750}
.publisher-call{padding-bottom:96px}.publisher-card{display:grid;grid-template-columns:1fr auto;gap:60px;align-items:center;padding:42px 46px;border-radius:10px;border:1px solid rgba(66,200,120,.28);background:linear-gradient(120deg,rgba(66,200,120,.11),rgba(255,255,255,.02) 60%)}
.publisher-card>div:first-child{max-width:790px}.publisher-card p{margin-top:17px}.publisher-actions{display:flex;flex-direction:column;gap:10px;min-width:205px}
.site-footer{border-top:1px solid var(--line);padding:31px 0 38px;color:var(--muted)}.footer-inner{display:flex;align-items:center;gap:30px}.footer-inner p{font-size:11px;margin:0 auto 0 0}.footer-inner>div{display:flex;gap:18px}.footer-inner>div a{font-size:11px}.footer-inner>div a:hover{color:var(--text)}
/* Publisher page */
.publisher-hero{min-height:610px;padding-block:76px;display:grid;grid-template-columns:1fr 440px;gap:72px;align-items:center}.publisher-hero-copy>p{font-size:17px}.pitch-card{border:1px solid var(--line2);border-radius:10px;background:linear-gradient(160deg,#151c25,#0d1218);padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.28)}.pitch-label{text-transform:uppercase;letter-spacing:.2em;color:var(--green);font-size:9px;font-weight:850;margin-bottom:18px}.pitch-card dl{margin:0}.pitch-card dl>div{display:grid;grid-template-columns:116px 1fr;gap:18px;padding:13px 0;border-top:1px solid var(--line)}.pitch-card dt{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.pitch-card dd{margin:0;font-size:12px;line-height:1.45;font-weight:650}
.publisher-points{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.publisher-points article{padding:25px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.018)}.publisher-points article>span{display:block;color:var(--green);font-family:ui-monospace,monospace;font-size:22px;font-weight:850;margin-bottom:18px}
.stats-band{padding-block:70px;border-block:1px solid var(--line);background:rgba(255,255,255,.018)}.stats-wrap{display:grid;grid-template-columns:.75fr 1.25fr;gap:64px;align-items:center}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:8px;overflow:hidden}.stats-grid>div{min-height:130px;padding:23px 18px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--line)}.stats-grid>div:nth-child(3n){border-right:0}.stats-grid>div:nth-child(-n+3){border-bottom:1px solid var(--line)}.stats-grid b{font-family:"Century Gothic",sans-serif;font-size:30px}.stats-grid span{margin-top:6px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.12em;line-height:1.4}.stats-note{grid-column:2;color:var(--muted);font-size:11px;margin:-42px 0 0}.stats-note.hidden{display:none}
.evaluation-steps{list-style:none;margin:0 0 32px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.evaluation-steps li{display:flex;gap:18px;padding:24px;border:1px solid var(--line);border-radius:8px}.evaluation-steps li>span{flex:0 0 34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--panel2);color:var(--green);font-family:ui-monospace,monospace;font-weight:800}.evaluation-steps h3{margin-top:3px}.center-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}

/* Publisher contact form */
.contact-section{padding-block:86px;border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.012),rgba(66,200,120,.028))}
.contact-layout{display:grid;grid-template-columns:minmax(0,.72fr) minmax(520px,1.28fr);gap:72px;align-items:start}
.contact-intro{position:sticky;top:110px}.contact-intro h2{margin:0;font-family:"Century Gothic","Trebuchet MS",system-ui,sans-serif;font-size:clamp(34px,4vw,50px);line-height:1.08;letter-spacing:-.035em}.contact-intro>p{margin:18px 0 0;max-width:480px;color:var(--muted);font-size:15px;line-height:1.75}.contact-detail{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:5px}.contact-detail span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.contact-detail strong{font-size:14px}
.contact-form-card{padding:32px;border:1px solid var(--line2);border-radius:10px;background:var(--panel);box-shadow:0 25px 65px rgba(0,0,0,.2)}
.contact-form{position:relative}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px 18px}.form-grid label{display:flex;flex-direction:column;gap:8px}.form-grid label.wide{grid-column:1/-1}.form-grid label>span{color:#bac4cf;font-size:10px;text-transform:uppercase;letter-spacing:.09em;font-weight:750}.form-grid label>span b{color:var(--green);font-size:12px}.contact-form input,.contact-form textarea{width:100%;border:1px solid var(--line2);border-radius:5px;background:#0d1218;color:var(--text);padding:12px 13px;font:inherit;font-size:13px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.contact-form input{height:44px}.contact-form textarea{resize:vertical;min-height:150px;line-height:1.55}.contact-form input:focus,.contact-form textarea:focus{border-color:rgba(66,200,120,.65);box-shadow:0 0 0 3px rgba(66,200,120,.08)}.contact-form input::placeholder{color:#66717e}.captcha-field{grid-column:1/-1;max-width:300px}.captcha-line{display:grid;grid-template-columns:auto 88px;gap:12px;align-items:center}.captcha-line strong{font-family:ui-monospace,monospace;font-size:17px;letter-spacing:.04em}.captcha-line input{text-align:center;font-weight:800;font-size:16px}.contact-privacy{margin:19px 0 20px;color:#74808e;font-size:10px;line-height:1.6;max-width:700px}.contact-submit{min-width:180px}.contact-status{margin:0 0 22px;padding:13px 15px;border-radius:5px;font-size:12px;line-height:1.5}.contact-status.success{color:#baf1cf;background:rgba(66,200,120,.1);border:1px solid rgba(66,200,120,.32)}.contact-status.error{color:#ffd1ca;background:rgba(226,75,59,.09);border:1px solid rgba(226,75,59,.3)}.contact-hp{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}

@media (max-width:980px){
  .main-nav{display:none}.site-header{gap:16px}.header-actions{margin-left:auto}
  .hero{grid-template-columns:1fr;gap:34px;padding-top:60px}.hero-art{min-height:390px}.game-card{width:min(410px,72%)}.tag-a{left:8%}.tag-b{right:8%}
  .proofgrid{grid-template-columns:1fr 1fr}.proofgrid>div{border-bottom:1px solid var(--line)}.proofgrid>div:nth-child(2){border-right:0}.proofgrid>div:nth-child(3),.proofgrid>div:nth-child(4){border-bottom:0}.proofgrid>div:first-child{padding-left:24px}.proofgrid>div:last-child{padding-right:24px}
  .feature-grid,.publisher-points{grid-template-columns:1fr 1fr}.split-heading,.demo-inner,.publisher-card,.stats-wrap,.contact-layout{grid-template-columns:1fr;gap:30px}.contact-intro{position:static}.contact-form-card{max-width:760px}.demo-actions,.publisher-actions{flex-direction:row;flex-wrap:wrap}.stats-note{grid-column:1;margin:0}.publisher-hero{grid-template-columns:1fr;gap:40px;min-height:auto}.pitch-card{max-width:620px}.evaluation-steps{grid-template-columns:1fr}
}
@media (max-width:680px){
  .shell{width:min(100% - 28px,var(--max))}.site-header{min-height:62px;padding:0 14px}.wordmark span{font-size:14px}.wordmark small{display:none}.header-actions .button{display:none}
  .hero{min-height:auto;padding-block:50px 62px}.hero-copy h1,.publisher-hero h1{font-size:48px}.hero-lead,.publisher-hero-copy>p{font-size:15px}.hero-actions .button{width:100%}.quickfacts{gap:17px;justify-content:space-between}.quickfacts b{font-size:15px}.quickfacts span{font-size:8px}
  .hero-art{min-height:330px}.game-card{width:78%;border-radius:18px}.float-tag{font-size:9px;padding:9px 11px}.tag-a{left:0}.tag-b{right:0}
  .proofgrid,.feature-grid,.publisher-points,.designer-grid{grid-template-columns:1fr}.proofgrid>div{border-right:0;border-bottom:1px solid var(--line)!important;padding:20px 0!important}.proofgrid>div:last-child{border-bottom:0!important}
  .section{padding-block:68px}.section-heading{margin-bottom:28px}.section-heading h2,.demo-inner h2,.publisher-card h2,.stats-wrap h2{font-size:34px}.split-heading{gap:20px}.feature{min-height:0}.demo-band{padding-block:55px}.demo-actions,.publisher-actions{flex-direction:column;align-items:stretch}.publisher-card{padding:30px 24px}.publisher-call{padding-bottom:68px}
  .designer-card{grid-template-columns:58px 1fr;padding:22px;gap:16px}.contact-section{padding-block:62px}.contact-form-card{padding:23px}.form-grid{grid-template-columns:1fr}.form-grid label.wide,.captcha-field{grid-column:1}.captcha-field{max-width:none}.contact-submit{width:100%}.initials{width:58px;height:58px;font-size:16px}.footer-inner{align-items:flex-start;flex-wrap:wrap}.footer-inner p{order:3;width:100%}.publisher-hero{padding-block:52px}.pitch-card{padding:22px}.pitch-card dl>div{grid-template-columns:95px 1fr}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid>div{min-height:110px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.stats-grid>div:nth-child(3n){border-right:1px solid var(--line)}.stats-grid>div:nth-child(2n){border-right:0}.stats-grid>div:nth-last-child(-n+2){border-bottom:0}.evaluation-steps li{padding:20px}
}

/* Physical component overview */
.components-section{border-top:1px solid var(--line)}
.components-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.component-card{min-height:190px;padding:25px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(155deg,rgba(255,255,255,.025),rgba(255,255,255,.01));display:flex;flex-direction:column;gap:18px}
.component-card.component-board{grid-column:span 2}
.component-count{width:max-content;min-width:46px;height:36px;padding:0 11px;border-radius:4px;display:grid;place-items:center;background:rgba(66,200,120,.09);border:1px solid rgba(66,200,120,.27);color:var(--green);font-family:ui-monospace,monospace;font-size:19px;font-weight:850}
.component-card h3{margin:0 0 8px;font-size:16px}.component-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}.components-note{margin:20px 0 0;padding:14px 16px;border-left:2px solid rgba(66,200,120,.45);background:rgba(66,200,120,.035);color:#8996a5;font-size:11px;line-height:1.6}
@media(max-width:980px){.components-grid{grid-template-columns:1fr 1fr}.component-card.component-board{grid-column:span 2}}
@media(max-width:680px){.components-grid{grid-template-columns:1fr}.component-card.component-board{grid-column:1}.component-card{min-height:0}}