*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080b16;color:#eef2ff;font-family:Inter,Arial,sans-serif;line-height:1.65}.container{width:min(1160px,92%);margin:auto}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:50;background:rgba(8,11,22,.84);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.5px}.brand>span:last-child>span{color:#7c6cff}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#7c6cff,#20d7e8);box-shadow:0 10px 30px #665cff33}.nav{display:flex;gap:24px;align-items:center;font-size:14px;color:#c6cce0}.nav a:hover{color:#fff}.nav-cta,.footer-button{padding:11px 18px;border-radius:12px;background:linear-gradient(135deg,#7c6cff,#20cfe0);color:#fff!important;font-weight:700}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:26px}.hero{position:relative;overflow:hidden;padding:108px 0 98px;background:radial-gradient(circle at 78% 20%,#6e5cff25,transparent 32%),radial-gradient(circle at 15% 80%,#19d7e01a,transparent 30%)}.hero:before{content:"";position:absolute;width:520px;height:520px;border:1px solid #ffffff0b;border-radius:50%;right:-180px;top:-160px}.eyebrow{color:#7edee8;text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:800}.hero h1{font:800 clamp(42px,6vw,76px)/1.02 Manrope;margin:18px 0 22px;max-width:900px}.gradient{background:linear-gradient(90deg,#fff,#a59cff,#63e7ef);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{max-width:700px;color:#aeb6cc;font-size:18px}.buttons{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap}.btn{display:inline-block;padding:14px 21px;border-radius:13px;font-weight:700;border:1px solid #ffffff18}.btn-primary{background:linear-gradient(135deg,#7c6cff,#20d7e8)}.btn-secondary{background:#ffffff08}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:55px;max-width:760px}.stat{padding:20px;border:1px solid #ffffff10;border-radius:18px;background:#ffffff05}.stat strong{display:block;font:800 28px Manrope}.stat span{color:#8f98ae;font-size:13px}.section{padding:95px 0}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:40px}.section-head h2,.split h2{font:800 38px/1.1 Manrope;margin:8px 0}.muted{color:#9099b0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{padding:28px;border:1px solid #ffffff0e;border-radius:22px;background:linear-gradient(145deg,#ffffff08,#ffffff02);transition:.25s}.card:hover{transform:translateY(-5px);border-color:#7c6cff55}.icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#7c6cff18;color:#9d95ff;font-size:21px}.card h3{margin:20px 0 8px;font-size:20px}.card p{color:#929bb1;font-size:14px}.dark-section{background:#0d1120;border-top:1px solid #ffffff08;border-bottom:1px solid #ffffff08}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.checklist{display:grid;gap:14px;margin-top:25px}.check{padding:15px 18px;border-radius:14px;background:#ffffff06;border:1px solid #ffffff09}.cities{display:flex;flex-wrap:wrap;gap:9px}.city{padding:9px 13px;border-radius:99px;border:1px solid #ffffff0d;background:#ffffff05;color:#aab2c7;font-size:13px}.city:hover{border-color:#7c6cff55;color:#fff}.cta{padding:65px;border-radius:28px;background:linear-gradient(135deg,#16152b,#0b1d25);border:1px solid #ffffff10;position:relative;overflow:hidden}.cta h2{font:800 42px Manrope;margin:0 0 12px}.cta p{color:#aab2c7;max-width:650px}.page-hero{padding:80px 0 55px}.page-hero h1{font:800 52px Manrope;margin:10px 0}.prose{max-width:840px;color:#b5bdd0}.prose h2{color:#fff;font:800 30px Manrope;margin-top:48px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.blog-card{padding:26px;border:1px solid #ffffff0e;border-radius:20px;background:#ffffff04}.blog-card small{color:#7edee8}.blog-card h3{font-size:21px}.footer{border-top:1px solid #ffffff0a;padding:65px 0 25px;background:#060810}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:35px}.footer p,.footer a{color:#8992a9;font-size:14px}.footer h4{margin-top:0}.footer a{display:block;margin:9px 0}.footer-button{display:inline-block!important;color:#fff!important}.legal{font-size:11px!important}.copyright{margin-top:45px;padding-top:20px;border-top:1px solid #ffffff0a;color:#687188;font-size:12px}.reveal{opacity:0;transform:translateY(18px);transition:.65s}.reveal.show{opacity:1;transform:none}@media(max-width:850px){.nav{display:none;position:absolute;top:76px;left:0;right:0;background:#080b16;padding:20px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.menu-toggle{display:block}.hero{padding:75px 0}.stats,.cards,.blog-grid,.footer-grid{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr;gap:30px}.section{padding:70px 0}.page-hero h1{font-size:40px}}@media(max-width:560px){.stats,.cards,.blog-grid,.footer-grid{grid-template-columns:1fr}.hero h1{font-size:42px}.cta{padding:35px}.cta h2{font-size:31px}.section-head{display:block}}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:26px;align-items:stretch}.contact-panel,.map-wrap{border:1px solid #ffffff0e;border-radius:24px;background:#ffffff04;overflow:hidden}.contact-panel{padding:34px}.contact-panel h2{font:800 32px Manrope;margin:10px 0 25px}.contact-items{display:grid;gap:12px}.contact-item{padding:15px 0;border-bottom:1px solid #ffffff0b}.contact-item span{display:block;color:#7edee8;font-size:12px;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.contact-item strong,.contact-item a{font-size:15px}.map-wrap iframe{display:block;width:100%;height:100%;min-height:470px}.wa-float{position:fixed;right:22px;bottom:22px;z-index:60;padding:13px 18px;border-radius:999px;background:#20b85a;color:#fff!important;font-weight:800;box-shadow:0 12px 35px #0008}.wa-float:hover{transform:translateY(-2px)}@media(max-width:850px){.contact-grid{grid-template-columns:1fr}.map-wrap iframe{min-height:360px}}
/* V3 premium */
.hero-premium{padding:92px 0 54px;min-height:720px}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:50px;align-items:center;position:relative;z-index:2}.hero-copy h1{font:800 clamp(44px,5.5vw,72px)/1.02 Manrope;margin:18px 0 22px;letter-spacing:-2.7px}.hero-copy p{max-width:650px}.live-dot{display:inline-block;width:7px;height:7px;background:#63e7ef;border-radius:50%;box-shadow:0 0 16px #63e7ef;margin-right:7px}.hero-trust{display:flex;gap:22px;flex-wrap:wrap;margin-top:28px;color:#8791aa;font-size:12px}.hero-visual{min-height:460px;display:flex;align-items:center;justify-content:center;position:relative}.browser-card{width:100%;max-width:520px;height:355px;border-radius:22px;background:linear-gradient(145deg,#151a2c,#0b0e19);border:1px solid #ffffff17;box-shadow:0 35px 100px #0008;position:relative;overflow:visible;transform:perspective(900px) rotateY(-4deg) rotateX(2deg)}.browser-top{height:44px;border-bottom:1px solid #ffffff0c;display:flex;align-items:center;padding:0 15px;gap:6px;color:#5f687d;font-size:10px}.browser-top i{width:7px;height:7px;border-radius:50%;background:#ffffff20}.browser-top span{margin-left:10px}.mock-nav{height:55px;display:flex;align-items:center;gap:15px;padding:0 25px}.mock-nav b{font-size:11px;letter-spacing:1px;margin-right:auto}.mock-nav div{width:32px;height:3px;background:#ffffff18;border-radius:9px}.mock-content{padding:42px 38px}.mock-tag{font-size:8px;color:#63e7ef;letter-spacing:2px}.mock-content strong{display:block;font:800 31px/1.08 Manrope;margin:10px 0 18px}.mock-content p{width:68%;height:5px;background:#ffffff18;border-radius:10px;margin:8px 0}.mock-content p.short{width:44%}.mock-content button{margin-top:20px;width:85px;height:28px;border:0;border-radius:8px;background:linear-gradient(135deg,#7c6cff,#20d7e8)}.float-card{position:absolute;padding:14px 16px;border-radius:14px;background:rgba(21,26,44,.88);backdrop-filter:blur(15px);border:1px solid #ffffff17;box-shadow:0 15px 40px #0008;min-width:135px}.float-card small,.float-card span{display:block;color:#788198;font-size:9px}.float-card b{font-size:17px}.fc1{right:-28px;top:72px}.fc2{left:-34px;bottom:42px}.premium-stats{max-width:none;border-top:1px solid #ffffff0b;padding-top:24px}.premium-stats .stat{background:transparent;border:0;padding-left:0}.logo-strip{border-top:1px solid #ffffff0a;border-bottom:1px solid #ffffff0a;background:#0b0e19}.logo-strip .container{height:78px;display:flex;align-items:center;justify-content:space-between;color:#667087;font:700 11px Manrope;letter-spacing:2px}.logo-strip i{color:#7c6cff;font-style:normal}.max-copy{max-width:420px}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.service-card{position:relative;min-height:285px;padding:34px;border-radius:24px;border:1px solid #ffffff0e;background:linear-gradient(145deg,#111625,#0b0e19);overflow:hidden}.service-card:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-80px;bottom:-80px;background:#7c6cff18;filter:blur(15px);transition:.3s}.service-card:hover:after{transform:scale(1.5)}.service-no{position:absolute;right:26px;top:20px;font:800 48px Manrope;color:#ffffff08}.service-icon{font-size:26px;color:#7edee8}.service-card h3{font:800 25px Manrope;margin:32px 0 8px}.service-card p{max-width:470px;color:#8993aa}.service-card>span{display:inline-block;margin-top:18px;color:#a69eff;font-weight:700;font-size:13px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ffffff0d;border:1px solid #ffffff0d;border-radius:22px;overflow:hidden}.process{padding:32px;background:#0d1120;min-height:230px}.process b{font:800 42px Manrope;color:#ffffff0b}.process h3{font-size:20px;margin:25px 0 8px}.process p{font-size:13px;color:#8993aa}.showcase{align-items:stretch}.metric-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:32px}.metric-list div{padding:18px;border:1px solid #ffffff0e;border-radius:14px}.metric-list strong,.metric-list span{display:block}.metric-list strong{font:800 20px Manrope}.metric-list span{font-size:10px;color:#79839a}.visual-stack{position:relative;min-height:420px}.glass-panel{position:absolute;inset:20px 20px 45px 20px;padding:50px;border-radius:28px;background:radial-gradient(circle at 80% 15%,#735eff45,transparent 35%),linear-gradient(145deg,#151a2c,#0c101c);border:1px solid #ffffff15;box-shadow:0 30px 80px #0007}.glass-panel small{color:#63e7ef;letter-spacing:2px}.glass-panel h3{font:800 37px/1.12 Manrope}.bars{display:flex;gap:8px;align-items:end;height:75px;margin-top:30px}.bars i{display:block;width:18%;border-radius:5px;background:linear-gradient(#7c6cff,#20d7e8)}.bars i:nth-child(1){height:38%}.bars i:nth-child(2){height:68%}.bars i:nth-child(3){height:95%}.mini-panel{position:absolute;right:0;bottom:18px;padding:18px 22px;border-radius:14px;background:#eef2ff;color:#0b0e19;font-weight:800;box-shadow:0 15px 40px #0006}.mini-panel span{margin-left:35px}.industries{padding-top:50px}.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.industry-grid span{padding:20px;border:1px solid #ffffff0d;border-radius:14px;background:#ffffff03;color:#9ca5ba}.seo-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.seo-copy{color:#a4adc1}.text-link{color:#9e96ff;font-weight:700}.seo-console{border:1px solid #ffffff10;border-radius:20px;background:#080b16;padding:12px}.seo-console div{display:flex;justify-content:space-between;padding:17px;border-bottom:1px solid #ffffff0a;color:#8d97ae}.seo-console div:last-child{border:0}.seo-console b{color:#63e7ef}.city-feature{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.city-feature a{padding:23px 12px;text-align:center;border-radius:16px;background:linear-gradient(145deg,#121727,#0c0f1a);border:1px solid #ffffff0e;font-weight:700}.all-cities{margin-top:22px}.all-cities summary{cursor:pointer;color:#9e96ff;font-weight:700;margin-bottom:20px}.feature-blog{background:radial-gradient(circle at 90% 10%,#7c6cff25,transparent 35%),#ffffff04}.blog-card span{color:#9e96ff;font-size:12px;font-weight:700}.premium-cta{display:flex;align-items:center;justify-content:space-between;gap:35px}.premium-cta h2{font-size:46px}.contact-hero{padding-bottom:25px}.contact-grid-v3{display:grid;grid-template-columns:.82fr 1.18fr;gap:25px}.contact-info,.form-card{border:1px solid #ffffff0e;border-radius:24px;background:#ffffff04;padding:35px}.contact-info h2,.form-card h2{font:800 31px Manrope}.form-card form{display:grid;gap:17px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-card label{display:grid;gap:7px;color:#8f99af;font-size:12px;font-weight:700}.form-card input,.form-card select,.form-card textarea{width:100%;border:1px solid #ffffff12;border-radius:11px;background:#080b16;color:#eef2ff;padding:13px 14px;font:inherit;outline:none}.form-card input:focus,.form-card select:focus,.form-card textarea:focus{border-color:#7c6cff}.submit-btn{border:0;cursor:pointer;justify-self:start}.hp{position:absolute!important;left:-9999px!important}.form-status{padding:13px;border-radius:10px;margin-bottom:18px;font-size:13px}.form-status.success{background:#20b85a1c;border:1px solid #20b85a55}.form-status.error{background:#e65b5b18;border:1px solid #e65b5b55}.map-section{padding:0 0 90px}.map-wrap-v3{height:440px;border-radius:24px;overflow:hidden;border:1px solid #ffffff0e}.map-wrap-v3 iframe{width:100%;height:100%;border:0}@media(max-width:900px){.hero-grid,.seo-grid,.contact-grid-v3{grid-template-columns:1fr}.hero-visual{min-height:390px}.process-grid{grid-template-columns:1fr 1fr}.industry-grid{grid-template-columns:1fr 1fr}.city-feature{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.hero-premium{min-height:auto}.hero-copy h1{letter-spacing:-1.5px}.hero-visual{min-height:320px}.browser-card{height:300px}.fc1{right:-5px}.fc2{left:-5px}.service-grid,.process-grid,.industry-grid,.form-row{grid-template-columns:1fr}.city-feature{grid-template-columns:1fr 1fr}.logo-strip .container{overflow:hidden;gap:25px;justify-content:flex-start}.premium-cta{display:block}.premium-cta .btn{margin-top:20px}.metric-list{grid-template-columns:1fr}.glass-panel{padding:30px}.glass-panel h3{font-size:30px}}
/* V5 SEO content */
.seo-page-hero{padding-bottom:55px}.seo-page-hero .lead{font-size:18px;max-width:850px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:65px;align-items:start}.long-prose{max-width:none}.long-prose h2{font:800 31px/1.18 Manrope;margin:52px 0 16px;letter-spacing:-.6px}.long-prose h2:first-child{margin-top:0}.long-prose p{font-size:16px;line-height:1.9;color:#aeb7ca}.article-aside{position:sticky;top:100px;display:grid;gap:15px}.aside-card{padding:25px;border:1px solid #ffffff0e;border-radius:18px;background:linear-gradient(145deg,#111625,#0b0e19)}.aside-card h3{font:800 22px Manrope}.aside-card p{color:#8993aa;font-size:13px}.aside-card>a:not(.btn){display:block;margin-top:12px;color:#9e96ff;font-size:13px}.faq-list{display:grid;gap:10px;margin-top:22px}.faq-list details{border:1px solid #ffffff0e;border-radius:14px;background:#ffffff03;padding:0 18px}.faq-list summary{cursor:pointer;padding:17px 0;color:#eef2ff;font-weight:700}.faq-list details p{padding:0 0 17px;margin:0}.home-seo{border-top:1px solid #ffffff08}@media(max-width:900px){.article-layout{grid-template-columns:1fr}.article-aside{position:static}.long-prose h2{font-size:27px}}
/* V6 sector links */
.industry-grid a{padding:24px;border:1px solid #ffffff0d;border-radius:16px;background:linear-gradient(145deg,#111625,#0b0e19);display:flex;min-height:155px;flex-direction:column;transition:.25s}.industry-grid a:hover{transform:translateY(-4px);border-color:#7c6cff66}.industry-grid a b{font:700 17px Manrope;color:#eef2ff}.industry-grid a small{display:block;margin-top:10px;color:#8993aa;line-height:1.55}.industry-grid a em{margin-top:auto;padding-top:14px;color:#9e96ff;font-size:12px;font-style:normal;font-weight:700}
/* V7 — restrained premium palette */
:root{
--v7-bg:#0d1117;
--v7-surface:#121821;
--v7-surface-2:#171e28;
--v7-line:rgba(255,255,255,.08);
--v7-text:#f2f4f7;
--v7-muted:#9ba5b3;
--v7-accent:#6f86a6;
--v7-accent-soft:#8ea2bd;
}
html,body{background:var(--v7-bg);color:var(--v7-text)}
body{background-image:none!important}
.gradient{
background:none!important;
-webkit-text-fill-color:inherit!important;
color:#d7e0eb!important;
}
.eyebrow{color:var(--v7-accent-soft)!important;letter-spacing:.12em}
.btn-primary{
background:#e9edf2!important;color:#10151c!important;
box-shadow:none!important;border:1px solid #e9edf2!important;
}
.btn-primary:hover{background:#fff!important;transform:translateY(-2px)}
.btn-secondary{background:transparent!important;border-color:var(--v7-line)!important}
.card,.service-card,.aside-card,.industry-grid a,.browser,.step,.blog-card,.work-card,.sector-card{
background:var(--v7-surface)!important;border-color:var(--v7-line)!important;
box-shadow:none!important;
}
.industry-grid a:hover,.service-card:hover,.blog-card:hover,.work-card:hover{
border-color:rgba(142,162,189,.38)!important;
box-shadow:0 16px 45px rgba(0,0,0,.18)!important;
}
.hero::before,.hero::after,.orb,.glow{opacity:.12!important;filter:blur(80px)!important}
p,.prose,.long-prose p{color:var(--v7-muted)!important}
header,.site-header{background:rgba(13,17,23,.9)!important;backdrop-filter:blur(14px)}
.premium-cta,.cta{background:linear-gradient(135deg,#151c25,#10151c)!important;border:1px solid var(--v7-line)!important}
.article-aside .aside-card{background:var(--v7-surface)!important}
.faq-list details{background:var(--v7-surface)!important;border-color:var(--v7-line)!important}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}
.work-card{padding:0;border:1px solid var(--v7-line);border-radius:18px;overflow:hidden;transition:.25s}
.work-visual{height:185px;background:linear-gradient(145deg,#1c2531,#111720);display:flex;align-items:flex-end;padding:20px;border-bottom:1px solid var(--v7-line)}
.work-visual span{font:800 22px Manrope;color:#dce4ee}
.work-body{padding:22px}.work-body h3{margin:0 0 10px}.work-body p{font-size:14px;line-height:1.7}
.work-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.work-tags span{font-size:11px;padding:6px 9px;border:1px solid var(--v7-line);border-radius:999px;color:#aeb8c5}
.blog-grid-v7{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}
.blog-card{padding:24px;border:1px solid var(--v7-line);border-radius:17px;transition:.25s}
.blog-card small{color:var(--v7-accent-soft)}.blog-card h3{font:750 19px/1.35 Manrope;margin:12px 0}.blog-card p{font-size:13px;line-height:1.7}
.blog-card>a{display:inline-block;margin-top:10px;color:#c5d0dc;font-weight:700;font-size:13px}
@media(max-width:950px){.portfolio-grid,.blog-grid-v7{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.portfolio-grid,.blog-grid-v7{grid-template-columns:1fr}}
/* =========================================================
V8 — LIGHT PREMIUM AGENCY THEME
========================================================= */
:root{
--v8-bg:#f6f8fb;
--v8-bg-alt:#eef2f6;
--v8-surface:#ffffff;
--v8-surface-soft:#f9fafc;
--v8-line:#e2e7ee;
--v8-line-strong:#d3dae4;
--v8-text:#152033;
--v8-heading:#101827;
--v8-muted:#647083;
--v8-accent:#426a91;
--v8-accent-dark:#315474;
--v8-accent-soft:#e8f0f7;
--v8-shadow:0 18px 50px rgba(23,38,58,.07);
}
html,body{
background:var(--v8-bg)!important;
color:var(--v8-text)!important;
background-image:none!important;
}
body:before,body:after{display:none!important}
.site-header,header{
background:rgba(255,255,255,.94)!important;
border-bottom:1px solid var(--v8-line)!important;
box-shadow:0 5px 25px rgba(20,32,51,.035)!important;
backdrop-filter:blur(14px);
}
.site-header a,header a,nav a{color:#26364a}
.site-header a:hover,header a:hover,nav a:hover{color:var(--v8-accent-dark)}
.logo,.brand,.site-logo{color:var(--v8-heading)!important}
.hero,.page-hero{
background:
radial-gradient(circle at 83% 18%,rgba(66,106,145,.10),transparent 27%),
radial-gradient(circle at 15% 20%,rgba(130,153,177,.09),transparent 24%),
linear-gradient(180deg,#ffffff 0%,#f6f8fb 100%)!important;
color:var(--v8-heading)!important;
}
.hero::before,.hero::after,.orb,.glow{
opacity:.07!important;
filter:blur(95px)!important;
}
.hero h1,.page-hero h1,.section h2,h1,h2,h3,h4{
color:var(--v8-heading)!important;
}
.gradient{
background:none!important;
-webkit-background-clip:initial!important;
background-clip:initial!important;
-webkit-text-fill-color:initial!important;
color:var(--v8-accent-dark)!important;
}
.eyebrow{
color:var(--v8-accent)!important;
letter-spacing:.12em;
}
p,.prose,.long-prose p,.section-head p,.lead{
color:var(--v8-muted)!important;
}
.section{
background:transparent!important;
}
.section:nth-of-type(even){
background:rgba(238,242,246,.48)!important;
}
.home-seo{border-top:1px solid var(--v8-line)!important}
.btn-primary{
background:var(--v8-heading)!important;
color:#fff!important;
border:1px solid var(--v8-heading)!important;
box-shadow:0 8px 24px rgba(16,24,39,.12)!important;
}
.btn-primary:hover{
background:var(--v8-accent-dark)!important;
border-color:var(--v8-accent-dark)!important;
color:#fff!important;
}
.btn-secondary{
background:#fff!important;
color:var(--v8-heading)!important;
border:1px solid var(--v8-line-strong)!important;
}
.btn-secondary:hover{
border-color:#aeb9c7!important;
background:#fafbfd!important;
}
.card,.service-card,.aside-card,.industry-grid a,.browser,.step,.blog-card,.work-card,.sector-card,
.stat-card,.feature-card,.process-card{
background:var(--v8-surface)!important;
border-color:var(--v8-line)!important;
color:var(--v8-text)!important;
box-shadow:0 8px 28px rgba(20,32,51,.035)!important;
}
.card:hover,.service-card:hover,.blog-card:hover,.work-card:hover,.industry-grid a:hover{
border-color:#c3ceda!important;
box-shadow:var(--v8-shadow)!important;
}
.service-card p,.blog-card p,.work-card p,.industry-grid small,.aside-card p{
color:var(--v8-muted)!important;
}
.service-card a,.blog-card>a,.aside-card>a:not(.btn),.industry-grid a em{
color:var(--v8-accent-dark)!important;
}
.industry-grid a b{
color:var(--v8-heading)!important;
}
.industry-grid a{
background:#fff!important;
}
.browser{
background:#fff!important;
box-shadow:0 28px 70px rgba(30,48,70,.11)!important;
}
.browser-top,.browser-bar{
background:#f0f3f7!important;
border-color:var(--v8-line)!important;
}
.browser-screen,.browser-body{
background:linear-gradient(145deg,#f7f9fc,#edf2f6)!important;
}
.work-visual{
background:linear-gradient(145deg,#e7edf4,#f7f9fb)!important;
border-color:var(--v8-line)!important;
}
.work-visual span{color:var(--v8-heading)!important}
.work-tags span{
border-color:var(--v8-line)!important;
color:var(--v8-muted)!important;
background:#f8fafc!important;
}
.article-aside .aside-card{
background:#fff!important;
}
.faq-list details{
background:#fff!important;
border-color:var(--v8-line)!important;
}
.faq-list summary{
color:var(--v8-heading)!important;
}
.faq-list details p{color:var(--v8-muted)!important}
.cta,.premium-cta{
background:linear-gradient(135deg,#eaf0f6,#f8fafc)!important;
border:1px solid var(--v8-line)!important;
box-shadow:none!important;
}
.cta h2,.premium-cta h2{color:var(--v8-heading)!important}
.cta p,.premium-cta p{color:var(--v8-muted)!important}
footer,.site-footer{
background:#111a27!important;
color:#cbd3dd!important;
border-top:none!important;
}
footer h3,footer h4,footer b,.site-footer h3,.site-footer h4{
color:#f4f6f9!important;
}
footer p,footer a,.site-footer p,.site-footer a{
color:#9ba8b8!important;
}
footer a:hover,.site-footer a:hover{color:#fff!important}
.mobile-menu,.nav-panel{
background:#fff!important;
color:var(--v8-heading)!important;
border-color:var(--v8-line)!important;
}
input,textarea,select{
background:#fff!important;
color:var(--v8-heading)!important;
border-color:var(--v8-line-strong)!important;
}
input:focus,textarea:focus,select:focus{
border-color:#8ba0b6!important;
box-shadow:0 0 0 3px rgba(66,106,145,.08)!important;
}
::selection{background:#dbe6f0;color:#101827}
@media(max-width:900px){
.hero,.page-hero{
background:linear-gradient(180deg,#fff 0%,#f6f8fb 100%)!important;
}
}
/* V9 visual polish */
.agency-showcase{position:relative;margin-top:34px;background:#fff;border:1px solid var(--v8-line);border-radius:24px;padding:12px;box-shadow:0 28px 70px rgba(25,42,62,.10);overflow:hidden}
.agency-showcase img{display:block;width:100%;height:auto;border-radius:16px}
.showcase-note{position:absolute;left:34px;bottom:34px;background:rgba(255,255,255,.94);border:1px solid #e0e6ed;border-radius:14px;padding:14px 18px;box-shadow:0 10px 30px rgba(20,32,51,.09);display:flex;flex-direction:column}
.showcase-note b{color:#101827;font:700 14px Manrope}.showcase-note span{color:#687589;font-size:11px;margin-top:3px}
.service-card .icon,.service-icon{background:#eef3f8!important;border:1px solid #dde5ed!important;color:#315474!important;box-shadow:none!important}
.industry-grid a{position:relative;overflow:hidden}.industry-grid a:before{content:"";width:34px;height:3px;border-radius:4px;background:#7891aa;display:block;margin-bottom:17px}
.visual-showcase{background:#f0f4f8!important}
@media(max-width:650px){.agency-showcase{padding:7px;border-radius:16px}.agency-showcase img{border-radius:11px}.showcase-note{position:static;margin:8px 2px 2px;box-shadow:none}}
/* V10 — premium homepage hero */
.hero-v10{padding:72px 0 58px!important;overflow:hidden}
.hero-v10-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(480px,1.12fr);align-items:center;gap:48px}
.hero-v10-copy{position:relative;z-index:2}
.hero-v10-copy h1{font-size:clamp(42px,5vw,70px);line-height:1.02;letter-spacing:-.045em;margin:15px 0 22px;max-width:760px}
.hero-v10-copy .lead{font-size:17px;line-height:1.75;max-width:650px}
.hero-checks{display:grid;grid-template-columns:1fr 1fr;gap:11px 20px;margin:27px 0 30px}
.hero-checks span{font-size:13px;font-weight:650;color:#35465a;display:flex;align-items:center;gap:9px}
.hero-checks span:before{content:"✓";display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#e8f0f7;color:#315474;font-size:11px;font-weight:900}
.hero-buttons{gap:12px;flex-wrap:wrap}
.hero-v10-visual{position:relative;border-radius:26px;overflow:hidden;background:#fff;border:1px solid #e0e6ed;box-shadow:0 30px 80px rgba(28,45,67,.12)}
.hero-v10-visual img{display:block;width:100%;height:auto;transform:scale(1.005)}
.hero-float{position:absolute;background:rgba(255,255,255,.95);border:1px solid #e0e6ed;border-radius:13px;padding:11px 14px;box-shadow:0 12px 35px rgba(20,32,51,.10);display:flex;flex-direction:column;backdrop-filter:blur(8px)}
.hero-float b{font:700 12px Manrope;color:#152033}.hero-float small{font-size:10px;color:#738095;margin-top:2px}
.hero-float-top{right:18px;top:18px}.hero-float-bottom{left:18px;bottom:18px}
@media(max-width:1050px){.hero-v10-grid{grid-template-columns:1fr 1fr;gap:30px}.hero-v10-copy h1{font-size:46px}}
@media(max-width:820px){.hero-v10{padding:48px 0 36px!important}.hero-v10-grid{grid-template-columns:1fr}.hero-v10-copy{text-align:left}.hero-v10-visual{max-width:680px}.hero-v10-copy h1{font-size:clamp(38px,11vw,54px)}}
@media(max-width:520px){.hero-checks{grid-template-columns:1fr}.hero-v10-visual{border-radius:17px}.hero-float{display:none}.hero-buttons .btn{width:100%;justify-content:center}}
/* =========================================================
V11 — reference-inspired full homepage system
========================================================= */
.v11-home{background:#fff;color:#10203b}
.v11-home .container{max-width:1180px}
.v11-hero{background:linear-gradient(105deg,#fff 0%,#fff 48%,#f2f7fc 100%);padding:58px 0 36px;overflow:hidden}
.v11-hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:40px;align-items:center}
.v11-kicker,.v11-head small,.v11-why-copy>small,.v11-seo-content small,.v11-city>div>small,.v11-final small{color:#1664df;font:700 11px Manrope;letter-spacing:.14em}
.v11-copy h1{font:800 clamp(43px,4.7vw,67px)/1.02 Manrope;letter-spacing:-.048em;color:#0d1a33;margin:14px 0 19px}.v11-copy h1 em{font-style:normal;color:#1267ed}
.v11-copy>p{font-size:15px;line-height:1.7;color:#526079;max-width:600px}
.v11-checks{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin:22px 0 26px}.v11-checks span{font-size:12px;color:#35445b;font-weight:600}.v11-checks span:before{content:"✓";display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#146af0;color:#fff;margin-right:8px;font-size:10px}
.v11-actions{display:flex;gap:12px}.v11-btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:8px;font:700 12px Manrope;transition:.2s}.v11-btn.primary{background:#1267ed;color:#fff;box-shadow:0 9px 24px rgba(18,103,237,.18)}.v11-btn.primary:hover{background:#0d57cb;transform:translateY(-2px)}.v11-btn.outline{border:1px solid #1267ed;color:#1267ed;background:#fff}
.v11-device{position:relative;min-height:430px;display:flex;align-items:center;justify-content:center}.v11-device-bg{position:absolute;inset:-70px -120px;background:radial-gradient(circle at 50% 45%,#dfeefa 0,#eef6fb 35%,transparent 67%);z-index:0}
.v11-laptop{width:84%;position:relative;z-index:2;filter:drop-shadow(0 25px 30px rgba(28,50,75,.17))}.v11-screen{aspect-ratio:16/9;background:#fff;border:10px solid #17202b;border-bottom-width:14px;border-radius:15px 15px 7px 7px;overflow:hidden}.v11-base{height:15px;width:112%;margin-left:-6%;background:linear-gradient(#d9dde1,#9ca4ad);border-radius:2px 2px 20px 20px}
.mini-nav{height:14%;display:flex;align-items:center;justify-content:space-between;padding:0 5%;font-size:6px;color:#17243b;border-bottom:1px solid #edf0f4}.mini-nav b{font-size:9px;color:#1267ed}.mini-page{height:65%;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;padding:5% 5% 2%;background:#f8fbfe}.mini-page small{font-size:5px;color:#1267ed}.mini-page h3{font:800 19px/1.02 Manrope;margin:5px 0;color:#0c1830}.mini-page p{font-size:6px;color:#66748a}.mini-page i{display:inline-block;background:#1267ed;color:#fff;font-style:normal;font-size:6px;padding:6px 8px;border-radius:4px}.mini-building{height:100%;border-radius:8px;background:linear-gradient(145deg,transparent 0 18%,#aac0d5 18% 20%,#324d68 20% 43%,#86a5c1 43% 46%,#253e58 46% 70%,#d5e2ec 70%);clip-path:polygon(10% 100%,20% 20%,74% 0,94% 100%)}.mini-services{height:21%;display:flex;align-items:center;justify-content:space-around;font-size:5px;color:#31506d}
.v11-phone{position:absolute;right:0;bottom:28px;width:118px;height:240px;background:#fff;border:7px solid #17202b;border-radius:23px;z-index:3;box-shadow:0 18px 30px rgba(28,50,75,.18);padding:24px 9px 9px;color:#13223b}.phone-notch{position:absolute;top:5px;left:36%;width:28%;height:5px;border-radius:10px;background:#17202b}.v11-phone b{font-size:8px;color:#1267ed}.v11-phone small{display:block;font-size:5px;margin-top:17px;color:#1267ed}.v11-phone h4{font:800 13px/1.1 Manrope;margin:4px 0}.phone-img{height:75px;border-radius:6px;background:linear-gradient(145deg,#dce9f3,#8eabc5);margin:10px 0}.v11-phone i{display:block;text-align:center;background:#1267ed;color:#fff;padding:7px 4px;border-radius:5px;font-size:6px;font-style:normal}.v11-handnote{position:absolute;right:-28px;top:30px;color:#1267ed;font:600 12px/1.45 cursive;transform:rotate(-5deg);z-index:4}
.v11-services{background:#f7f9fc;padding:0 0 36px}.v11-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.v11-service-grid>a{background:#fff;border:1px solid #e7ecf2;border-radius:12px;padding:20px;display:flex;gap:14px;box-shadow:0 7px 22px rgba(31,50,73,.035);transition:.2s}.v11-service-grid>a:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(31,50,73,.08)}.v11-icon{flex:0 0 42px;height:42px;border-radius:8px;background:#eaf2ff;color:#1267ed;display:grid;place-items:center;font:700 17px Manrope}.v11-service-grid h3{font:750 16px Manrope;margin:2px 0 8px;color:#101d34}.v11-service-grid p{font-size:11px;line-height:1.55;color:#657187;margin:0 0 10px}.v11-service-grid b{font-size:10px;color:#1267ed}
.v11-sector-section{padding:48px 0 30px;background:#f3f8fc}.v11-head h2{font:750 28px Manrope;color:#0e1c35;margin:8px 0 4px}.v11-head p{font-size:13px;color:#68758a}.v11-sector-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:9px;margin-top:24px}.v11-sector-grid>a{background:#fff;border:1px solid #e5ebf1;border-radius:9px;overflow:hidden;padding-bottom:12px;text-align:center;transition:.2s}.v11-sector-grid>a:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(28,48,70,.08)}.sector-pic{height:82px;display:grid;place-items:center;font-size:25px;color:#1267ed;background:linear-gradient(145deg,#dbe8f2,#f6f9fc);position:relative}.sector-pic:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,41,68,.12),transparent)}.factory{background:linear-gradient(135deg,#dce6ec,#a9bdc9)}.corporate{background:linear-gradient(135deg,#d9e7f0,#a5c2d7)}.service{background:linear-gradient(135deg,#efe9df,#d8c9b4)}.commerce{background:linear-gradient(135deg,#e4edf1,#c3d4dc)}.estate{background:linear-gradient(135deg,#d8e4e8,#9eb6be)}.health{background:linear-gradient(135deg,#eef2f5,#cbdbe5)}.tech{background:linear-gradient(135deg,#cdddeb,#809bb2)}.local{background:linear-gradient(135deg,#e8e1d5,#c5b49b)}.v11-sector-grid b{display:block;font-size:10px;color:#1a2940;margin:10px 3px 5px}.v11-sector-grid span{font-size:8px;color:#1267ed}
.v11-stats{padding:25px 0;background:#fff;border-bottom:1px solid #edf0f4}.v11-stat-grid{display:grid;grid-template-columns:repeat(4,1fr)}.v11-stat-grid>div{text-align:center;border-right:1px solid #e6eaf0}.v11-stat-grid>div:last-child{border:0}.v11-stat-grid strong{font:800 23px Manrope;color:#1267ed}.v11-stat-grid p{font-size:11px;color:#68758a;margin:3px 0}
.v11-why{padding:62px 0;background:#fff}.v11-why-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.v11-project-stack{height:350px;position:relative}.stack-card{position:absolute;width:72%;height:230px;border-radius:13px;padding:24px;box-shadow:0 20px 45px rgba(25,45,65,.14);border:8px solid #fff;background:linear-gradient(145deg,#e8f1f8,#9bb5ca);color:#10203b}.stack-card small{font-size:8px;color:#1267ed}.stack-card b{display:block;font:800 20px/1.1 Manrope;margin-top:12px}.stack-card.one{left:0;top:0;transform:rotate(-7deg)}.stack-card.two{left:14%;top:65px;z-index:2;background:linear-gradient(145deg,#f6f9fc,#c4d8e7)}.stack-card.three{right:0;top:25px;transform:rotate(7deg);background:linear-gradient(145deg,#f3eee7,#d9c8b3)}
.v11-why-copy h2{font:800 36px/1.08 Manrope;letter-spacing:-.03em;margin:10px 0 15px}.v11-why-copy>p{font-size:14px;line-height:1.7;color:#68758a}.whychecks{margin:23px 0}
.v11-seo-content{padding:64px 0;background:#f7f9fc}.v11-seo-grid{display:grid;grid-template-columns:1fr 330px;gap:70px}.v11-seo-content h2{font:750 31px/1.18 Manrope;margin:9px 0 18px}.v11-seo-content h3{font:700 20px Manrope;margin-top:28px}.v11-seo-content article p{font-size:14px;line-height:1.85;color:#637086}.v11-seo-card{background:#fff;border:1px solid #e1e7ee;border-radius:16px;padding:28px;position:sticky;top:100px}.v11-seo-card h3{font:750 22px Manrope}.v11-seo-card p{font-size:13px;line-height:1.65;color:#68758a;margin-bottom:20px}
.v11-city{padding:55px 0;background:#fff}.v11-city h2{font:750 29px Manrope;margin:9px 0}.v11-city p{color:#68758a;font-size:14px}.v11-city-links{display:flex;gap:9px;flex-wrap:wrap;margin-top:23px}.v11-city-links a{padding:9px 13px;border:1px solid #dfe5ec;border-radius:7px;color:#42546a;font-size:11px;background:#fafbfd}.v11-city-links a:hover{border-color:#1267ed;color:#1267ed}
.v11-final{padding:46px 0;background:#eaf3fb}.v11-final>.container{display:flex;align-items:center;justify-content:space-between;gap:30px}.v11-final h2{font:750 29px Manrope;margin:7px 0}.v11-final p{color:#66748a;font-size:13px;margin:0}
@media(max-width:1000px){.v11-hero-grid{grid-template-columns:1fr 1fr}.v11-sector-grid{grid-template-columns:repeat(4,1fr)}.v11-service-grid{grid-template-columns:1fr 1fr}.v11-device{min-height:360px}.v11-phone{width:95px;height:195px}.v11-handnote{display:none}}
@media(max-width:760px){.v11-hero-grid,.v11-why-grid,.v11-seo-grid{grid-template-columns:1fr}.v11-hero{padding-top:40px}.v11-copy h1{font-size:42px}.v11-device{min-height:340px}.v11-why-grid{gap:30px}.v11-project-stack{height:310px}.v11-seo-card{position:static}.v11-final>.container{align-items:flex-start;flex-direction:column}.v11-stat-grid{grid-template-columns:1fr 1fr;gap:18px}.v11-stat-grid>div{border:0}}
@media(max-width:520px){.v11-service-grid{grid-template-columns:1fr}.v11-sector-grid{grid-template-columns:1fr 1fr}.v11-checks{grid-template-columns:1fr}.v11-actions{flex-direction:column}.v11-actions .v11-btn{width:100%}.v11-device{min-height:280px}.v11-laptop{width:90%}.v11-phone{right:3px;bottom:10px;width:78px;height:165px;border-width:5px}.mini-page h3{font-size:13px}.v11-copy h1{font-size:37px}.v11-project-stack{height:250px}.stack-card{height:185px;padding:17px}.stack-card b{font-size:15px}}
/* ================= V12 uploaded-reference theme ================= */
.v12-header{height:62px;background:rgba(255,255,255,.97);border-bottom:1px solid #edf1f5;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px rgba(15,39,68,.025)}
.v12-nav{height:62px;display:flex;align-items:center;gap:24px}.v12-logo{display:flex;align-items:center;gap:8px;min-width:178px;color:#101b35}.v12-logo>i{width:23px;height:23px;border-radius:50%;background:#0873f9;box-shadow:0 0 0 5px #eaf3ff}.v12-logo span{display:flex;flex-direction:column}.v12-logo b{font:800 23px/1 Manrope;letter-spacing:-.04em}.v12-logo small{font:600 7px/1.4 Manrope;letter-spacing:.28em;color:#66758b}
.v12-menu{display:flex;align-items:stretch;justify-content:center;gap:23px;height:100%;margin:auto}.v12-menu>a,.v12-drop>a{height:100%;display:flex;align-items:center;font:600 11px Manrope;color:#26344a;white-space:nowrap;position:relative}.v12-menu>a:first-child{color:#0873f9}.v12-menu>a:first-child:after{content:"";height:2px;background:#0873f9;position:absolute;bottom:0;left:0;right:0}.v12-drop{position:relative;height:100%}.v12-drop>div{display:none;position:absolute;top:55px;left:-18px;width:190px;background:#fff;border:1px solid #e5eaf0;border-radius:9px;padding:8px;box-shadow:0 18px 45px rgba(25,45,70,.12)}.v12-drop:hover>div{display:block}.v12-drop>div a{display:block;padding:9px 10px;border-radius:6px;font-size:11px;color:#33445a}.v12-drop>div a:hover{background:#f2f7fd;color:#0873f9}
.v12-contact{display:flex;align-items:center;gap:15px;white-space:nowrap}.v12-phone{font-size:11px;color:#0873f9}.v12-phone b{color:#17243a;margin-left:5px}.v12-offer,.v12-primary{background:#0873f9;color:#fff!important;border-radius:7px;padding:11px 17px;font:700 11px Manrope;box-shadow:0 8px 20px rgba(8,115,249,.17)}.v12-menu-toggle{display:none;border:0;background:transparent;font-size:22px}
.v12-home{background:#fff;color:#101c35}.v12-hero{background:linear-gradient(90deg,#fff 0,#fff 40%,#f4f9fd 100%);overflow:hidden}.v12-hero-inner{min-height:395px;display:grid;grid-template-columns:43% 57%;align-items:center}.v12-hero-copy{padding:38px 0 34px;z-index:2}.v12-hero-copy>small,.v12-title small,.v12-showcase-copy>small,.v12-seo article>small{font:700 10px Manrope;letter-spacing:.14em;color:#0873f9}.v12-hero-copy h1{font:800 clamp(39px,4vw,58px)/1.02 Manrope;letter-spacing:-.045em;margin:12px 0 14px;color:#0d1831}.v12-hero-copy h1 em{font-style:normal;color:#0873f9}.v12-hero-copy>p{font-size:13px;line-height:1.55;color:#4c5b72;max-width:520px}.v12-checks{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin:18px 0 22px}.v12-checks span{font-size:11px;color:#35455c}.v12-checks span:before{content:"✓";display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#0873f9;color:#fff;font-size:9px;font-weight:900;margin-right:7px}.v12-buttons{display:flex;gap:12px}.v12-outline{border:1px solid #0873f9;color:#0873f9;border-radius:7px;padding:10px 25px;font:700 11px Manrope;background:#fff}
.v12-hero-photo{height:395px;position:relative;margin-right:calc((100vw - 1180px)/-2);overflow:hidden}.v12-hero-photo:before{content:"";position:absolute;left:0;top:0;bottom:0;width:85px;background:linear-gradient(90deg,#fff,transparent);z-index:2}.v12-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.v12-hero-photo>span{position:absolute;right:7%;top:13%;z-index:3;color:#0873f9;font:600 13px/1.35 cursive;transform:rotate(-4deg)}
.v12-services{background:#f6f9fc;padding:0 0 26px}.v12-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;transform:translateY(-1px)}.v12-service-grid>a{background:#fff;border:1px solid #e7ecf2;border-radius:10px;padding:17px;display:flex;gap:13px;min-height:126px;box-shadow:0 5px 18px rgba(28,50,74,.025)}.v12-service-grid>a>i{font-style:normal;flex:0 0 42px;height:42px;background:#eaf3ff;color:#0873f9;border-radius:7px;display:grid;place-items:center;font:700 17px Manrope}.v12-service-grid h3{font:750 15px Manrope;margin:3px 0 7px}.v12-service-grid p{font-size:10px;line-height:1.5;color:#596980;margin:0 0 7px}.v12-service-grid b{font-size:9px;color:#0873f9}
.v12-sectors{padding:34px 0 22px;background:#f0f7fc}.v12-title{display:flex;justify-content:space-between;align-items:end}.v12-title h2{font:800 25px Manrope;letter-spacing:-.025em;margin:6px 0 2px}.v12-title p{font-size:12px;color:#5b6a80;margin:0}.v12-title>a{border:1px solid #0873f9;color:#0873f9;border-radius:7px;padding:10px 16px;font-size:10px;font-weight:700}.v12-sector-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:9px;margin-top:18px}.v12-sector-grid>a{background:#fff;border:1px solid #e3e9ef;border-radius:7px;overflow:hidden;text-align:center;padding-bottom:9px}.v12-sector-grid img{width:100%;height:82px;object-fit:cover;display:block}.v12-sector-grid b{font:700 9px Manrope;display:flex;justify-content:center;align-items:center;gap:5px;margin:8px 2px 4px;color:#25344b}.v12-sector-grid b i{font-style:normal;color:#0873f9;font-size:14px}.v12-sector-grid span{font-size:8px;color:#0873f9}
.v12-stats{background:#fff;padding:19px 0}.v12-stats>.container{display:grid;grid-template-columns:repeat(4,1fr)}.v12-stats>div>div,.v12-stats .container>div{display:grid;grid-template-columns:40px auto;grid-template-rows:auto auto;align-items:center;padding:0 35px;border-right:1px solid #e3e8ee}.v12-stats .container>div:last-child{border:0}.v12-stats i{grid-row:1/3;font-style:normal;font-size:26px;color:#0873f9}.v12-stats strong{font:800 18px Manrope}.v12-stats span{font-size:10px;color:#596980}
.v12-showcase{padding:20px 0 8px;background:#fff}.v12-showcase-grid{display:grid;grid-template-columns:54% 46%;align-items:center;gap:34px}.v12-collage{position:relative}.v12-collage img{display:block;width:100%;max-height:330px;object-fit:cover;object-position:center;border-radius:4px}.v12-collage span{position:absolute;left:-20px;top:12px;color:#0873f9;font:600 12px/1.4 cursive;transform:rotate(-5deg)}.v12-showcase-copy h2{font:800 27px/1.08 Manrope;letter-spacing:-.025em;margin:7px 0 10px}.v12-showcase-copy>p{font-size:11px;line-height:1.55;color:#596980}.v12-showcase-copy .v12-checks{margin:12px 0 17px}
.v12-process{background:#062957;color:#fff;margin-top:8px}.v12-process>.container{display:grid;grid-template-columns:repeat(4,1fr)}.v12-process .container>div{padding:19px 25px;display:grid;grid-template-columns:35px 1fr;grid-template-rows:auto auto;border-right:1px solid rgba(255,255,255,.12)}.v12-process i{grid-row:1/3;font-style:normal;color:#1681ff;font-size:23px}.v12-process b{font:700 10px Manrope}.v12-process span{font-size:8px;color:#b7c7dc;margin-top:3px}
.v12-seo{padding:58px 0;background:#f7f9fc}.v12-seo>.container{display:grid;grid-template-columns:1fr 300px;gap:65px}.v12-seo h2{font:800 29px/1.15 Manrope;margin:8px 0 15px}.v12-seo h3{font:700 19px Manrope;margin-top:25px}.v12-seo article p{font-size:13px;line-height:1.8;color:#617086}.v12-seo aside{background:#fff;border:1px solid #e0e7ef;border-radius:12px;padding:24px;height:max-content}.v12-seo aside h3{margin:7px 0 10px}.v12-seo aside p{font-size:12px;line-height:1.6;color:#65748a;margin-bottom:20px}
@media(max-width:1100px){.v12-menu{gap:12px}.v12-contact .v12-phone{display:none}.v12-hero-photo{margin-right:0}.v12-sector-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:820px){.v12-header,.v12-nav{height:auto;min-height:62px}.v12-menu-toggle{display:block;margin-left:auto}.v12-menu{display:none;position:absolute;left:0;right:0;top:62px;background:#fff;height:auto;flex-direction:column;align-items:stretch;padding:15px 24px;border-top:1px solid #e8edf2;box-shadow:0 15px 30px rgba(20,40,60,.1)}.v12-menu>a,.v12-drop,.v12-drop>a{height:auto;padding:7px 0}.v12-contact{display:none}.v12-hero-inner{grid-template-columns:1fr}.v12-hero-copy{padding:42px 0 25px}.v12-hero-photo{height:330px}.v12-service-grid{grid-template-columns:1fr 1fr}.v12-showcase-grid,.v12-seo>.container{grid-template-columns:1fr}.v12-process>.container{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.v12-hero-copy h1{font-size:38px}.v12-checks,.v12-service-grid{grid-template-columns:1fr}.v12-buttons{flex-direction:column}.v12-buttons a{text-align:center}.v12-sector-grid{grid-template-columns:1fr 1fr}.v12-title{align-items:flex-start;gap:15px;flex-direction:column}.v12-stats>.container{grid-template-columns:1fr 1fr;gap:18px}.v12-stats .container>div{padding:0 8px;border:0}.v12-showcase-grid{gap:18px}.v12-process>.container{grid-template-columns:1fr}.v12-process .container>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}}
/* V12.2 — readability + refined navigation */
.v12-home,.v12-header,.v12-header a,.v12-home a,.v12-home button,
.v12-hero-copy h1,.v12-title h2,.v12-showcase-copy h2,.v12-seo h2,.v12-seo h3{
font-family:Arial,"Helvetica Neue",Helvetica,sans-serif!important
}
.v12-header{box-shadow:0 5px 22px rgba(22,48,78,.055)}
.v12-nav{min-height:70px!important;gap:25px}
.v12-logo{min-width:190px}
.v12-logo b{font-size:25px!important;letter-spacing:-.025em!important}
.v12-logo small{font-size:8px!important;letter-spacing:.24em!important}
.v12-menu{gap:25px!important}
.v12-menu>a,.v12-drop>a{font-size:13px!important;font-weight:600!important;color:#24344b!important}
.v12-menu>a:first-child{color:#0873f9!important}
.v12-menu>a:first-child:after{height:3px!important;border-radius:3px}
.v12-drop>a{gap:4px}
.v12-drop>div{top:63px!important;width:215px!important;padding:10px!important;border-radius:12px!important;box-shadow:0 18px 45px rgba(24,47,75,.14)!important}
.v12-drop>div a{font-size:12px!important;padding:11px 12px!important}
.v12-phone{font-size:12px!important}.v12-offer{font-size:12px!important;padding:12px 20px!important}
.v12-hero-inner{min-height:440px!important}
.v12-hero-copy>small,.v12-title small,.v12-showcase-copy>small,.v12-seo article>small{font-size:11px!important}
.v12-hero-copy h1{font-size:clamp(46px,4.2vw,64px)!important;font-weight:800!important;line-height:1.02!important;letter-spacing:-.045em!important}
.v12-hero-copy>p{font-size:15px!important;line-height:1.65!important;max-width:555px!important}
.v12-checks{gap:11px 20px!important}.v12-checks span{font-size:13px!important}.v12-checks span:before{width:19px!important;height:19px!important}
.v12-primary,.v12-outline{font-size:13px!important;padding:13px 20px!important}
.v12-hero-photo{height:440px!important}
.v12-service-grid>a{min-height:145px!important;padding:21px!important}
.v12-service-grid h3{font-size:17px!important}.v12-service-grid p{font-size:12px!important;line-height:1.55!important}.v12-service-grid b{font-size:11px!important}
.v12-title h2{font-size:30px!important}.v12-title p{font-size:14px!important}.v12-title>a{font-size:12px!important;padding:12px 18px!important}
.v12-sector-grid img{height:92px!important}.v12-sector-grid b{font-size:11px!important;margin-top:10px!important}.v12-sector-grid span{font-size:10px!important}
.v12-stats strong{font-size:21px!important}.v12-stats span{font-size:12px!important}
.v12-showcase-copy h2{font-size:32px!important}.v12-showcase-copy>p{font-size:13px!important;line-height:1.65!important}
.v12-process b{font-size:12px!important}.v12-process span{font-size:10px!important;line-height:1.45!important}
.v12-seo h2{font-size:32px!important}.v12-seo article p{font-size:15px!important;line-height:1.8!important}.v12-seo aside p{font-size:13px!important}
@media(max-width:1180px){.v12-menu{gap:15px!important}.v12-menu>a,.v12-drop>a{font-size:12px!important}.v12-logo{min-width:165px}}
@media(max-width:820px){.v12-nav{padding:0 20px}.v12-menu{top:70px!important;padding:12px 20px 20px!important;gap:0!important}.v12-menu>a,.v12-drop>a{font-size:14px!important;padding:12px 5px!important;border-bottom:1px solid #edf1f5}.v12-drop>div{position:static!important;display:block!important;width:auto!important;box-shadow:none!important;border:0!important;padding:0 0 5px 15px!important}.v12-drop>div a{font-size:13px!important}.v12-hero-copy h1{font-size:44px!important}.v12-hero-copy>p{font-size:15px!important}}
/* V12.3 mega sectors + portfolio */
.v12-header .v12-drop:nth-of-type(2)>div{left:50%!important;transform:translateX(-50%);width:720px!important;display:none;grid-template-columns:repeat(4,1fr);gap:8px;padding:18px!important}
.v12-header .v12-drop:nth-of-type(2):hover>div{display:grid!important}
.mega-col{display:flex!important;position:static!important;flex-direction:column!important;width:auto!important;padding:0 10px!important;border:0!important;box-shadow:none!important}
.mega-col>b{font:800 11px Arial;color:#0873f9;padding:7px 10px 8px;border-bottom:1px solid #edf1f5;margin-bottom:3px}
.mega-col>a{font-size:12px!important;padding:8px 10px!important}
.portfolio-page{font-family:Arial,"Helvetica Neue",sans-serif;background:#fff;color:#101c35}.portfolio-hero{padding:64px 0 44px;background:linear-gradient(120deg,#f7fbff,#edf6ff)}.portfolio-hero small,.portfolio-cta small{font-size:11px;font-weight:800;letter-spacing:.15em;color:#0873f9}.portfolio-hero h1{font-size:52px;line-height:1.02;letter-spacing:-.045em;margin:10px 0 16px}.portfolio-hero h1 em{font-style:normal;color:#0873f9}.portfolio-hero p{font-size:15px;line-height:1.7;color:#5b6b81;max-width:760px}.portfolio-warning{display:inline-block;margin-top:16px;background:#fff;border:1px solid #dce8f4;border-radius:8px;padding:10px 13px;color:#6b7889;font-size:11px}.portfolio-list{padding:42px 0 65px}.portfolio-filter{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.portfolio-filter b{font-size:20px}.portfolio-filter span{font-size:12px;color:#718096}.portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.portfolio-card{border:1px solid #e2e9f0;border-radius:12px;overflow:hidden;background:#fff;transition:.2s}.portfolio-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(24,50,78,.1)}.portfolio-shot{height:170px;padding:18px;background:linear-gradient(135deg,#dfeef9,#aac9df);position:relative;overflow:hidden}.portfolio-shot>span{font-size:9px;font-weight:800;letter-spacing:.08em;color:#fff;background:rgba(9,69,127,.55);padding:5px 7px;border-radius:5px}.pshot-2{background:linear-gradient(135deg,#ece4d9,#bba98f)}.pshot-3{background:linear-gradient(135deg,#e8dfe5,#bda6b6)}.pshot-4{background:linear-gradient(135deg,#e4f0ed,#9fc3bb)}.pshot-5{background:linear-gradient(135deg,#e9e3d8,#bcae92)}.pshot-6{background:linear-gradient(135deg,#d9e4f0,#859fb9)}.pshot-7{background:linear-gradient(135deg,#eee1d6,#c89f7f)}.pshot-8{background:linear-gradient(135deg,#e6ebf0,#aab7c5)}.fake-browser{position:absolute;left:30px;right:18px;top:45px;height:115px;background:#fff;border-radius:7px;box-shadow:0 15px 30px rgba(24,43,64,.18);padding:11px}.fake-browser i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#d9e0e7;margin-right:3px}.fake-browser b{display:block;font-size:15px;margin-top:17px}.fake-browser em{display:block;height:5px;width:75%;background:#e8edf2;border-radius:3px;margin-top:8px}.fake-browser em:last-child{width:48%;background:#1680fa}.portfolio-info{padding:17px}.portfolio-info small{font-size:9px;color:#0873f9;font-weight:800}.portfolio-info h3{font-size:17px;margin:6px 0}.portfolio-info p{font-size:12px;line-height:1.55;color:#65748a;min-height:55px}.portfolio-info>span{font-size:10px;color:#0873f9;font-weight:700}.portfolio-cta{background:#eaf4fd;padding:38px 0}.portfolio-cta>.container{display:flex;align-items:center;justify-content:space-between}.portfolio-cta h2{font-size:27px;margin:7px 0 0}
@media(max-width:1000px){.portfolio-grid{grid-template-columns:repeat(3,1fr)}.v12-header .v12-drop:nth-of-type(2)>div{width:620px!important}}
@media(max-width:820px){.v12-header .v12-drop:nth-of-type(2)>div{display:block!important;transform:none;width:auto!important}.mega-col{padding:0!important}.mega-col>b{padding-left:0}.portfolio-grid{grid-template-columns:1fr 1fr}.portfolio-hero h1{font-size:42px}}
@media(max-width:540px){.portfolio-grid{grid-template-columns:1fr}.portfolio-filter,.portfolio-cta>.container{align-items:flex-start;flex-direction:column;gap:16px}}
/* V12.4 clickable fictional case studies */
.portfolio-card-link{display:block;color:inherit;text-decoration:none;height:100%}.portfolio-info .fake-domain{display:block;font:600 10px Arial;color:#8290a2;margin:8px 0}.portfolio-info>span,.portfolio-card-link .portfolio-info>span{display:inline-block;font-size:11px!important;color:#0873f9;font-weight:800;margin-top:4px}
.case-page{font-family:Arial,"Helvetica Neue",sans-serif;color:#101c35}.case-hero{padding:65px 0 115px;background:linear-gradient(125deg,#f8fbff,#e9f4ff)}.case-kicker{font-size:11px;font-weight:800;letter-spacing:.14em;color:#0873f9}.case-hero h1{font-size:62px;letter-spacing:-.05em;margin:12px 0 12px}.case-hero>div>p{font-size:17px;line-height:1.65;color:#5d6c80;max-width:760px}.case-meta{display:flex;gap:50px;margin-top:30px}.case-meta div{display:flex;flex-direction:column;gap:5px}.case-meta small{font-size:10px;color:#8290a2;text-transform:uppercase;letter-spacing:.08em}.case-meta b{font-size:14px}.case-visual{margin-top:-70px}.case-browser{max-width:970px;margin:auto;background:#17243a;padding:9px;border-radius:14px;box-shadow:0 28px 70px rgba(23,49,78,.2)}.case-bar{height:33px;background:#f2f4f7;border-radius:8px 8px 0 0;padding:10px 13px}.case-bar i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#c5cbd3;margin-right:4px}.case-bar span{font-size:9px;color:#7d8998;margin-left:20px}.case-screen{height:430px;background:linear-gradient(125deg,#fff 0 53%,#dbeeff 53%);position:relative;padding:32px 42px;overflow:hidden}.case-logo{font-size:20px;font-weight:900}.case-screen nav{position:absolute;right:35px;top:36px;font-size:9px;color:#526176}.case-screen-copy{position:absolute;left:42px;top:125px;z-index:2}.case-screen-copy small{font-size:10px;color:#0873f9;font-weight:800}.case-screen-copy h2{font-size:43px;line-height:1.03;margin:9px 0 13px}.case-screen-copy p{font-size:12px;color:#68788c}.case-screen-copy button{border:0;background:#0873f9;color:#fff;border-radius:7px;padding:11px 15px;font-weight:700}.case-shape{position:absolute;width:340px;height:340px;border-radius:40% 60% 55% 45%;right:55px;bottom:-45px;background:linear-gradient(145deg,#147df5,#65b4ff);transform:rotate(-12deg);box-shadow:0 30px 70px rgba(0,85,190,.25)}.case-theme-2 .case-shape{background:linear-gradient(145deg,#ad7650,#e0b389)}.case-theme-3 .case-shape{background:linear-gradient(145deg,#46616e,#9db1b8)}.case-theme-4 .case-shape{background:linear-gradient(145deg,#169b88,#8bd3c7)}.case-theme-5 .case-shape{background:linear-gradient(145deg,#4e5d78,#98a7c0)}.case-theme-6 .case-shape{background:linear-gradient(145deg,#9c765b,#e0c0a7)}.case-content{padding:70px 0}.case-content>.container{display:grid;grid-template-columns:1fr 330px;gap:80px}.case-content article>small,.case-content aside>small{font-size:10px;color:#0873f9;font-weight:800;letter-spacing:.12em}.case-content article h2{font-size:34px;margin:8px 0 30px}.case-content article h3{font-size:18px;margin:25px 0 8px}.case-content article p{font-size:14px;line-height:1.8;color:#5d6c80}.case-content aside{background:#f6f9fc;border:1px solid #e2eaf2;border-radius:12px;padding:25px;height:max-content}.case-content aside ul{list-style:none;padding:0;margin:16px 0 22px}.case-content aside li{padding:10px 0;border-bottom:1px solid #e0e7ef;font-size:13px}.case-content aside li:before{content:"✓";color:#0873f9;font-weight:900;margin-right:8px}.case-note{background:#fff;border:1px solid #e0e7ef;border-radius:8px;padding:13px;margin:0 0 22px}.case-note b{font-size:11px}.case-note p{font-size:10px;line-height:1.5;color:#788697;margin:5px 0 0}.case-nav{border-top:1px solid #e5eaf0;padding:22px 0 35px}.case-nav>.container{display:flex;justify-content:space-between}.case-nav a{font-size:12px;color:#0873f9;font-weight:700}
@media(max-width:800px){.case-hero h1{font-size:46px}.case-meta{gap:20px;flex-wrap:wrap}.case-screen{height:330px;padding:25px}.case-screen nav{display:none}.case-screen-copy{left:25px;top:95px}.case-screen-copy h2{font-size:32px}.case-shape{width:230px;height:230px;right:-50px}.case-content>.container{grid-template-columns:1fr;gap:30px}}
/* V12.5 logo identity */
.v12-image-logo{min-width:205px!important;height:70px;display:flex!important;align-items:center!important}
.v12-image-logo img{display:block;width:190px!important;height:auto!important;max-height:57px;object-fit:contain;object-position:left center}
.v12-image-logo>i,.v12-image-logo>span{display:none!important}
@media(max-width:1180px){.v12-image-logo{min-width:175px!important}.v12-image-logo img{width:165px!important}}
@media(max-width:820px){.v12-image-logo{height:62px;min-width:165px!important}.v12-image-logo img{width:160px!important;max-height:50px}}
/* V12.6 — transparent logo + stronger corporate menu */
.v12-header{background:#fff!important;border-bottom:3px solid #0783d3!important;box-shadow:0 4px 12px rgba(14,38,64,.16)!important}
.v12-nav{min-height:82px!important;gap:0!important}
.v12-image-logo{height:82px!important;min-width:270px!important;padding-right:24px!important}
.v12-image-logo img{width:245px!important;max-height:70px!important;object-fit:contain!important;object-position:left center!important}
.v12-menu{height:82px!important;gap:0!important;margin:0 auto!important;border-left:1px solid #d8dde4}
.v12-menu>a,.v12-drop>a{height:82px!important;padding:0 17px!important;border-right:1px solid #d8dde4!important;font-size:13px!important;font-weight:800!important;text-transform:uppercase;color:#111827!important;letter-spacing:-.01em}
.v12-menu>a:hover,.v12-drop>a:hover{background:#f6fbff!important;color:#0873f9!important}
.v12-menu>a:first-child{color:#111827!important}
.v12-menu>a:first-child:after{display:none!important}
.v12-menu>a:before{content:"";position:absolute;left:17px;right:17px;bottom:0;height:3px;background:#0873f9;transform:scaleX(0);transition:.2s}
.v12-menu>a:hover:before{transform:scaleX(1)}
.v12-drop>div{top:79px!important;border-top:3px solid #0873f9!important}
.v12-contact{margin-left:16px!important}
.v12-phone{height:43px;display:flex!important;align-items:center;gap:9px;padding:3px 15px 3px 4px!important;border:2px solid #0873f9!important;border-radius:24px!important;background:#fff!important;text-decoration:none!important}
.v12-phone-icon{width:33px;height:33px;border:2px solid #111827;border-radius:50%;display:grid;place-items:center;font-size:17px;color:#111827;background:#fff}
.v12-phone b{font-size:13px!important;color:#111827!important;margin:0!important}
.v12-offer{display:none!important}
@media(max-width:1220px){
.v12-image-logo{min-width:220px!important}.v12-image-logo img{width:205px!important}
.v12-menu>a,.v12-drop>a{padding:0 11px!important;font-size:11px!important}
.v12-phone b{font-size:11px!important}
}
@media(max-width:900px){
.v12-nav{min-height:68px!important;padding:0 18px!important}
.v12-image-logo{height:68px!important;min-width:190px!important;padding-right:0!important}
.v12-image-logo img{width:185px!important;max-height:57px!important}
.v12-menu-toggle{display:block!important;margin-left:auto!important}
.v12-menu{display:none;height:auto!important;top:68px!important;border-left:0!important}
.v12-menu>a,.v12-drop>a{height:auto!important;padding:13px 7px!important;border-right:0!important;text-transform:none!important;font-size:14px!important}
.v12-contact{display:none!important}
}
/* V12.7 — logo fit, full phone visibility, rounded reference typography */
:root{
--v12-font:"Trebuchet MS","Arial Rounded MT Bold","Segoe UI",Arial,sans-serif;
}
.v12-header,.v12-header *,.v12-home,.v12-home *,.portfolio-page,.portfolio-page *,
.case-page,.case-page *{font-family:var(--v12-font)!important}
.v12-header{overflow:visible!important}
.v12-nav{
max-width:1240px!important;
width:calc(100% - 32px)!important;
min-height:76px!important;
height:76px!important;
margin:0 auto!important;
display:flex!important;
flex-wrap:nowrap!important;
overflow:visible!important;
}
.v12-image-logo{
flex:0 0 215px!important;
min-width:215px!important;
width:215px!important;
height:76px!important;
padding:5px 22px 5px 0!important;
overflow:visible!important;
}
.v12-image-logo img{
width:188px!important;
height:58px!important;
max-width:188px!important;
max-height:58px!important;
object-fit:contain!important;
object-position:left center!important;
display:block!important;
}
.v12-menu{
flex:1 1 auto!important;
min-width:0!important;
height:76px!important;
white-space:nowrap!important;
}
.v12-menu>a,.v12-drop>a{
height:76px!important;
padding:0 12px!important;
font-size:12px!important;
font-weight:700!important;
letter-spacing:0!important;
}
.v12-contact{
flex:0 0 auto!important;
min-width:185px!important;
margin-left:12px!important;
}
.v12-phone{
box-sizing:border-box!important;
width:185px!important;
max-width:185px!important;
height:42px!important;
padding:3px 10px 3px 3px!important;
overflow:hidden!important;
white-space:nowrap!important;
}
.v12-phone-icon{
flex:0 0 32px!important;
width:32px!important;
height:32px!important;
font-size:15px!important;
}
.v12-phone b{
display:block!important;
min-width:0!important;
font-size:11px!important;
font-weight:700!important;
white-space:nowrap!important;
}
.v12-drop>div{top:73px!important}
/* typography closer to the supplied SEO-site reference */
.v12-hero-copy h1{
font-family:var(--v12-font)!important;
font-weight:800!important;
letter-spacing:-.035em!important;
line-height:1.04!important;
}
.v12-hero-copy>p{
font-family:var(--v12-font)!important;
font-size:15px!important;
line-height:1.7!important;
font-weight:400!important;
}
.v12-checks span,.v12-primary,.v12-outline{
font-family:var(--v12-font)!important;
font-weight:600!important;
}
.v12-service-grid h3,.v12-title h2,.v12-showcase-copy h2,.v12-seo h2,
.portfolio-hero h1,.portfolio-info h3,.case-hero h1,.case-content h2{
font-family:var(--v12-font)!important;
font-weight:800!important;
letter-spacing:-.025em!important;
}
.v12-service-grid p,.v12-title p,.v12-showcase-copy p,.v12-seo p,
.portfolio-info p,.case-content p{font-family:var(--v12-font)!important}
/* desktop fit */
@media(max-width:1180px) and (min-width:901px){
.v12-nav{width:calc(100% - 20px)!important}
.v12-image-logo{flex-basis:180px!important;min-width:180px!important;width:180px!important;padding-right:12px!important}
.v12-image-logo img{width:165px!important;max-width:165px!important;height:52px!important}
.v12-menu>a,.v12-drop>a{padding:0 8px!important;font-size:10.5px!important}
.v12-contact{min-width:168px!important;margin-left:7px!important}
.v12-phone{width:168px!important;max-width:168px!important}
.v12-phone b{font-size:10px!important}
}
@media(max-width:900px){
.v12-nav{width:100%!important;height:68px!important;min-height:68px!important}
.v12-image-logo{flex:0 0 180px!important;width:180px!important;min-width:180px!important;height:68px!important;padding:5px 0!important}
.v12-image-logo img{width:168px!important;max-width:168px!important;height:53px!important}
.v12-menu{height:auto!important}
.v12-menu>a,.v12-drop>a{height:auto!important;font-size:14px!important}
}
/* V12.8 — reference-style navigation and dropped phone pill */
.v12-header{
position:relative!important;
z-index:1000!important;
background:#fff!important;
border-bottom:4px solid #0789d1!important;
box-shadow:0 5px 12px rgba(20,35,55,.13)!important;
overflow:visible!important;
}
.v12-nav{
position:relative!important;
max-width:1180px!important;
width:calc(100% - 36px)!important;
height:88px!important;
min-height:88px!important;
padding:0!important;
margin:0 auto!important;
overflow:visible!important;
}
.v12-image-logo{
flex:0 0 205px!important;
width:205px!important;
min-width:205px!important;
height:88px!important;
padding:7px 25px 7px 0!important;
display:flex!important;
align-items:center!important;
overflow:hidden!important;
}
.v12-image-logo img{
width:178px!important;
max-width:178px!important;
height:58px!important;
max-height:58px!important;
object-fit:contain!important;
object-position:left center!important;
display:block!important;
}
.v12-menu{
flex:1 1 auto!important;
height:88px!important;
min-width:0!important;
margin:0!important;
border-left:1px solid #d5d8dc!important;
padding-right:170px!important; /* room for dropped phone */
}
.v12-menu>a,.v12-drop>a{
position:relative!important;
height:88px!important;
padding:0 13px!important;
border-right:1px solid #d5d8dc!important;
font-family:"Trebuchet MS","Arial Rounded MT Bold","Segoe UI",Arial,sans-serif!important;
font-size:14px!important;
font-weight:700!important;
letter-spacing:-.25px!important;
text-transform:uppercase!important;
color:#090d13!important;
line-height:1!important;
}
.v12-menu>a:hover,.v12-drop>a:hover{color:#0787d1!important;background:#fbfdff!important}
.v12-drop>div{top:84px!important}
.v12-contact{
position:absolute!important;
right:0!important;
bottom:-24px!important;
z-index:1010!important;
min-width:0!important;
margin:0!important;
display:block!important;
}
.v12-phone{
width:226px!important;
max-width:226px!important;
height:46px!important;
padding:3px 17px 3px 3px!important;
gap:10px!important;
border:2px solid #0787d1!important;
border-radius:25px!important;
background:#fff!important;
box-shadow:0 2px 4px rgba(20,40,60,.08)!important;
overflow:visible!important;
}
.v12-phone-icon{
flex:0 0 36px!important;
width:36px!important;
height:36px!important;
border:2px solid #0a0e14!important;
font-size:17px!important;
background:#fff!important;
}
.v12-phone b{
font-family:"Trebuchet MS","Arial Rounded MT Bold","Segoe UI",Arial,sans-serif!important;
font-size:13px!important;
font-weight:700!important;
letter-spacing:.05px!important;
color:#101318!important;
}
.v12-offer{display:none!important}
/* Give the hero breathing room under the lowered phone pill */
.v12-hero{padding-top:43px!important}
/* More rounded reference typography throughout visible homepage UI */
.v12-home h1,.v12-home h2,.v12-home h3,
.v12-home p,.v12-home a,.v12-home span,.v12-home b,
.v12-menu a,.v12-phone{
font-family:"Trebuchet MS","Arial Rounded MT Bold","Segoe UI",Arial,sans-serif!important;
}
.v12-hero-copy h1{font-weight:700!important;letter-spacing:-2px!important}
.v12-hero-copy>p{font-size:15.5px!important;line-height:1.75!important}
.v12-title h2,.v12-service-grid h3,.v12-showcase-copy h2,.v12-seo h2{font-weight:700!important}
/* Medium desktop: keep all menu items readable */
@media(max-width:1220px) and (min-width:901px){
.v12-nav{width:calc(100% - 24px)!important}
.v12-image-logo{flex-basis:175px!important;width:175px!important;min-width:175px!important;padding-right:14px!important}
.v12-image-logo img{width:158px!important;max-width:158px!important;height:54px!important}
.v12-menu{padding-right:135px!important}
.v12-menu>a,.v12-drop>a{padding:0 8px!important;font-size:12px!important}
.v12-phone{width:202px!important;max-width:202px!important}
.v12-phone b{font-size:12px!important}
}
/* Mobile returns to normal flow */
@media(max-width:900px){
.v12-nav{height:68px!important;min-height:68px!important;width:100%!important;padding:0 18px!important}
.v12-image-logo{height:68px!important;flex:0 0 175px!important;width:175px!important;min-width:175px!important;padding:5px 0!important}
.v12-image-logo img{width:160px!important;max-width:160px!important;height:52px!important}
.v12-menu{height:auto!important;padding-right:0!important;border-left:0!important}
.v12-menu>a,.v12-drop>a{height:auto!important;font-size:14px!important;padding:14px 8px!important;border-right:0!important}
.v12-contact{display:none!important}
.v12-hero{padding-top:24px!important}
}
/* V12.9 — sticky header, properly fitted logo, phone directly under Contact */
.v12-header{
position:sticky!important;
top:0!important;
left:0!important;
right:0!important;
width:100%!important;
z-index:9999!important;
overflow:visible!important;
background:#fff!important;
border-bottom:4px solid #0789d1!important;
box-shadow:0 4px 12px rgba(15,35,55,.13)!important;
}
.v12-nav{
position:relative!important;
max-width:1180px!important;
width:calc(100% - 32px)!important;
height:82px!important;
min-height:82px!important;
margin:0 auto!important;
overflow:visible!important;
}
.v12-image-logo{
flex:0 0 190px!important;
width:190px!important;
min-width:190px!important;
height:82px!important;
padding:8px 18px 8px 0!important;
overflow:hidden!important;
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
}
.v12-image-logo img{
display:block!important;
width:162px!important;
max-width:162px!important;
height:52px!important;
max-height:52px!important;
object-fit:contain!important;
object-position:center center!important;
transform:none!important;
margin:0!important;
}
.v12-menu{
position:relative!important;
flex:1 1 auto!important;
height:82px!important;
padding-right:0!important;
margin:0!important;
overflow:visible!important;
}
.v12-menu>a,.v12-drop>a{
height:82px!important;
padding:0 14px!important;
font-size:14px!important;
font-weight:700!important;
font-family:"Trebuchet MS","Arial Rounded MT Bold","Segoe UI",Arial,sans-serif!important;
}
.v12-drop>div{top:78px!important}
/* Phone is aligned under the Contact item rather than floating at far right */
.v12-contact{
position:absolute!important;
right:0!important;
bottom:-25px!important;
z-index:10010!important;
width:224px!important;
min-width:224px!important;
margin:0!important;
transform:none!important;
display:block!important;
}
.v12-phone{
width:224px!important;
max-width:224px!important;
height:45px!important;
box-sizing:border-box!important;
border:2px solid #0789d1!important;
border-radius:25px!important;
background:#fff!important;
padding:3px 15px 3px 3px!important;
gap:10px!important;
box-shadow:0 2px 5px rgba(15,35,55,.10)!important;
}
.v12-phone b{font-size:13px!important;white-space:nowrap!important}
/* Reserve horizontal space so Contact ends approximately over phone */
.v12-menu{padding-right:205px!important}
/* Keep first content clear of the dropped phone */
.v12-hero{padding-top:45px!important}
@media(max-width:1220px) and (min-width:901px){
.v12-nav{width:calc(100% - 20px)!important}
.v12-image-logo{flex-basis:165px!important;width:165px!important;min-width:165px!important;padding-right:10px!important}
.v12-image-logo img{width:148px!important;max-width:148px!important;height:48px!important}
.v12-menu{padding-right:185px!important}
.v12-menu>a,.v12-drop>a{padding:0 9px!important;font-size:12px!important}
.v12-contact{width:205px!important;min-width:205px!important}
.v12-phone{width:205px!important;max-width:205px!important}
.v12-phone b{font-size:12px!important}
}
@media(max-width:900px){
.v12-header{position:sticky!important;top:0!important}
.v12-nav{height:68px!important;min-height:68px!important;width:100%!important;padding:0 18px!important}
.v12-image-logo{height:68px!important;flex:0 0 165px!important;width:165px!important;min-width:165px!important;padding:5px 0!important}
.v12-image-logo img{width:150px!important;max-width:150px!important;height:48px!important}
.v12-menu{height:auto!important;padding-right:0!important}
.v12-menu>a,.v12-drop>a{height:auto!important;padding:14px 8px!important;font-size:14px!important}
.v12-contact{display:none!important}
.v12-hero{padding-top:24px!important}
}
/* V13 — structural header fix: phone belongs to Contact */
.v12-header{
position:sticky!important;top:0!important;z-index:9999!important;
background:#fff!important;border-bottom:3px solid #078bd3!important;
overflow:visible!important;
}
.v12-nav{
max-width:1220px!important;width:calc(100% - 32px)!important;
height:78px!important;min-height:78px!important;
display:flex!important;align-items:stretch!important;overflow:visible!important;
}
.v12-image-logo{
flex:0 0 220px!important;width:220px!important;min-width:220px!important;
height:78px!important;padding:5px 22px 5px 0!important;
display:flex!important;align-items:center!important;overflow:visible!important;
}
.v12-image-logo img{
width:198px!important;max-width:198px!important;height:64px!important;max-height:64px!important;
object-fit:contain!important;object-position:left center!important;margin:0!important;
}
.v12-menu{
flex:1 1 auto!important;height:78px!important;padding:0!important;margin:0!important;
display:flex!important;align-items:stretch!important;border-left:1px solid #d8dce1!important;
overflow:visible!important;
}
.v12-menu>a,.v12-drop>a,.v12-contact-link{
box-sizing:border-box!important;height:78px!important;padding:0 15px!important;
display:flex!important;align-items:center!important;justify-content:center!important;
border-right:1px solid #d8dce1!important;
font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif!important;
font-size:13px!important;font-weight:700!important;letter-spacing:-.15px!important;
text-transform:uppercase!important;color:#10151d!important;text-decoration:none!important;
white-space:nowrap!important;
}
.v12-menu>a:hover,.v12-drop>a:hover,.v12-contact-link:hover{color:#078bd3!important;background:#fbfdff!important}
.v12-drop>div{top:75px!important}
.v12-contact-menu{
position:relative!important;display:flex!important;align-items:stretch!important;
flex:0 0 auto!important;height:78px!important;
}
.v12-contact-link{position:relative!important}
.v12-phone{
position:absolute!important;
top:64px!important;
right:0!important;
z-index:10020!important;
width:210px!important;max-width:210px!important;height:44px!important;
box-sizing:border-box!important;
display:flex!important;align-items:center!important;justify-content:flex-start!important;
gap:9px!important;padding:3px 13px 3px 3px!important;
border:2px solid #078bd3!important;border-radius:24px!important;
background:#fff!important;box-shadow:0 2px 5px rgba(15,35,55,.10)!important;
text-decoration:none!important;
}
.v12-phone-icon{
flex:0 0 34px!important;width:34px!important;height:34px!important;
display:grid!important;place-items:center!important;border:2px solid #10151d!important;
border-radius:50%!important;color:#10151d!important;background:#fff!important;font-size:16px!important;
}
.v12-phone b{
font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif!important;
font-size:12.5px!important;font-weight:700!important;color:#10151d!important;white-space:nowrap!important;
}
.v12-contact{display:none!important}
.v12-hero{padding-top:43px!important}
@media(max-width:1100px) and (min-width:901px){
.v12-nav{width:calc(100% - 20px)!important}
.v12-image-logo{flex-basis:185px!important;width:185px!important;min-width:185px!important;padding-right:12px!important}
.v12-image-logo img{width:170px!important;max-width:170px!important;height:56px!important}
.v12-menu>a,.v12-drop>a,.v12-contact-link{padding:0 9px!important;font-size:11.5px!important}
.v12-phone{width:195px!important;max-width:195px!important}
.v12-phone b{font-size:11.5px!important}
}
@media(max-width:900px){
.v12-nav{height:66px!important;min-height:66px!important;width:100%!important;padding:0 16px!important}
.v12-image-logo{height:66px!important;flex:0 0 180px!important;width:180px!important;min-width:180px!important;padding:4px 0!important}
.v12-image-logo img{width:168px!important;max-width:168px!important;height:54px!important}
.v12-menu{display:none!important;height:auto!important;border-left:0!important}
.v12-menu.is-open,.v12-menu.open,.v12-menu.active{display:block!important}
.v12-menu>a,.v12-drop>a,.v12-contact-link{height:auto!important;padding:14px 8px!important;border-right:0!important;justify-content:flex-start!important;font-size:14px!important}
.v12-contact-menu{display:block!important;height:auto!important}
.v12-phone{display:none!important}
.v12-hero{padding-top:24px!important}
}
/* V13.1 — use physically cropped header logo */
.v12-nav{height:76px!important;min-height:76px!important}
.v12-image-logo{
flex:0 0 230px!important;width:230px!important;min-width:230px!important;
height:76px!important;padding:4px 18px 4px 0!important;
display:flex!important;align-items:center!important;justify-content:flex-start!important;
overflow:visible!important;
}
.v12-image-logo img{
width:210px!important;max-width:210px!important;
height:66px!important;max-height:66px!important;
object-fit:contain!important;object-position:left center!important;
margin:0!important;padding:0!important;transform:none!important;
}
.v12-menu,.v12-contact-menu{height:76px!important}
.v12-menu>a,.v12-drop>a,.v12-contact-link{height:76px!important}
.v12-drop>div{top:73px!important}
.v12-phone{top:62px!important}
@media(max-width:1100px) and (min-width:901px){
.v12-image-logo{flex-basis:200px!important;width:200px!important;min-width:200px!important}
.v12-image-logo img{width:185px!important;max-width:185px!important;height:60px!important}
}
@media(max-width:900px){
.v12-image-logo{flex:0 0 185px!important;width:185px!important;min-width:185px!important;height:66px!important}
.v12-image-logo img{width:174px!important;max-width:174px!important;height:56px!important}
}
/* V13.2 — SEOCU-like two-state sticky header */
.v12-header{transition:height .22s ease,box-shadow .22s ease!important}
.v12-nav,.v12-image-logo,.v12-image-logo img,.v12-menu,.v12-menu>a,
.v12-drop>a,.v12-contact-menu,.v12-contact-link,.v12-phone{
transition:all .22s ease!important;
}
/* TOP: phone hangs below Contact */
.v12-header:not(.is-scrolled) .v12-phone{
position:absolute!important;
top:62px!important;
right:0!important;
width:210px!important;
height:44px!important;
}
/* SCROLLED: compact bar, phone moves to far right inside header */
.v12-header.is-scrolled{
box-shadow:0 4px 13px rgba(12,31,48,.18)!important;
}
.v12-header.is-scrolled .v12-nav{
height:66px!important;
min-height:66px!important;
max-width:1240px!important;
}
.v12-header.is-scrolled .v12-image-logo{
height:66px!important;
flex-basis:190px!important;
width:190px!important;
min-width:190px!important;
padding-top:3px!important;padding-bottom:3px!important;
}
.v12-header.is-scrolled .v12-image-logo img{
width:174px!important;
max-width:174px!important;
height:54px!important;
max-height:54px!important;
}
.v12-header.is-scrolled .v12-menu,
.v12-header.is-scrolled .v12-contact-menu{
height:66px!important;
}
.v12-header.is-scrolled .v12-menu>a,
.v12-header.is-scrolled .v12-drop>a,
.v12-header.is-scrolled .v12-contact-link{
height:66px!important;
}
.v12-header.is-scrolled .v12-drop>div{top:63px!important}
.v12-header.is-scrolled .v12-contact-menu{
padding-right:218px!important;
}
.v12-header.is-scrolled .v12-phone{
position:absolute!important;
top:11px!important;
right:0!important;
width:205px!important;
max-width:205px!important;
height:44px!important;
transform:translateX(218px)!important;
}
.v12-header.is-scrolled .v12-phone b{font-size:12px!important}
/* prevent menu collision on ordinary desktop widths */
@media(max-width:1180px) and (min-width:901px){
.v12-header.is-scrolled .v12-image-logo{
flex-basis:160px!important;width:160px!important;min-width:160px!important;
}
.v12-header.is-scrolled .v12-image-logo img{width:148px!important;max-width:148px!important}
.v12-header.is-scrolled .v12-menu>a,
.v12-header.is-scrolled .v12-drop>a,
.v12-header.is-scrolled .v12-contact-link{padding-left:8px!important;padding-right:8px!important;font-size:11px!important}
.v12-header.is-scrolled .v12-contact-menu{padding-right:190px!important}
.v12-header.is-scrolled .v12-phone{
width:180px!important;max-width:180px!important;transform:translateX(190px)!important;
}
.v12-header.is-scrolled .v12-phone b{font-size:10.5px!important}
}
@media(max-width:900px){
.v12-header.is-scrolled .v12-nav{height:66px!important;min-height:66px!important}
.v12-header.is-scrolled .v12-image-logo{height:66px!important;flex-basis:165px!important;width:165px!important;min-width:165px!important}
.v12-header.is-scrolled .v12-image-logo img{width:152px!important;max-width:152px!important}
.v12-header.is-scrolled .v12-contact-menu{padding-right:0!important}
.v12-header.is-scrolled .v12-phone{display:none!important}
}
/* V13.3 — scrolled phone directly beside Contact, fully readable */
@media(min-width:901px){
.v12-header.is-scrolled .v12-nav{
max-width:1240px!important;
justify-content:flex-start!important;
}
.v12-header.is-scrolled .v12-menu{
flex:0 1 auto!important;
width:auto!important;
min-width:0!important;
}
.v12-header.is-scrolled .v12-contact-menu{
position:relative!important;
display:flex!important;
align-items:center!important;
height:66px!important;
padding-right:218px!important;
}
.v12-header.is-scrolled .v12-phone{
position:absolute!important;
top:11px!important;
right:0!important;
transform:translateX(218px)!important;
width:214px!important;
max-width:214px!important;
height:44px!important;
padding-right:13px!important;
overflow:visible!important;
}
.v12-header.is-scrolled .v12-phone b{
font-size:12px!important;
white-space:nowrap!important;
overflow:visible!important;
}
}
@media(max-width:1180px) and (min-width:901px){
.v12-header.is-scrolled .v12-contact-menu{padding-right:196px!important}
.v12-header.is-scrolled .v12-phone{
transform:translateX(196px)!important;
width:192px!important;
max-width:192px!important;
}
.v12-header.is-scrolled .v12-phone b{font-size:11px!important}
}
/* V13.4 — only TOP-state optical corrections.
Scrolled-state layout from V13.3 is intentionally preserved. */
@media(min-width:901px){
/* Normal/top logo: optically centered, clear of the blue baseline */
.v12-header:not(.is-scrolled) .v12-image-logo{
height:76px!important;
padding:2px 18px 8px 0!important;
align-items:center!important;
overflow:visible!important;
}
.v12-header:not(.is-scrolled) .v12-image-logo img{
width:194px!important;
max-width:194px!important;
height:58px!important;
max-height:58px!important;
object-fit:contain!important;
object-position:left center!important;
transform:translateY(-3px)!important;
margin:0!important;
}
/* Normal/top phone starts from roughly the middle of the Contact label.
This makes it read as a continuation of Contact rather than a second menu. */
.v12-header:not(.is-scrolled) .v12-contact-menu{
position:relative!important;
overflow:visible!important;
}
.v12-header:not(.is-scrolled) .v12-phone{
top:61px!important;
right:auto!important;
left:50%!important;
transform:translateX(-5px)!important;
width:210px!important;
max-width:210px!important;
height:44px!important;
z-index:10020!important;
}
}
/* Slightly tighter top-state adjustment on narrower desktops */
@media(max-width:1100px) and (min-width:901px){
.v12-header:not(.is-scrolled) .v12-image-logo img{
width:174px!important;
max-width:174px!important;
height:55px!important;
transform:translateY(-3px)!important;
}
.v12-header:not(.is-scrolled) .v12-phone{
left:45%!important;
transform:translateX(-4px)!important;
width:198px!important;
max-width:198px!important;
}
}
/* V13.5 — only SCROLLED phone spacing:
place phone immediately after Contact with a small gap */
@media(min-width:901px){
.v12-header.is-scrolled .v12-contact-menu{
position:relative!important;
padding-right:224px!important;
}
.v12-header.is-scrolled .v12-phone{
position:absolute!important;
top:11px!important;
right:auto!important;
left:100%!important;
transform:translateX(14px)!important;
width:210px!important;
max-width:210px!important;
height:44px!important;
}
.v12-header.is-scrolled .v12-phone b{
font-size:12px!important;
white-space:nowrap!important;
}
}
@media(max-width:1180px) and (min-width:901px){
.v12-header.is-scrolled .v12-contact-menu{
padding-right:202px!important;
}
.v12-header.is-scrolled .v12-phone{
left:100%!important;
transform:translateX(12px)!important;
width:190px!important;
max-width:190px!important;
}
.v12-header.is-scrolled .v12-phone b{font-size:11px!important}
}
/* V13.6 — definitive scrolled placement:
no invisible reserved width; phone starts 10px after Contact */
@media(min-width:901px){
.v12-header.is-scrolled .v12-contact-menu{
position:relative!important;
flex:0 0 auto!important;
width:auto!important;
min-width:0!important;
padding-right:0!important;
margin-right:0!important;
overflow:visible!important;
}
.v12-header.is-scrolled .v12-phone{
position:absolute!important;
top:11px!important;
left:calc(100% + 10px)!important;
right:auto!important;
transform:none!important;
margin:0!important;
width:210px!important;
max-width:210px!important;
height:44px!important;
}
}
@media(max-width:1180px) and (min-width:901px){
.v12-header.is-scrolled .v12-contact-menu{
padding-right:0!important;
margin-right:0!important;
}
.v12-header.is-scrolled .v12-phone{
left:calc(100% + 8px)!important;
transform:none!important;
width:190px!important;
max-width:190px!important;
}
}
/* V13.7 — center the complete desktop header group */
@media(min-width:901px){
.v12-nav{
max-width:1240px!important;
width:calc(100% - 40px)!important;
margin-left:auto!important;
margin-right:auto!important;
justify-content:center!important;
}
.v12-image-logo{
flex-shrink:0!important;
}
.v12-menu{
flex:0 0 auto!important;
width:auto!important;
min-width:0!important;
}
/* Scrolled state: preserve Contact → small gap → phone,
but center the visible header composition better */
.v12-header.is-scrolled .v12-nav{
max-width:1240px!important;
width:calc(100% - 40px)!important;
margin:0 auto!important;
justify-content:center!important;
padding-right:220px!important;
box-sizing:border-box!important;
}
.v12-header.is-scrolled .v12-menu{
flex:0 0 auto!important;
width:auto!important;
}
}
@media(max-width:1180px) and (min-width:901px){
.v12-nav{width:calc(100% - 20px)!important}
.v12-header.is-scrolled .v12-nav{
width:calc(100% - 20px)!important;
padding-right:198px!important;
}
}
/* V13.8 — logo stays closer to left, navigation remains visually centered */
@media(min-width:901px){
.v12-nav{
position:relative!important;
max-width:1280px!important;
width:calc(100% - 32px)!important;
margin:0 auto!important;
justify-content:flex-start!important;
}
.v12-image-logo{
flex:0 0 205px!important;
width:205px!important;
min-width:205px!important;
margin-right:34px!important;
}
.v12-menu{
flex:0 0 auto!important;
width:auto!important;
margin:0!important;
}
/* Keep the compact/scrolled layout intact, only separate logo slightly */
.v12-header.is-scrolled .v12-nav{
max-width:1280px!important;
width:calc(100% - 32px)!important;
justify-content:flex-start!important;
padding-right:0!important;
}
.v12-header.is-scrolled .v12-image-logo{
margin-right:28px!important;
}
}
@media(max-width:1180px) and (min-width:901px){
.v12-image-logo{
margin-right:18px!important;
}
.v12-header.is-scrolled .v12-image-logo{
margin-right:14px!important;
}
}
/* V13.9 — keep logo left; center navigation group independently */
@media(min-width:901px){
.v12-nav{
position:relative!important;
max-width:1280px!important;
width:calc(100% - 32px)!important;
margin:0 auto!important;
justify-content:flex-start!important;
}
/* Logo keeps the approved left position */
.v12-image-logo{
position:relative!important;
z-index:2!important;
flex:0 0 205px!important;
width:205px!important;
min-width:205px!important;
margin-right:0!important;
}
/* Center menu independently from logo */
.v12-menu{
position:absolute!important;
left:50%!important;
transform:translateX(-50%)!important;
top:0!important;
width:auto!important;
height:76px!important;
margin:0!important;
flex:none!important;
overflow:visible!important;
}
/* Contact/phone remains structurally attached to the menu */
.v12-contact-menu{
position:relative!important;
}
/* Scrolled state: same centered menu, same Contact -> phone relationship */
.v12-header.is-scrolled .v12-nav{
max-width:1280px!important;
width:calc(100% - 32px)!important;
padding-right:0!important;
justify-content:flex-start!important;
}
.v12-header.is-scrolled .v12-image-logo{
margin-right:0!important;
}
.v12-header.is-scrolled .v12-menu{
position:absolute!important;
left:50%!important;
transform:translateX(-50%)!important;
top:0!important;
width:auto!important;
height:66px!important;
margin:0!important;
}
}
/* On narrower desktop screens avoid overlap with the left logo */
@media(max-width:1120px) and (min-width:901px){
.v12-menu{
left:55%!important;
}
.v12-header.is-scrolled .v12-menu{
left:54%!important;
}
}