:root{--bg:#020407;--gold:#f5b400;--gold2:#ffd65a;--text:#f7f8fb;--muted:#b9c2cf;--line:rgba(245,180,0,.36);--soft:rgba(255,255,255,.12);--shadow:0 18px 60px rgba(0,0,0,.55)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.35;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{width:min(1450px,calc(100% - 48px));margin:0 auto}
.header{height:68px;position:sticky;top:0;z-index:100;background:rgba(2,4,7,.93);border-bottom:1px solid rgba(245,180,0,.25);backdrop-filter:blur(16px)}.nav{height:68px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(245,180,0,.45))}.brand strong{display:block;color:var(--gold);font-family:Impact,"Arial Black",sans-serif;text-transform:uppercase;font-size:25px;line-height:.9;letter-spacing:.045em}.brand span{display:block;font-size:11px;color:#fff;text-transform:uppercase;font-weight:900;letter-spacing:.055em}.links{display:flex;align-items:center;gap:28px;font-size:12px;font-weight:900;text-transform:uppercase}.links a{position:relative;padding:25px 0;color:#edf0f5}.links a:hover,.links a.active{color:var(--gold2)}.links a.active:after,.links a:hover:after{content:"";position:absolute;left:0;right:0;bottom:15px;height:3px;background:var(--gold)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:40px;padding:0 18px;border:1px solid var(--gold);color:var(--gold2);background:rgba(245,180,0,.04);text-transform:uppercase;font-weight:900;letter-spacing:.04em;box-shadow:0 0 20px rgba(245,180,0,.13)}.btn:hover{background:rgba(245,180,0,.14);transform:translateY(-1px)}.btn.small{min-height:34px;padding:0 14px;font-size:11px}
.hero{position:relative;min-height:410px;overflow:hidden;background:radial-gradient(circle at 17% 42%,rgba(245,180,0,.20),transparent 30%),radial-gradient(circle at 83% 35%,rgba(245,180,0,.08),transparent 26%),linear-gradient(102deg,#020407 0%,#050911 55%,#020407 100%)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(245,180,0,.12) 1px,transparent 1px),linear-gradient(rgba(245,180,0,.08) 1px,transparent 1px),radial-gradient(circle,rgba(245,180,0,.34) 0 1px,transparent 2px);background-size:90px 90px,90px 90px,130px 115px;mask-image:radial-gradient(circle at 34% 49%,rgba(0,0,0,.58),transparent 73%);animation:gridMove 24s linear infinite}.hero:after,.page-motion:after{content:"";position:absolute;left:-6%;right:-6%;bottom:0;height:120px;background:radial-gradient(ellipse at center,rgba(245,180,0,.42),transparent 58%),repeating-linear-gradient(112deg,rgba(245,180,0,.56) 0 1px,transparent 1px 12px);clip-path:polygon(0 66%,9% 43%,20% 64%,31% 49%,43% 66%,55% 42%,66% 62%,78% 36%,90% 55%,100% 39%,100% 100%,0 100%);animation:wave 7.2s ease-in-out infinite alternate;opacity:.90}.particles{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(245,180,0,.80) 0 1.2px,transparent 2px),radial-gradient(circle,rgba(255,212,90,.42) 0 1px,transparent 2px);background-size:150px 132px,240px 205px;animation:particles 23s linear infinite;opacity:.38}.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:360px 1fr;gap:50px;align-items:center;padding:24px 0 88px}.logo-stage{position:relative;display:grid;place-items:center}.logo-stage:before,.logo-stage:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(245,180,0,.34);animation:spin 26s linear infinite}.logo-stage:before{width:112%;height:112%;border-style:dashed}.logo-stage:after{width:130%;height:130%;opacity:.48;animation-direction:reverse;animation-duration:36s}.hero-logo{width:min(335px,32vw);object-fit:contain;filter:drop-shadow(0 0 35px rgba(245,180,0,.42));animation:float 6s ease-in-out infinite}.hero h1{margin:0;font-family:Impact,"Arial Black",sans-serif;text-transform:uppercase;font-size:clamp(44px,5.4vw,78px);line-height:.9;letter-spacing:.02em;text-shadow:0 10px 24px #000}.hero-sub{color:var(--gold);text-transform:uppercase;font-family:Impact,"Arial Black",sans-serif;letter-spacing:.07em;font-size:clamp(17px,1.65vw,25px);margin:15px 0 9px}.hero-proof{color:#fff;text-transform:uppercase;font-weight:900;letter-spacing:.08em;font-size:13px;margin-bottom:9px}.hero p{max-width:740px;margin:0 0 18px;color:#e1e6ee;font-size:16px}
.home-sections{position:relative;z-index:3;margin-top:-54px;background:linear-gradient(180deg,rgba(2,4,7,0),#020407 16%)}.services-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:11px 0 12px;background:rgba(2,4,7,.74);backdrop-filter:blur(10px)}.band-title{margin:0 0 10px;color:var(--gold);text-align:center;text-transform:uppercase;font-family:Impact,"Arial Black",sans-serif;letter-spacing:.14em;font-size:23px}.service-grid{display:grid;grid-template-columns:repeat(6,1fr)}.service{min-height:88px;border-right:1px solid var(--line);padding:0 13px}.service:last-child{border-right:none}.service .ico{color:var(--gold);font-size:28px;line-height:1;margin-bottom:4px}.service h3{margin:0 0 4px;text-transform:uppercase;font-size:13px;line-height:1.12}.service p{margin:0;color:var(--muted);font-size:11.5px}
.info-row{display:grid;grid-template-columns:1.05fr 1.05fr .9fr;min-height:180px;border-bottom:1px solid var(--line)}.info-card{padding:18px 24px;border-right:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01))}.info-card:last-child{border-right:none}.info-card h2{margin:0 0 10px;color:var(--gold);font-family:Impact,"Arial Black",sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:22px}.info-card p{margin:0 0 9px;color:#d8dee9;font-size:13px}.mini-about{display:grid;grid-template-columns:86px 1fr;gap:14px;align-items:center}.mini-about img{width:86px;filter:drop-shadow(0 0 18px rgba(245,180,0,.24))}.approach-item,.contact-item{display:grid;grid-template-columns:34px 1fr;gap:10px;margin:8px 0}.approach-item .ico,.contact-item .ico{color:var(--gold);font-size:22px;line-height:1}.approach-item strong,.contact-item strong{display:block;text-transform:uppercase;font-size:12px}.approach-item span,.contact-item span{color:var(--muted);font-size:12px}.footer{min-height:42px;display:flex;align-items:center;border-top:1px solid rgba(245,180,0,.18);color:var(--muted);font-size:12px}
.page-motion{position:relative;overflow:hidden;min-height:calc(100vh - 110px);background:radial-gradient(circle at 10% 0%,rgba(245,180,0,.09),transparent 28%),radial-gradient(circle at 88% 8%,rgba(245,180,0,.08),transparent 28%),linear-gradient(180deg,#020407,#050910)}.page-motion:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(245,180,0,.08) 1px,transparent 1px),linear-gradient(rgba(245,180,0,.06) 1px,transparent 1px),radial-gradient(circle,rgba(245,180,0,.22) 0 1px,transparent 2px);background-size:86px 86px,86px 86px,140px 120px;mask-image:radial-gradient(circle at 50% 20%,rgba(0,0,0,.45),transparent 74%);animation:gridMove 28s linear infinite}.page-hero{position:relative;z-index:2;padding:14px 0 10px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(245,180,0,.10),transparent)}.page-hero h1{margin:0;color:var(--gold);font-family:Impact,"Arial Black",sans-serif;font-size:30px;letter-spacing:.055em;text-transform:uppercase}.compact-page{position:relative;z-index:2;padding:16px 0 20px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.028));border:1px solid var(--soft);padding:15px;box-shadow:var(--shadow);backdrop-filter:blur(8px);transition:transform .25s ease,border-color .25s ease}.card:hover{transform:translateY(-4px);border-color:rgba(245,180,0,.55)}.card:before{content:"";position:absolute;left:-60%;top:0;width:45%;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);animation:sweep 5.5s ease-in-out infinite}.card.gold{border-color:var(--line)}.card h3{margin:0 0 7px;text-transform:uppercase;color:#fff;font-size:15px}.card p,.card li{color:var(--muted);font-size:13px}.badge-link{color:var(--gold2);font-weight:900;text-decoration:underline;text-underline-offset:4px}.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:16px}.contact-list .contact-item{margin:8px 0}.form input,.form textarea{width:100%;margin:4px 0;padding:9px 10px;background:rgba(0,0,0,.28);border:1px solid var(--soft);color:white;font:inherit;font-size:13px}.form textarea{height:70px;resize:vertical}.orb{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(245,180,0,.25),transparent 60%);filter:blur(2px);animation:orbFloat 8s ease-in-out infinite;pointer-events:none}.orb.one{width:150px;height:150px;right:8%;top:16%}.orb.two{width:105px;height:105px;left:8%;bottom:10%;animation-delay:1.2s}
@keyframes gridMove{to{background-position:200px 100px,100px 200px,220px 160px}}@keyframes wave{from{transform:translateX(-1%) translateY(0)}to{transform:translateX(1.2%) translateY(-10px)}}@keyframes particles{to{background-position:320px 250px,430px 360px}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes sweep{0%,60%{transform:translateX(0)}100%{transform:translateX(360%)}}@keyframes orbFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-18px) scale(1.08)}}
@media(max-width:1180px){.links{display:none}.hero-inner{grid-template-columns:1fr;text-align:center;padding-top:32px}.hero-logo{width:min(300px,70vw)}.hero p{margin-left:auto;margin-right:auto}.service-grid{grid-template-columns:repeat(3,1fr);gap:14px}.service{border-right:none;border-bottom:1px solid var(--line);padding-bottom:12px}.info-row{grid-template-columns:1fr}.info-card{border-right:none;border-bottom:1px solid var(--line)}}@media(max-width:760px){.container{width:min(100% - 26px,1450px)}.brand img{width:54px;height:54px}.brand strong{font-size:20px}.brand span{font-size:10px}.header,.nav{height:72px}.hero{min-height:auto}.hero h1{font-size:44px}.hero-inner{gap:18px;padding-bottom:95px}.home-sections{margin-top:-60px}.service-grid,.grid-2,.grid-3,.contact-layout,.mini-about{grid-template-columns:1fr}}


.social-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  margin-left:12px;
  border:1px solid var(--gold);
  color:var(--gold2);
  font-weight:900;
  font-size:15px;
  letter-spacing:0;
  border-radius:4px;
  background:rgba(245,180,0,.04);
  box-shadow:0 0 18px rgba(245,180,0,.12);
}
.social-link:hover{background:rgba(245,180,0,.14);transform:translateY(-1px);}
.footer .container{display:flex;align-items:center;justify-content:space-between;gap:18px;}
.footer-social{display:flex;align-items:center;}