:root{
  --bg:#050508;
  --bg2:#09070e;
  --panel:rgba(13,10,18,.82);
  --panel-solid:#0d0a12;
  --text:#f8f4fb;
  --muted:#a99caf;
  --pink:#ff4f9a;
  --pink2:#ff86bb;
  --purple:#8d4cff;
  --cyan:#64e9ff;
  --line:rgba(255,95,174,.22);
  --line-soft:rgba(255,255,255,.075);
  --shadow:0 26px 70px rgba(0,0,0,.36);
  --max:1220px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;overflow-x:hidden;background:
  radial-gradient(circle at 78% 6%,rgba(142,55,255,.12),transparent 30%),
  radial-gradient(circle at 12% 21%,rgba(255,59,137,.08),transparent 27%),
  linear-gradient(180deg,#050508,#08060c 42%,#050508)}
button,input{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}
::selection{background:rgba(255,79,154,.34);color:#fff}

.bg-grid{position:fixed;inset:0;z-index:-4;pointer-events:none;background:
  linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,rgba(0,0,0,.58) 72%,transparent)}
.bg-grid:before{content:"";position:absolute;inset:-20%;background:repeating-linear-gradient(115deg,transparent 0 110px,rgba(255,79,154,.018) 111px 112px);transform:rotate(-3deg);animation:gridDrift 24s linear infinite}
.bg-grid:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,8,.7),transparent 15%,transparent 85%,rgba(5,5,8,.7)),linear-gradient(to bottom,transparent 65%,rgba(5,5,8,.9))}
@keyframes gridDrift{to{transform:translate3d(90px,44px,0) rotate(-3deg)}}
body:before{content:"";position:fixed;inset:0;z-index:1000;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}

.site-header{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:190px 1fr auto;gap:26px;align-items:center;padding:10px clamp(18px,4vw,64px);background:linear-gradient(180deg,rgba(5,5,8,.92),rgba(5,5,8,.72));backdrop-filter:blur(18px) saturate(130%);border-bottom:1px solid rgba(255,255,255,.055);box-shadow:0 8px 34px rgba(0,0,0,.16)}
.site-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--pink),rgba(100,233,255,.72),transparent);opacity:.32}
.brand{display:block;width:174px;height:58px;overflow:hidden;position:relative}.brand img{width:100%;height:100%;object-fit:cover;object-position:center 61%;transform:scale(1.16);filter:saturate(1.05) contrast(1.04)}
.main-nav{display:flex;justify-content:center;gap:26px;font-size:12px;text-transform:uppercase;letter-spacing:.11em}.main-nav a,.header-meta a{position:relative;transition:.2s ease}.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-10px;height:1px;background:linear-gradient(90deg,var(--pink),var(--cyan));transition:.22s ease}.main-nav a:hover,.main-nav a.active,.header-meta a:hover{color:#fff;text-shadow:0 0 18px rgba(255,79,154,.7)}.main-nav a:hover:after,.main-nav a.active:after{right:0}
.header-meta{display:grid;text-align:right;font-size:12px;gap:1px}.header-meta span{color:var(--pink2);font-weight:800;letter-spacing:.13em}.menu-toggle{display:none;background:rgba(10,8,13,.8);color:white;border:1px solid var(--line);border-radius:3px;padding:9px 12px}

.section-pad{width:min(var(--max),calc(100% - 38px));margin:0 auto;padding:104px 0;position:relative}
section:not(.hero):before{content:"";position:absolute;top:0;left:0;width:88px;height:1px;background:linear-gradient(90deg,var(--pink),transparent);opacity:.48}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(60px,9vw,132px);line-height:.82;letter-spacing:-.067em;margin-bottom:24px;font-weight:950;text-shadow:0 0 36px rgba(255,70,151,.17)}
h2{font-size:clamp(36px,5vw,66px);line-height:.98;letter-spacing:-.045em;margin-bottom:18px;max-width:950px;font-weight:900}.hero-lead{font-size:clamp(18px,2vw,27px);font-weight:900;color:var(--pink2);letter-spacing:.055em}.hero-text,.panel p,.split p,.section-head p,.contacts-copy p{color:var(--muted);font-size:17px;max-width:780px}
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--pink2);font-size:11px;letter-spacing:.2em;font-weight:900;text-transform:uppercase;margin-bottom:15px}.eyebrow:before{content:"";width:22px;height:1px;background:linear-gradient(90deg,var(--cyan),var(--pink));box-shadow:0 0 12px rgba(100,233,255,.4)}

.hero{position:relative;width:100%;max-width:none;height:calc(100vh - 79px);min-height:600px;margin:0;display:flex;align-items:flex-end;isolation:isolate;overflow:hidden;background:#050508;container-type:size}
.hero-mosaic{position:absolute;left:50%;top:50%;z-index:-2;transform:translate(-50%,-50%);width:max(100cqw,calc(100cqh * 1.77778));height:max(100cqh,calc(100cqw * .5625));display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(7,1fr);overflow:hidden;pointer-events:none}
.hero-mosaic img{display:block;width:100%;height:100%;object-fit:fill}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 56%,rgba(4,3,8,.18) 72%,rgba(4,3,8,.82) 100%);pointer-events:none}
.hero-links{position:relative;z-index:2;width:min(1450px,calc(100% - 54px));margin:0 auto clamp(24px,3.5vw,58px);display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(8px,1.25vw,22px);align-items:end}
.hero-link{display:grid;justify-items:center;align-content:end;gap:2px;min-width:0;text-align:center;color:#dffaff;background:none;border:0;outline:0;transition:transform .22s ease,filter .22s ease;text-shadow:0 0 8px #0b0a12,0 0 20px rgba(87,225,255,.9)}
.hero-link img{display:block;width:clamp(72px,7.1vw,126px);height:auto;aspect-ratio:1;object-fit:contain;pointer-events:none;transition:transform .22s ease,filter .22s ease}
.hero-link span{font-size:clamp(11px,1vw,17px);line-height:1.14;font-weight:850;letter-spacing:.055em;text-transform:uppercase;white-space:normal}
.hero-link:hover,.hero-link:focus-visible{transform:translateY(-7px);color:#fff;filter:drop-shadow(0 0 11px rgba(255,59,157,.7))}
.hero-link:hover img,.hero-link:focus-visible img{transform:scale(1.07)}
.hero-link:focus-visible{outline:2px solid var(--cyan);outline-offset:5px;border-radius:4px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.btn{appearance:none;position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,rgba(17,13,22,.9),rgba(9,8,12,.9));color:white;border-radius:2px;padding:14px 19px;font-weight:900;font-size:11px;letter-spacing:.1em;cursor:pointer;transition:.22s ease;box-shadow:inset 0 0 0 1px rgba(255,79,154,.02)}.btn:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.12),transparent 70%);transform:translateX(-130%);transition:.45s ease}.btn:hover:before{transform:translateX(130%)}.btn:hover{transform:translateY(-2px);border-color:var(--pink);box-shadow:0 0 26px rgba(255,79,154,.16)}.btn-primary{background:linear-gradient(135deg,#ff2e83,#cf236e);border-color:#ff63a7;box-shadow:0 0 24px rgba(255,43,126,.22),inset 0 0 14px rgba(255,255,255,.07)}.btn-primary:hover{box-shadow:0 0 34px rgba(255,43,126,.4)}