:root{--blue:#0887ed;--deep:#082454;--lime:#cfff35;--coral:#ff816f;--cream:#fff9ec;--line:rgba(8,36,84,.2)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y proximity}body{margin:0;background:var(--cream);color:var(--deep);font-family:"Manrope",sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.screen{min-height:100svh;scroll-snap-align:start}.nav{height:80px;padding:0 max(4vw,26px);position:absolute;z-index:20;width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#fff;border-bottom:1px solid rgba(255,255,255,.35)}.brand{font-size:27px;font-weight:800;letter-spacing:-.08em}.brand span{color:var(--lime)}nav{display:flex;gap:34px;font-size:13px;font-weight:700}.nav-cta{justify-self:end;font-size:13px;font-weight:800;border-bottom:2px solid var(--lime)}.menu{display:none;border:0;background:none;width:34px}.menu i{display:block;height:2px;background:#fff;margin:7px 0}.hero{height:100svh;position:relative;overflow:hidden;background:var(--blue)}.hero>img{width:100%;height:100%;object-fit:cover}.hero-proof{position:absolute;left:max(4vw,26px);right:max(4vw,26px);bottom:25px;display:grid;grid-template-columns:.75fr .75fr .75fr 1.75fr;background:rgba(8,36,84,.9);color:#fff;backdrop-filter:blur(8px)}.hero-proof>div{padding:17px 20px;border-right:1px solid rgba(255,255,255,.25)}.hero-proof>div:last-child{border:0}.hero-proof strong{display:block;font-size:28px;line-height:1}.hero-proof span{font-size:11px;color:#bcd4ef}.pairline{display:flex;align-items:center;justify-content:space-around;gap:15px}.pairline b{font-size:13px;white-space:nowrap}.expertise{background:var(--blue);color:#fff;padding:110px max(5vw,28px) 55px;display:grid;grid-template-columns:.78fr 1.22fr;gap:6vw;align-items:center}.kicker{font-size:11px;font-weight:800;letter-spacing:.16em;margin:0 0 24px}.expertise h1,.why h2,.contact-box h2{font-size:clamp(54px,6.8vw,105px);line-height:.9;letter-spacing:-.07em;margin:0;font-weight:800}.expertise h1 em{font-style:normal;color:var(--lime)}.expertise .intro{font-size:17px;max-width:520px;color:#dcefff;margin-top:32px}.service-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(255,255,255,.4)}.service-grid article{min-height:160px;padding:20px;border-right:1px solid rgba(255,255,255,.4);border-bottom:1px solid rgba(255,255,255,.4);display:flex;flex-direction:column}.service-grid article:nth-child(odd):not(.game-card){border-right:0}.service-grid article:nth-child(5){border-bottom:0}.service-grid .game-card{grid-row:span 2;min-height:320px;background:var(--lime);color:var(--deep)}.service-grid span{font-size:11px;font-weight:800}.service-grid h2{font-size:clamp(34px,4vw,62px);line-height:.95;letter-spacing:-.06em;margin:30px 0}.service-grid h3{font-size:24px;line-height:1.05;letter-spacing:-.04em;margin:18px 0 8px}.service-grid p{font-size:13px;margin:auto 0 0;opacity:.78}.contact{background:var(--cream);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 78px}.why,.contact-box{padding:105px max(5vw,28px) 45px}.why h2{font-size:clamp(48px,5.7vw,88px)}.reasons{margin-top:48px;border-top:2px solid var(--deep)}.reasons article{display:grid;grid-template-columns:42px 1fr;border-bottom:1px solid var(--line);padding:17px 0}.reasons b{font-size:11px;color:var(--blue)}.reasons p{margin:0;font-size:14px}.reasons strong{font-size:17px}.contact-box{background:var(--blue);color:#fff;position:relative;overflow:hidden;padding-left:5vw}.contact-box h2{font-size:clamp(55px,6.5vw,100px)}.contact-box>p:not(.kicker){font-size:16px;max-width:500px;color:#dcefff}.contact-box>a{display:inline-block;margin-top:22px;font-size:clamp(20px,2.2vw,34px);font-weight:800;border-bottom:3px solid var(--lime)}.faces{position:absolute;right:3%;top:5%;width:190px;height:150px;opacity:.9}.faces i{position:absolute;width:82px;height:72px;border-radius:50% 50% 15% 50%;display:grid;place-items:center;background:var(--lime);color:var(--deep);font-style:normal;font-size:28px;font-weight:800;z-index:2}.faces i:nth-child(2){right:0;bottom:0;background:var(--coral);border-radius:50% 50% 50% 15%;font-size:16px}.faces svg{position:absolute;inset:0}footer{grid-column:1/-1;background:var(--deep);color:#fff;padding:0 max(5vw,28px);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}footer p{font-size:11px;color:#9eb4d4}footer p:last-child{text-align:right}.reveal{opacity:0;transform:translateY(18px);transition:.65s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:800px){html{scroll-snap-type:none}.screen{min-height:auto}.nav{height:68px;grid-template-columns:1fr auto}.nav nav,.nav-cta{display:none}.menu{display:block}.nav nav.open{display:flex;position:absolute;top:68px;left:0;right:0;background:var(--deep);padding:20px 22px}.hero{height:auto;padding-top:68px}.hero>img{display:block;width:100%;height:auto}.hero-proof{position:static;grid-template-columns:1fr 1fr;background:var(--deep)}.hero-proof>div{border-bottom:1px solid rgba(255,255,255,.2)}.hero-proof .pairline{grid-column:1/-1;padding:18px 10px}.expertise{padding:68px 22px;grid-template-columns:1fr;gap:42px}.expertise h1{font-size:15vw}.service-grid{grid-template-columns:1fr}.service-grid article,.service-grid .game-card{grid-row:auto;min-height:155px;border-right:0!important}.service-grid .game-card{min-height:280px}.service-grid h2{font-size:13vw}.contact{grid-template-columns:1fr;grid-template-rows:auto auto auto}.why,.contact-box{padding:68px 22px}.why h2,.contact-box h2{font-size:14vw}.faces{width:135px;height:110px;opacity:.55}.faces i{width:62px;height:56px}.contact-box{min-height:560px}.contact-box>a{font-size:6.7vw}footer{grid-column:auto;height:auto;padding:28px 22px;grid-template-columns:1fr;gap:8px}footer p{margin:0}footer p:last-child{text-align:left}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}}
footer{min-height:118px;gap:40px}.contact{grid-template-rows:1fr 118px}.footer-brand p{margin:6px 0 0;font-size:10px;letter-spacing:.08em;text-transform:uppercase;text-align:left}.footer-info,.footer-contact{display:flex;flex-direction:column;gap:4px;font-size:11px}.footer-info strong{font-size:12px}.footer-info span,.footer-contact span{color:#9eb4d4}.footer-contact{align-items:flex-end}.footer-contact a{font-size:13px;font-weight:800;border-bottom:1px solid var(--lime)}
@media(max-width:800px){.contact{grid-template-rows:auto auto auto}footer{min-height:0;gap:22px}.footer-brand p{margin-top:5px}.footer-contact{align-items:flex-start}}