:root {
      --bg: #020503;
      --bg-soft: #061009;
      --surface: rgba(8, 22, 13, .66);
      --surface-solid: #07110a;
      --text: #f4fff6;
      --muted: rgba(235, 248, 238, .66);
      --line: rgba(130, 255, 158, .12);
      --line-strong: rgba(78, 255, 113, .28);
      --green: #00e936;
      --green-2: #58ff79;
      --green-dark: #006f1d;
      --danger: #ff7979;
      --page-x: clamp(20px, 5vw, 76px);
      --radius: 16px;
    }

    * { box-sizing: border-box; }
    html {
      scroll-padding-top: 105px; min-width: 320px; background: var(--bg); scroll-behavior: smooth; }
    body {
      margin: 0;
      min-height: 100vh;
      overflow-x: hidden;
      color: var(--text);
      background:
        linear-gradient(rgba(22, 255, 68, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(22, 255, 68, .035) 1px, transparent 1px),
        radial-gradient(circle at 50% -20%, rgba(0, 233, 54, .11), transparent 38%),
        var(--bg);
      background-size: 36px 36px, 36px 36px, auto, auto;
      font-family: "Montserrat", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }
    a { color: inherit; text-decoration: none; }
    button, input, textarea, select { font: inherit; }
    button, a { -webkit-tap-highlight-color: transparent; }
    ::selection { color: #001806; background: var(--green-2); }

    .hero {
      position: relative;
      min-height: 100svh;
      isolation: isolate;
      display: grid;
      grid-template-rows: auto 1fr auto;
      overflow: hidden;
      background: #030704;
    }
    .hero__video,.hero__fallback,.hero__shade { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
    .hero__video { z-index:-5; object-fit:cover; transform:translateZ(0) scale(1.02); backface-visibility:hidden; }
    .hero__fallback { z-index:-6; background:radial-gradient(circle at 70% 20%,rgba(0,233,54,.14),transparent 35%),linear-gradient(145deg,#08130b,#020503 60%); }
    .hero__shade { z-index:-4; background:linear-gradient(180deg,rgba(1,4,2,.72),rgba(1,4,2,.12) 35%,rgba(1,4,2,.34) 67%,#020503 100%),linear-gradient(90deg,rgba(0,0,0,.38),transparent 42%,rgba(0,0,0,.28)); }

    .nav {
      position: fixed;
      z-index: 9999;
      top: 18px;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
      width: min(1180px, calc(100% - 32px));
      min-height: 68px;
      padding: 10px 12px 10px 18px;
      border: 1px solid rgba(128,255,154,.18);
      border-radius: 999px;
      background: linear-gradient(135deg,rgba(10,35,17,.74),rgba(3,14,7,.56));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.09), inset 0 -1px 0 rgba(0,0,0,.35), 0 16px 50px rgba(0,0,0,.35), 0 0 36px rgba(0,233,54,.055);
      pointer-events: auto;
      backdrop-filter: blur(22px) saturate(150%);
      -webkit-backdrop-filter: blur(22px) saturate(150%);
    }
    .nav::before { content:""; position:absolute; inset:1px; border-radius:inherit; pointer-events:none; background:linear-gradient(105deg,rgba(255,255,255,.07),transparent 28%,transparent 70%,rgba(0,233,54,.06)); }
    .brand { position:relative; display:inline-flex; align-items:center; gap:11px; min-width:0; }
    .brand__logo { width:44px; height:44px; object-fit:contain; filter:drop-shadow(0 0 15px rgba(0,233,54,.18)); }
    .brand__name { font-size:.95rem; font-weight:800; letter-spacing:-.025em; white-space:nowrap; }
    .nav__links { position:relative; display:flex; align-items:center; gap:clamp(18px,3vw,36px); color:rgba(255,255,255,.74); font-size:.82rem; font-weight:650; }
    .nav__link { position:relative; padding:10px 2px; transition:color .2s ease; }
    .nav__link::after { content:""; position:absolute; left:50%; right:50%; bottom:5px; height:1px; background:var(--green); box-shadow:0 0 9px var(--green); transition:left .25s ease,right .25s ease; }
    .nav__link:hover { color:#fff; }
    .nav__link:hover::after { left:0; right:0; }
    .nav__cta { position:relative; display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 20px; border:1px solid rgba(80,255,113,.38); border-radius:999px; background:linear-gradient(180deg,#16f348,#00d52f); color:#001506; box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 24px rgba(0,233,54,.18); font-size:.8rem; font-weight:850; transition:transform .2s ease,box-shadow .2s ease,filter .2s ease; }
    .nav__cta:hover { transform:translateY(-2px); filter:brightness(1.08); box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 12px 30px rgba(0,233,54,.28); }

    .hero__content { position:relative; z-index:2; display:flex; align-items:center; width:100%; padding:clamp(140px,18vh,190px) var(--page-x) clamp(50px,8vh,88px); }
    .hero__inner { width:min(1140px,100%); margin:0 auto; text-align:center; }
    .handwriting-wrap { position:relative; width:min(1120px,100%); min-height:clamp(170px,20vw,270px); margin:0 auto; display:grid; place-items:center; }
    .handwriting-canvas { width:100%; min-height:inherit; display:grid; place-items:center; filter:drop-shadow(0 4px 5px rgba(0,0,0,.9)) drop-shadow(0 14px 28px rgba(0,0,0,.6)) drop-shadow(0 0 18px rgba(255,255,255,.16)); }
    .handwriting-canvas svg { display:block; width:100%!important; height:auto!important; overflow:visible; }
    .handwriting-canvas path { stroke-linecap:round; stroke-linejoin:round; }
    .handwriting-fallback { margin:0; font-family:"Caveat","Segoe Print","Bradley Hand",cursive; font-size:clamp(3.6rem,9.7vw,8.25rem); font-weight:600; line-height:.93; letter-spacing:-.035em; color:#fffef9; text-wrap:balance; text-shadow:0 4px 5px rgba(0,0,0,.9),0 14px 28px rgba(0,0,0,.6),0 0 18px rgba(255,255,255,.16); }
    .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
    .typing-box { width:min(880px,100%); min-height:5.2em; margin:clamp(34px,5.5vh,58px) auto 0; color:rgba(245,255,247,.72); font-size:clamp(.95rem,1.55vw,1.16rem); font-weight:500; line-height:1.8; letter-spacing:-.012em; text-wrap:pretty; text-shadow:0 2px 16px rgba(0,0,0,.9); }
    .typewriter { display:inline; }
    .cursor { display:inline-block; width:.09em; height:1.05em; margin-left:.12em; vertical-align:-.14em; border-radius:2px; background:var(--green-2); box-shadow:0 0 14px rgba(88,255,121,.72); animation:blink .92s steps(1) infinite; }
    .scroll-cue { position:relative; z-index:3; display:grid; place-items:center; width:54px; height:54px; margin:0 auto clamp(24px,4vh,42px); border:1px solid rgba(86,255,119,.28); border-radius:50%; background:rgba(2,16,7,.46); box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 32px rgba(0,0,0,.32); backdrop-filter:blur(14px); transition:transform .25s ease,background .25s ease,border-color .25s ease; animation:cuePulse 2.4s ease-in-out infinite; }
    .scroll-cue:hover { transform:translateY(4px); background:rgba(0,233,54,.12); border-color:rgba(86,255,119,.55); }
    .scroll-cue::before { content:""; width:10px; height:10px; border-right:2px solid #fff; border-bottom:2px solid #fff; transform:translateY(-3px) rotate(45deg); }

    .games-section,.careers-section,.contact-section { position:relative; padding:clamp(90px,11vw,150px) var(--page-x); }
    .games-section { background:radial-gradient(circle at 8% 10%,rgba(0,233,54,.08),transparent 28%),transparent; }
    .careers-section { background:linear-gradient(180deg,rgba(2,5,3,.15),rgba(5,16,9,.55),rgba(2,5,3,.1)); }
    .contact-section { background:radial-gradient(circle at 80% 20%,rgba(0,233,54,.06),transparent 30%),transparent; }
    .games-section::before,.careers-section::before,.contact-section::before { content:""; position:absolute; inset:0 0 auto; height:1px; background:linear-gradient(90deg,transparent,rgba(70,255,105,.18),transparent); }
    .section-shell { width:min(1180px,100%); margin:0 auto; }
    .section-kicker { margin:0 0 14px; color:var(--green); font-size:.74rem; font-weight:850; letter-spacing:.15em; text-transform:uppercase; }
    .section-heading { margin:0; font-size:clamp(2.4rem,6.7vw,6rem); line-height:.95; letter-spacing:-.065em; text-wrap:balance; }

    /* The friendly green highlighter. Runs once when Contact enters the viewport. */
    .contact-heading {
      line-height: 1.04;
    }

    .contact-heading__highlight {
      display: inline;
      padding: .005em .055em .02em;
      color: inherit;
      background-image: linear-gradient(90deg, #00d936 0%, #00d936 100%);
      background-repeat: no-repeat;
      background-position: left center;
      background-size: 0% 100%;
      -webkit-box-decoration-break: clone;
      box-decoration-break: clone;
      transition:
        background-size .9s cubic-bezier(.22, 1, .36, 1),
        color .22s ease .42s;
    }

    .contact-heading.is-highlighted .contact-heading__highlight {
      color: #031108;
      background-size: 100% 100%;
    }

    .section-subtitle { margin:18px 0 0; color:var(--muted); font-size:clamp(.96rem,1.4vw,1.1rem); }

    .studio-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; margin-bottom:clamp(55px,7vw,88px); border-top:1px solid rgba(86,255,119,.14); border-bottom:1px solid rgba(86,255,119,.14); }
    .studio-stat { position:relative; min-width:0; padding:clamp(24px,3vw,38px) clamp(12px,3vw,34px); background:transparent; }
    .studio-stat + .studio-stat { border-left:1px solid rgba(86,255,119,.12); }
    .studio-stat__value { display:block; font-size:clamp(2rem,4.5vw,4.1rem); font-weight:850; line-height:.95; letter-spacing:-.065em; font-variant-numeric:tabular-nums; }
    .studio-stat__label { display:block; margin-top:12px; color:rgba(229,247,234,.45); font-size:.68rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }

    .games-carousel,.careers-carousel { position:relative; margin-top:clamp(42px,6vw,70px); }
    .games-viewport,.careers-viewport { overflow-x:auto; overflow-y:hidden; padding-top:12px; padding-bottom:12px; margin-top:-12px; margin-bottom:-12px; scroll-behavior:smooth; scrollbar-width:none; overscroll-behavior-inline:contain; cursor:grab; touch-action:pan-y; -webkit-overflow-scrolling:touch; }
    .games-viewport::-webkit-scrollbar,.careers-viewport::-webkit-scrollbar { display:none; }
    .games-viewport.is-dragging,.careers-viewport.is-dragging { cursor:grabbing; scroll-behavior:auto; user-select:none; }
    .games-grid,.careers-grid { display:flex; gap:clamp(18px,2.4vw,28px); width:max-content; min-width:100%; }
    .games-grid:not(.is-carousel),.careers-grid:not(.is-carousel) { width:100%; }
    .games-grid:not(.is-carousel) .game-card { flex:0 1 560px; width:min(560px,100%); }
    .careers-grid:not(.is-carousel) .career-card { flex:1 1 0; }
    .games-grid.is-carousel .game-card { flex:0 0 min(560px,calc((100vw - (var(--page-x) * 2) - 28px)/2)); width:min(560px,calc((100vw - (var(--page-x) * 2) - 28px)/2)); }
    .careers-grid.is-carousel .career-card { flex:0 0 min(540px,calc((100vw - (var(--page-x) * 2) - 28px)/2)); width:min(540px,calc((100vw - (var(--page-x) * 2) - 28px)/2)); }

    .game-card { --mouse-x:50%; --mouse-y:50%; position:relative; min-width:0; aspect-ratio:1.52/1; overflow:hidden; border:1px solid rgba(182,255,196,.12); border-radius:12px; background:#07100a; box-shadow:0 18px 50px rgba(0,0,0,.28); isolation:isolate; transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s ease,box-shadow .35s ease; }
    .game-card::before { content:""; position:absolute; z-index:4; inset:0; pointer-events:none; opacity:0; background:radial-gradient(420px circle at var(--mouse-x) var(--mouse-y),rgba(0,255,62,.20),transparent 48%); mix-blend-mode:screen; transition:opacity .3s ease; }
    .game-card::after { content:""; position:absolute; z-index:5; inset:0; pointer-events:none; border-radius:inherit; box-shadow:inset 0 0 0 1px rgba(67,255,103,0),inset 0 0 42px rgba(0,233,54,0); transition:box-shadow .35s ease; }
    .game-card:hover { transform:translateY(-7px); border-color:rgba(81,255,115,.42); box-shadow:0 26px 68px rgba(0,0,0,.42),0 0 26px rgba(0,233,54,.10); }
    .game-card:hover::before { opacity:1; }
    .game-card:hover::after { box-shadow:inset 0 0 0 1px rgba(91,255,122,.18),inset 0 0 44px rgba(0,233,54,.08); }
    .game-card__link { position:absolute; z-index:10; inset:0; }
    .game-card__media { position:absolute; inset:0; overflow:hidden; background:#07100a; }
    .game-card__image { display:block; width:100%; height:100%; padding:0; object-fit:cover; transition:transform .75s cubic-bezier(.2,.75,.2,1),filter .4s ease; }
    .game-card:hover .game-card__image { transform:scale(1.045); filter:saturate(1.06) contrast(1.02); }
    .game-card__media::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.03) 28%,rgba(0,0,0,.22) 52%,rgba(1,4,2,.93) 100%); }
    .game-card__body { position:absolute; z-index:3; inset:0; display:flex; flex-direction:column; justify-content:flex-end; padding:clamp(18px,2.7vw,28px); pointer-events:none; }
    .game-card__title { margin:0; max-width:82%; font-size:clamp(1.18rem,2vw,1.65rem); font-weight:850; line-height:1.1; letter-spacing:-.035em; text-shadow:0 3px 18px rgba(0,0,0,.9); }
    .game-status { position:absolute; z-index:7; top:12px; right:12px; display:inline-flex; align-items:center; gap:7px; width:fit-content; max-width:calc(100% - 24px); margin:0; padding:7px 10px; border:1px solid rgba(255,255,255,.14); border-radius:7px; background:rgba(1,8,3,.76); color:rgba(255,255,255,.88); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 6px 20px rgba(0,0,0,.24); font-size:.64rem; font-weight:750; line-height:1.2; }
    .game-status::before { content:""; flex:0 0 auto; width:6px; height:6px; border-radius:50%; background:var(--status-color,#aab2c0); box-shadow:0 0 11px var(--status-color,#aab2c0); }
    .game-stats { display:flex; flex-wrap:wrap; gap:18px; margin:12px 0 0; }
    .game-stat { display:inline-flex; align-items:center; gap:7px; padding:0; border:0; border-radius:0; background:transparent; }
    .game-stat::before { content:""; display:block; flex:0 0 auto; width:13px; height:13px; background-position:center; background-repeat:no-repeat; background-size:contain; opacity:.94; filter:drop-shadow(0 2px 5px rgba(0,0,0,.65)); }
    .game-stat--playing::before { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5s-3 1.34-3 3 1.34 3 3 3Zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5 5 6.34 5 8s1.34 3 3 3Zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5C15 14.17 10.33 13 8 13Zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5Z'/%3E%3C/svg%3E"); }
    .game-stat--visits::before { width:11px; height:11px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E"); }
    .game-stat__value { display:inline; font-size:.72rem; font-weight:750; text-shadow:0 2px 8px rgba(0,0,0,.9); }
    .game-stat__label { display:none; }

    .carousel-controls { display:none; align-items:center; justify-content:flex-end; gap:10px; margin-top:22px; }
    .games-carousel.has-overflow .carousel-controls,.careers-carousel.has-overflow .carousel-controls { display:flex; }
    .carousel-button { display:grid; place-items:center; width:44px; height:44px; padding:0; border:1px solid rgba(90,255,122,.18); border-radius:50%; background:rgba(5,20,9,.7); color:#fff; cursor:pointer; transition:transform .2s ease,background .2s ease,border-color .2s ease; }
    .carousel-button:hover { transform:translateY(-2px); background:rgba(0,233,54,.14); border-color:rgba(90,255,122,.38); }
    .carousel-hint { margin-right:auto; color:rgba(234,248,237,.42); font-size:.75rem; }
    .games-status,.careers-status { flex:1 0 100%; padding:34px; border:1px dashed rgba(91,255,122,.18); border-radius:12px; color:var(--muted); text-align:center; background:rgba(4,14,7,.55); }
    .games-status strong,.careers-status strong { color:#fff; }

    .careers-intro,.contact-intro { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr); gap:clamp(34px,7vw,92px); align-items:end; }
    .careers-copy,.contact-copy { margin:0; color:var(--muted); font-size:clamp(.96rem,1.35vw,1.08rem); line-height:1.75; }
    .careers-copy + .careers-copy { margin-top:18px; }
    .careers-copy strong { display:block; margin-bottom:8px; color:#fff; font-size:1.04em; }
    .career-card { --mouse-x:50%; --mouse-y:50%; position:relative; display:flex; flex-direction:column; min-height:300px; overflow:hidden; padding:clamp(24px,3vw,34px); border:1px solid rgba(180,255,194,.11); border-radius:12px; background:linear-gradient(145deg,rgba(9,24,13,.86),rgba(4,11,6,.9)); box-shadow:0 18px 50px rgba(0,0,0,.2); transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease; }
    .career-card::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:0; background:radial-gradient(360px circle at var(--mouse-x) var(--mouse-y),rgba(0,233,54,.16),transparent 52%); transition:opacity .3s ease; }
    .career-card:hover { transform:translateY(-6px); border-color:rgba(81,255,115,.35); box-shadow:0 24px 60px rgba(0,0,0,.34),0 0 25px rgba(0,233,54,.07); }
    .career-card:hover::before { opacity:1; }
    .career-card > * { position:relative; z-index:1; }
    .career-card__meta { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px; }
    .career-card__tag { padding:6px 9px; border:1px solid rgba(82,255,116,.18); border-radius:6px; color:var(--green-2); background:rgba(0,233,54,.05); font-size:.66rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
    .career-card__title { margin:0; font-size:clamp(1.4rem,2.4vw,1.95rem); letter-spacing:-.045em; }
    .career-card__description { margin:16px 0 28px; color:var(--muted); line-height:1.7; }
    .career-card__button { display:inline-flex; align-items:center; justify-content:space-between; gap:16px; min-height:50px; margin-top:auto; padding:0 17px; border:1px solid rgba(85,255,118,.3); border-radius:9px; background:rgba(0,233,54,.08); color:#eaffee; font-size:.82rem; font-weight:800; cursor:pointer; transition:transform .2s ease,background .2s ease,border-color .2s ease; }
    .career-card__button:hover { transform:translateY(-2px); background:var(--green); color:#001707; border-color:var(--green); }
    .career-card__button::after { content:"↗"; font-size:1.1rem; }

    .contact-form { --mouse-x:50%; --mouse-y:50%; position:relative; overflow:hidden; margin-top:clamp(46px,7vw,78px); padding:clamp(25px,4vw,46px); border:1px solid rgba(165,255,183,.13); border-radius:12px; background:linear-gradient(145deg,rgba(7,18,10,.9),rgba(2,8,4,.92)); box-shadow:0 28px 80px rgba(0,0,0,.25); }
    .contact-form::before { content:""; position:absolute; inset:-50% auto auto 10%; width:55%; aspect-ratio:1; pointer-events:none; background:radial-gradient(circle,rgba(0,233,54,.08),transparent 65%); }
    .contact-form::after { content:""; position:absolute; z-index:0; inset:0; pointer-events:none; opacity:0; background:radial-gradient(480px circle at var(--mouse-x) var(--mouse-y),rgba(0,233,54,.15),transparent 52%); transition:opacity .28s ease; }
    .contact-form:hover::after { opacity:1; }
    .form-grid,.form-actions,.hcaptcha-slot { position:relative; z-index:1; }
    .form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 20px; }
    .form-field { display:grid; gap:9px; min-width:0; }
    .form-field--full { grid-column:1/-1; }
    .form-label { color:rgba(244,255,246,.75); font-size:.68rem; font-weight:750; letter-spacing:.04em; }
    .required-mark { color:var(--green-2); margin-left:3px; }
    .form-control { width:100%; min-height:54px; padding:0 15px; border:1px solid rgba(205,255,214,.12); border-radius:7px; outline:none; background:rgba(0,4,1,.58); color:#fff; transition:border-color .2s ease,background .2s ease,box-shadow .2s ease; }
    textarea.form-control { min-height:150px; padding-top:15px; resize:vertical; line-height:1.65; }
    select.form-control { appearance:none; padding-right:44px; background-image:linear-gradient(45deg,transparent 50%,rgba(120,255,145,.8) 50%),linear-gradient(135deg,rgba(120,255,145,.8) 50%,transparent 50%); background-position:calc(100% - 20px) 24px,calc(100% - 14px) 24px; background-size:6px 6px; background-repeat:no-repeat; }
    select.form-control option { color:#fff; background:#07110a; }
    .form-control::placeholder { color:rgba(230,245,233,.25); }
    .form-control:focus { border-color:rgba(60,255,99,.55); background:rgba(0,13,4,.72); box-shadow:0 0 0 3px rgba(0,233,54,.07),0 0 20px rgba(0,233,54,.06); }
    .form-control:invalid:not(:placeholder-shown) { border-color:rgba(255,103,103,.5); }
    .conditional-fields { display:contents; }
    .conditional-fields[hidden] { display:none; }
    .price-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:center; }
    .check-option { display:inline-flex; align-items:center; gap:9px; min-height:54px; padding:0 14px; border:1px solid rgba(205,255,214,.11); border-radius:7px; background:rgba(0,4,1,.48); color:rgba(244,255,246,.67); font-size:.8rem; white-space:nowrap; cursor:pointer; }
    .check-option input { width:17px; height:17px; accent-color:var(--green); }
    .form-actions { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-top:28px; }
    .form-submit { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:54px; padding:0 24px; border:1px solid rgba(90,255,122,.42); border-radius:8px; background:linear-gradient(180deg,#16f348,#00d52f); color:#001506; font-size:.82rem; font-weight:850; cursor:pointer; box-shadow:0 10px 25px rgba(0,233,54,.14); transition:transform .2s ease,filter .2s ease,opacity .2s ease; }
    .form-submit:hover { transform:translateY(-2px); filter:brightness(1.08); }
    .form-submit:disabled { opacity:.55; cursor:wait; transform:none; }
    .form-submit::after { content:"→"; font-size:1.15rem; }
    .form-status { min-height:1.4em; margin:0; color:rgba(244,255,246,.55); font-size:.82rem; line-height:1.5; }
    .form-status.is-success { color:#78f0a5; }
    .form-status.is-error { color:#ff8a8a; }
    .hcaptcha-slot { margin-top:22px; }
    .hcaptcha-slot:empty { display:none; }

    .site-footer { position:relative; padding:68px var(--page-x) 32px; background:rgba(1,5,2,.86); border-top:1px solid rgba(86,255,119,.12); }
    .site-footer__inner { width:min(1180px,100%); margin:0 auto; }
    .site-footer__top { display:grid; grid-template-columns:minmax(220px,1.2fr) repeat(2,minmax(160px,.55fr)); gap:clamp(40px,7vw,96px); align-items:start; padding-bottom:54px; }
    .site-footer__brand { display:grid; gap:20px; align-content:start; }
    .site-footer__logo { display:block; width:min(150px,46vw); height:auto; opacity:.94; filter:drop-shadow(0 0 18px rgba(0,233,54,.12)); }
    .site-footer__tagline { max-width:350px; margin:0; color:rgba(238,250,241,.46); line-height:1.7; font-size:.9rem; }
    .site-footer__heading { margin:0 0 20px; color:rgba(255,255,255,.9); font-size:.7rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
    .site-footer__links { display:grid; gap:13px; }
    .site-footer__link { display:inline-flex; align-items:center; width:fit-content; gap:10px; color:rgba(238,250,241,.55); font-size:.9rem; transition:color .2s ease,transform .2s ease; }
    .site-footer__link:hover { color:var(--green-2); transform:translateX(3px); }
    .site-footer__icon { width:17px; height:17px; flex:0 0 auto; fill:currentColor; opacity:.86; }
    .site-footer__bottom { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-top:25px; border-top:1px solid rgba(86,255,119,.1); }
    .site-footer__copyrights { display:grid; gap:7px; }
    .site-footer__copyright { margin:0; color:rgba(238,250,241,.36); font-size:.8rem; }
    .site-footer__asmin-link { color:var(--green-2); font-weight:700; transition:color .2s ease,text-shadow .2s ease; }
    .site-footer__asmin-link:hover { color:#a3ffb6; text-shadow:0 0 14px rgba(82,210,115,.42); }
    .site-footer__mark { width:34px; height:auto; opacity:.46; }

    @keyframes blink { 0%,47%{opacity:1} 48%,100%{opacity:0} }
    @keyframes cuePulse { 0%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 32px rgba(0,0,0,.32),0 0 0 0 rgba(0,233,54,.18)} 50%{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 32px rgba(0,0,0,.32),0 0 0 13px rgba(0,233,54,0)} }

    @media (max-width:760px) {
      .nav { top:10px; width:calc(100% - 20px); min-height:60px; padding:8px 9px 8px 12px; }
      .brand__logo { width:39px; height:39px; }
      .brand__name { font-size:.85rem; }
      .nav__links { display:none; }
      .nav__cta { min-height:40px; padding-inline:15px; font-size:.74rem; }
      .hero__content { padding-top:120px; }
      .handwriting-wrap { min-height:clamp(210px,38vw,285px); }
      .handwriting-fallback { font-size:clamp(3.4rem,16vw,5.8rem); }
      .typing-box { max-width:94%; font-size:.94rem; line-height:1.68; }
      .studio-stats { grid-template-columns:1fr; }
      .studio-stat + .studio-stat { border-left:0; border-top:1px solid rgba(86,255,119,.1); }
      .games-grid:not(.is-carousel),.careers-grid:not(.is-carousel) { flex-direction:column; }
      .games-grid.is-carousel .game-card,.careers-grid.is-carousel .career-card { flex-basis:min(86vw,440px); width:min(86vw,440px); }
      .game-card { aspect-ratio:1.42/1; }
      .careers-intro,.contact-intro { grid-template-columns:1fr; align-items:start; }
      .contact-heading {
        line-height: 1.07;
      }

      .contact-heading__highlight {
        padding: .005em .045em .015em;
      }

      .form-grid { grid-template-columns:1fr; }
      .form-field--full { grid-column:auto; }
      .site-footer { padding-top:56px; }
      .site-footer__top { grid-template-columns:1fr 1fr; gap:42px 28px; padding-bottom:44px; }
      .site-footer__brand { grid-column:1/-1; }
      .site-footer__bottom { align-items:flex-start; flex-direction:column-reverse; }
    }
    @media (max-width:470px) {
      .brand__name { display:none; }
      .hero__content { padding-top:100px; }
      .handwriting-wrap { min-height:230px; }
      .handwriting-fallback { font-size:clamp(3rem,17vw,4.8rem); }
      .typing-box { min-height:7.2em; margin-top:32px; }
      .price-row { grid-template-columns:1fr; }
      .check-option { justify-content:flex-start; }
      .form-actions { align-items:stretch; flex-direction:column; }
      .form-submit { width:100%; }
      .site-footer__top { grid-template-columns:1fr; }
      .site-footer__brand { grid-column:auto; }
    }
    @media (prefers-reduced-motion:reduce) {
      *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-delay:0ms!important; animation-iteration-count:1!important; }
      .handwriting-canvas { display:none; }
      .handwriting-fallback { display:block!important; }
    }


    

/* LENINs veryvery smooth scrolling - version 67 */
html.lenis,
html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-smooth iframe {
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
      .contact-heading__highlight {
        transition: none;
      }
    }