:root{
  --bg:#020812; --bg2:#06111d; --panel:#081827; --panel2:#0b2033; --line:rgba(72,191,255,.25);
  --blue:#21c4ff; --blue2:#0079ff; --ice:#77e8ff; --orange:#ff7b19; --orange2:#ffb21a;
  --white:#f5fbff; --muted:#a9bdcb; --shadow:0 18px 60px rgba(0,0,0,.5);
  --glow:0 0 18px rgba(33,196,255,.45),0 0 48px rgba(0,121,255,.16);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,Segoe UI,Arial,sans-serif;overflow-x:hidden} a{color:inherit;text-decoration:none} img{max-width:100%;display:block}.container{width:min(1520px,92vw);margin:auto}.section-dark{background:linear-gradient(180deg,#020812 0%,#04111d 100%)}
.page-noise{position:fixed;inset:0;opacity:.035;pointer-events:none;z-index:100;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}.pointer-glow{position:fixed;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(33,196,255,.12),transparent 68%);filter:blur(8px);transform:translate(-50%,-50%);pointer-events:none;z-index:1}.scroll-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:9999}.scroll-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--orange));box-shadow:0 0 12px var(--blue)}
.header{position:sticky;top:0;z-index:1000;background:rgba(2,8,18,.90);backdrop-filter:blur(18px);border-bottom:1px solid rgba(97,207,255,.16);box-shadow:0 8px 28px rgba(0,0,0,.22)}.topline{border-bottom:1px solid rgba(97,207,255,.12)}.topline__inner{height:34px;display:flex;align-items:center;justify-content:space-between}.topline__inner--phone-only{justify-content:flex-end}.top-phone{display:grid;grid-template-columns:24px auto;grid-template-rows:16px 10px;align-items:center;column-gap:7px}.top-phone .phone-orb{grid-row:1/3;font-size:16px;color:var(--blue)}.top-phone strong{font-size:11px}.top-phone small{font-size:7px;color:var(--blue);letter-spacing:.08em}.nav{min-height:64px;display:flex;align-items:center;gap:20px}.brand-lockup{width:178px;margin-right:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:0;flex:0 0 auto}.logo{width:142px}.logo img{width:100%;filter:drop-shadow(0 8px 18px rgba(0,132,255,.14))}.brand-tagline{display:block;margin-top:-2px;white-space:nowrap;text-align:center;font-size:8.5px;line-height:1.15;font-weight:800;letter-spacing:.20em;color:#7edfff;text-shadow:0 0 11px rgba(33,196,255,.28)}.brand-tagline b{color:var(--orange)}.navlinks{display:flex;gap:24px;align-items:center}.navlinks a{font-size:12.5px;font-weight:700;color:#d8e8f3;position:relative}.navlinks a:after{content:"";position:absolute;height:2px;left:0;right:100%;bottom:-10px;background:var(--blue);box-shadow:0 0 10px var(--blue);transition:.25s}.navlinks a:hover:after,.navlinks a.active:after{right:0}.menu{display:none;background:none;border:0;width:38px;height:32px}.menu i{display:block;height:2px;background:white;margin:7px 0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 22px;border-radius:11px;font-weight:800;font-size:14px;transition:transform .24s,box-shadow .24s,border-color .24s;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:-2px;transform:translateX(-130%) skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);transition:.65s}.btn:hover:before{transform:translateX(130%) skewX(-20deg)}.btn:hover{transform:translateY(-2px)}.btn--hot{background:linear-gradient(135deg,#ff6b14,#ff9916);box-shadow:0 0 22px rgba(255,122,24,.5),inset 0 0 0 1px rgba(255,255,255,.2);border:1px solid #ffc34f}.btn--hot:hover{box-shadow:0 0 36px rgba(255,122,24,.8),0 8px 24px rgba(255,86,0,.28)}.btn--glass{background:rgba(3,18,32,.58);border:1px solid rgba(53,206,255,.7);box-shadow:inset 0 0 20px rgba(0,149,255,.1),0 0 18px rgba(0,141,255,.12)}.btn--nav{padding:9px 15px;font-size:13px}.btn--hero{padding:16px 28px;font-size:15px}.btn--full{width:100%}
.hero{height:min(730px,72vw);min-height:650px;position:relative;overflow:hidden;border-bottom:1px solid rgba(56,182,255,.35)}.hero__media{position:absolute;inset:0}.hero__media img{width:100%;height:100%;object-fit:cover;object-position:center}.hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,8,15,.98) 0%,rgba(1,8,15,.92) 24%,rgba(1,8,15,.6) 46%,rgba(1,8,15,.12) 72%,rgba(1,8,15,.1) 100%),linear-gradient(180deg,rgba(1,7,13,.28),rgba(1,7,13,.16) 60%,rgba(1,7,13,.72))}.hero__particles{position:absolute;inset:0;width:100%;height:100%;opacity:.7}.hero__content{position:relative;z-index:4;padding-top:120px}.eyebrow{font-size:14px;font-weight:900;letter-spacing:.25em;color:#6be2ff;display:flex;align-items:center;gap:11px}.eyebrow span{width:34px;height:2px;background:var(--blue);box-shadow:0 0 9px var(--blue)}.hero h1{font-size:clamp(48px,5vw,86px);line-height:.96;margin:18px 0 18px;letter-spacing:-.04em;text-shadow:0 6px 30px rgba(0,0,0,.5)}.hero h1 .blue{color:#3dd6ff}.hero h1 .orange{color:#ff7d22}.hero p{font-size:19px;line-height:1.55;color:#e7f0f6;max-width:640px;font-weight:600;text-shadow:0 2px 16px #000}.hero__actions{display:flex;gap:16px;margin:28px 0 30px}.hero__trust{display:flex;gap:38px}.hero__trust>div{display:flex;gap:10px;align-items:center}.trustmark{width:38px;height:38px;border:1px solid #35cbff;border-radius:10px;display:grid;place-items:center;color:#5ee5ff;box-shadow:inset 0 0 18px rgba(0,176,255,.16),0 0 18px rgba(0,150,255,.14)}.hero__trust small{font-weight:800;color:#d9e7ef;line-height:1.25}.hero__edge{position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--blue),var(--orange),transparent);box-shadow:0 0 18px var(--blue)}.airflow{position:absolute;border:2px solid rgba(59,211,255,.6);border-color:rgba(59,211,255,.65) transparent transparent transparent;border-radius:50%;filter:drop-shadow(0 0 10px #16beff);z-index:2;opacity:.45;animation:drift 8s ease-in-out infinite}.airflow--one{width:740px;height:260px;left:18%;top:25%;transform:rotate(8deg)}.airflow--two{width:620px;height:220px;left:26%;top:34%;transform:rotate(-4deg);animation-delay:-3s}@keyframes drift{50%{transform:translateX(70px) rotate(3deg);opacity:.75}}
.ticker{height:48px;background:linear-gradient(90deg,#03111d,#061f33,#03111d);border-bottom:1px solid rgba(72,190,255,.2);overflow:hidden}.ticker__track{display:flex;align-items:center;gap:30px;width:max-content;height:100%;animation:ticker 28s linear infinite;color:#86e5ff;font-size:12px;font-weight:900;letter-spacing:.17em}.ticker__track b{color:#ff8b2a}@keyframes ticker{to{transform:translateX(-50%)}}
.services{padding:88px 0 74px;position:relative}.services:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 80%,rgba(0,132,255,.12),transparent 32%),radial-gradient(circle at 84% 24%,rgba(255,112,0,.06),transparent 28%);pointer-events:none}.section-head{position:relative;z-index:2}.section-head.center{text-align:center;max-width:760px;margin:0 auto 42px}.section-head span,.kicker,.solutions__intro>span,.contact__copy>span,.areas__content span{font-size:11px;font-weight:900;letter-spacing:.24em;color:#61dcff}.section-head h2,.why h2,.solutions h2,.contact h2{font-size:clamp(34px,3.5vw,58px);margin:7px 0 10px;letter-spacing:-.035em}.section-head p{color:var(--muted);font-size:16px;line-height:1.65}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;position:relative;z-index:2}.service-card{min-height:285px;padding:20px 16px;border-radius:16px;text-align:center;background:linear-gradient(180deg,rgba(10,35,53,.92),rgba(4,16,28,.95));border:1px solid rgba(95,211,255,.38);box-shadow:0 8px 36px rgba(0,0,0,.38),inset 0 0 28px rgba(0,150,255,.05);position:relative;overflow:hidden;transform-style:preserve-3d}.service-card:before{content:"";pointer-events:none;position:absolute;inset:-80% -40%;background:linear-gradient(115deg,transparent 35%,rgba(86,220,255,.18) 50%,transparent 65%);transform:translateX(-50%) rotate(10deg);transition:.7s}.service-card:hover:before{transform:translateX(50%) rotate(10deg)}.service-card:hover{border-color:#50d9ff;box-shadow:0 10px 40px rgba(0,111,255,.22),0 0 28px rgba(0,188,255,.16)}.icon-halo{height:108px;display:grid;place-items:center;position:relative}.icon-halo:before{content:"";position:absolute;width:86px;height:86px;border-radius:50%;background:radial-gradient(circle,rgba(0,177,255,.28),transparent 68%);filter:blur(5px);animation:pulseGlow 2.6s ease-in-out infinite}.orange-halo:before{background:radial-gradient(circle,rgba(255,119,16,.36),transparent 68%)}.icon-halo img{width:92px;height:92px;object-fit:contain;position:relative;filter:drop-shadow(0 0 14px rgba(61,211,255,.48))}.service-card h3{font-size:18px;margin:8px 0}.service-card p{font-size:13px;color:#c4d1da;line-height:1.48;min-height:58px}.service-card{cursor:pointer;color:inherit;text-decoration:none}.service-learn{font-size:12px;color:#5bdcff;font-weight:900;position:relative;z-index:3}.service-learn b{display:inline-block;margin-left:3px;transition:transform .2s}.service-card:hover .service-learn b{transform:translateX(5px)}@keyframes pulseGlow{50%{transform:scale(1.14);opacity:.65}}
.why{padding:0 0 62px}.why__grid{min-height:430px;display:grid;grid-template-columns:1.05fr 1.15fr 1.5fr;align-items:stretch;border-top:1px solid rgba(69,201,255,.18);border-bottom:1px solid rgba(69,201,255,.18);background:linear-gradient(90deg,rgba(4,17,29,.98),rgba(6,25,41,.85));overflow:hidden}.why__copy{padding:58px 30px}.why__copy h2{color:#58d6ff;margin-bottom:2px}.why__copy h3{font-size:20px;margin:0 0 14px}.why__copy p{color:#b9c7d0;line-height:1.65;margin-bottom:24px}.stat-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:center;padding:40px 16px}.stat{height:142px;border:1px solid rgba(78,210,255,.26);border-radius:15px;background:linear-gradient(180deg,rgba(12,44,67,.8),rgba(6,22,36,.92));display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 24px rgba(0,145,255,.06)}.stat img{width:54px;height:54px;object-fit:contain}.stat strong{font-size:18px;margin-top:3px}.stat span{font-size:12px;color:#c7d3dc}.why__image{margin:0;position:relative;overflow:hidden;min-height:430px}.why__image>img{width:100%;height:100%;object-fit:cover}.why__image:after,.image-fx:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 38%,rgba(255,255,255,.22) 50%,transparent 62%);transform:translateX(-130%);transition:1s}.why__image:hover:after,.image-fx:hover:after{transform:translateX(130%)}.why__image figcaption{position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:12px;line-height:1.45;font-weight:900;text-align:right;letter-spacing:.14em;color:white;text-shadow:0 2px 12px #000}
.solutions{padding:30px 0 72px}.solutions__grid{display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:14px;align-items:stretch}.solutions__intro{padding:24px 20px 24px 0}.solutions__intro p{color:#b9c6d0;line-height:1.6;font-size:14px;margin-bottom:22px}.photo-card{position:relative;min-height:300px;border-radius:14px;overflow:hidden;border:1px solid rgba(124,219,255,.52);box-shadow:var(--shadow)}.photo-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s,filter .7s}.photo-card:hover img{transform:scale(1.07);filter:saturate(1.2) contrast(1.04)}.photo-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(1,8,15,.92));z-index:1}.photo-card div{position:absolute;z-index:2;bottom:15px;left:16px}.photo-card div b,.photo-card div span{display:block;font-size:11px}.photo-card div b{color:white}.photo-card div span{color:#6cdcff;margin-top:3px}
.feature-band{padding:0 0 62px}.feature-band__grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(83,209,255,.25);border-radius:16px;overflow:hidden}.feature-box{min-height:220px;padding:28px;display:grid;grid-template-columns:88px 1fr;gap:18px;align-items:center;background:radial-gradient(circle at 20% 80%,rgba(0,136,255,.2),transparent 45%),linear-gradient(180deg,#06192a,#04111d);border-right:1px solid rgba(79,203,255,.24)}.feature-box:last-child{border-right:0}.feature-box img{width:82px}.big-symbol{font-size:58px;color:#57d9ff;text-shadow:0 0 24px #1ebfff}.feature-box--orange{background:radial-gradient(circle at 80% 70%,rgba(255,92,0,.28),transparent 45%),linear-gradient(180deg,#0c1620,#070c12)}.feature-box--orange .big-symbol{color:#ff6930;text-shadow:0 0 24px #ff5a20}.feature-box span{font-size:10px;letter-spacing:.16em;color:#65dcff;font-weight:900}.feature-box h3{font-size:24px;margin:6px 0}.feature-box p{font-size:12px;line-height:1.55;color:#b9c8d1}.feature-box a{font-size:12px;color:#70dfff;font-weight:800}
.testimonials{padding:24px 0 62px}.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.review{display:flex;gap:16px;padding:20px;border-radius:15px;background:linear-gradient(180deg,rgba(13,38,56,.9),rgba(5,17,28,.96));border:1px solid rgba(117,215,255,.22);box-shadow:0 12px 34px rgba(0,0,0,.34)}.avatar{width:52px;height:52px;border-radius:50%;flex:0 0 52px;background:linear-gradient(135deg,#3fd6ff,#1e4d7a);display:grid;place-items:center;font-weight:900;border:2px solid #8be8ff}.stars{color:#ff9a20;letter-spacing:.1em}.review p{font-size:13px;line-height:1.45;color:#d6e1e8;margin:6px 0}.review strong,.review small{display:block;font-size:11px}.review small{color:#96acba}
.areas{min-height:240px;position:relative;overflow:hidden;padding:34px 0}.areas>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 62%;filter:saturate(1.15)}.areas__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,10,18,.9),rgba(2,10,18,.62),rgba(17,14,7,.22))}.areas__content{position:relative;display:grid;grid-template-columns:1.1fr 2fr 1fr;align-items:center;gap:20px}.areas__intro h2{font-size:30px;margin:4px 0}.areas__list{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.area-pill{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:999px;background:linear-gradient(180deg,rgba(26,45,65,.82),rgba(17,26,45,.84));border:1px solid rgba(126,191,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 24px rgba(0,0,0,.18);font-weight:800;font-size:14px;color:#e6f3ff;backdrop-filter:blur(8px)}.areas__meta{display:flex;flex-direction:column;align-items:flex-end;gap:14px}.areas__meta p{text-align:right;font-size:13px;color:#d9e8ef;line-height:1.55}.areas__meta b{color:#f59a2d}
.contact{padding:62px 0}.contact__grid{display:grid;grid-template-columns:1.2fr 1fr 1.15fr;gap:20px;align-items:stretch}.contact__copy{padding-right:20px}.contact__copy p{color:#b7c6cf;line-height:1.6}.contact__mini{display:flex;gap:22px;margin-top:26px;flex-wrap:wrap}.contact__mini>span{display:grid;grid-template-columns:20px auto;grid-template-rows:18px 15px;gap:0 6px;font-size:17px;color:#58d8ff}.contact__mini b{font-size:11px;color:white}.contact__mini small{font-size:9px;color:#82a0b2}.estimate{padding:20px;border:1px solid rgba(98,212,255,.35);border-radius:16px;background:linear-gradient(180deg,rgba(11,41,63,.88),rgba(5,20,33,.96));box-shadow:0 18px 50px rgba(0,0,0,.38),inset 0 0 30px rgba(0,134,255,.06)}.estimate input,.estimate select{width:100%;height:48px;border-radius:8px;border:1px solid rgba(95,203,255,.28);background:#0b2a42;color:#dff6ff;padding:0 14px;outline:none;margin-bottom:10px}.estimate input:focus,.estimate select:focus{border-color:#55d8ff;box-shadow:0 0 0 3px rgba(53,198,255,.09)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-message{display:none;font-size:11px;color:#76e6ff;margin-top:10px}.form-message.show{display:block}.contact__visual{position:relative;overflow:hidden;border-radius:14px;border:1px solid rgba(94,211,255,.3)}.contact__visual>img{width:100%;height:100%;object-fit:cover}.contact__visual:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 35%,rgba(2,10,17,.78) 70%);z-index:1}.contact__visual ul{position:absolute;right:14px;top:18px;z-index:2;list-style:none;margin:0;padding:0;font-size:9px;line-height:2;color:#dbf4ff}.contact__visual ul li:before{content:"✓";color:#40ddff;margin-right:7px}.contact__visual em{position:absolute;z-index:2;right:22px;bottom:22px;font-family:cursive;font-size:31px;line-height:.85;color:white;transform:rotate(-7deg);text-shadow:0 0 16px #10aefc}
.footer{padding:46px 0 20px;border-top:1px solid rgba(84,204,255,.18);background:radial-gradient(circle at 82% 10%,rgba(0,145,255,.1),transparent 30%),#020811}.footer__grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:40px}.footer-logo{width:190px}.footer h4{margin:0 0 12px;font-size:13px}.footer a,.footer p{display:block;font-size:11px;color:#aebfca;line-height:1.8;margin:0}.footer .accent{color:#4fdcff;font-size:11px}.footer__bottom{border-top:1px solid rgba(97,203,255,.12);margin-top:28px;padding-top:18px;display:flex;justify-content:space-between;color:#758d9e;font-size:10px}.floating-call{position:fixed;right:22px;bottom:22px;width:56px;height:56px;border-radius:50%;z-index:999;background:linear-gradient(135deg,#ff6d18,#ff9e16);display:grid;place-items:center;font-size:24px;box-shadow:0 0 25px rgba(255,112,19,.7),0 12px 25px rgba(0,0,0,.3);animation:floatCall 2.8s ease-in-out infinite}@keyframes floatCall{50%{transform:translateY(-7px)}}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.is-visible{opacity:1;transform:none}.image-fx{position:relative}
@media (max-width:1200px){.service-grid{grid-template-columns:repeat(3,1fr)}.solutions__grid{grid-template-columns:1.1fr repeat(2,1fr)}.solutions__intro{grid-row:span 2}.why__grid{grid-template-columns:1fr 1.2fr}.why__image{grid-column:1/-1;height:380px}.contact__grid{grid-template-columns:1fr 1fr}.contact__visual{grid-column:1/-1;height:330px}.navlinks{gap:20px}.navlinks a{font-size:12px}.btn--nav{display:none}}
@media (max-width:840px){.topline{display:none}.header{position:fixed;left:0;right:0}.nav{min-height:62px}.brand-lockup{width:146px;align-items:center;padding:0}.logo{width:126px}.navlinks{position:absolute;left:4vw;right:4vw;top:74px;display:none;flex-direction:column;align-items:stretch;padding:18px;background:rgba(3,15,26,.97);border:1px solid rgba(86,214,255,.25);border-radius:14px;box-shadow:var(--shadow)}.navlinks.open{display:flex}.menu{display:block}.hero{min-height:760px;height:100vh}.hero__content{padding-top:190px}.hero h1{font-size:52px}.hero__shade{background:linear-gradient(90deg,rgba(1,8,15,.9),rgba(1,8,15,.4)),linear-gradient(180deg,rgba(1,8,15,.24),rgba(1,8,15,.8))}.hero__trust{gap:15px;flex-wrap:wrap}.service-grid{grid-template-columns:1fr 1fr}.why__grid,.solutions__grid,.feature-band__grid,.reviews,.contact__grid,.footer__grid{grid-template-columns:1fr}.why__image{grid-column:auto}.feature-box{border-right:0;border-bottom:1px solid rgba(79,203,255,.24)}.areas{min-height:320px}.areas__content{grid-template-columns:1fr;text-align:center;padding:28px 0}.areas__list{justify-content:center}.areas__meta{align-items:center}.areas__meta p{text-align:center;margin:0}.contact__visual{grid-column:auto}.footer__bottom{gap:10px;flex-direction:column}.pointer-glow{display:none}}
@media (max-width:560px){.container{width:min(94vw,520px)}.hero h1{font-size:43px}.hero p{font-size:16px}.hero__actions{flex-direction:column;align-items:flex-start}.hero__trust{display:grid;grid-template-columns:1fr 1fr}.service-grid{grid-template-columns:1fr}.service-card{min-height:250px}.solutions__grid{grid-template-columns:1fr}.solutions__intro{grid-row:auto}.photo-card{min-height:330px}.feature-box{grid-template-columns:68px 1fr;padding:22px 16px}.form-row{grid-template-columns:1fr}.contact__mini{flex-direction:column}.floating-call{width:50px;height:50px}.areas{min-height:360px}}

/* v2.7 compact premium header */
.header .container{width:min(1320px,94vw)}
.topline__inner{height:28px}
.top-phone{grid-template-columns:22px auto;grid-template-rows:14px 9px;column-gap:6px}
.top-phone .phone-orb{font-size:14px}
.top-phone strong{font-size:10.5px}
.top-phone small{font-size:6.5px}
.nav{min-height:62px;gap:18px}
.brand-lockup{width:126px;margin-right:auto;padding:0}
.logo{width:110px;height:62px;display:grid;place-items:center;overflow:visible}
.logo img{width:auto;height:58px;max-width:110px;object-fit:contain;filter:drop-shadow(0 5px 14px rgba(0,132,255,.18))}
.navlinks{gap:21px}
.navlinks a{font-size:12px}
.navlinks a:after{bottom:-8px}
.btn--nav{padding:8px 14px;font-size:12px;border-radius:10px}
@media (max-width:1200px){.header .container{width:min(1100px,94vw)}}
@media (max-width:840px){.nav{min-height:58px}.brand-lockup{width:114px}.logo{width:100px;height:56px}.logo img{height:52px;max-width:100px}.navlinks{top:68px}}

/* v2.8 — Premium animated header logo */
.header .logo{
  position:relative;
  isolation:isolate;
  perspective:700px;
}
.header .logo::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:50%;
  top:50%;
  width:128%;
  height:82%;
  transform:translate(-50%,-48%) scale(.92);
  border-radius:50%;
  background:
    radial-gradient(circle at 30% 52%,rgba(26,196,255,.30),transparent 42%),
    radial-gradient(circle at 72% 46%,rgba(255,126,24,.22),transparent 38%);
  filter:blur(13px);
  opacity:.55;
  animation:logoAura 3.8s ease-in-out infinite;
  pointer-events:none;
}
.header .logo::after{
  content:"";
  position:absolute;
  z-index:3;
  top:-12%;
  left:-42%;
  width:22%;
  height:124%;
  border-radius:50%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.80),rgba(104,224,255,.48),transparent);
  filter:blur(2px);
  transform:skewX(-18deg);
  opacity:0;
  pointer-events:none;
  animation:logoShine 5.2s ease-in-out infinite;
}
.header .logo img{
  position:relative;
  z-index:2;
  transform-origin:center center;
  filter:
    drop-shadow(0 5px 14px rgba(0,132,255,.24))
    drop-shadow(-3px 0 10px rgba(0,202,255,.10))
    drop-shadow(4px 0 10px rgba(255,122,22,.08));
  animation:logoFloat 4.2s ease-in-out infinite;
  transition:transform .35s cubic-bezier(.2,.75,.2,1),filter .35s ease;
  will-change:transform,filter;
}
.header .brand-lockup:hover .logo img{
  transform:translateY(-2px) scale(1.055) rotateX(3deg) rotateY(-3deg);
  filter:
    drop-shadow(0 7px 18px rgba(0,177,255,.38))
    drop-shadow(-4px 0 13px rgba(0,218,255,.20))
    drop-shadow(5px 0 13px rgba(255,124,22,.16));
}
.header .brand-lockup:hover .logo::before{opacity:.9;transform:translate(-50%,-48%) scale(1.03)}

@keyframes logoFloat{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-2px) scale(1.018)}
}
@keyframes logoAura{
  0%,100%{opacity:.42;transform:translate(-50%,-48%) scale(.90)}
  50%{opacity:.72;transform:translate(-50%,-48%) scale(1.04)}
}
@keyframes logoShine{
  0%,63%{left:-42%;opacity:0}
  66%{opacity:.05}
  73%{opacity:.72}
  80%{left:118%;opacity:.08}
  83%,100%{left:118%;opacity:0}
}
@media (prefers-reduced-motion:reduce){
  .header .logo::before,.header .logo::after,.header .logo img{animation:none}
}