:root{--color-bg:#2f333b;--color-surface:#3b4049;--color-text:#f3f5f7;--color-divider:color-mix(in srgb,#f3f5f7 22%,transparent);--color-accent:#ff8a00;--color-accent-100:#fff1e0;--color-accent-200:#ffd9a8;--color-accent-300:#ffb85c;--color-accent-600:#e67c00;--color-accent-700:#ff9f33;--color-accent-800:#ffb85c;--color-accent-2:#5a6068;--color-accent-2-100:#d6dade;--color-accent-2-200:#454a51;--color-accent-2-700:#262a31;--color-accent-2-800:#c9cdd2;--color-neutral-100:#454a51;--color-neutral-700:#aab0b7;--color-neutral-800:#c9cdd2;--font-heading:"Bebas Neue",sans-serif;--font-body:"Inter",system-ui,sans-serif}
html{scroll-behavior:smooth}
body{margin:0;background:#2f333b;color:#f3f5f7;font-family:"Inter",system-ui,sans-serif;-webkit-font-smoothing:antialiased;font-size:16px}
a{color:var(--color-accent-700)}a:hover{color:var(--color-accent-800)}
*{box-sizing:border-box}
.wrap{max-width:1240px;margin:0 auto;padding-left:clamp(20px,4vw,48px);padding-right:clamp(20px,4vw,48px)}
.eyebrow{font-size:14px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--color-accent-700)}
.h1{margin:0;font-family:var(--font-heading);font-weight:400;font-size:clamp(64px,9vw,128px);line-height:.9;letter-spacing:.01em}
.h2{margin:0;font-family:var(--font-heading);font-weight:400;font-size:clamp(48px,6vw,80px);line-height:.95}
.lead{margin:0;font-size:19px;line-height:1.6;max-width:56ch;text-wrap:pretty}
.site-header{position:sticky;top:0;z-index:20;background:#454a51;border-bottom:1px solid var(--color-divider);box-shadow:0 4px 18px rgba(0,0,0,.28)}
.site-header .in{max-width:1240px;margin:0 auto;padding:18px clamp(20px,4vw,48px);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.site-header .brand{display:flex;align-items:center;gap:12px}
.site-header nav{display:flex;gap:clamp(14px,2.4vw,30px);align-items:center;flex-wrap:wrap;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.2em}
.site-header nav a{color:var(--color-text);text-decoration:none}
.site-header nav a[aria-current="page"]{color:var(--color-accent-700)}
.site-header nav a.btn{color:#fff;padding:12px 22px;font-size:14px;font-weight:700;letter-spacing:.14em}
.site-footer{max-width:1240px;margin:0 auto;padding:28px clamp(20px,4vw,48px) 36px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:15px}
.site-footer .links{display:flex;gap:22px;font-weight:600}
.site-footer .muted{color:var(--color-neutral-700)}
.card{background:var(--color-surface);border-radius:var(--radius-lg)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px}
.stat{background:var(--color-surface);border-radius:var(--radius-lg);padding:26px 26px 28px;display:flex;flex-direction:column;gap:6px}
.stat .n{font-family:var(--font-heading);font-size:clamp(48px,5vw,68px);line-height:1;color:var(--color-text)}
.stat .l{font-size:15px;font-weight:600;color:var(--color-neutral-800)}
.vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:18px}
.vtile{aspect-ratio:9/16;border-radius:var(--radius-lg);overflow:hidden;position:relative;background:var(--color-surface)}
.vtile video{width:100%;height:100%;object-fit:cover;display:block}
.vtile .snd{position:absolute;right:12px;bottom:12px;width:44px;height:44px;border-radius:50%;border:0;background:color-mix(in srgb,#262a31 78%,transparent);color:#fff;font-size:19px;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(6px)}
.vtile .soon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;font-family:var(--font-heading);font-size:30px;line-height:1.1;color:var(--color-neutral-700)}
.hd-all{animation:hdAll 6s linear infinite}
.hd-arc{stroke-dasharray:101;stroke-dashoffset:101;animation:hdDraw 6s cubic-bezier(.65,0,.25,1) infinite}
.hd-dot{transform-box:fill-box;transform-origin:center;animation:hdDot 6s cubic-bezier(.2,.8,.2,1) infinite}
.hd-glow{transform-box:fill-box;transform-origin:center;animation:hdGlow 6s ease-out infinite}
@keyframes hdAll{0%,90%{opacity:1}100%{opacity:0}}
@keyframes hdDraw{0%{stroke-dashoffset:101}24%,100%{stroke-dashoffset:0}}
@keyframes hdDot{0%,17%{transform:translateY(46px);opacity:0}30%,100%{transform:translateY(0);opacity:1}}
@keyframes hdGlow{0%,20%{transform:scale(.4);opacity:0}32%{transform:scale(1.25);opacity:.85}52%,100%{transform:scale(1.9);opacity:0}}
@media (prefers-reduced-motion: reduce){.hd-all,.hd-arc,.hd-dot{animation:none;stroke-dashoffset:0;opacity:1;transform:none}.hd-glow{animation:none;opacity:0}}
.site-header .right{display:flex;align-items:center;gap:14px}
.site-header .right .btn{color:#fff;padding:12px 22px;font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.menu-btn{width:48px;height:48px;border-radius:50%;border:1px solid var(--color-divider);background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0}
.menu-btn span{display:block;width:22px;height:2.5px;border-radius:2px;background:#f3f5f7}
.menu-panel{position:absolute;top:100%;right:clamp(12px,4vw,48px);margin-top:10px;min-width:240px;background:#3b4049;border:1px solid var(--color-divider);border-radius:20px;padding:10px;box-shadow:0 12px 32px rgba(0,0,0,.4);display:flex;flex-direction:column}
.menu-panel[hidden]{display:none}
.menu-panel a{color:var(--color-text);text-decoration:none;padding:14px 18px;border-radius:12px;font-weight:600;font-size:18px}
.menu-panel a:hover,.menu-panel a[aria-current="page"]{background:rgba(243,245,247,.08)}
.site-header .right{flex-wrap:wrap;gap:clamp(14px,2.4vw,30px)}
.site-header .links{display:flex;gap:clamp(14px,2.4vw,30px);align-items:center;flex-wrap:wrap;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.2em}
.site-header .links a{color:var(--color-text);text-decoration:none}
.site-header .links a[aria-current="page"]{color:var(--color-accent-700)}
@media (max-width:560px){.site-header .right .btn{display:none}.menu-panel .mnu-contact{display:block}}
.menu-panel .mnu-contact{display:none;color:var(--color-accent-700);font-weight:700}
@media (max-width:820px){.site-header .links{display:none}.site-header .right .btn{padding:11px 16px;font-size:13px;letter-spacing:.1em}.site-header .in{padding-top:12px;padding-bottom:12px}}