@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/Yq6F-LOTXCb04q32xlpat-6uR42XTqtG6xjx040.ttf) format('truetype');
}
@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/Yq6F-LOTXCb04q32xlpat-6uR42XTqtG6yrx040.ttf) format('truetype');
}
@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/Yq6F-LOTXCb04q32xlpat-6uR42XTqtG68b2040.ttf) format('truetype');
}
@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/Yq6F-LOTXCb04q32xlpat-6uR42XTqtG6__2040.ttf) format('truetype');
}

:root{--brand-font:'Unbounded',sans-serif;--brand-accent:#C6FF00}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#ffffff;font-family:'Unbounded',sans-serif}#fog-background{position:fixed;inset:0;background:radial-gradient(ellipse at 25% 35%,#00bffe 0%,#d9f6ff 48%,#ffffff 100%)}#fog-background canvas{display:block}#scene{position:fixed;right:0;top:0;width:59%;height:100%;touch-action:none}#scene>canvas{display:block;width:100%;height:100%;outline:none}.key-controls{position:absolute;bottom:56px;left:50%;transform:translateX(-50%);display:flex;gap:7px}.key-controls button{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);border:0}.key-controls:focus-within button{position:relative;clip-path:none;width:32px;height:32px;border-radius:8px;background:#f5eee7;color:#332315;box-shadow:0 2px 9px #4c280b30}.key-controls button:focus-visible{outline:2px solid var(--brand-accent);outline-offset:3px}@media(max-width:700px){#scene{width:100%}}

.brand{position:fixed;left:24px;top:20px;width:clamp(110px,14vw,200px);z-index:2;display:block}.brand img{display:block;width:100%;height:auto}.brand:focus-visible{outline:2px solid #00bffe;outline-offset:6px;border-radius:20px}@media(max-width:700px){.brand{left:12px;top:12px;width:110px}}

.hero{position:fixed;left:5vw;top:clamp(190px,29vh,270px);width:43vw;max-width:650px;z-index:1;color:#102443}.hero h1{margin:0;font-size:clamp(30px,3.8vw,66px);line-height:1.08;letter-spacing:-.045em;font-weight:700;text-wrap:balance}.hero h1 span{color:var(--brand-accent);text-shadow:0 1px 1px #10244355}.hero-description{font-size:clamp(12px,1.2vw,20px);line-height:1.55;margin:24px 0;color:#243c5b;text-wrap:pretty}#scene{width:51%}.brand{left:4vw;top:12px;width:clamp(110px,12vw,170px)}
@media(max-width:700px){.brand{left:14px;top:8px;width:100px}.hero{position:relative;left:auto;top:auto;width:auto;max-width:none;margin:125px 24px 0}.hero h1{font-size:clamp(27px,7.2vw,40px);line-height:1.1}.hero-description{font-size:15px;margin:16px 0;line-height:1.5}#scene{position:relative;width:100%;height:45vh;min-height:300px;top:auto;right:auto}html,body{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto}.brand{position:absolute}}
@media(min-width:701px) and (max-height:700px){.brand{width:105px}.hero{top:145px}.hero h1{font-size:clamp(28px,3.1vw,48px)}.hero-description{margin:16px 0}}

@media(min-width:701px){#scene{width:58%}.hero{left:3.5vw;width:39vw}}
@media(max-width:700px){#scene{height:58vh;min-height:360px}}

[hidden]{display:none!important}.contact-panel{padding-top:45px}.contact-panel h1{outline:none}.telegram-link{display:inline-flex;align-items:center;gap:14px;padding:20px 24px;margin-top:34px;border-radius:18px;background:#C6FF00;color:#102443;font-family:var(--brand-font);font-size:clamp(13px,1.25vw,19px);text-decoration:none;font-weight:500}.telegram-link svg{width:28px;height:28px;fill:currentColor;flex:none}.telegram-link:focus-visible{outline:3px solid #102443;outline-offset:5px}.telegram-link:hover{background:#d6ff48}

.whatsapp-link{display:flex;width:fit-content;margin-top:14px}

.keyboard-hint{position:absolute;top:5%;left:12%;width:76%;margin:0;text-align:center;z-index:2;font-size:clamp(11px,1.05vw,17px);font-weight:600;line-height:1.7;letter-spacing:.07em;color:#102443;transition:transform .3s ease;cursor:default}
.keyboard-hint span{background:linear-gradient(100deg,#102443 0%,#008caf 25%,#C6FF00 48%,#008caf 72%,#102443 100%);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:hint-colors 6s ease-in-out infinite}
.keyboard-hint:hover{transform:translateY(-3px)}
.keyboard-hint:hover span{animation-duration:2s}
@keyframes hint-colors{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media(max-width:700px){.keyboard-hint{top:0;left:5%;width:90%;font-size:11px}}
@media(prefers-reduced-motion:reduce){.keyboard-hint,.keyboard-hint span{animation:none;transition:none}}

.home-hero{top:clamp(165px,24vh,230px);width:43vw;max-width:740px}.home-hero h1{font-size:clamp(34px,4.25vw,76px);line-height:1.06;letter-spacing:-.055em;text-wrap:initial;overflow-wrap:normal}.home-services{display:grid;grid-template-columns:1fr 1fr;gap:20px 14px;list-style:none;margin:28px 0 0;padding:24px 20px;border-radius:22px;background:#122b40;color:#fff;font-size:clamp(10px,1vw,16px);font-weight:400}.home-services li{display:flex;align-items:center;gap:10px}.home-services li::before{content:'+';color:#C6FF00;font-size:20px;font-weight:500}@media(max-width:700px){.home-hero{width:auto;margin:125px 20px 0;top:auto}.home-hero h1{font-size:clamp(31px,8.1vw,54px)}.home-services{font-size:11px;padding:20px 16px;gap:18px 10px;margin-top:24px}}@media(min-width:701px) and (max-height:700px){.home-hero{top:130px}.home-hero h1{font-size:clamp(30px,3.7vw,58px)}.home-services{margin-top:18px;padding:18px;gap:12px}}