.hero.first-screen{grid-template-areas:"copy demo" "apps demo";grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:20px 65px;padding-top:42px;padding-bottom:40px;min-height:560px}.first-screen .hero-copy{grid-area:copy;align-self:end}.first-screen h1{font-size:clamp(60px,6.3vw,80px)}.first-screen .intro{margin-bottom:18px}.hero-desktop-note{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.first-screen .hero-demo{grid-area:demo;width:min(360px,100%);max-width:360px;align-self:center}.first-screen .demo-message{font-size:11px;line-height:1.5;height:38px;margin-top:20px}.first-screen .demo-hud{font-size:17px;padding-bottom:18px}.first-screen .demo-hud [data-time]{letter-spacing:-.5px}.store-links{display:flex;gap:12px;flex-wrap:wrap}.first-screen>.store-links{grid-area:apps;align-self:start}.store-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 18px;border-radius:13px;border:1px solid #79f1f557;background:#0a2d44;color:var(--text);text-align:left;min-width:164px;transition:background .2s,transform .2s}.store-button:hover{background:#124662;transform:translateY(-2px)}.store-button strong{display:block;font-size:14px;line-height:1.3}.store-button small{display:block;font-size:10px;color:var(--muted);margin-top:5px;line-height:1.3}.store-symbol{color:var(--mint);font-size:22px}.store-symbol.ios{font-size:13px;font-weight:800;color:var(--cyan)}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.case-card{background:#0b2b43;border:1px solid var(--line);border-radius:21px;overflow:hidden}.case-photo{height:220px;overflow:hidden;background:#082338}.case-photo img{width:100%;height:100%;object-fit:cover}.focus-photo img{object-position:50% 67%}.rest-photo img{object-position:center top}.case-copy{padding:26px 28px 28px}.case-copy h3{font-size:25px;letter-spacing:-.8px;margin:13px 0 12px}.case-copy p{font-size:14px;line-height:1.75;color:var(--muted);margin:0}.case-detail{border-top:1px solid var(--line);margin-top:20px;padding-top:15px;font-size:11px;line-height:1.6;color:var(--cyan)}.final-cta .store-links{justify-content:center;margin-top:30px}.telegram-text{display:inline-block;color:var(--cyan);font-size:13px;margin-top:24px}.telegram-text:hover{text-decoration:underline}.store-dialog{width:min(440px,calc(100% - 36px));border:1px solid #79f1f58f;border-radius:23px;background:#08283f;color:var(--text);padding:32px;box-shadow:0 20px 90px #0006}.store-dialog:not([open]){display:none}.store-dialog::backdrop{background:#061b2ddc}.store-dialog h2{font-size:34px;letter-spacing:-1.4px;line-height:1.15;margin:20px 0}.store-dialog p{font-size:14px;line-height:1.75;color:var(--muted);margin:0 0 24px}.store-dialog .button{min-height:48px;font-size:14px;padding:12px 22px}
@media(max-width:1000px){.hero.first-screen{gap:18px 32px;min-height:535px}.first-screen h1{font-size:63px;letter-spacing:-4px}.first-screen .intro{font-size:16px}.store-button{min-width:146px;padding:13px}.store-button strong{font-size:13px}.case-photo{height:190px}.case-copy{padding:23px}.case-copy h3{font-size:23px}}
@media(max-width:700px){.header{height:64px}.hero.first-screen{grid-template-areas:"copy" "demo" "apps";grid-template-columns:1fr;grid-template-rows:auto auto auto;min-height:0;gap:8px;padding-top:14px;padding-bottom:22px}.first-screen .hero-copy{align-self:auto}.first-screen .eyebrow{font-size:8px;letter-spacing:1.6px;line-height:1.4}.first-screen h1{font-size:clamp(34px,10vw,42px);line-height:1.03;letter-spacing:-1.8px;margin:9px 0}.first-screen .intro{font-size:13px;line-height:1.4;margin:10px 0 7px}.hero-desktop-note{display:none}.first-screen .hero-demo{width:min(320px,calc(100vw - 64px),calc(100svh - 290px));min-width:182px;max-width:100%;justify-self:center}.first-screen .demo-hud{font-size:14px;padding:0 4px 12px}.first-screen .demo-hud [data-lives]{letter-spacing:4px}.first-screen .demo-message{height:34px;font-size:10px;line-height:1.45;margin:12px 0 0;text-align:center}.first-screen .board{border-radius:20px}.first-screen .board canvas{border-radius:18px}.first-screen .finger-hint{width:29px;height:39px}.first-screen>.store-links{justify-self:center;justify-content:center;gap:8px;margin-top:2px}.store-button{min-width:132px;gap:9px;padding:11px 12px;min-height:54px;border-radius:11px}.store-button strong{font-size:12px}.store-button small{font-size:9px;margin-top:4px}.store-symbol{font-size:18px}.store-symbol.ios{font-size:11px}.case-grid{grid-template-columns:1fr;gap:18px}.case-photo{height:175px}.case-copy{padding:22px}.case-copy h3{font-size:23px}.case-copy p{font-size:13px}.case-detail{font-size:10px;margin-top:16px;padding-top:13px}.final-cta .store-links{gap:8px}.store-dialog{padding:25px}.store-dialog h2{font-size:30px}.store-dialog p{font-size:13px}}

/* Full portrait and landscape illustrations. */
.case-photo{height:auto;aspect-ratio:3/2;background:#082338}.case-photo img{width:100%;height:100%;object-fit:contain;object-position:center}
.first-screen .board,.first-screen .board canvas{border-radius:18px}.first-screen .board{border:0;background:#08253b;box-shadow:0 25px 55px #0003}.demo-widget[data-state=playing] .board{border-color:transparent}