*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}

body{font-family:'Inter',system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}

h1,h2,h3,h4{font-family:'Space Grotesk',sans-serif;font-weight:600;line-height:1.12;letter-spacing:-.02em;color:#fff}

a{color:inherit;text-decoration:none}

.ico{width:22px;height:22px;flex:0 0 auto;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

.container{max-width:var(--maxw);margin:0 auto;padding:0 24px}

.eyebrow::before{content:'';width:24px;height:2px;background:linear-gradient(90deg,var(--cyan),transparent);border-radius:2px}

.grad{background:linear-gradient(115deg,#fff 10%,var(--cyan) 55%,var(--blue) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

.center{text-align:center}

.btn .ico{width:18px;height:18px}

.btn-primary{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;box-shadow:0 8px 30px -10px rgba(59,130,246,.8)}

.btn-ghost{background:rgba(255,255,255,.03);color:var(--text);border-color:var(--line2);backdrop-filter:blur(8px)}

.btn-ghost:hover{border-color:var(--blue);color:#fff;background:rgba(59,130,246,.08)}

.b-cyan{background:rgba(34,211,238,.1);color:#4fd9ee;border:1px solid rgba(34,211,238,.3)}

.b-green{background:rgba(16,185,129,.12);color:#34d399;border:1px solid rgba(16,185,129,.3)}

.b-purple{background:rgba(139,92,246,.13);color:#b69dfb;border:1px solid rgba(139,92,246,.3)}

.atmos{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}

.nav.scrolled{box-shadow:0 12px 40px -16px rgba(0,0,0,.8);background:rgba(8,11,18,.86)}

.logo{font-family:'Space Grotesk';font-weight:700;font-size:1.18rem;color:#fff;display:flex;align-items:center;gap:9px}

.nav-links{display:flex;align-items:center;gap:4px}

.nav-links a{padding:9px 14px;border-radius:9px;font-size:.9rem;font-weight:500;color:var(--muted);transition:color .18s,background .18s}

.nav-links a:hover{color:#fff;background:rgba(255,255,255,.05)}

.nav-right{display:flex;align-items:center;gap:10px}

.lang{display:flex;gap:2px;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:999px;padding:3px}

.lang button:hover{color:#fff}

.lang button.on{background:var(--blue);color:#fff}

.burger{display:none;background:none;border:0;color:#fff;cursor:pointer;padding:8px}

.hero-media{position:absolute;inset:0;z-index:0;overflow:hidden;background:#06080f url('/assets/hero-poster.jpg') center/cover no-repeat}

.hero-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}

@media(max-width:600px){.hero-media video{display:none}}

@media(prefers-reduced-motion:reduce){.hero-media video{display:none}}

.reveal.in{opacity:1;transform:none}

.wa-fab{position:fixed;right:22px;bottom:22px;z-index:70;display:inline-flex;align-items:center;height:58px;
  border-radius:999px;background:linear-gradient(135deg,#25D366,#128C7E);color:#fff;text-decoration:none;overflow:hidden;
  box-shadow:0 12px 30px -8px rgba(37,211,102,.6),0 4px 14px rgba(0,0,0,.45);transition:transform .2s,box-shadow .3s}

.wa-fab svg{width:30px;height:30px;flex:0 0 auto;margin:0 14px;position:relative;z-index:2}

.wa-label{max-width:0;opacity:0;white-space:nowrap;font-family:'Space Grotesk';font-weight:600;font-size:.92rem;
  transition:max-width .35s cubic-bezier(.2,.7,.2,1),opacity .25s,margin .35s;margin-left:0;position:relative;z-index:2}

.wa-fab:hover{transform:translateY(-2px);box-shadow:0 18px 40px -8px rgba(37,211,102,.78),0 6px 16px rgba(0,0,0,.5)}

.wa-fab:hover .wa-label{max-width:260px;opacity:1;margin-left:18px}

.wa-fab::before{content:'';position:absolute;right:14px;top:50%;width:30px;height:30px;transform:translateY(-50%);
  border-radius:50%;box-shadow:0 0 0 2px rgba(37,211,102,.55);animation:wapulse 2.6s ease-out infinite;z-index:1}

@keyframes wapulse{0%{transform:translateY(-50%) scale(1);opacity:.7}100%{transform:translateY(-50%) scale(2.4);opacity:0}}

@media(max-width:600px){.wa-fab{right:16px;bottom:16px;height:54px}.wa-fab svg{width:27px;height:27px}.wa-fab:hover .wa-label{max-width:0;opacity:0;margin-left:0}}

@media(prefers-reduced-motion:reduce){.wa-fab::before{animation:none;opacity:0}}

@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}