
:root{--navy:#041321;--navy2:#071c31;--blue:#0b4f86;--blue2:#1675b6;--gold:#d9c15b;--gold2:#f3df82;--white:#f8fafc;--muted:#adbdcd;--line:rgba(255,255,255,.105);--card:rgba(255,255,255,.055);--shadow:0 25px 80px rgba(0,0,0,.42)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,Arial,sans-serif;background:var(--navy);color:var(--white);line-height:1.65;overflow-x:hidden}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.container{width:min(1200px,92%);margin:auto}
.header{position:fixed;inset:0 0 auto;z-index:1000;height:86px;border-bottom:1px solid transparent;transition:.35s}.header.scrolled{background:rgba(4,19,33,.88);backdrop-filter:blur(20px);border-color:var(--line);box-shadow:0 10px 35px rgba(0,0,0,.16)}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{width:218px;height:auto;display:block}.navlinks{display:flex;align-items:center;gap:28px;font-size:.9rem}.navlinks a{color:#dce5ee;position:relative}.navlinks a:after{content:"";position:absolute;left:0;right:100%;height:1px;bottom:-8px;background:var(--gold2);transition:.25s}.navlinks a:hover:after,.navlinks a.active:after{right:0}.navlinks a:hover,.navlinks a.active{color:var(--gold2)}.navcta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 21px;border-radius:999px;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#111b26;font-weight:900;box-shadow:0 12px 35px rgba(217,193,91,.14);transition:.25s}.navcta:hover,.btn:hover{transform:translateY(-3px);box-shadow:0 20px 45px rgba(217,193,91,.23)}.outline{background:rgba(255,255,255,.025);color:#fff;border:1px solid var(--line);box-shadow:none}.menu{display:none;background:transparent;border:1px solid var(--line);color:#fff;border-radius:11px;padding:8px 12px}
.hero{min-height:100vh;padding:150px 0 70px;position:relative;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 84% 22%,rgba(22,117,182,.32),transparent 27%),linear-gradient(135deg,#03101c,#09233b 58%,#061426)}.hero:before{content:"";position:absolute;width:850px;height:850px;border:1px solid rgba(217,193,91,.13);border-radius:50%;right:-470px;top:-360px;box-shadow:0 0 0 90px rgba(217,193,91,.025),0 0 0 180px rgba(217,193,91,.018),0 0 0 270px rgba(217,193,91,.012)}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:55px;align-items:center;position:relative;z-index:2}.kicker{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:900;color:var(--gold2)}.kicker:before{content:"";display:inline-block;width:30px;height:1px;background:var(--gold);vertical-align:middle;margin-right:10px}.hero h1{font-size:clamp(3.2rem,6.6vw,6.8rem);line-height:.91;letter-spacing:-.065em;margin:17px 0 28px}.hero h1 span{color:var(--gold2)}.hero-copy{max-width:700px;color:#bdcbd9;font-size:1.08rem}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.hero-visual{height:540px;position:relative}.hero-frame{position:absolute;inset:25px 0 0 30px;border:1px solid rgba(255,255,255,.11);border-radius:34px;background:rgba(255,255,255,.035);overflow:hidden;box-shadow:var(--shadow);transform:rotate(2deg)}.hero-frame img{width:100%;height:100%;object-fit:cover;opacity:.72}.hero-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(4,19,33,.18),rgba(4,19,33,.75))}.floating-card{position:absolute;z-index:3;bottom:20px;left:0;width:270px;padding:21px;border:1px solid rgba(217,193,91,.28);background:rgba(5,18,31,.88);backdrop-filter:blur(15px);border-radius:22px;box-shadow:var(--shadow);animation:float 4.5s ease-in-out infinite}.floating-card b{font-size:1.5rem;color:var(--gold2)}.floating-card span{display:block;color:var(--muted);font-size:.78rem;margin-top:4px}@keyframes float{50%{transform:translateY(-13px)}}.scrollhint{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);font-size:.68rem;text-transform:uppercase;letter-spacing:.2em;color:#7f91a5}.scrollhint span{display:block;width:1px;height:35px;background:linear-gradient(var(--gold),transparent);margin:8px auto 0}
.band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#061a2e}.stats{display:grid;grid-template-columns:repeat(4,1fr)}.stat{text-align:center;padding:31px 10px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat b{display:block;font-size:2rem;color:var(--gold2);line-height:1.1}.stat span{color:var(--muted);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}
.section{padding:105px 0;position:relative}.section.dark{background:#061a2e}.sectionhead{max-width:790px;margin-bottom:48px}.sectionhead h2{font-size:clamp(2.3rem,4vw,4.1rem);line-height:1.02;letter-spacing:-.035em;margin:14px 0}.sectionhead p{color:var(--muted);font-size:1.03rem}
.slider-wrap{position:relative}.slider{display:flex;gap:18px;overflow:hidden;scroll-behavior:smooth}.slide{min-width:calc((100% - 36px)/3);position:relative;height:390px;border-radius:27px;overflow:hidden;border:1px solid var(--line);background:#071426}.slide img{width:100%;height:100%;object-fit:cover;transition:.6s}.slide:hover img{transform:scale(1.07)}.slide:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(2,10,18,.9))}.slide-content{position:absolute;z-index:2;left:25px;right:25px;bottom:23px}.slide-content small{color:var(--gold2);text-transform:uppercase;letter-spacing:.14em}.slide-content h3{font-size:1.65rem;margin-top:6px}.slide-content p{color:#c2ceda;font-size:.86rem}.slider-btns{display:flex;gap:9px;justify-content:flex-end;margin-top:18px}.slider-btn{width:44px;height:44px;border:1px solid var(--line);background:var(--card);color:#fff;border-radius:50%;cursor:pointer}.slider-btn:hover{border-color:var(--gold);color:var(--gold2)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:27px;border:1px solid var(--line);border-radius:22px;background:var(--card);transition:.3s;position:relative;overflow:hidden}.card:hover{transform:translateY(-7px);border-color:rgba(217,193,91,.42);box-shadow:var(--shadow)}.icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(217,193,91,.2);background:rgba(217,193,91,.08);color:var(--gold2);border-radius:14px;font-weight:900;margin-bottom:18px}.card h3{margin-bottom:8px}.card p{color:var(--muted);font-size:.91rem}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.visual{height:500px;border-radius:32px;border:1px solid var(--line);position:relative;overflow:hidden;background:linear-gradient(145deg,#082642,#061426);box-shadow:var(--shadow)}.visual img{width:100%;height:100%;object-fit:cover;opacity:.7}.visual:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(4,19,33,.05),rgba(4,19,33,.78))}.visual-text{position:absolute;z-index:2;left:30px;bottom:28px}.visual-text strong{display:block;font-size:2.5rem;line-height:1}.visual-text span{color:var(--gold2)}.checks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.check{padding:15px;border:1px solid var(--line);border-radius:14px;color:#d9e2eb;background:rgba(255,255,255,.035)}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{padding:25px;border:1px solid var(--line);border-radius:20px;background:var(--card)}.step span{color:var(--gold2);font-size:.72rem;font-weight:900;letter-spacing:.13em}.step h3{margin:12px 0 7px}.step p{color:var(--muted);font-size:.88rem}
.pagehero{padding:160px 0 80px;background:radial-gradient(circle at 82% 20%,rgba(22,117,182,.3),transparent 30%),linear-gradient(135deg,#03101c,#09233b)}.pagehero h1{font-size:clamp(3rem,6vw,5.8rem);line-height:.95;letter-spacing:-.05em;margin:15px 0}.pagehero p{color:var(--muted);max-width:760px}.service-row{display:grid;grid-template-columns:80px 1fr;gap:25px;padding:34px 0;border-bottom:1px solid var(--line)}.service-number{color:var(--gold2);font-weight:900;font-size:1.25rem}.service-row h2{font-size:1.7rem}.service-row p{color:var(--muted);margin:6px 0 12px}.service-row ul{display:grid;grid-template-columns:repeat(2,1fr);gap:5px 25px;padding-left:18px;color:#c5d0dc;font-size:.86rem}
.cta{margin:20px auto 95px;padding:58px;border-radius:32px;border:1px solid rgba(217,193,91,.25);background:radial-gradient(circle at 90% 10%,rgba(22,117,182,.35),transparent 34%),linear-gradient(135deg,#092743,#071527);display:flex;justify-content:space-between;align-items:center;gap:25px}.cta h2{font-size:clamp(2rem,4vw,3.7rem);line-height:1;margin-top:12px}.cta p{color:var(--muted);margin-top:10px;max-width:680px}
.contactgrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px}.contactbox{padding:32px;border:1px solid var(--line);border-radius:24px;background:var(--card)}.contactbox h3{font-size:2rem}.contactbox p{color:var(--muted);margin-top:8px}.contactbox a{color:var(--gold2)}.form{display:grid;gap:13px;margin-top:20px}.form input,.form textarea,.form select{width:100%;padding:14px 15px;background:#071a2d;border:1px solid var(--line);border-radius:12px;color:#fff;outline:none}.form textarea{min-height:150px;resize:vertical}
.legal{max-width:900px}.legal h2{font-size:1.5rem;margin:35px 0 8px}.legal p,.legal li{color:var(--muted)}.legal ul{padding-left:20px}
footer{background:#030d18;border-top:1px solid var(--line);padding:58px 0 23px}.footergrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}.footerlogo{width:218px;margin-bottom:15px}.footergrid h4{margin-bottom:13px}.footergrid p,.footergrid a{color:#9aaabd;font-size:.87rem}.footergrid a{display:block;margin:7px 0}.footergrid a:hover{color:var(--gold2)}.copyright{border-top:1px solid var(--line);margin-top:38px;padding-top:18px;display:flex;justify-content:space-between;color:#708095;font-size:.75rem}
.reveal{opacity:0;transform:translateY(22px);transition:.75s}.reveal.show{opacity:1;transform:none}.delay1{transition-delay:.12s}.delay2{transition-delay:.24s}.delay3{transition-delay:.36s}.pulse{animation:pulse 2.8s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 12px rgba(217,193,91,.03),0 0 50px rgba(22,117,182,.16)}}
@media(max-width:950px){.navlinks{display:none;position:absolute;top:86px;left:4%;right:4%;padding:18px;background:#06182a;border:1px solid var(--line);border-radius:18px;flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.menu{display:block}.navcta{display:none}.hero-grid,.split,.contactgrid{grid-template-columns:1fr}.hero-visual{height:440px}.grid3{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr 1fr}.slide{min-width:calc((100% - 18px)/2)}.footergrid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.logo{width:175px}.hero{padding-top:125px}.hero h1{font-size:3.2rem}.hero-visual{height:360px}.stats{grid-template-columns:1fr 1fr}.stat{padding:23px 5px;border-bottom:1px solid var(--line)}.stat:nth-child(2){border-right:0}.stat:nth-child(3),.stat:nth-child(4){border-bottom:0}.section{padding:75px 0}.grid3,.process,.checks,.footergrid{grid-template-columns:1fr}.slide{min-width:100%;height:350px}.service-row{grid-template-columns:45px 1fr}.service-row ul{grid-template-columns:1fr}.cta{display:block;padding:37px 25px}.cta .btn{margin-top:22px}.copyright{display:block}.copyright span{display:block;margin-top:5px}}

/* V2 visual fixes and polish */
.header{background:rgba(10,30,50,.94);box-shadow:0 8px 30px rgba(0,0,0,.14)}
.header:not(.scrolled){background:rgba(10,30,50,.92)}
.logo{width:245px;max-height:76px;object-fit:contain;object-position:left center;filter:drop-shadow(0 4px 12px rgba(0,0,0,.25))}
.hero-frame,.visual{background:#081d31}
.hero-frame img,.visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-frame:after,.visual:after{pointer-events:none}
.slider{overflow-x:auto;scrollbar-width:none;padding:5px 2px 10px}
.slider::-webkit-scrollbar{display:none}
.slide{overflow:hidden;background:#071426}
.slide img{display:block;object-fit:cover;object-position:center}
.slide-content{bottom:22px;text-shadow:0 2px 15px rgba(0,0,0,.65)}
.slide-content h3{max-width:90%}
.event-showcase{position:relative;height:570px;border-radius:34px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:#071426}
.event-showcase img{width:100%;height:100%;object-fit:cover;display:block}
.event-showcase:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,16,28,.08),rgba(3,16,28,.78))}
.event-caption{position:absolute;z-index:2;left:32px;bottom:30px}
.event-caption .kicker{margin-bottom:10px}
.event-caption h3{font-size:2.2rem;line-height:1.05}
.showcase-badge{position:absolute;z-index:3;top:22px;right:22px;padding:9px 13px;border-radius:999px;background:rgba(4,19,33,.82);border:1px solid rgba(217,193,91,.3);color:var(--gold2);font-size:.7rem;letter-spacing:.13em;text-transform:uppercase}
.footergrid{align-items:start}
.footergrid>div{min-width:0}
.footergrid .footerlogo{display:block;max-width:240px;height:auto;object-fit:contain}
.footergrid a{white-space:normal}
@media(max-width:950px){.logo{width:210px}.event-showcase{height:430px}}
@media(max-width:620px){.logo{width:190px}.hero-frame{inset:10px 0 0}.floating-card{width:235px}.event-showcase{height:360px}.event-caption{left:22px;bottom:20px}.event-caption h3{font-size:1.6rem}}

/* V3 premium design system */
.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:7px 11px;border:1px solid rgba(217,193,91,.22);border-radius:999px;background:rgba(217,193,91,.055);color:var(--gold2);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-weight:900}
.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold2);box-shadow:0 0 15px rgba(243,223,130,.6)}
.mega-title{font-size:clamp(3rem,6vw,6.2rem);line-height:.92;letter-spacing:-.06em;max-width:1050px}
.mega-title em{font-style:normal;color:var(--gold2)}
.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#071b2e}
.marquee-track{display:flex;width:max-content;animation:marquee 28s linear infinite}
.marquee span{padding:18px 28px;color:#b6c5d4;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;white-space:nowrap}
.marquee strong{color:var(--gold2)}
@keyframes marquee{to{transform:translateX(-50%)}}
.case-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
.case-card{min-height:380px;border:1px solid var(--line);border-radius:26px;overflow:hidden;position:relative;background:#071426}
.case-card.tall{min-height:600px}
.case-card img{width:100%;height:100%;object-fit:cover;display:block;transition:.65s}
.case-card:hover img{transform:scale(1.045)}
.case-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(2,9,17,.92))}
.case-info{position:absolute;z-index:2;left:28px;right:28px;bottom:25px}
.case-info small{color:var(--gold2);letter-spacing:.14em;text-transform:uppercase;font-weight:800}
.case-info h3{font-size:1.9rem;line-height:1.05;margin:7px 0}
.case-info p{color:#bfccd8;font-size:.86rem}
.page-intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:55px;align-items:end}
.page-intro-grid p{color:var(--muted);font-size:1.04rem}
.timeline{position:relative;margin-top:20px}
.timeline:before{content:"";position:absolute;left:26px;top:0;bottom:0;width:1px;background:linear-gradient(var(--gold),rgba(217,193,91,.05))}
.timeline-item{display:grid;grid-template-columns:54px 1fr;gap:25px;padding:0 0 42px;position:relative}
.timeline-dot{width:53px;height:53px;border-radius:50%;border:1px solid rgba(217,193,91,.35);background:#071a2c;color:var(--gold2);display:grid;place-items:center;font-weight:900;position:relative;z-index:2}
.timeline-item h3{font-size:1.55rem;margin:5px 0}.timeline-item p{color:var(--muted);max-width:720px}
.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px}.metric{padding:23px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035)}.metric b{display:block;color:var(--gold2);font-size:1.7rem}.metric span{color:var(--muted);font-size:.8rem}
.quote{font-size:clamp(1.7rem,3vw,3rem);line-height:1.12;letter-spacing:-.025em;max-width:900px}.quote span{color:var(--gold2)}
.logo-lockup{display:flex;align-items:center;gap:15px}.logo-lockup img{width:72px}.logo-lockup div{border-left:1px solid var(--line);padding-left:15px}.logo-lockup strong{display:block;font-size:.95rem}.logo-lockup small{color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.12em}
@media(max-width:950px){.case-grid,.page-intro-grid{grid-template-columns:1fr}.case-card.tall{min-height:430px}.metric-row{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.case-card,.case-card.tall{min-height:340px}.metric-row{grid-template-columns:1fr}.timeline-item{grid-template-columns:48px 1fr;gap:18px}.timeline:before{left:24px}.timeline-dot{width:48px;height:48px}.mega-title{font-size:3rem}}

/* V4 — premium hero redesign */
.hero-v4{min-height:calc(100vh - 86px);padding:115px 0 72px;background:
 radial-gradient(circle at 74% 34%,rgba(22,117,182,.25),transparent 28%),
 linear-gradient(135deg,#03111e 0%,#071e34 56%,#0a3554 100%);overflow:hidden}
.hero-v4:before{display:none}
.hero-v4-grid{display:grid;grid-template-columns:minmax(0,.98fr) minmax(440px,.9fr);gap:55px;align-items:center;position:relative;z-index:3}
.hero-v4-copy{position:relative;z-index:4}
.hero-v4 h1{font-size:clamp(3.7rem,6.5vw,7rem);line-height:.88;letter-spacing:-.068em;margin:20px 0 25px;max-width:780px}
.hero-v4 h1 em{font-style:normal;color:var(--gold2)}
.hero-v4-lead{max-width:650px;color:#bdcad7;font-size:1.08rem;line-height:1.72}
.hero-v4-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:23px}
.hero-v4-tags span{padding:8px 12px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(255,255,255,.035);color:#cbd6e1;font-size:.72rem}
.hero-v4-actions{align-items:center;margin-top:28px}
.text-link{color:#eef3f8;font-weight:800;font-size:.9rem;padding:11px 4px}
.text-link span{color:var(--gold2);margin-left:8px;transition:.25s}
.text-link:hover span{margin-left:13px}
.hero-v4-proof{display:flex;align-items:center;gap:19px;margin-top:42px}
.hero-v4-proof div{display:flex;flex-direction:column}
.hero-v4-proof b{color:var(--gold2);font-size:1.12rem;line-height:1}
.hero-v4-proof span{color:#8294a8;font-size:.67rem;text-transform:uppercase;letter-spacing:.12em;margin-top:5px}
.hero-v4-proof i{height:30px;width:1px;background:var(--line)}
.hero-v4-art{height:620px;position:relative;display:flex;align-items:center;justify-content:center}
.hero-art-backdrop{position:absolute;width:570px;height:570px;border-radius:50%;border:1px solid rgba(217,193,91,.12);box-shadow:0 0 0 75px rgba(217,193,91,.025),0 0 0 150px rgba(217,193,91,.018);animation:heroPulse 7s ease-in-out infinite}
.hero-art-frame{position:relative;width:min(600px,100%);height:540px;border-radius:34px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.035);box-shadow:0 35px 90px rgba(0,0,0,.45);transform:rotate(2.2deg);transition:.5s}
.hero-art-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(4,19,33,.02),rgba(4,19,33,.34));pointer-events:none}
.hero-art-frame img{width:100%;height:100%;object-fit:cover;display:block}
.hero-v4-art:hover .hero-art-frame{transform:rotate(0deg) translateY(-6px)}
.hero-float{position:absolute;z-index:5;border:1px solid rgba(217,193,91,.3);background:rgba(5,18,31,.9);backdrop-filter:blur(15px);box-shadow:0 20px 50px rgba(0,0,0,.3);border-radius:16px}
.hero-float-top{top:76px;left:-10px;padding:11px 16px;color:#d4dee8;font-size:.68rem;letter-spacing:.05em}
.hero-float-bottom{right:-5px;bottom:76px;padding:17px 20px;display:flex;flex-direction:column}
.hero-float-bottom strong{font-size:1.35rem;color:var(--gold2);line-height:1.1}
.hero-float-bottom span{font-size:.72rem;color:#9eb0c1;margin-top:4px}
.mini-dot{display:inline-block;width:7px;height:7px;background:var(--gold2);border-radius:50%;margin-right:8px;box-shadow:0 0 12px rgba(243,223,130,.8)}
.hero-orbit{position:absolute;border:1px solid rgba(255,255,255,.055);border-radius:50%;pointer-events:none}
.orbit-a{width:780px;height:780px;right:-420px;top:-230px}
.orbit-b{width:1100px;height:1100px;right:-570px;top:-380px}
.hero-v4-bottom{position:absolute;z-index:4;left:50%;bottom:22px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;color:#718397;font-size:.62rem;letter-spacing:.22em}
.hero-v4-bottom div{height:28px;width:1px;background:linear-gradient(var(--gold),transparent)}
@keyframes heroPulse{50%{transform:scale(1.035);opacity:.72}}
@media(max-width:1050px){.hero-v4-grid{grid-template-columns:1fr;gap:25px}.hero-v4-art{height:480px;max-width:720px;margin:0 auto;width:100%}.hero-v4-copy{text-align:center}.hero-v4-lead{margin:auto}.hero-v4-tags,.hero-v4-actions,.hero-v4-proof{justify-content:center}.hero-float-top{left:5px}.hero-float-bottom{right:5px}}
@media(max-width:620px){.hero-v4{padding:120px 0 60px}.hero-v4 h1{font-size:3.45rem}.hero-v4-art{height:390px}.hero-art-frame{height:360px;border-radius:24px}.hero-art-backdrop{width:350px;height:350px}.hero-float-top{top:20px;left:0;font-size:.6rem}.hero-float-bottom{bottom:5px;right:0}.hero-v4-proof{gap:11px}.hero-v4-proof b{font-size:.95rem}.hero-v4-proof span{font-size:.56rem}.hero-v4-bottom{display:none}}

/* V5 — photo-led hero based on generated campaign artwork */
.hero-photo-v5{
  min-height:calc(100vh - 86px);
  padding:105px 0 72px;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 42%,rgba(22,117,182,.35),transparent 30%),
    radial-gradient(circle at 18% 75%,rgba(217,193,91,.07),transparent 24%),
    linear-gradient(135deg,#03101c 0%,#061b2f 55%,#0a3658 100%);
}
.hero-photo-v5:before{
  content:"";position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:55px 55px;
  mask-image:linear-gradient(to right,black,transparent 78%);
  pointer-events:none;
}
.hero-v5-grid{
  min-height:650px;
  display:grid;
  grid-template-columns:minmax(470px,.9fr) minmax(560px,1.1fr);
  gap:30px;
  align-items:center;
  position:relative;
  z-index:2;
}
.hero-v5-copy{position:relative;z-index:5}
.hero-v5-copy h1{
  font-size:clamp(3.5rem,6.2vw,6.7rem);
  line-height:.9;
  letter-spacing:-.065em;
  margin:20px 0 25px;
  max-width:760px;
}
.hero-v5-copy h1 span{color:var(--gold2)}
.hero-v5-lead{max-width:690px;color:#c2ceda;font-size:1.04rem;line-height:1.7}
.hero-v5-services{display:flex;gap:8px;flex-wrap:wrap;margin:23px 0 4px}
.hero-v5-services span{
  border:1px solid rgba(255,255,255,.14);
  background:rgba(3,15,27,.42);
  border-radius:999px;
  padding:8px 12px;
  color:#d6e0e9;
  font-size:.7rem;
  backdrop-filter:blur(8px);
}
.hero-v5-stats{
  display:flex;align-items:center;gap:18px;margin-top:35px;
  padding-top:22px;border-top:1px solid rgba(255,255,255,.1);
  max-width:650px;
}
.hero-v5-stats div{display:flex;flex-direction:column}
.hero-v5-stats strong{font-size:1.08rem;color:var(--gold2);line-height:1.1}
.hero-v5-stats small{color:#8ea0b2;font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;margin-top:5px}
.hero-v5-stats i{display:block;width:1px;height:35px;background:rgba(255,255,255,.13)}
.hero-v5-visual{height:640px;position:relative;min-width:0}
.photo-card{
  position:absolute;overflow:hidden;border:1px solid rgba(255,255,255,.15);
  background:#071426;box-shadow:0 35px 80px rgba(0,0,0,.45);
}
.photo-card img{width:100%;height:100%;object-fit:cover;display:block}
.photo-card-main{
  inset:32px 38px 42px 48px;border-radius:35px;transform:rotate(1.8deg);
  transition:.6s;z-index:2;
}
.photo-card-main:hover{transform:rotate(0) translateY(-7px)}
.photo-overlay{position:absolute;inset:0;background:linear-gradient(145deg,rgba(4,19,33,.02),rgba(4,19,33,.48))}
.photo-card-small{z-index:4;border-radius:20px}
.photo-card-small span{
  position:absolute;left:14px;bottom:12px;
  padding:6px 9px;border-radius:999px;background:rgba(3,13,23,.78);
  color:var(--gold2);font-size:.55rem;letter-spacing:.12em
}
.photo-card-one{width:190px;height:145px;left:0;top:38px;transform:rotate(-6deg)}
.photo-card-two{width:235px;height:165px;right:-4px;bottom:55px;transform:rotate(5deg)}
.hero-v5-note{
  position:absolute;z-index:6;right:8px;top:145px;
  display:flex;gap:10px;align-items:center;padding:13px 16px;
  border:1px solid rgba(217,193,91,.3);border-radius:16px;
  background:rgba(4,17,29,.9);backdrop-filter:blur(14px);
  box-shadow:0 18px 45px rgba(0,0,0,.35);
}
.note-dot{width:8px;height:8px;border-radius:50%;background:var(--gold2);box-shadow:0 0 16px rgba(243,223,130,.85)}
.hero-v5-note b{display:block;color:#fff;font-size:.83rem}
.hero-v5-note small{display:block;color:#91a2b4;font-size:.65rem;margin-top:2px}
.hero-v5-arc{
  position:absolute;z-index:1;width:570px;height:570px;border:1px solid rgba(217,193,91,.18);
  border-radius:50%;right:-65px;top:20px;box-shadow:0 0 0 55px rgba(217,193,91,.025),0 0 0 110px rgba(217,193,91,.015);
  animation:photoArc 9s ease-in-out infinite;
}
@keyframes photoArc{50%{transform:rotate(7deg) scale(1.02)}}
.hero-v5-scroll{
  position:absolute;z-index:5;bottom:18px;left:50%;transform:translateX(-50%);
  color:#718397;text-transform:uppercase;letter-spacing:.2em;font-size:.58rem;
  display:flex;flex-direction:column;align-items:center;gap:8px
}
.hero-v5-scroll b{height:30px;width:1px;background:linear-gradient(var(--gold),transparent)}
@media(max-width:1100px){
  .hero-v5-grid{grid-template-columns:1fr;gap:0}
  .hero-v5-copy{text-align:center;padding-top:25px}
  .hero-v5-lead{margin:auto}
  .hero-v5-services,.hero-v5-stats,.hero-v5-copy .actions{justify-content:center}
  .hero-v5-visual{height:520px;max-width:780px;width:100%;margin:0 auto}
}
@media(max-width:650px){
  .hero-photo-v5{padding:100px 0 45px}
  .hero-v5-copy h1{font-size:3.25rem}
  .hero-v5-visual{height:380px}
  .photo-card-main{inset:20px 18px 25px 22px;border-radius:24px}
  .photo-card-one{width:125px;height:95px;left:0;top:10px}
  .photo-card-two{width:145px;height:105px;right:0;bottom:15px}
  .hero-v5-note{right:0;top:75px;padding:10px 12px}
  .hero-v5-stats{gap:9px}
  .hero-v5-stats strong{font-size:.9rem}
  .hero-v5-stats small{font-size:.5rem}
  .hero-v5-scroll{display:none}
}

/* V6 — plain photographic assets */
.visual img,.event-showcase img,.case-card img,.photo-card img{
  object-fit:cover;
  object-position:center;
  filter:saturate(.98) contrast(1.02);
}
.photo-card-main img{object-position:center}
.event-showcase:after{background:linear-gradient(180deg,rgba(3,16,28,.02),rgba(3,16,28,.38))}
.case-card:after{background:linear-gradient(180deg,rgba(2,9,17,.02),rgba(2,9,17,.65))}
.hero-v5-visual .photo-card-small img{filter:saturate(1) contrast(1.03)}
@media(max-width:650px){
  .visual img,.event-showcase img,.case-card img{min-height:100%}
}

/* =========================================================
   FINAL HERO V7 — cinematic photo collage
   ========================================================= */
.hero-final{
  min-height:calc(100vh - 86px);
  position:relative;
  overflow:hidden;
  padding:72px 0 55px;
  background:
    radial-gradient(circle at 78% 44%,rgba(13,91,143,.30),transparent 28%),
    radial-gradient(circle at 20% 60%,rgba(243,211,101,.055),transparent 26%),
    linear-gradient(115deg,#03101d 0%,#061c30 55%,#092f4c 100%);
}
.hero-final:before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.35;
  background-image:
    linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
  background-size:46px 46px;
  mask-image:linear-gradient(90deg,#000 0%,#000 65%,transparent 100%);
  pointer-events:none;
}
.hero-final-grid{
  min-height:700px;
  display:grid;
  grid-template-columns:minmax(480px,.87fr) minmax(580px,1.13fr);
  align-items:center;
  gap:18px;
  position:relative;
  z-index:2;
}
.hero-final-copy{position:relative;z-index:10;padding-top:12px}
.hero-final-copy .eyebrow{
  font-size:.72rem;
  padding:10px 15px;
  letter-spacing:.14em;
  box-shadow:0 0 28px rgba(243,211,101,.05);
}
.hero-final-copy .eyebrow span{
  display:inline-block;
  width:8px;height:8px;border-radius:50%;
  background:var(--gold2);
  box-shadow:0 0 14px rgba(243,211,101,.8);
  margin-right:8px;
}
.hero-final-copy h1{
  margin:25px 0 22px;
  font-size:clamp(4rem,6.5vw,7.2rem);
  line-height:.86;
  letter-spacing:-.07em;
  max-width:790px;
  text-transform:capitalize;
}
.hero-final-copy h1 em{
  font-style:normal;
  color:var(--gold2);
  position:relative;
  display:inline-block;
}
.hero-final-copy h1 em:after{
  content:"";
  position:absolute;
  height:4px;
  width:42%;
  left:2px;
  bottom:-6px;
  background:var(--gold2);
  border-radius:4px;
  transform:rotate(-2deg);
  opacity:.75;
}
.hero-final-lead{
  max-width:680px;
  color:#c4d0db;
  font-size:1.02rem;
  line-height:1.7;
  border-left:3px solid var(--gold2);
  padding-left:19px;
}
.hero-final-services{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  max-width:690px;
  margin-top:28px;
}
.hero-final-services>div{
  min-height:72px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:11px 12px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:15px;
  background:rgba(3,14,26,.48);
  backdrop-filter:blur(9px);
  transition:.3s;
}
.hero-final-services>div:hover{
  transform:translateY(-4px);
  border-color:rgba(243,211,101,.45);
  background:rgba(243,211,101,.07);
}
.hero-final-services b{
  color:var(--gold2);
  font-size:1.35rem;
}
.hero-final-services span{
  color:#d6dfe8;
  font-size:.68rem;
  line-height:1.15;
}
.hero-final-actions{
  display:flex;
  align-items:center;
  gap:13px;
  flex-wrap:wrap;
  margin-top:27px;
}
.hero-main-btn{
  box-shadow:0 12px 34px rgba(243,211,101,.15);
}
.hero-secondary-btn{
  background:rgba(3,15,27,.38)!important;
}
.hero-final-visual{
  height:680px;
  position:relative;
  min-width:0;
  perspective:1100px;
}
.hero-ring{
  position:absolute;
  border:1px solid rgba(243,211,101,.17);
  border-radius:50%;
  pointer-events:none;
}
.ring-one{
  width:570px;height:570px;
  right:-50px;top:55px;
  box-shadow:0 0 0 48px rgba(243,211,101,.025),0 0 0 105px rgba(243,211,101,.014);
  animation:heroRing 9s ease-in-out infinite;
}
.ring-two{
  width:720px;height:720px;
  right:-125px;top:-20px;
  border-color:rgba(255,255,255,.055);
}
.hero-photo{
  position:absolute;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.17);
  box-shadow:0 28px 75px rgba(0,0,0,.48);
  background:#071426;
}
.hero-photo img{
  width:100%;height:100%;
  object-fit:cover;
  display:block;
  transition:transform .7s ease;
}
.hero-photo:after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(145deg,rgba(3,14,26,.02),rgba(3,14,26,.32));
  pointer-events:none;
}
.hero-photo-main{
  width:390px;height:515px;
  left:90px;top:80px;
  border-radius:27px;
  transform:rotate(-1deg);
  z-index:2;
}
.hero-photo-main img{object-position:center}
.hero-photo-main:hover img{transform:scale(1.04)}
.hero-photo-stage{
  width:310px;height:215px;
  right:5px;top:38px;
  border-radius:23px;
  transform:rotate(2deg);
  z-index:4;
}
.hero-photo-event{
  width:325px;height:235px;
  right:-10px;bottom:95px;
  border-radius:23px;
  transform:rotate(2deg);
  z-index:4;
}
.hero-photo-network{
  width:240px;height:175px;
  right:190px;bottom:25px;
  border-radius:20px;
  transform:rotate(-2deg);
  z-index:5;
}
.hero-photo-performance{
  width:230px;height:175px;
  left:8px;bottom:16px;
  border-radius:20px;
  transform:rotate(-4deg);
  z-index:5;
}
.hero-memory{
  position:absolute;
  right:4px;
  top:250px;
  z-index:8;
  display:flex;
  gap:11px;
  align-items:center;
  padding:14px 17px;
  border:1px solid rgba(243,211,101,.4);
  border-radius:17px;
  background:rgba(4,17,29,.91);
  backdrop-filter:blur(16px);
  box-shadow:0 18px 45px rgba(0,0,0,.4);
}
.hero-memory>span{
  color:var(--gold2);
  font-size:1.1rem;
}
.hero-memory strong{
  display:block;
  color:#fff;
  font-size:.78rem;
  letter-spacing:.04em;
}
.hero-memory small{
  display:block;
  color:#9baec0;
  font-size:.63rem;
  margin-top:3px;
}
.hero-stats{
  position:absolute;
  z-index:9;
  right:20px;
  bottom:15px;
  width:470px;
  padding:19px 25px;
  border:1px solid rgba(243,211,101,.3);
  border-radius:20px;
  display:grid;
  grid-template-columns:1fr 1px 1fr 1px 1.2fr;
  align-items:center;
  gap:18px;
  background:rgba(4,18,31,.93);
  backdrop-filter:blur(18px);
  box-shadow:0 20px 55px rgba(0,0,0,.45);
}
.hero-stats div{display:flex;flex-direction:column}
.hero-stats b{font-size:1.15rem;color:#fff;line-height:1}
.hero-stats span{
  color:#91a3b5;
  font-size:.61rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-top:6px;
}
.hero-stats i{height:36px;width:1px;background:rgba(255,255,255,.16)}
.hero-final-bottom{
  position:absolute;
  z-index:5;
  bottom:18px;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  flex-direction:column;
  gap:7px;
  color:#708296;
  font-size:.55rem;
  text-transform:uppercase;
  letter-spacing:.2em;
}
.hero-final-bottom b{
  height:28px;width:1px;
  background:linear-gradient(var(--gold2),transparent);
}
@keyframes heroRing{
  50%{transform:scale(1.035) rotate(4deg);opacity:.75}
}
@media(max-width:1150px){
  .hero-final-grid{
    grid-template-columns:1fr;
    gap:0;
  }
  .hero-final-copy{text-align:center;padding-top:15px}
  .hero-final-lead{margin:auto;text-align:left}
  .hero-final-services{margin-left:auto;margin-right:auto}
  .hero-final-actions{justify-content:center}
  .hero-final-visual{height:540px;max-width:820px;width:100%;margin:0 auto}
}
@media(max-width:700px){
  .hero-final{padding:95px 0 40px}
  .hero-final-copy h1{font-size:3.35rem}
  .hero-final-services{grid-template-columns:repeat(2,1fr)}
  .hero-final-visual{height:420px}
  .hero-photo-main{width:245px;height:335px;left:45px;top:50px}
  .hero-photo-stage{width:190px;height:135px;right:0;top:15px}
  .hero-photo-event{width:200px;height:145px;right:-3px;bottom:55px}
  .hero-photo-network{width:155px;height:110px;right:120px;bottom:5px}
  .hero-photo-performance{width:150px;height:105px;left:0;bottom:10px}
  .hero-memory{right:0;top:145px;padding:10px 12px}
  .hero-stats{left:10px;right:10px;bottom:-3px;width:auto;padding:13px 12px;gap:9px}
  .hero-stats b{font-size:.82rem}
  .hero-stats span{font-size:.46rem}
  .hero-stats i{height:25px}
  .ring-one{width:360px;height:360px;right:-30px;top:25px}
  .ring-two{width:450px;height:450px;right:-75px;top:-20px}
  .hero-final-bottom{display:none}
}

/* V8 exact premium hero implementation */
.hero-v8{position:relative;overflow:hidden;min-height:790px;padding:38px 0 45px;background:radial-gradient(circle at 74% 45%,#0a4168 0,#06253f 26%,#031321 58%,#020b14 100%);border-bottom:1px solid rgba(255,255,255,.08)}
.hero-v8:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,12,21,.2),transparent 48%),radial-gradient(circle at 0 88%,rgba(230,191,65,.16),transparent 18%);pointer-events:none}.hero-v8-noise{position:absolute;inset:0;opacity:.17;background-image:radial-gradient(rgba(255,255,255,.4) .7px,transparent .7px);background-size:16px 16px;mask-image:linear-gradient(90deg,transparent 0,#000 8%,transparent 42%,#000 72%,transparent 100%)}
.hero-v8-layout{position:relative;z-index:2;display:grid;grid-template-columns:46% 54%;align-items:center;min-height:700px}.hero-v8-copy{z-index:8;padding:25px 0 20px}.hero-v8-eyebrow{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(236,202,83,.42);border-radius:30px;padding:10px 17px;color:#f4d568;font-weight:800;font-size:13px;letter-spacing:2.1px;background:rgba(4,20,33,.72)}.hero-v8-eyebrow i{width:8px;height:8px;border-radius:50%;background:#f6d75f;box-shadow:0 0 15px #f6d75f}
.hero-v8 h1{margin:18px 0 18px;display:flex;flex-direction:column;align-items:flex-start;font-family:Arial,sans-serif;text-transform:uppercase;line-height:.82;letter-spacing:-4px}.hero-v8 h1 strong{font-size:92px;font-weight:950;color:#f6f8fb}.hero-v8 h1 span{font-size:64px;font-weight:300;color:#f3f5f8;letter-spacing:-3px;margin:5px 0 10px}.hero-v8 h1 small{font-size:35px;font-weight:600;color:#f3f5f8;letter-spacing:-1px;margin-bottom:-42px}.hero-v8 h1 em{font-family:Georgia,serif;font-size:76px;font-weight:900;font-style:italic;color:#f4d45f;transform:translateX(142px) rotate(-3deg);text-shadow:0 4px 20px rgba(242,202,64,.14);z-index:2}.hero-v8 h1 .gold-dot{display:inline;font-size:inherit;color:#f4d45f;margin:0;letter-spacing:0}.hero-v8-copy>p{max-width:650px;margin:18px 0 20px;padding-left:18px;border-left:3px solid #e8c64e;color:#c7d1dc;font-size:17px;line-height:1.62}
.hero-v8-services{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:700px}.hero-v8-services a{min-height:66px;display:flex;align-items:center;gap:10px;padding:9px 13px;border:1px solid rgba(235,201,79,.58);border-radius:20px;background:rgba(4,18,31,.7);color:#f5f7fa;text-decoration:none;transition:.3s}.hero-v8-services a:hover{transform:translateY(-4px);background:rgba(238,200,70,.1);box-shadow:0 10px 28px rgba(0,0,0,.25)}.hero-v8-services b{font-size:25px;color:#f0cd52}.hero-v8-services span{font-size:13px;line-height:1.18}.hero-v8-actions{display:flex;gap:13px;margin-top:24px}.hero-v8-actions .btn{padding:17px 25px}.hero-v8-actions .outline{background:rgba(2,13,23,.5)}
.hero-v8-media{height:690px;position:relative;margin-right:-80px}.hero-v8-orbit{position:absolute;border:2px solid rgba(244,205,70,.58);border-radius:50%;box-shadow:0 0 26px rgba(238,192,43,.18)}.orbit1{width:590px;height:590px;right:45px;top:42px}.orbit2{width:690px;height:690px;right:-5px;top:-8px;border-color:rgba(244,205,70,.16)}
.v8-camera{position:absolute;z-index:2;left:0;top:40px;width:48%;height:565px;border-radius:45% 22px 22px 45%;overflow:hidden;filter:drop-shadow(0 28px 35px rgba(0,0,0,.4))}.v8-camera:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,12,21,.55),transparent 55%),linear-gradient(0deg,rgba(2,12,21,.55),transparent 45%)}.v8-camera img{width:100%;height:100%;object-fit:cover;object-position:center}
.v8-shot{position:absolute;z-index:4;border:2px solid #f1d26a;border-radius:25px;overflow:hidden;background:#06182a;box-shadow:0 15px 40px rgba(0,0,0,.48),0 0 18px rgba(237,198,60,.16);transition:.35s}.v8-shot:hover{transform:translateY(-5px) scale(1.015)!important}.v8-shot img{width:100%;height:100%;object-fit:cover}.v8-shot-stage{width:420px;height:240px;right:62px;top:30px;transform:rotate(-3deg)}.v8-shot-crowd{width:315px;height:215px;left:235px;bottom:75px;transform:rotate(-4deg)}.v8-shot-network{width:370px;height:235px;right:8px;bottom:82px;transform:rotate(2deg)}
.v8-noise-card{position:absolute;z-index:7;right:0;top:185px;display:flex;align-items:center;gap:13px;padding:18px 20px;border:1px solid #d5ae35;border-radius:20px;background:linear-gradient(145deg,rgba(8,32,52,.97),rgba(3,16,28,.98));box-shadow:0 16px 35px rgba(0,0,0,.42)}.v8-noise-card>b{width:40px;height:40px;display:grid;place-items:center;border:1px solid #e2bc43;border-radius:10px;color:#f4d45f;font-size:20px}.v8-noise-card span{font-size:15px;font-weight:700;line-height:1.35}.v8-noise-card em{font-style:normal;color:#f4d45f}
.v8-stats{position:absolute;z-index:8;right:5px;bottom:15px;width:590px;display:grid;grid-template-columns:1fr 1px 1fr 1px 1.25fr;gap:18px;align-items:center;padding:21px 28px;border:1px solid #c9a536;border-radius:22px;background:linear-gradient(150deg,rgba(8,31,51,.98),rgba(3,15,26,.98));box-shadow:0 18px 40px rgba(0,0,0,.48)}.v8-stats div{display:flex;flex-direction:column}.v8-stats b{font-size:20px;color:#fff}.v8-stats span{margin-top:4px;color:#c2ccd6;font-size:12px}.v8-stats i{height:42px;background:rgba(235,198,71,.55)}
@media(max-width:1200px){.hero-v8-layout{grid-template-columns:1fr}.hero-v8-copy{max-width:800px;margin:auto;text-align:center}.hero-v8 h1{align-items:center}.hero-v8-copy>p{margin-left:auto;margin-right:auto;text-align:left}.hero-v8-services{margin:auto}.hero-v8-actions{justify-content:center}.hero-v8-media{width:850px;max-width:100%;margin:10px auto 0}.hero-v8{padding-top:70px}.hero-v8 h1 em{transform:rotate(-3deg)}.hero-v8 h1 small{margin-bottom:0}}
@media(max-width:700px){.hero-v8{padding:95px 0 35px}.hero-v8 h1{letter-spacing:-2px}.hero-v8 h1 strong{font-size:58px}.hero-v8 h1 span{font-size:39px;letter-spacing:-2px}.hero-v8 h1 small{font-size:23px}.hero-v8 h1 em{font-size:48px}.hero-v8-services{grid-template-columns:1fr 1fr}.hero-v8-actions{flex-direction:column}.hero-v8-media{height:520px}.v8-camera{left:0;width:55%;height:400px}.v8-shot-stage{width:58%;height:155px;right:0}.v8-shot-crowd{width:48%;height:145px;left:25%;bottom:70px}.v8-shot-network{width:52%;height:150px;right:0;bottom:55px}.v8-noise-card{top:165px;right:0;padding:10px}.v8-stats{width:96%;right:2%;padding:13px;gap:8px}.orbit1{width:430px;height:430px}.orbit2{display:none}}


/* V8 FINAL TOP / HEADER / CTA FIXES */
.header{
  position:sticky;
  top:0;
  height:86px;
  background:rgba(5,22,38,.97);
  border-bottom:1px solid rgba(243,211,101,.14);
  backdrop-filter:blur(18px);
  box-shadow:0 8px 30px rgba(0,0,0,.28);
}
.header:not(.scrolled){background:rgba(5,22,38,.97)}
.nav{height:86px}
.navlinks{gap:30px;white-space:nowrap}
.navlinks a{font-size:.92rem}
.logo{width:230px;max-height:72px}
.navcta{padding:10px 25px;white-space:nowrap;text-transform: uppercase;font-size: 12px;}

.hero-v8{
  min-height:calc(100vh - 86px);
  padding:42px 0 34px;
}
.hero-v8-layout{
  grid-template-columns:minmax(0,49%) minmax(0,51%);
  min-height:calc(100vh - 162px);
  align-items:center;
}
.hero-v8-copy{padding:12px 0 10px}
.hero-v8 h1{margin:17px 0 17px}
.hero-v8 h1 strong{font-size:clamp(68px,6.2vw,92px)}
.hero-v8 h1 span{font-size:clamp(50px,4.4vw,64px)}
.hero-v8 h1 small{font-size:clamp(29px,2.4vw,35px)}
.hero-v8 h1 em{font-size:clamp(58px,5.2vw,76px);transform:translateX(115px) rotate(-3deg)}
.hero-v8-copy>p{font-size:16px;max-width:620px;margin:16px 0 18px}
.hero-v8-services{max-width:670px;gap:8px}
.hero-v8-services a {
  min-height: 34px;
  padding: 0px 11px;
  border-radius: 7px;
}
.hero-v8-services span{font-size:12px}
.hero-v8-actions{flex-wrap:nowrap;gap:10px;margin-top:22px}
.hero-v8-actions .btn {
  min-height: 10px;
  padding: 12px 20px;
  font-size: 14px;
  white-space: nowrap;
}
.hero-v8-actions .btn:first-child{width:318px}
.hero-v8-actions .btn.outline{width:255px}
.hero-v8-media{height:660px;margin-right:-55px}
.v8-camera{top:48px;height:545px}
.v8-shot-stage{right:55px;top:22px}
.v8-noise-card{right:0;top:176px}
.v8-stats{right:4px;bottom:6px;width:575px;padding:7px 23px}

@media(max-width:1200px){
  .navlinks{gap:20px}
  .logo{width:205px}
  .hero-v8{padding-top:48px}
  .hero-v8-layout{grid-template-columns:1fr;min-height:auto}
  .hero-v8-copy{max-width:800px;margin:0 auto}
  .hero-v8-media{height:600px;max-width:850px;margin:20px auto 0}
  .hero-v8-actions{justify-content:center}
}
@media(max-width:950px){
  .nav{height:76px}
  .header{height:76px}
  .menu{display:block}
  .navlinks{position:absolute;top:76px;left:4%;right:4%;gap:4px}
  .hero-v8{min-height:auto;padding:58px 0 40px}
  .hero-v8-layout{min-height:auto}
  .hero-v8-media{height:570px}
}
@media(max-width:700px){
  .logo{width:180px}
  .nav{height:76px}
  .hero-v8{padding:48px 0 32px}
  .hero-v8-copy{text-align:center}
  .hero-v8 h1{align-items:center}
  .hero-v8 h1 strong{font-size:56px}
  .hero-v8 h1 span{font-size:38px}
  .hero-v8 h1 small{font-size:22px}
  .hero-v8 h1 em{font-size:47px;transform:rotate(-3deg)}
  .hero-v8-copy>p{text-align:left}
  .hero-v8-services{grid-template-columns:1fr 1fr}
  .hero-v8-actions{flex-direction:column;align-items:stretch}
  .hero-v8-actions .btn,.hero-v8-actions .btn:first-child,.hero-v8-actions .btn.outline{width:100%}
  .hero-v8-media{height:500px}
}

/* =========================================================
   BLUES ENTERTAINMENT — FINAL HEADER / LAST CONCEPT
   Light gradient + blue right panel + gold CTA
   ========================================================= */
:root{
  --be-blue:#124b86;
  --be-blue-dark:#073566;
  --be-blue-soft:#eaf4ff;
  --be-gold:#f2c94c;
  --be-gold-light:#ffe68a;
  --be-text:#102d4c;
}

.final-header{
  position:relative;
  z-index:9999;
  width:100%;
  background:
    linear-gradient(105deg,#ffffff 0%,#f7fbff 45%,#edf7ff 68%,#d9ecff 100%);
  border-bottom:1px solid rgba(18,75,134,.12);
  box-shadow:0 8px 30px rgba(18,75,134,.08);
  isolation:isolate;
}
.final-header:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(132deg,transparent 0 62%,rgba(255,255,255,.9) 62.2% 65%,transparent 65.2%),
    linear-gradient(132deg,transparent 0 69%,rgba(255,255,255,.48) 69.2% 70.5%,transparent 70.7%);
}
.header-shell{
  width:min(1450px,calc(100% - 64px));
  min-height:92px;
  margin:auto;
  display:grid;
  grid-template-columns:270px 1fr auto;
  align-items:center;
  gap:25px;
  position:relative;
}
.brand-logo{
  display:flex;
  align-items:center;
  width:max-content;
  text-decoration:none;
}
.brand-logo img{
  display:block;
  width:205px;
  max-height:76px;
  object-fit:contain;
  object-position:left center;
  filter:drop-shadow(0 5px 9px rgba(10,55,102,.08));
}
.main-nav{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:clamp(20px,2.2vw,38px);
  height:100%;
}
.main-nav a{
  position:relative;
  display:flex;
  align-items:center;
  height:92px;
  color:#183a5d;
  text-decoration:none;
  font-size:15px;
  font-weight:600;
  white-space:nowrap;
  transition:color .25s ease,transform .25s ease;
}
.main-nav a:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:23px;
  width:0;
  height:3px;
  border-radius:10px;
  background:linear-gradient(90deg,var(--be-gold),#ffd95d);
  transform:translateX(-50%);
  transition:width .25s ease;
}
.main-nav a:hover{
  color:var(--be-blue);
  transform:translateY(-1px);
}
.main-nav a:hover:after,
.main-nav a.active:after{width:28px}
.main-nav a.active{
  color:#0b4f93;
  font-weight:800;
}
.header-actions{
  height:92px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  position:relative;
}
.header-actions:before{
  content:"";
  position:absolute;
  z-index:-1;
  top:0;
  right:calc((1450px - 100vw)/2);
  width:430px;
  height:100%;
  background:
    radial-gradient(circle at 78% 48%,rgba(255,255,255,.42) 0 2px,transparent 3px),
    linear-gradient(135deg,#e7f4ff,#acd4ff 48%,#76b8f6);
  clip-path:polygon(18% 0,100% 0,100% 100%,0 100%);
  opacity:.95;
}
.header-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:235px;
  height:52px;
  padding:0 26px;
  border-radius:999px;
  background:linear-gradient(135deg,#ffe77d,#f0ca49);
  color:#122e4d;
  text-decoration:none;
  font-size:14px;
  font-weight:900;
  letter-spacing:.01em;
  box-shadow:0 9px 24px rgba(225,183,54,.23),inset 0 1px rgba(255,255,255,.65);
  transition:transform .25s ease,box-shadow .25s ease;
}
.header-cta span{
  margin-left:9px;
  font-size:18px;
  line-height:1;
}
.header-cta:hover{
  transform:translateY(-2px);
  box-shadow:0 13px 28px rgba(225,183,54,.3),inset 0 1px rgba(255,255,255,.7);
}
.header-icon{
  width:43px;
  height:43px;
  border-radius:50%;
  display:none;
  place-items:center;
  border:1px solid rgba(18,75,134,.24);
  color:#124b86;
  background:rgba(255,255,255,.7);
  text-decoration:none;
}
.menu-toggle{
  border:1px solid rgba(18,75,134,.2);
  cursor:pointer;
  padding:0;
}
.menu-toggle span{
  display:block;
  width:17px;
  height:2px;
  background:#124b86;
  margin:2px auto;
  border-radius:4px;
}
.mobile-nav{
  display:none;
  max-height:0;
  overflow:hidden;
  transition:max-height .3s ease;
}
.mobile-nav a{
  display:block;
  padding:13px 4px;
  color:#173b60;
  text-decoration:none;
  font-weight:700;
  border-bottom:1px solid rgba(18,75,134,.08);
}
@media(max-width:1180px){
  .header-shell{grid-template-columns:225px 1fr auto;width:min(100% - 36px,1100px)}
  .brand-logo img{width:190px}
  .main-nav{gap:19px}
  .main-nav a{font-size:14px}
  .header-cta{min-width:190px;padding:0 18px}
}
@media(max-width:950px){
  .header-shell{min-height:78px;grid-template-columns:1fr auto}
  .brand-logo img{width:180px;max-height:65px}
  .main-nav{display:none}
  .header-actions{height:78px}
  .header-actions:before{right:-18px;width:300px}
  .header-cta{min-width:175px;height:47px;font-size:12px}
  .header-icon{display:grid}
  .mobile-nav{
    display:block;
    width:min(100% - 36px,700px);
    margin:0 auto;
    background:rgba(255,255,255,.96);
    border-radius:0 0 18px 18px;
  }
  .final-header.open .mobile-nav{max-height:430px;padding:8px 0 15px}
}
@media(max-width:600px){
  .header-shell{width:calc(100% - 24px)}
  .brand-logo img{width:158px}
  .header-cta{display:none}
  .header-actions{gap:7px}
  .header-icon{width:40px;height:40px}
}

/* =========================================================
   V11 HEADER — SECOND CONCEPT + PREMIUM TOP BAR
   ========================================================= */
.topbar-v11{
  height:34px;
  width:100%;
  background:#062b56;
  color:#dbeaff;
  font-family:inherit;
  font-size:10px;
  letter-spacing:.035em;
  position:relative;
  z-index:10001;
  overflow:hidden;
}
.topbar-v11:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 50%,rgba(91,168,255,.24),transparent 18%),
    linear-gradient(90deg,rgba(255,255,255,.025),transparent 40%,rgba(255,215,94,.08));
  pointer-events:none;
}
.topbar-inner{
  width:min(1450px,calc(100% - 64px));
  height:100%;
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  position:relative;
}
.topbar-left,.topbar-right{
  display:flex;
  align-items:center;
  gap:13px;
}
.topbar-status{
  display:flex;
  align-items:center;
  gap:6px;
  color:#fff;
  font-weight:700;
}
.topbar-status i{
  width:6px;height:6px;border-radius:50%;
  background:#f4d45e;
  box-shadow:0 0 10px rgba(244,212,94,.85);
}
.topbar-divider{
  width:1px;height:13px;background:rgba(255,255,255,.18);
}
.topbar-right a{
  color:#f7df7a;
  text-decoration:none;
}
.site-header-v11{
  position:relative;
  z-index:10000;
  width:100%;
  background:
    linear-gradient(105deg,#ffffff 0%,#fbfdff 38%,#f3f9ff 67%,#dceeff 100%);
  border-bottom:1px solid rgba(17,73,130,.10);
  box-shadow:0 9px 30px rgba(16,62,105,.09);
}
.site-header-v11:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(125deg,transparent 0 61%,rgba(255,255,255,.86) 61.2% 63%,transparent 63.2%),
    radial-gradient(circle at 93% 50%,rgba(61,151,239,.13),transparent 26%);
}
.header-v11-inner{
  width:min(1450px,calc(100% - 64px));
  min-height:88px;
  margin:auto;
  display:grid;
  grid-template-columns:230px minmax(500px,1fr) auto;
  align-items:center;
  gap:28px;
  position:relative;
}
.brand-v11{
  display:flex;
  align-items:center;
  width:max-content;
}
.brand-v11 img{
  width:195px;
  max-height:72px;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 5px 10px rgba(11,62,111,.10));
}
.nav-pill-v11{
  justify-self:center;
  display:flex;
  align-items:center;
  gap:2px;
  padding:7px 10px;
  min-height:54px;
  border:1px solid rgba(33,101,165,.12);
  border-radius:999px;
  background:rgba(255,255,255,.66);
  box-shadow:
    0 9px 30px rgba(26,79,128,.09),
    inset 0 1px rgba(255,255,255,.9);
  backdrop-filter:blur(18px);
}
.nav-pill-v11 a{
  height:40px;
  padding:0 17px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#163b60;
  text-decoration:none;
  font-size:13px;
  font-weight:650;
  white-space:nowrap;
  transition:.25s ease;
}
.nav-pill-v11 a:hover{
  color:#0756a0;
  background:rgba(20,100,173,.07);
}
.nav-pill-v11 a.active{
  color:#0758a4;
  background:#eef6ff;
  box-shadow:inset 0 0 0 1px rgba(21,103,178,.08);
  font-weight:800;
}
.nav-pill-v11 a.active:after{
  content:"";
  position:absolute;
  margin-top:45px;
  width:22px;
  height:3px;
  border-radius:5px;
  background:#f1c94c;
}
.header-tools-v11{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
}
.cta-blue-v11{
  height:49px;
  min-width:197px;
  padding:0 23px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-radius:999px;
  background:linear-gradient(135deg,#1265b7,#084a91);
  color:#fff;
  text-decoration:none;
  font-size:12px;
  font-weight:900;
  letter-spacing:.015em;
  box-shadow:
    0 10px 24px rgba(12,79,143,.23),
    inset 0 1px rgba(255,255,255,.25);
  transition:.25s ease;
}
.cta-blue-v11 span{
  font-size:17px;
  transition:transform .25s ease;
}
.cta-blue-v11:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 30px rgba(12,79,143,.30);
}
.cta-blue-v11:hover span{transform:translateX(4px)}
.round-tool-v11{
  width:46px;
  height:46px;
  flex:0 0 46px;
  border-radius:50%;
  border:1px solid rgba(16,77,134,.18);
  background:rgba(255,255,255,.74);
  color:#0d4e8d;
  display:grid;
  place-items:center;
  cursor:pointer;
  box-shadow:0 6px 18px rgba(17,74,126,.07);
  transition:.25s ease;
}
.round-tool-v11:hover{
  transform:translateY(-2px);
  background:#fff;
  border-color:rgba(16,77,134,.32);
}
.search-v11 svg{
  width:19px;height:19px;
  fill:none;stroke:currentColor;stroke-width:2;
}
.menu-v11 span{
  display:block;
  width:17px;
  height:2px;
  background:#0d4e8d;
  margin:2px auto;
  border-radius:4px;
}
.mobile-nav-v11{
  display:none;
}
@media(max-width:1250px){
  .header-v11-inner{
    grid-template-columns:205px minmax(430px,1fr) auto;
    gap:15px;
  }
  .brand-v11 img{width:178px}
  .nav-pill-v11 a{padding:0 12px;font-size:12px}
  .cta-blue-v11{min-width:172px}
}
@media(max-width:1030px){
  .header-v11-inner{
    grid-template-columns:1fr auto;
    min-height:78px;
  }
  .nav-pill-v11{display:none}
  .header-tools-v11{gap:8px}
  .cta-blue-v11{min-width:175px}
  .mobile-nav-v11{
    display:block;
    width:min(100% - 36px,700px);
    margin:0 auto;
    max-height:0;
    overflow:hidden;
    transition:max-height .3s ease,padding .3s ease;
  }
  .site-header-v11.open .mobile-nav-v11{
    max-height:430px;
    padding:8px 0 15px;
  }
  .mobile-nav-v11 a{
    display:block;
    padding:13px 8px;
    color:#153c62;
    font-weight:750;
    text-decoration:none;
    border-bottom:1px solid rgba(15,76,132,.08);
  }
  .mobile-nav-v11 a:hover{color:#0b5aa2}
}
@media(max-width:650px){
  .topbar-v11{height:30px;font-size:8px}
  .topbar-inner{width:calc(100% - 24px)}
  .topbar-left>span:last-child,.topbar-right span,.topbar-right .topbar-divider{display:none}
  .header-v11-inner{width:calc(100% - 24px);min-height:72px}
  .brand-v11 img{width:155px;max-height:60px}
  .cta-blue-v11{display:none}
  .round-tool-v11{width:40px;height:40px;flex-basis:40px}
}

/* =========================================================
   V12 — FINAL HEADER
   User requested: keep phone, remove search/toggle,
   and make CTA use the website blue/gold gradient.
   ========================================================= */
.topbar-v12{
  height:34px;
  background:linear-gradient(90deg,#062b56 0%,#0b3f73 55%,#164f83 100%);
  color:#eaf4ff;
  font-size:10px;
  letter-spacing:.02em;
  position:relative;
  z-index:10002;
  overflow:hidden;
}
.topbar-v12:after{
  content:"";
  position:absolute;
  width:380px;
  height:100%;
  right:-80px;
  top:0;
  background:linear-gradient(110deg,transparent,rgba(255,255,255,.06),transparent);
  transform:skewX(-22deg);
}
.topbar-inner-v12{
  width:min(1450px,calc(100% - 64px));
  height:100%;
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  position:relative;
}
.topbar-left-v12,.topbar-right-v12{
  display:flex;
  align-items:center;
  gap:13px;
}
.availability-v12{
  color:#fff;
  font-weight:800;
}
.availability-v12 i{
  display:inline-block;
  width:6px;height:6px;border-radius:50%;
  background:#f5d45b;
  box-shadow:0 0 10px rgba(245,212,91,.85);
  margin-right:6px;
}
.bar-separator-v12{
  width:1px;height:13px;
  background:rgba(255,255,255,.2);
}
.topbar-right-v12 a{
  color:#ffe276;
  font-weight:700;
  text-decoration:none;
}
.site-header-v12{
  position:relative;
  z-index:10001;
  background:
    linear-gradient(105deg,#ffffff 0%,#f9fcff 42%,#edf7ff 72%,#d4eaff 100%);
  border-bottom:1px solid rgba(18,75,134,.10);
  box-shadow:0 8px 28px rgba(18,75,134,.09);
}
.site-header-v12:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(128deg,transparent 0 60%,rgba(255,255,255,.9) 60.2% 63%,transparent 63.2%),
    radial-gradient(circle at 90% 50%,rgba(49,141,225,.13),transparent 29%);
}
.header-v12-inner{
  width:min(1450px,calc(100% - 64px));
  min-height:88px;
  margin:auto;
  display:grid;
  grid-template-columns:225px minmax(500px,1fr) auto;
  align-items:center;
  gap:24px;
  position:relative;
}
.brand-v12{
  display:flex;
  align-items:center;
  width:max-content;
}
.brand-v12 img{
  width:200px;
  max-height:74px;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 5px 10px rgba(11,62,111,.10));
}
.nav-v12{
  justify-self:center;
  display:flex;
  align-items:center;
  gap:2px;
  padding:7px 10px;
  min-height:54px;
  border:1px solid rgba(33,101,165,.12);
  border-radius:999px;
  background:rgba(255,255,255,.68);
  box-shadow:0 9px 30px rgba(26,79,128,.08),inset 0 1px rgba(255,255,255,.95);
  backdrop-filter:blur(18px);
}
.nav-v12 a{
  height:40px;
  padding:0 16px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#163b60;
  text-decoration:none;
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
  transition:.25s ease;
}
.nav-v12 a:hover{
  color:#0756a0;
  background:rgba(20,100,173,.07);
}
.nav-v12 a.active{
  color:#0758a4;
  background:#eef6ff;
  box-shadow:inset 0 0 0 1px rgba(21,103,178,.08);
  position:relative;
}
.nav-v12 a.active:after{
  content:"";
  position:absolute;
  bottom:-4px;
  width:22px;
  height:3px;
  border-radius:8px;
  background:#f2c94c;
}
.header-actions-v12{
  display:flex;
  align-items:center;
  gap:12px;
  justify-content:flex-end;
}
.phone-v12{
  display:flex;
  align-items:center;
  gap:9px;
  color:#124b86;
  text-decoration:none;
  padding:5px 5px 5px 8px;
}
.phone-icon-v12{
  width:43px;height:43px;
  border-radius:50%;
  display:grid;place-items:center;
  background:linear-gradient(145deg,#f9fdff,#e6f3ff);
  border:1px solid rgba(18,75,134,.16);
  box-shadow:0 7px 18px rgba(18,75,134,.08);
}
.phone-icon-v12 svg{
  width:19px;height:19px;
  fill:none;
  stroke:#0b579d;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.phone-copy-v12{
  display:flex;
  flex-direction:column;
  line-height:1.1;
}
.phone-copy-v12 small{
  color:#71869c;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.09em;
}
.phone-copy-v12 b{
  color:#163c61;
  font-size:12px;
  margin-top:4px;
}
.cta-v12{
  min-width:206px;
  height:49px;
  padding:0 24px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  text-decoration:none;
  color:#fff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.02em;
  background:
    linear-gradient(135deg,#0d5da8 0%,#176fbd 48%,#0b4b91 100%);
  box-shadow:
    0 11px 27px rgba(8,78,144,.25),
    inset 0 1px rgba(255,255,255,.28);
  border:1px solid rgba(255,255,255,.18);
  transition:.25s ease;
}
.cta-v12 b{
  color:#ffe27a;
  font-size:18px;
  line-height:1;
  transition:transform .25s ease;
}
.cta-v12:hover{
  transform:translateY(-2px);
  box-shadow:0 15px 34px rgba(8,78,144,.32),inset 0 1px rgba(255,255,255,.3);
}
.cta-v12:hover b{transform:translateX(4px)}
.menu-v12{
  display:none;
  width:43px;height:43px;
  border:1px solid rgba(18,75,134,.17);
  background:#fff;
  border-radius:50%;
}
.menu-v12 span{
  display:block;
  width:17px;height:2px;
  background:#0d4e8d;
  margin:3px auto;
}
.mobile-nav-v12{display:none}
@media(max-width:1240px){
  .header-v12-inner{
    grid-template-columns:195px minmax(420px,1fr) auto;
    gap:13px;
  }
  .brand-v12 img{width:180px}
  .nav-v12 a{padding:0 11px;font-size:12px}
  .cta-v12{min-width:175px;padding:0 17px}
  .phone-copy-v12{display:none}
}
@media(max-width:1020px){
  .header-v12-inner{
    grid-template-columns:1fr auto;
    min-height:78px;
  }
  .nav-v12{display:none}
  .menu-v12{display:block}
  .mobile-nav-v12{
    display:block;
    width:min(100% - 36px,700px);
    max-height:0;
    overflow:hidden;
    margin:auto;
    transition:max-height .3s ease,padding .3s ease;
  }
  .site-header-v12.open .mobile-nav-v12{
    max-height:430px;
    padding:8px 0 15px;
  }
  .mobile-nav-v12 a{
    display:block;
    padding:13px 8px;
    color:#153c62;
    text-decoration:none;
    font-weight:750;
    border-bottom:1px solid rgba(15,76,132,.08);
  }
}
@media(max-width:650px){
  .topbar-v12{height:30px;font-size:8px}
  .topbar-inner-v12{width:calc(100% - 24px)}
  .topbar-left-v12>span:last-child,
  .topbar-right-v12 span,
  .topbar-right-v12 .bar-separator-v12{display:none}
  .header-v12-inner{width:calc(100% - 24px);min-height:72px}
  .brand-v12 img{width:155px}
  .phone-v12{padding:0}
  .phone-copy-v12{display:none}
  .phone-icon-v12{width:40px;height:40px}
  .cta-v12{display:none}
}

/* =========================================================
   V13 — GLOBAL CONTAINER WIDTH FIX
   Keep header, hero and sections on the same visual grid.
   ========================================================= */
:root{
  --site-max-width:1580px;
  --site-gutter:40px;
}
.container,
.header-v12-inner,
.topbar-inner-v12{
  width:min(var(--site-max-width),calc(100% - (var(--site-gutter) * 2))) !important;
  max-width:var(--site-max-width) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Hero gets the same left/right boundaries as the header. */
.hero-final-grid{
  width:min(var(--site-max-width),calc(100% - (var(--site-gutter) * 2))) !important;
  max-width:var(--site-max-width) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Prevent the visual collage from pushing beyond the container. */
.hero-final{
  overflow:hidden;
}
.hero-final-visual{
  min-width:0;
  max-width:100%;
}

/* Keep header elements inside the same grid. */
.header-v12-inner{
  grid-template-columns:225px minmax(0,1fr) auto !important;
  gap:24px;
}
.nav-v12{
  max-width:100%;
}
.header-actions-v12{
  min-width:0;
}

/* Desktop: give the hero a little more breathing room while preserving
   the exact container boundary. */
@media(min-width:1500px){
  .hero-final-grid{
    grid-template-columns:minmax(500px,.88fr) minmax(620px,1.12fr);
    gap:24px;
  }
}

@media(max-width:900px){
  :root{--site-gutter:24px}
  .container,
  .header-v12-inner,
  .topbar-inner-v12,
  .hero-final-grid{
    width:calc(100% - (var(--site-gutter) * 2)) !important;
  }
}

@media(max-width:600px){
  :root{--site-gutter:16px}
}

/* V14 — shared header consistency across every page */
.site-header-v12,
.topbar-v12{width:100%}
.header-v12-inner,
.topbar-inner-v12{
  width:min(var(--site-max-width,1580px),calc(100% - 80px)) !important;
  max-width:var(--site-max-width,1580px) !important;
  margin-inline:auto !important;
}
@media(max-width:900px){
  .header-v12-inner,.topbar-inner-v12{
    width:calc(100% - 48px) !important;
  }
}
@media(max-width:600px){
  .header-v12-inner,.topbar-inner-v12{
    width:calc(100% - 32px) !important;
  }
}

/* =========================================================
   V15 — FOOTER VERSION 2 / LIGHT MODERN
   ========================================================= */
.footer-v15{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(135deg,#ffffff 0%,#f7fbff 46%,#eef7ff 100%);
  border-top:1px solid rgba(17,76,133,.10);
  color:#173b61;
  padding:0;
  isolation:isolate;
}
.footer-v15:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    radial-gradient(circle at 86% 22%,rgba(242,201,76,.20),transparent 17%),
    radial-gradient(circle at 12% 92%,rgba(57,145,224,.14),transparent 28%),
    linear-gradient(145deg,transparent 0 54%,rgba(211,233,255,.48) 54.2% 72%,transparent 72.2%);
  pointer-events:none;
}
.footer-v15:after{
  content:"";
  position:absolute;
  width:560px;
  height:280px;
  right:-150px;
  bottom:-190px;
  border-radius:50%;
  border:1px solid rgba(24,105,181,.18);
  box-shadow:
    0 0 0 22px rgba(24,105,181,.035),
    0 0 0 45px rgba(24,105,181,.025);
  transform:rotate(-13deg);
  pointer-events:none;
}
.footer-main-v15{
  width:min(var(--site-max-width,1580px),calc(100% - 80px));
  max-width:var(--site-max-width,1580px);
  margin:0 auto;
  padding:58px 0 42px;
  display:grid;
  grid-template-columns:1.45fr 1fr 1.35fr .9fr 1.35fr;
  gap:42px;
  position:relative;
}
.footer-brand-v15{
  min-width:0;
}
.footer-logo-link-v15{
  display:inline-flex;
  align-items:center;
  margin-bottom:14px;
}
.footer-logo-v15{
  width:220px;
  max-width:100%;
  height:auto;
  display:block;
  object-fit:contain;
}
.footer-brand-v15 p{
  max-width:390px;
  margin:0;
  color:#58708a;
  font-size:13px;
  line-height:1.75;
}
.footer-social-v15{
  display:flex;
  align-items:center;
  gap:9px;
  margin-top:20px;
}
.footer-social-v15 a{
  width:34px;
  height:34px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(16,79,139,.14);
  color:#07559d;
  text-decoration:none;
  font-size:12px;
  font-weight:850;
  box-shadow:0 5px 15px rgba(23,75,126,.07);
  transition:.22s ease;
}
.footer-social-v15 a:hover{
  color:#fff;
  background:linear-gradient(135deg,#0e66b6,#0b4d92);
  transform:translateY(-3px);
  box-shadow:0 9px 20px rgba(11,79,143,.2);
}
.footer-col-v15,
.footer-contact-v15{
  min-width:0;
}
.footer-col-v15 h4,
.footer-contact-v15 h4{
  margin:4px 0 17px;
  color:#103b66;
  font-size:14px;
  font-weight:850;
  letter-spacing:.01em;
}
.footer-col-v15 a{
  display:block;
  width:max-content;
  max-width:100%;
  margin:0 0 11px;
  color:#58708a;
  font-size:12px;
  line-height:1.35;
  text-decoration:none;
  transition:.2s ease;
}
.footer-col-v15 a:hover{
  color:#075aa5;
  transform:translateX(3px);
}
.contact-line-v15{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 12px;
  color:#4e6882;
  text-decoration:none;
  font-size:12px;
  line-height:1.35;
}
.contact-icon-v15{
  width:28px;
  height:28px;
  flex:0 0 28px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,#f7fcff,#e4f2ff);
  border:1px solid rgba(14,88,157,.13);
  color:#0961aa;
  font-size:11px;
  font-weight:800;
}
.footer-cta-v15{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-width:185px;
  height:44px;
  margin-top:20px;
  border-radius:999px;
  background:linear-gradient(135deg,#0d63b2,#075099);
  color:#fff !important;
  text-decoration:none;
  font-size:11px;
  font-weight:900;
  letter-spacing:.02em;
  box-shadow:0 10px 22px rgba(9,78,142,.18);
  transition:.24s ease;
}
.footer-cta-v15 b{
  color:#ffe071;
  font-size:17px;
}
.footer-cta-v15:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 28px rgba(9,78,142,.26);
}
.footer-bottom-v15{
  width:min(var(--site-max-width,1580px),calc(100% - 80px));
  max-width:var(--site-max-width,1580px);
  margin:0 auto;
  min-height:52px;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border-top:1px solid rgba(16,76,132,.12);
  color:#70869c;
  font-size:10px;
  position:relative;
}
.footer-art-v15{
  position:absolute;
  pointer-events:none;
  z-index:-1;
}
.footer-art-left{
  left:-90px;
  bottom:-170px;
  width:470px;
  height:280px;
  border:1px solid rgba(29,113,190,.13);
  border-radius:50%;
  transform:rotate(-15deg);
}
.footer-art-right{
  right:-130px;
  top:20px;
  width:350px;
  height:350px;
  border:1px solid rgba(242,201,76,.20);
  border-radius:50%;
}
@media(max-width:1200px){
  .footer-main-v15{
    grid-template-columns:1.5fr 1fr 1.2fr 1fr;
  }
  .footer-contact-v15{
    grid-column:2 / -1;
    margin-top:12px;
    padding-top:22px;
    border-top:1px solid rgba(16,76,132,.10);
  }
}
@media(max-width:850px){
  .footer-main-v15{
    width:calc(100% - 48px);
    grid-template-columns:1fr 1fr;
    gap:32px 30px;
    padding:46px 0 34px;
  }
  .footer-brand-v15{
    grid-column:1 / -1;
  }
  .footer-contact-v15{
    grid-column:auto;
    margin-top:0;
    padding-top:0;
    border-top:0;
  }
  .footer-bottom-v15{
    width:calc(100% - 48px);
    min-height:68px;
    align-items:flex-start;
    justify-content:center;
    flex-direction:column;
    gap:7px;
    padding:14px 0;
  }
}
@media(max-width:520px){
  .footer-main-v15{
    width:calc(100% - 32px);
    grid-template-columns:1fr;
    gap:27px;
  }
  .footer-brand-v15,
  .footer-contact-v15{
    grid-column:auto;
  }
  .footer-logo-v15{width:190px}
  .footer-bottom-v15{
    width:calc(100% - 32px);
  }
  .footer-col-v15 a{font-size:12px}
}
