:root{color-scheme:light;--paper:#f4f4f2;--ink:#191c1c;--muted:#626865;--lime:#c7ff45;--dark:#0a0b0d;--section-inset:clamp(24px,3.3vw,44px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;min-height:100svh;display:flex;flex-direction:column;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.6}
h1,h2,p{margin:0}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
button,a{touch-action:manipulation}
button{cursor:pointer}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #507800;outline-offset:5px}
::selection{background:var(--lime);color:var(--dark)}
[hidden]{display:none!important}
.wrap{width:min(1320px,calc(100% - 96px));margin-inline:auto}
.skip-link{position:fixed;top:12px;left:20px;z-index:30;background:var(--lime);color:var(--dark);padding:10px 16px;transform:translateY(-160%)}
.skip-link:focus{transform:none}
.site-header{background:var(--dark);color:#f4f4f2}
.header-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.wordmark{display:inline-flex;align-items:center;font-size:29px;font-weight:900;letter-spacing:-1.6px;line-height:1}
.wordmark span{color:var(--lime);font-weight:400;margin-left:5px;font-size:34px}
.site-header nav{display:flex;align-items:center;gap:32px;font-size:14px}
.site-header nav>a{display:inline-flex;align-items:center;min-height:44px}
.site-header nav>a:hover{color:var(--lime)}
.site-header a:focus-visible{outline-color:var(--lime)}
.header-play{gap:10px;color:var(--lime);border:1px solid #6c882b;border-radius:999px;padding:8px 18px;font-size:13px;font-weight:600}
.play-icon{display:block;flex-shrink:0}
.studio-page{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:clamp(32px,5vw,72px);padding-block:56px 48px}
.studio-copy{max-width:600px}
.eyebrow{font-size:12px;font-weight:500;letter-spacing:.02em;color:var(--muted)}
h1{margin-top:20px;font-size:clamp(38px,4.25vw,60px);font-weight:700;letter-spacing:-.045em;line-height:1.06}
h1 span{color:#5e6561}
.intro{font-size:16px;line-height:1.7;max-width:420px;margin-top:23px;color:#515954}
.button{display:inline-flex;justify-content:center;align-items:center;gap:11px;min-height:48px;border:0;border-radius:999px;background:var(--lime);color:var(--dark);font-size:14px;font-weight:600;padding:13px 24px}
.button:hover{background:#b9ef35}
.play-button{margin-top:27px}
.studio-next{font-size:12px;color:var(--muted);margin-top:14px}
.collaboration{margin-top:42px}
.collaboration h2{font-size:21px;font-weight:600;letter-spacing:-.025em;line-height:1.3}
.collaboration p{font-size:14px;color:var(--muted);margin-top:5px}
.contact-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.contact-link:hover{color:#426700}
.contact-email{margin-top:12px}
.contact-email:hover{color:var(--lime)}
.contact-email:focus-visible{outline-color:var(--lime)}
.game-feature{width:100%;max-width:520px;justify-self:end;margin-top:39px}
.game-cover{display:block;background:var(--dark);border-radius:14px;overflow:hidden;outline:2px solid transparent;outline-offset:4px;transition:outline-color 140ms ease}
.game-cover:hover{outline-color:#507800}
.game-cover:focus-visible{outline-color:#507800;outline-offset:4px}
.game-cover img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.game-caption{padding-top:16px}
.game-caption-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.game-caption h2{font-size:19px;font-weight:600;line-height:1.3;letter-spacing:-.025em}
.game-description{max-width:46ch;font-size:14px;line-height:1.6;color:var(--muted);margin-top:7px}
.demo-label{display:flex;align-items:center;gap:7px;flex-shrink:0;font-size:12px;color:var(--muted)}
.demo-label span{width:6px;height:6px;background:#547b15;border-radius:50%}
.footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px;border-top:1px solid #dcded9;padding-block:19px;color:var(--muted);font-size:11px}
.footer-note{flex-basis:100%;font-size:12px;line-height:1.6}
.footer>div{display:flex;gap:24px;align-items:center}
.footer a{display:inline-flex;align-items:center;min-height:36px}
.footer a:hover{text-decoration:underline}
.about-section{margin-block:24px 32px;padding:36px var(--section-inset);border-radius:22px;background:var(--dark);color:#f4f4f2}
.about-section h2{font-size:28px;line-height:1.2;font-weight:600;letter-spacing:-.035em}
.about-copy{max-width:880px;margin-top:16px;font-size:17px;line-height:1.7;color:#bdc4bf}
.linkedin-link{gap:7px}
.linkedin-link svg{flex-shrink:0}
.contact-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,4vw,56px);padding:var(--section-inset);margin-block:0 64px;border-radius:22px;background:var(--dark);color:#f4f4f2}
.contact-heading h2{font-size:38px;line-height:1.1;font-weight:600;letter-spacing:-.04em;margin-top:10px}
.contact-form{width:100%;min-width:0}
.contact-intro{font-size:14px;color:var(--muted);margin-top:15px;margin-bottom:24px}
fieldset{margin:0;padding:0;border:0;min-width:0}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{margin-bottom:16px;min-width:0}
.field label{display:block;font-size:13px;margin-bottom:6px}
.field label span{color:var(--muted);font-size:12px}
.field input,.field textarea{display:block;width:100%;border:1px solid #bec4bc;border-radius:8px;padding:10px 12px;background:#fff;color:var(--ink);font-size:16px;line-height:1.5}
.field textarea{resize:vertical;min-height:112px;max-height:250px}
.field input:focus,.field textarea:focus{border-color:#507800}
.field textarea::placeholder{color:var(--muted);font-size:13px}
.contact-submit span{display:none}
.contact-submit:disabled{opacity:.6;cursor:wait}
.contact-error{color:#9a2d20;font-size:13px;margin-top:16px}
.contact-success{padding-block:12px}
.success-mark{display:none}
.contact-success h3{font-size:24px;margin:0 0 12px}
.contact-success p{font-size:15px;color:var(--muted)}
.send-another{background:none;border:0;color:var(--ink);text-decoration:underline;text-underline-offset:4px;padding:12px 0;margin-top:12px}
.form-trap,.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.form-note{font-size:12px;color:var(--muted);margin-top:12px}
@media(min-width:901px) and (max-height:780px){.studio-page{padding-block:36px 40px}.game-feature{max-width:450px}.collaboration{margin-top:28px}}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}.studio-page{gap:32px}h1{font-size:36px}.header-inner{min-height:76px}.site-header nav{gap:22px}.intro{font-size:15px}.collaboration{margin-top:30px}}
@media(max-width:680px){.wrap{width:calc(100% - 40px)}.header-inner{min-height:72px;gap:12px}.wordmark{font-size:22px}.wordmark span{font-size:29px}.site-header nav{gap:14px;font-size:12px}.site-header nav>.header-play{display:none}.studio-page{grid-template-columns:1fr;gap:28px;padding-block:32px}.studio-copy{display:contents}.eyebrow{grid-row:1}h1{grid-row:2;font-size:clamp(32px,8.3vw,46px);margin-top:-15px}.intro{grid-row:3;margin-top:-10px;max-width:470px}.play-button{grid-row:4;justify-self:start;margin-top:-8px}.game-feature{grid-row:5;justify-self:center;max-width:420px;margin-top:0}.studio-next{grid-row:6;margin:0;text-align:center}.collaboration{grid-row:7;margin:0;padding-top:4px}.footer{gap:8px;flex-wrap:wrap;padding-block:13px}.footer>div{gap:16px;flex-wrap:wrap}.about-section{margin-block:28px 24px;padding:28px 24px;border-radius:22px}.about-section h2{font-size:25px}.about-copy{font-size:16px}.studio-page{min-height:0}.contact-section{grid-template-columns:1fr;gap:28px;padding:28px 24px;margin-bottom:40px}.contact-form{max-width:none}.contact-intro{margin-bottom:0}.form-row{grid-template-columns:1fr;gap:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.contact-heading{align-self:start;max-width:440px}
.contact-heading .eyebrow{color:var(--lime)}
.contact-heading .contact-intro{color:#bdc4bf;margin-bottom:0}
.contact-form{color-scheme:dark}
.contact-form .field label span,.contact-form .form-note,.contact-form .contact-success p{color:#b9c0ba}
.contact-form .field input,.contact-form .field textarea{background:#191d20;border-color:#4d5653;color:#f4f4f2}
.contact-form .field textarea::placeholder{color:#aeb6b0}
.contact-form .field input:focus,.contact-form .field textarea:focus{border-color:var(--lime)}
.contact-form input:focus-visible,.contact-form textarea:focus-visible,.contact-form button:focus-visible{outline-color:var(--lime)}
.contact-form .contact-error{color:#ffaaa0}
.contact-form .send-another{color:var(--lime)}
@media(max-width:680px){.contact-heading{max-width:none}.game-caption h2{font-size:18px}.game-description{font-size:14px}}

/* Feedback stays quiet, without layout movement. */
.button,.header-play{transition:background-color 140ms ease,color 140ms ease,border-color 140ms ease}
.site-header nav>a,.contact-link,.footer a{transition:color 140ms ease}
.header-play:hover{background:#1a2112;border-color:var(--lime)}
@media(prefers-reduced-motion:reduce){.button,.header-play,.site-header nav>a,.contact-link,.footer a,.game-cover{transition:none}}