/*
Theme Name: VAMTRONIX Signature A+B+D — Complete Launch
Theme URI: https://www.vamtronix.com/
Author: VAMTRONIX project design
Description: Original VAMTRONIX TM branding, accessible three-division consultancy site, role-specific guidance and secure enquiry forms.
Version: 2.4.5
Requires at least: 6.2
Requires PHP: 7.4
License: Proprietary VAMTRONIX project theme (customer supplied logo and original illustrations)
Text Domain: vamtronix
*/

:root{--ink:#15362e;--green:#15543d;--forest:#093b2b;--mint:#e8f0e8;--cream:#f7f6ef;--gold:#bf9850;--muted:#5d6b64;--line:#dce3dc;--serif:Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.65 'DM Sans',Arial,sans-serif;background:#fff}a{color:inherit;text-decoration:none}a:hover{color:#267354}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2{line-height:1.15;letter-spacing:-.035em}h1{font:normal clamp(2.7rem,5vw,5.4rem)/1.05 var(--serif)}h2{font:normal clamp(2rem,3vw,3.3rem)/1.12 var(--serif)}h3{font-size:1.17rem;line-height:1.3}.eyebrow{font-size:.73rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase;color:#407457}.container{width:min(1190px,calc(100% - 44px));margin:auto}.header{background:white;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:flex;align-items:center;gap:10px;flex-shrink:0}.logo img{width:194px;height:auto;display:block}.nav-links{display:flex;align-items:center;gap:23px;font-size:.87rem;font-weight:700}.nav-links a.active{color:#197b50}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;border-radius:4px;padding:12px 21px;font-size:.88rem;font-weight:700;transition:.2s;cursor:pointer;font-family:inherit}.btn.gold{background:#d8b364;color:#132c22}.btn.gold:hover{background:#e5c785;color:#132c22}.btn.dark{background:var(--forest);color:white}.btn.dark:hover{background:#196246;color:white}.btn.outline{border-color:#a4c4b4;color:inherit;background:transparent}.btn.outline:hover{background:#edf4ee}.mobile-toggle{display:none;background:none;border:0;font-size:1.6rem}.hero{background:#0b392b;color:white;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;min-height:600px;align-items:center}.hero-copy{padding:75px 48px 76px 0;position:relative;z-index:2}.hero .eyebrow{color:#c9b979}.hero h1{margin:20px 0 22px}.hero h1 em{font-style:normal;color:#d7ba70}.hero p{color:#deede4;max-width:540px;font-size:1.06rem}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.hero-art{height:100%;min-height:600px;position:relative}.hero-art img{position:absolute;width:110%;height:100%;object-fit:cover;object-position:center}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b392b 0%,transparent 26%)}.stats{background:#f3f5ef;border-bottom:1px solid var(--line)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:23px 0}.stat{display:flex;gap:13px;align-items:center;font-size:.85rem;font-weight:700;line-height:1.4}.stat i{font-size:1.65rem;font-style:normal;color:#277d50}.section{padding:85px 0}.section.alt{background:var(--cream)}.section.mint{background:#ebf2eb}.section.dark{background:#0b3c2c;color:white}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}.section-head p{max-width:530px;color:var(--muted)}.section.dark .section-head p{color:#d3e7db}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--line);background:white;border-radius:9px;overflow:hidden;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 13px 32px #14362718}.card-visual{height:185px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#ebf2eb}.card-visual img{width:100%;height:100%;object-fit:cover}.card-content{padding:25px}.card-content p{color:var(--muted);font-size:.93rem}.text-link{font-weight:800;color:#14543c;font-size:.91rem}.split{display:grid;grid-template-columns:1fr 1fr;gap:68px;align-items:center}.split img{border-radius:8px;width:100%}.intro{max-width:700px;color:var(--muted);font-size:1.06rem}.bullet{padding-left:18px;color:#47594d}.bullet li{margin:8px 0}.tag-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.tag{border:1px solid #ceded0;padding:7px 11px;background:#f7faf7;color:#275641;font-size:.83rem;border-radius:100px}.service-links{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.service-link{padding:23px;background:#fff;border:1px solid #d7e4d9;border-radius:8px}.service-link span{display:block;color:#a1834a;font-size:.78rem;font-weight:800;letter-spacing:.1em;margin-bottom:10px}.service-link strong{display:block;font-size:1.08rem;margin-bottom:10px}.service-link p{font-size:.88rem;color:var(--muted);margin:0}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;counter-reset:step}.process-item{border-top:2px solid #8cae97;padding-top:23px}.process-item b{display:inline-grid;place-items:center;width:43px;height:43px;background:#dceadf;border-radius:50%;color:#105236;margin-bottom:17px}.process-item p{font-size:.9rem;color:var(--muted)}.cta{background:#0b382a;color:white;padding:62px 0}.cta .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta p{color:#cce0d4;margin:0}.footer{background:#092b22;color:#edf2eb;padding:56px 0 24px}.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px}.footer a{display:block;color:#d5e6db;margin:8px 0;font-size:.89rem}.footer a:hover{color:white}.footer h3{font-size:.9rem}.footer p{color:#d2e3d8;font-size:.9rem}.footer .footnote{border-top:1px solid #315649;margin-top:37px;padding-top:17px;color:#bdd0c3;font-size:.78rem}.footer .logo img{background:white;padding:5px;border-radius:3px}.page-hero{background:#eff5ef;padding:88px 0 75px;border-bottom:1px solid var(--line)}.page-hero .container{max-width:1100px}.page-hero h1{font-size:clamp(2.6rem,4.7vw,4.8rem);max-width:910px;margin:12px 0 21px}.page-hero p{max-width:730px;font-size:1.1rem;color:#52655b}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:23px}.detail{padding:27px;border:1px solid #d9e2da;border-radius:7px;background:#fff}.detail p{color:var(--muted);font-size:.93rem}.callout{padding:28px;background:#eaf2e9;border-left:4px solid var(--green);margin:24px 0}.form{max-width:740px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.form label{font-size:.86rem;font-weight:700}.form input,.form select,.form textarea{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #bbcfc0;background:white;border-radius:4px;font:inherit}.form .full{grid-column:1/-1}.notice{font-size:.81rem;color:#5a6c60}.checker{background:white;border:1px solid #d4e0d5;padding:26px;border-radius:9px;display:grid;grid-template-columns:1fr 1fr;gap:17px}.checker label{font-size:.84rem;font-weight:700}.checker select{display:block;width:100%;padding:11px;border:1px solid #bed1c2;margin-top:5px;background:#fff}.checker button{grid-column:1/-1}.result{grid-column:1/-1;color:#234e3a;font-size:.9rem;border-top:1px solid #dde7dc;padding-top:13px}.small{font-size:.86rem}.legal{color:#697c6e;font-size:.82rem}.inline-link{color:#116c49;text-decoration:underline;text-underline-offset:3px}
@media(max-width:950px){.nav-links{display:none;position:absolute;top:86px;left:0;right:0;background:white;padding:24px;box-shadow:0 12px 20px #0002;flex-direction:column;align-items:start}.nav-links.open{display:flex}.mobile-toggle{display:block}.nav>.btn{display:none}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:70px 0 50px}.hero-art{min-height:300px;max-height:350px}.hero-art img{width:100%}.hero-art:after{display:none}.split{gap:30px}.foot-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.container{width:min(100% - 30px,1190px)}.hero h1{font-size:2.9rem}.section{padding:56px 0}.stats-grid,.cards,.service-links,.process,.detail-grid,.split,.foot-grid{grid-template-columns:1fr}.stats-grid{gap:14px}.section-head{display:block}.cta .container{display:block}.cta .btn{margin-top:24px}.checker,.form{grid-template-columns:1fr}.checker button,.result,.form .full{grid-column:1}.page-hero{padding:60px 0}.logo img{width:165px}}

/* V2 review-only presentation and new editorial FAQ */
.review-strip{background:#f4f0e4;border-bottom:1px solid #ddd9cb;padding:12px 0;color:#254337}.review-grid{display:flex;align-items:center;gap:24px;justify-content:space-between}.review-grid>div{display:flex;flex-direction:column;min-width:220px}.review-grid strong{font-size:.81rem}.review-grid span{font-size:.72rem;color:#5f7167;line-height:1.35}.review-grid label{font-size:.75rem;font-weight:700;display:flex;align-items:center;gap:9px}.review-grid select{border:1px solid #c6d0c4;background:white;color:#173d2a;border-radius:4px;padding:9px;max-width:360px;font:inherit}.reset-review{background:none;border:1px solid #aabcae;padding:8px 12px;border-radius:4px;cursor:pointer;color:#21432e}.faq-section{background:#fafaf6}.faqs details{border-bottom:1px solid #cddacf;padding:18px 0}.faqs summary{cursor:pointer;font-size:1rem;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:12px}.faqs summary::-webkit-details-marker{display:none}.faqs summary:after{content:'+';font-weight:400;font-size:1.5rem;color:#1f6145}.faqs details[open] summary:after{content:'−'}.faqs p{font-size:.91rem;color:#597064;padding:10px 30px 0 0;margin:0}.review-strip:focus-within{outline-offset:-3px}
@media(max-width:950px){.review-grid{flex-wrap:wrap;gap:10px}.review-grid label{flex-wrap:wrap}.review-grid select{max-width:100%}}
@media(max-width:650px){.review-grid>div,.review-grid label{width:100%}.review-grid select{width:100%}.reset-review{margin-bottom:2px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Tailored project support — original VAMTRONIX concept */
.audience-section{background:#f3f7f3}.audience-panel{background:#fff;border:1px solid #dce7dc;border-radius:19px;padding:clamp(20px,4vw,42px);box-shadow:0 14px 35px rgba(19,62,47,.06)}.audience-intro h3,.audience-contact h3{margin:0 0 8px;color:#123b2c}.audience-intro p,.audience-contact p{color:#587266;margin:0 0 18px}.audience-choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:24px}.audience-option{font:inherit;min-height:64px;border:1px solid #d7e5dd;color:#234737;background:#f9fbf8;border-radius:12px;padding:10px;cursor:pointer;font-weight:650}.audience-option:hover,.audience-option:focus-visible{border-color:#2d7957}.audience-option.selected{background:#e3efe6;border:2px solid #1f6644}.audience-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0 22px}.audience-form-grid label{display:grid;gap:6px;font-weight:650;color:#294c3c;font-size:14px}.audience-form-grid input,.audience-form-grid select{font:inherit;width:100%;border:1px solid #cbdacf;padding:12px;border-radius:9px;background:white;color:#173a2c;min-height:45px}.optional{font-size:12px;color:#71877a;font-weight:400}.audience-result{margin-top:24px;border-top:1px solid #dce7dd;padding-top:20px}.audience-result h3{margin:0 0 7px;color:#144831}.audience-result ul{padding-left:22px;line-height:1.7}.audience-result p{color:#476557}.audience-contact{border-top:1px solid #dce7dd;margin-top:22px;padding-top:20px}.consent-line{display:flex;align-items:flex-start;gap:10px;margin:0 0 18px;font-size:13px;color:#4b6558}.consent-line input{margin-top:4px}.audience-result .disclaimer{font-size:12px;color:#657b6d}.audience-contact .small{margin-top:12px;color:#486456}@media(max-width:850px){.audience-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.audience-form-grid{grid-template-columns:1fr}.audience-choices{grid-template-columns:1fr}.audience-option{min-height:46px}}

.audience-choices{grid-template-columns:repeat(4,minmax(0,1fr))}
.guide-shell{background:#f4f7f2;padding:65px 0 85px}.guide-card{background:white;border:1px solid #d9e4d9;border-radius:16px;padding:clamp(20px,4vw,38px);box-shadow:0 12px 32px #143b2a0b}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:19px}.guide-field{display:grid;gap:7px;font-weight:700;color:#244838;font-size:.89rem}.guide-field select,.guide-field input{border:1px solid #baccbd;border-radius:7px;padding:12px;font:inherit;min-height:46px;background:white}.guide-field.full{grid-column:1/-1}.guide-note{font-size:.81rem;font-weight:400;color:#597063}.guide-controls{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.guide-result{margin-top:28px;padding:28px;background:#edf4ed;border-left:4px solid #27724a;border-radius:5px}.guide-result h2{font-size:clamp(1.5rem,3vw,2.3rem)}.guide-result li{margin:8px 0}.guide-result h3{margin:23px 0 7px}.guide-result p{color:#415d4d}.guide-label{font-size:.74rem;letter-spacing:.13em;font-weight:800;color:#346f4a;text-transform:uppercase}.guide-mini{padding:17px;border:1px solid #cfded0;border-radius:8px;background:#fff}.guide-contact{border-top:1px solid #d8e4d8;margin-top:25px;padding-top:25px}.guide-consent{display:flex;gap:10px;align-items:flex-start;font-size:.85rem;margin-top:15px}.guide-consent input{margin-top:5px}.guide-status{font-size:.87rem;color:#42614c;margin-top:9px}.guide-resource{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0}.guide-resource>div{background:#eaf0e9;padding:16px;border-radius:8px}.guide-resource strong{display:block;margin-bottom:5px}.guide-resource p{font-size:.83rem;color:#536b5a;margin:0}@media(max-width:740px){.guide-grid,.guide-resource{grid-template-columns:1fr}.guide-field.full{grid-column:1}.guide-shell{padding:45px 0}.guide-result{padding:18px}}

/* V5: unified viewport-efficient editorial system. */
:root{--content-max:1210px}
body{line-height:1.53}
.container{width:min(var(--content-max),calc(100% - 54px))}
.nav{height:72px;gap:15px}.logo img{width:181px}.nav-links{gap:18px;font-size:.85rem}
.header .btn{padding:10px 16px}.page-hero{padding:43px 0 38px}.page-hero .container{max-width:1210px}
.page-hero h1{font-size:clamp(2.1rem,3.55vw,3.65rem);line-height:1.08;letter-spacing:-.03em;max-width:960px;margin:8px 0 12px}
.page-hero p{font-size:1.025rem;line-height:1.55;max-width:840px;margin:0}
.eyebrow{font-size:.7rem;letter-spacing:.13em}
.section{padding:48px 0}.section-head{margin-bottom:22px;gap:20px}
h2{font-size:clamp(1.65rem,2.45vw,2.65rem)}.section-head h2{margin:6px 0 0}
.intro{font-size:1rem}.detail-grid{gap:15px}.detail{padding:19px 21px}.detail h3{margin-bottom:8px}.detail p{margin:0;line-height:1.5}
.service-links,.cards{gap:14px}.service-link{padding:18px}.service-link strong{margin-bottom:5px}.service-link span{margin-bottom:6px}
.card-visual{height:155px}.card-content{padding:18px}.card-content p{margin-bottom:12px}
.split{gap:34px}.tag-list{margin-top:16px}.process{gap:18px}.process-item{padding-top:13px}.process-item b{margin-bottom:8px}
.cta{padding:36px 0}.cta h2{font-size:clamp(1.6rem,2.5vw,2.35rem);margin-bottom:6px}
.footer{padding:36px 0 20px}.foot-grid{gap:25px}.footer .footnote{margin-top:24px}
.hero-grid{min-height:470px;grid-template-columns:1.05fr 1fr}.hero-copy{padding:42px 25px 45px 0}.hero-art{min-height:470px}
.hero h1{font-size:clamp(2.45rem,4.35vw,4.25rem);margin:12px 0 14px}.hero p{font-size:1rem}.actions{margin:20px 0}
.stats-grid{padding:15px 0;gap:18px}.stat i{font-size:1.35rem}
.review-strip{padding:8px 0}.guide-shell{padding:37px 0 50px}.guide-card{padding:24px}.guide-resource{margin:17px 0}
.audience-panel{padding:26px}.audience-choices{margin-bottom:15px}.audience-option{min-height:54px}.audience-form-grid{gap:12px;margin:12px 0 16px}
.page-quicklinks{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:19px}.page-quicklinks a{display:inline-flex;background:white;border:1px solid #cbded1;border-radius:5px;padding:6px 10px;font-size:.8rem;color:#24523d;font-weight:700}.page-quicklinks a:hover{background:#dfece1}.page-quicklinks span{color:#5c7464;font-size:.77rem;font-weight:700;margin-right:4px}
.section[id]{scroll-margin-top:85px}
@media(max-width:950px){.nav-links{top:72px}.hero-grid{grid-template-columns:1.15fr .85fr}.hero-art{min-height:450px}.hero-art img{width:115%}.hero-copy{padding-right:10px}.hero h1{font-size:clamp(2.3rem,4.5vw,3.2rem)}.nav>.btn{display:none}}
@media(max-width:720px){.container{width:calc(100% - 32px)}.nav{height:66px}.nav-links{top:66px}.logo img{width:161px}.page-hero{padding:30px 0 25px}.page-hero h1{font-size:clamp(2rem,7.5vw,2.8rem)}.page-hero p{font-size:.96rem}.section{padding:36px 0}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:37px 0 26px}.hero h1{font-size:clamp(2.3rem,8vw,3.4rem)}.hero-art{min-height:215px;max-height:260px}.stats-grid,.cards,.service-links,.process,.detail-grid,.split,.foot-grid{grid-template-columns:1fr}.card-visual{height:180px}.review-grid{gap:6px}.guide-shell{padding:25px 0}.guide-card{padding:17px}.page-quicklinks{gap:6px}.page-quicklinks a{padding:5px 8px}.cta{padding:30px 0}}


/* Business Consultancy - independent corporate editorial palette */
body.business-theme{--bc-navy:#10293e;--bc-blue:#186a9b;--bc-ink:#172a3c;--bc-muted:#576b7c;--bc-light:#f0f5f8;--bc-gold:#e3b95e;color:var(--bc-ink)}
.business-theme .header{border-bottom-color:#dbe5eb}.business-theme .nav-links a.active{color:var(--bc-blue);border-bottom:2px solid var(--bc-blue)}
.business-theme .header .btn.gold{background:var(--bc-navy);color:#fff}.business-theme .header .btn.gold:hover{background:var(--bc-blue);color:#fff}
.bc-hero{background:linear-gradient(118deg,#10293e,#173b58 72%,#245b79);color:white;overflow:hidden}.bc-hero-grid{display:grid;grid-template-columns:1.06fr .94fr;min-height:395px;gap:24px;align-items:center;padding:36px 0}.bc-kicker{font-size:.73rem;letter-spacing:.13em;font-weight:800;color:#27739e;text-transform:uppercase}.bc-hero .bc-kicker{color:#9bcee4}.bc-hero h1{font:700 clamp(2.5rem,4vw,4.6rem)/1.09 'Manrope',Arial,sans-serif;letter-spacing:-.048em;margin:12px 0 16px;max-width:670px}.bc-hero h1 span{color:#f1c86c}.bc-lead{font-size:1.05rem;max-width:570px;color:#dde9f3}.bc-actions{display:flex;gap:10px;flex-wrap:wrap;margin:21px 0}.bc-primary,.bc-secondary{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:6px;font:750 .88rem 'DM Sans',sans-serif;cursor:pointer;transition:.15s;text-decoration:none}.bc-primary{background:#e8b75c;border:1px solid #e8b75c;color:#10283d}.bc-primary:hover{background:#f2cb80;color:#10283d}.bc-secondary{border:1px solid #7a9db4;color:white}.bc-secondary:hover{background:#2b5271;color:white}.bc-proof{font-size:.72rem;color:#afcbdc;letter-spacing:.1em;font-weight:700}.bc-art img{width:100%;height:auto;display:block;max-height:330px;object-fit:contain}.bc-context{background:#dceaf1;border-bottom:1px solid #ccdde8}.bc-context-inner{padding:14px 0;display:flex;align-items:center;gap:17px;flex-wrap:wrap;font-size:.83rem;color:#315268}.bc-context-inner strong{color:#113b5a}.bc-context-inner span:not(:last-child):after{content:' · ';padding-left:14px;color:#91aabb}
.bc-section{padding:52px 0}.bc-section.bc-soft{background:#f1f5f8}.bc-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:23px}.bc-heading h2,.bc-assessment h2,.bc-callout h2{font:750 clamp(1.8rem,2.6vw,2.65rem)/1.2 'Manrope',sans-serif;letter-spacing:-.04em;margin:8px 0 0}.bc-heading>p{max-width:440px;font-size:.91rem;color:var(--bc-muted);margin:0}.bc-scenarios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.bc-scenario{padding:23px;background:white;border:1px solid #d4e1e7;border-top:4px solid #237ba8;border-radius:7px;box-shadow:0 7px 24px #0e32480b}.bc-num{font-size:.7rem;font-weight:800;color:#27739e;letter-spacing:.11em}.bc-scenario h3{font:750 1.1rem/1.35 'Manrope',sans-serif;margin:12px 0}.bc-scenario p,.bc-scenario li{color:#526577;font-size:.9rem;line-height:1.52}.bc-scenario h4{font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;color:#123d5c;margin:20px 0 8px}.bc-scenario ul{padding-left:17px;margin:0}.bc-scenario li{margin:5px 0}.bc-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.bc-service-grid article{border:1px solid #d7e1e8;background:white;padding:20px;border-radius:7px}.bc-service-grid b{color:#2380ae}.bc-service-grid h3{font:750 1rem/1.35 'Manrope',sans-serif;margin:13px 0 9px}.bc-service-grid p{font-size:.88rem;color:#576b7c;min-height:95px}.bc-service-grid span{display:block;border-top:1px solid #e1e8ed;padding-top:10px;font-size:.73rem;color:#47728c}.bc-assessment{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:start}.bc-assessment p{color:#596c79}.bc-small{font-size:.8rem}.bc-assessment-card{border-radius:10px;padding:25px;background:#eaf1f6;border:1px solid #d2e0eb}.bc-assessment-card label{display:block;font-weight:800;margin-bottom:10px}.bc-assessment-card select{width:100%;min-height:48px;border:1px solid #a9c2d1;background:white;border-radius:5px;padding:10px;font:inherit;margin-bottom:13px}.bc-assessment-card .bc-primary{width:100%}.bc-result{margin-top:20px;border-top:1px solid #bcd1e0;padding-top:17px}.bc-result h3{font:750 1.05rem 'Manrope',sans-serif}.bc-result li{margin:6px 0;color:#405a6e}.bc-result p{font-size:.78rem}.bc-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.bc-steps>div{padding:16px 0;border-top:2px solid #397eaa}.bc-steps b{display:inline-flex;background:#d9e9f4;color:#205f86;border-radius:50%;width:35px;height:35px;align-items:center;justify-content:center}.bc-steps h3{margin:10px 0 6px;font:750 1.02rem 'Manrope',sans-serif}.bc-steps p{color:#5c7180;font-size:.86rem}.bc-callout{background:#122e45;color:white;padding:36px 0}.bc-callout .container{display:flex;align-items:center;justify-content:space-between;gap:25px}.bc-callout .bc-kicker{color:#a4d3e7}.bc-callout h2{margin:5px 0}.bc-callout p{color:#c9dce6;margin:0;max-width:650px}.business-theme .footer{background:#0b2639}.business-theme .footer a:hover{color:#e8b75c}
@media(max-width:950px){.bc-hero-grid{grid-template-columns:1fr 0.85fr}.bc-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bc-scenarios{grid-template-columns:1fr 1fr}.bc-assessment{gap:25px}}
@media(max-width:700px){.bc-hero-grid{grid-template-columns:1fr;gap:5px;padding:28px 0}.bc-hero h1{font-size:clamp(2.15rem,8vw,3.5rem)}.bc-art img{max-height:210px}.bc-context-inner span{display:none}.bc-section{padding:35px 0}.bc-heading{display:block}.bc-heading>p{margin-top:9px}.bc-scenarios,.bc-service-grid,.bc-steps,.bc-assessment{grid-template-columns:1fr}.bc-service-grid p{min-height:0}.bc-callout .container{display:block}.bc-callout .bc-primary{margin-top:18px}}

/* Final review: compact layout + usable multi-level navigation */
.nav-links{gap:13px;flex-wrap:nowrap}.nav-links>a,.nav-main{font-size:.81rem;white-space:nowrap}.nav-dropdown{position:relative}.nav-dropdown-top{display:flex;align-items:center;gap:1px}.nav-main{display:inline-block;padding:12px 1px}.nav-drop-toggle{border:0;background:transparent;color:#275e48;cursor:pointer;font-size:1.1rem;padding:8px 6px}.nav-drop-panel{display:none;position:absolute;left:-14px;top:100%;width:280px;background:white;border:1px solid #d8e3dc;border-radius:9px;box-shadow:0 14px 30px #153b312a;padding:10px;z-index:50;max-height:min(70vh,550px);overflow:auto}.nav-drop-panel a{display:block;padding:9px 11px;border-radius:5px;color:#163a2d;font-weight:600;font-size:.83rem;white-space:normal}.nav-drop-panel a:hover,.nav-drop-panel a:focus-visible{background:#eaf2ec;color:#0c4c30}.nav-dropdown:hover .nav-drop-panel,.nav-dropdown:focus-within .nav-drop-panel,.nav-dropdown.open .nav-drop-panel{display:block}.nav{gap:10px}.nav>.btn{font-size:.77rem;padding:11px 13px}.logo img{width:165px}
.page-hero{padding:38px 0 35px}.page-hero h1{font-size:clamp(2.1rem,3.8vw,3.5rem);max-width:1020px;margin:8px 0 12px}.page-hero p{font-size:1rem;max-width:880px}.page-hero .actions{margin:12px 0 0}.section{padding:48px 0}.section-head{margin-bottom:21px}.section-head h2{font-size:clamp(1.7rem,2.65vw,2.65rem)}.detail{padding:20px}.cards .card-visual{height:150px}.card-content{padding:19px}.section-head p{margin-bottom:0}.compact-info .detail-grid{grid-template-columns:repeat(2,1fr)}.readiness-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;list-style:none;margin:0;padding:0}.readiness-list li{background:#fff;border:1px solid #d5e3da;border-left:3px solid #3d8460;border-radius:7px;padding:15px 17px}.faq-list details{background:white;border:1px solid #d6e2d9;border-radius:6px;padding:13px 17px;margin:10px 0}.faq-list summary{font-weight:750;cursor:pointer}.faq-list p{margin:10px 0 0;color:#506258}.consent-label{display:flex!important;gap:9px;align-items:start}.consent-label input{width:auto!important;margin-top:5px!important}.business-theme .nav-drop-panel{background:#fff}.business-theme .nav-drop-panel a:hover{background:#eaf2fa;color:#194a71}
@media(max-width:1120px){.nav-links{gap:7px}.logo img{width:143px}.nav>.btn{display:none}}
@media(max-width:950px){.nav-links{top:72px;max-height:calc(100vh - 72px);overflow:auto;gap:5px;align-items:stretch}.nav-dropdown,.nav-dropdown-top{width:100%}.nav-main{flex:1}.nav-drop-panel{position:static;box-shadow:none;width:100%;max-height:none;border-radius:5px;margin:0 0 6px 0}.nav-dropdown:hover:not(.open) .nav-drop-panel{display:none}.nav-dropdown:focus-within:not(.open) .nav-drop-panel{display:none}.nav-links a{width:auto}.nav-drop-toggle{padding:12px 20px}.nav-dropdown.open .nav-drop-panel{display:block}}
@media(max-width:650px){.compact-info .detail-grid,.readiness-list{grid-template-columns:1fr}.page-hero{padding:27px 0}.section{padding:34px 0}.page-hero h1{font-size:2rem}.section-head{margin-bottom:16px}}

#downloadGuidance{margin:10px 0 22px}.checker .result ul{padding-left:20px}.checker .result li{margin:6px 0}

/* Final QA polish: preserve a dense, editorial first-screen experience. */
:root{--focus-ring:#d6a94f}
:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}
.nav-drop-panel a:focus-visible,.nav-drop-toggle:focus-visible{outline:2px solid #b88a25;outline-offset:2px}
.nav-drop-toggle{min-width:38px;min-height:38px}
.mobile-toggle{min-width:42px;min-height:42px}
.heading-accent{color:#257651}
.qa-note{font-size:.83rem;color:#567063;margin:12px 0}
.guide-hero{background:linear-gradient(115deg,#eaf3ec,#f7f8f4);padding:37px 0 33px;border-bottom:1px solid #d9e7dc}
.guide-hero h1{font-size:clamp(2.15rem,3.65vw,3.5rem);line-height:1.1;letter-spacing:-.025em;margin:8px 0 13px;max-width:930px}
.guide-hero p{color:#50675d;font-size:1.05rem;max-width:840px;margin:0}
.guide-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:25px;align-items:start}
.guide-form{background:#fff;padding:24px;border:1px solid #d6e2d9;border-radius:12px;box-shadow:0 10px 28px #153b3010;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.guide-form label{display:grid;gap:6px;font-size:.86rem;font-weight:700;color:#254e3e}
.guide-form label.full,.guide-form button.full{grid-column:1/-1}
.guide-form select,.guide-form input,.guide-form textarea{width:100%;font:inherit;color:#183d31;background:#fbfdfb;border:1px solid #c4d7ca;border-radius:6px;padding:11px 12px;min-height:43px}
.guide-response{background:#eaf2ec;padding:22px;border-radius:11px;border:1px solid #d4e5d9;color:#1d4333}
.guide-response h3{margin:0 0 10px;font-size:1.1rem}
.guide-response ul{padding-left:20px;margin:8px 0 16px}.guide-response li{margin:8px 0}
.guide-form .smallhelp{grid-column:1/-1;font-size:.8rem;font-weight:400;color:#5a7264;margin:0}
.secondary-cta{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:16px}
.guide-contact{background:#f5f8f5;border:1px solid #dbe6de;border-radius:10px;padding:22px;margin-top:24px}
.guide-contact h3{margin:0 0 12px}
.guide-contact label{display:grid;gap:6px;margin:10px 0;font-weight:600;font-size:.88rem}
.guide-contact input{width:100%;padding:11px;border:1px solid #c6d8ca;border-radius:6px}
.guide-contact .checkboxline{display:flex;align-items:flex-start;gap:9px}.guide-contact .checkboxline input{width:auto;margin-top:5px}
.guide-contact button{margin-top:10px}
@media(max-width:760px){.guide-layout{grid-template-columns:1fr}.guide-form{grid-template-columns:1fr}.guide-hero{padding:27px 0}.guide-response{padding:18px}}
@media(max-width:950px){.nav-links.open{display:flex}.nav-links:not(.open){display:none}}


/* Lightweight instant service locator, no third-party scripts */
.find-service{padding:22px 0;background:#f3f7f3;border-block:1px solid #dae6dd}
.find-service-inner{display:flex;gap:18px;align-items:center;justify-content:space-between}
.find-service label{color:#1c4333;font-size:.95rem}.find-service label strong{display:block}.find-service label span{font-size:.78rem;color:#607369}
.service-search-area{width:min(100%,570px);position:relative}.service-search-area input{width:100%;box-sizing:border-box;border:1px solid #a9c2b2;border-radius:9px;padding:13px 15px;background:white;font:inherit;color:#173c30}
.service-search-results:not(:empty){z-index:5;position:absolute;top:calc(100% + 3px);left:0;right:0;max-height:310px;overflow-y:auto;background:white;box-shadow:0 8px 24px #10392722;border:1px solid #d3e1d6;border-radius:8px}
.service-search-results a{display:block;padding:12px 15px;border-bottom:1px solid #eef2ee;color:#154d3b;font-size:.92rem;text-decoration:none}
.service-search-results a:hover,.service-search-results a:focus{background:#e8f2eb}
@media(max-width:800px){.find-service-inner{display:block}.service-search-area{width:100%;margin-top:13px}}

/* V9 — reliable anchor alignment beneath VAMTRONIX's sticky header.
   Individual service targets are h3 elements, not .section elements. */
:root{--anchor-clearance:104px}
main [id]{scroll-margin-top:var(--anchor-clearance)}
@media(max-width:720px){:root{--anchor-clearance:92px}}
/* Hide the dropdown after selecting a same-page destination, even while
   the pointer remains over the header; next pointer entry re-enables it. */
.nav-dropdown[data-nav-closed="1"] .nav-drop-panel{display:none!important}
.detail:has(> h3:target){border-color:#80b295;box-shadow:0 0 0 2px #e0efe3}
.detail h3:target{color:#145b3f}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* V10: VAMTRONIX's OWN logo, sharp high-contrast artwork and restrained response. */
.header .logo{position:relative;isolation:isolate;line-height:1;padding:6px 2px;border-radius:6px;transition:transform .16s ease,filter .16s ease}
.header .logo img{display:block;width:208px;max-width:100%;height:auto;object-fit:contain;image-rendering:auto}
.header .logo::after{content:'';position:absolute;bottom:1px;left:2px;right:2px;height:2px;background:linear-gradient(90deg,#086c5e,#d8b364);border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .18s ease}
.header .logo:hover,.header .logo:focus-visible{transform:translateY(-1px)}
.header .logo:hover img,.header .logo:focus-visible img{}
.header .logo:hover::after,.header .logo:focus-visible::after{transform:scaleX(1)}
.header .logo:focus-visible{outline:2px solid #aa862d;outline-offset:3px}
@media(max-width:1080px){.nav-links{display:none;position:absolute;top:86px;left:0;right:0;background:white;padding:20px 24px;box-shadow:0 12px 20px #0002;flex-direction:column;align-items:stretch;max-height:calc(100vh - 86px);overflow:auto;gap:5px}.nav-links.open{display:flex}.mobile-toggle{display:block}.nav>.btn{display:none}.nav-dropdown,.nav-dropdown-top{width:100%}.nav-main{flex:1}.nav-drop-panel{position:static;box-shadow:none;width:100%;max-height:none;border-radius:5px;margin:0 0 6px 0}.nav-dropdown:hover:not(.open) .nav-drop-panel,.nav-dropdown:focus-within:not(.open) .nav-drop-panel{display:none}.nav-dropdown.open .nav-drop-panel{display:block}.nav-drop-toggle{padding:12px 20px}}
@media(max-width:720px){.header .logo img{width:190px}.nav-links{top:66px;max-height:calc(100vh - 66px)}}
@media(max-width:360px){.header .logo img{width:170px}}
/* Prevent sticky navigation from hiding ANY service anchor, including section subheadings. */
html{scroll-padding-top:110px}
main [id], [id].section, .detail[id], .page-quicklinks[id]{scroll-margin-top:110px}
@media(max-width:720px){html{scroll-padding-top:90px}main [id], [id].section, .detail[id], .page-quicklinks[id]{scroll-margin-top:90px}}
/* The menu should never cover what was just selected. */
.nav-dropdown[data-nav-closed="1"] .nav-drop-panel{display:none!important}
@media(prefers-reduced-motion:reduce){.header .logo,.header .logo img,.header .logo::after{transition:none!important;transform:none!important}}


body.business-theme .bc-service-grid article:target{border-color:#e0aa43;outline:2px solid #f0d38a;outline-offset:2px;background:#fffdf7}
body.business-theme .bc-service-grid article[id]{scroll-margin-top:115px}



/* VAMTRONIX V14 • exact, unchanged TM logo; website colour system aligned to its teal & blue. */
:root{
 --brand-teal:#3FAF97;--teal-deep:#147D70;--teal-strong:#117467;
 --ink:#163A43;--green:#0B6054;--forest:#0B6054;
 --mint:#E5F5F0;--cream:#F5FBF9;--gold:#D9B66D;
 --muted:#536B70;--line:#D7E9E4;--focus-ring:#0E766B;
 --corporate-navy:#173B59;
}
html{scroll-padding-top:108px}
body{color:var(--ink);background:#fff}
a:hover{color:var(--teal-deep)}
.header{background:#fff;border-bottom:1px solid #D7E9E4;box-shadow:0 2px 12px rgba(19,92,82,.045)}
.logo img,.header .logo img{filter:none!important;opacity:1!important;image-rendering:auto}
.header .logo:hover img{filter:none!important;opacity:1!important}
.header .logo::after{background:var(--brand-teal)}
.nav-links a.active,.nav-main:hover,.nav-drop-toggle:hover{color:#147D70}
.nav-drop-panel{border-color:#D5E8E2;box-shadow:0 17px 38px rgba(0,54,62,.13)}
.nav-drop-panel a:hover,.nav-drop-panel a:focus-visible{background:#E6F5F0;color:#0B6054}
.nav-drop-panel a.active,.nav-drop-panel a[aria-current="page"]{background:#ECF8F4;color:#0B6054}
.btn.dark,.btn.gold{background:#147D70;color:#fff;border-color:#147D70}
.btn.gold:hover,.btn.dark:hover{background:#0B6054;color:#fff}
.btn.outline{border-color:#83BDB0;color:#15584E}
.btn.outline:hover{background:#E3F5EE;color:#0B6054}
.header .btn.gold{background:#147D70;color:white}
.eyebrow{color:#147D70}
.hero{background:linear-gradient(112deg,#F8FCFA 0%,#EFF9F5 49%,#E3F4EE 100%);color:#153A40}
.hero .eyebrow{color:#148576}
.hero h1{color:#153A40}
.hero h1 em{color:#239B89}
.hero p,.hero .small{color:#466769}
.hero .btn.outline{color:#155D55!important;border-color:#82BEB0!important}
.hero-art:after{background:linear-gradient(90deg,#EAF7F2 0%,transparent 36%)}
.find-service,.stats{background:#F2FAF7;border-color:#DCEBE5}
.stats{border-color:#E1EEE9}
.find-service .service-search-area input:focus{outline-color:var(--teal-deep);border-color:var(--brand-teal)}
.mint,.section.mint,.audience-section,.guide-shell,.faq-section{background:#EDF8F4!important}
.section.alt{background:#F8FBFA}
.service-link,.card,.detail,.audience-panel,.resource-card,.guide-card{border-color:#D7E9E3}
.card-visual{background:#ECF8F4}
.card:hover{box-shadow:0 16px 28px rgba(12,95,84,.11)}
.section.dark{background:#0B6054}
.page-hero{background:linear-gradient(110deg,#E8F7F2,#F7FCF9);border-color:#D7E9E3}
.page-hero p{color:#4A676A}
.page-quicklinks a{border-color:#BDE0D5;color:#127D70;background:white}
.page-quicklinks a:hover{background:#DFF5ED}
.cta{background:#0D6055!important;color:#fff}
.footer{background:#0D3B3E!important;color:#F3FBF8}
.footer a{color:#D1E7E2}
.footer .footnote{border-color:#386A67;color:#BCD7D2}
.guide-hero{background:linear-gradient(110deg,#ECF9F5,#F8FBF9)}
.guide-response,.audience-option.selected,.audience-option[aria-pressed="true"]{border-color:#48B39E;background:#E9F7F3}
:focus-visible{outline-color:var(--teal-deep)}
/* Corporate pages retain a distinct navy + blue experience, with teal brand continuity. */
body.business-theme{--bc-navy:#173B59;--bc-blue:#1B5E86;--bc-ink:#17394F;
 --bc-light:#F2F7FA;--bc-gold:#D9B66D;color:#17394F}
.business-theme .header .btn.gold{background:#176F77;color:white}
.business-theme .nav-links a.active{color:#167F7A;border-color:#218C7E}
.bc-hero{background:linear-gradient(118deg,#12324D 0%,#173B59 67%,#16596A 100%);color:white}
.bc-kicker,.bc-hero .bc-kicker{color:#71D7C3}
.bc-context{background:#ECF5F8}
.bc-section.bc-soft,.section.compact-info.bc-soft{background:#F1F6FA!important}
.bc-callout{background:linear-gradient(110deg,#103A54,#0D646D)!important}
.bc-assessment{background:#EBF5F6}
.business-theme .btn.dark{background:#176F77;color:white}
.business-theme .btn.gold{background:#D9B66D;color:#173B59;border-color:#D9B66D}
.business-theme .btn.gold:hover{background:#E8C986;color:#173B59}
/* Important: user must land ABOVE intended content, even with sticky header. */
main [id],.detail[id],.page-quicklinks[id],.bc-service-grid article[id]{scroll-margin-top:110px}
@media(max-width:720px){html{scroll-padding-top:90px}
 main [id],.detail[id],.page-quicklinks[id],.bc-service-grid article[id]{scroll-margin-top:90px}}
.nav-dropdown[data-nav-closed="1"] .nav-drop-panel{display:none!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}



/* ORIGINAL VAMTRONIX CONCEPT B / editorial, architectural, performance-led. */
:root{--ink:#162e36;--green:#006c66;--forest:#093b42;--mint:#eff7f4;--cream:#fbf9f4;--gold:#b48b52;--muted:#4a6269;--line:#d9e5e1;--brand-teal:#3FAF97;--teal-deep:#006f68;--brand-navy:#163b59}
body{background:#fcfbf8;color:#17333b;font-family:Arial,Helvetica,sans-serif;line-height:1.58}
h1,h2{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.035em}
h1{font-size:clamp(2.7rem,4.3vw,4.7rem);line-height:1.07}
h2{font-size:clamp(1.85rem,2.8vw,3.1rem)}
.header{background:#fff;border-bottom:1px solid #dbe8e3;box-shadow:0 6px 18px rgba(15,49,53,.025)}
.nav{height:78px}.nav-links{gap:17px;font-size:.84rem}.logo img{width:210px;height:auto}
.btn{border-radius:999px;padding:13px 23px}.btn.gold{background:#007e71;color:#fff}.btn.gold:hover{background:#0a5d58;color:#fff}.btn.dark{background:#0e5557}
.btn.outline{border-color:#82bdb2}
.hero{background:linear-gradient(115deg,#fdfcf8 0%,#f0f7f3 66%,#e3f2ed 100%);color:#15343a}
.hero-grid{min-height:510px;grid-template-columns:1.04fr .96fr;gap:26px}
.hero-copy{padding:58px 0 54px 0}.hero .eyebrow{color:#007c70}
.hero h1{max-width:620px;color:#163643}.hero h1 em{font-weight:normal;color:#007e71}
.hero p{color:#365b5b;max-width:580px}.hero .small{font-size:13px;color:#526b68}
.hero .btn.outline{color:#134746!important;border-color:#699e97!important}
.hero-art{height:440px;border-radius:23px;overflow:hidden;border:1px solid #cbded9;box-shadow:0 18px 40px rgba(20,63,67,.16);background:#f7faf7;align-self:center}
.hero-art img{height:100%;width:100%;object-fit:cover}
.find-service{background:#fff;border-bottom:1px solid #dbe6e1}.find-service input{border-radius:999px;border-color:#a7c9c1}
.section{padding-top:60px;padding-bottom:64px;background:#fcfbf8}.section.mint{background:#eff7f4}.section.alt{background:#f2f6f6}
.section .eyebrow,.eyebrow{color:#007e71}
.card,.service-card,.info-card,.tile,.project-card{border-radius:16px!important;box-shadow:0 8px 28px rgba(22,66,67,.04);border-color:#dce6e3!important}
.section .card:hover,.service-card:hover{box-shadow:0 15px 35px rgba(16,64,64,.10)}
.page-hero{background:linear-gradient(115deg,#fbfcf7,#e9f4f0)!important;min-height:unset!important}
.page-hero h1{color:#123f46}.page-hero .eyebrow{color:#007e71}
.cta{background:#0e4b52!important}.cta .btn.gold{background:#d6b879;color:#172c33}
.business-theme{--ink:#172d48;--forest:#112f4d;--green:#1c6170;--gold:#d4ac68;--mint:#edf4f6}
.business-theme .header{border-bottom-color:#d1e1e8}
.business-theme .bc-hero{background:linear-gradient(115deg,#0c2743,#173c5a 58%,#1d5362)!important}
.business-theme .bc-hero .btn.gold{background:#d9b46a;color:#152f45}
.business-theme .bc-soft{background:#f1f5f7!important}
.business-theme .bc-section{padding-top:55px;padding-bottom:58px}
.business-theme .bc-card,.business-theme .challenge-card{border-radius:15px}
.business-theme .bc-context{background:#e5eff1}
.audience-section{border-top:1px solid #cfded8}
.faq-section{background:#fff}
@media(max-width:850px){.nav{height:72px}.nav-links{gap:8px}.hero-grid{grid-template-columns:1fr;gap:0;min-height:auto}.hero-copy{padding:45px 0 28px}.hero-art{height:300px;margin-bottom:25px}.hero h1{font-size:clamp(2.5rem,7vw,4.2rem)}}
@media(max-width:480px){.hero-art{height:225px;border-radius:13px}.hero-copy{padding-top:32px}.hero h1{font-size:2.6rem}.logo img{width:168px}.section{padding-top:42px;padding-bottom:42px}}



/* VAMTRONIX — restore the customer's original FULL lockup (circular emblem above wordmark).
   The displayed artwork comes from the exact original, uncropped user-supplied logo file. */
.header .nav{width:min(1400px,calc(100% - 42px))!important;height:119px!important;min-height:119px!important;gap:12px!important}
.header .logo{padding:0!important;display:flex!important;align-items:center!important;flex-shrink:0!important}
.header .logo img{display:block!important;width:224px!important;max-width:224px!important;height:auto!important;max-height:112px!important;object-fit:contain!important;opacity:1!important;filter:none!important}
.header .nav-links{gap:clamp(7px,.88vw,17px)!important;font-size:.80rem!important}
.header .nav>.btn{font-size:.78rem!important;padding:10px 13px!important;white-space:nowrap}
.footer .logo img{display:block!important;width:191px!important;max-width:100%!important;height:auto!important;background:#fff!important;padding:4px!important;filter:none!important;opacity:1!important}
html{scroll-padding-top:145px!important}
main [id],.detail[id],.page-quicklinks[id],.bc-service-grid article[id]{scroll-margin-top:145px!important}
@media(max-width:1260px){
 .header .nav{height:102px!important;min-height:102px!important}
 .header .logo img{width:195px!important;max-width:195px!important;max-height:96px!important}
 .header .nav-links{display:none!important;position:absolute!important;top:102px!important;left:0!important;right:0!important;background:#fff!important;padding:20px 24px!important;box-shadow:0 12px 20px #0002!important;flex-direction:column!important;align-items:stretch!important;max-height:calc(100vh - 102px)!important;overflow:auto!important;gap:5px!important}
 .header .nav-links.open{display:flex!important}
 .header .mobile-toggle{display:block!important}
 .header .nav>.btn{display:none!important}
 .header .nav-dropdown,.header .nav-dropdown-top{width:100%!important}
 .header .nav-main{flex:1!important}
 .header .nav-drop-panel{position:static!important;box-shadow:none!important;width:100%!important;max-height:none!important;border-radius:5px!important;margin:0 0 6px 0!important}
 .header .nav-dropdown:hover:not(.open) .nav-drop-panel,.header .nav-dropdown:focus-within:not(.open) .nav-drop-panel{display:none!important}
 .header .nav-dropdown.open .nav-drop-panel{display:block!important}
 html{scroll-padding-top:122px!important}
 main [id],.detail[id],.page-quicklinks[id],.bc-service-grid article[id]{scroll-margin-top:122px!important}
}
@media(max-width:720px){
 .header .nav{height:90px!important;min-height:90px!important;width:calc(100% - 28px)!important}
 .header .logo img{width:172px!important;max-width:172px!important;max-height:85px!important}
 .header .nav-links{top:90px!important;max-height:calc(100vh - 90px)!important}
 .footer .logo img{width:160px!important}
 html{scroll-padding-top:104px!important}
 main [id],.detail[id],.page-quicklinks[id],.bc-service-grid article[id]{scroll-margin-top:104px!important}
}
@media(max-width:360px){.header .logo img{width:154px!important;max-width:154px!important}}

/* WordPress integration adjustments */
.admin-bar .header {top:32px;} @media(max-width:782px){.admin-bar .header{top:46px}}
.header .logo img,.footer .logo img{height:auto;}
.vam-form-message{font-size:14px;line-height:1.5;font-weight:600;margin-top:10px;}
.vam-form-message:not(:empty){padding:12px 14px;background:#e5f5f0;color:#0b6054;border-radius:8px;}
#main-content{display:block;min-width:0;}
html{scroll-padding-top:110px;}


/* VAMTRONIX B — First-screen clarity refinement (Option A messaging + Option B design).
   No changes to the original full TM logo. */
.hero-grid{min-height:510px}
.hero-copy{padding-top:39px;padding-bottom:39px}
.hero h1{font-size:clamp(2.55rem,4.05vw,4.25rem);margin:11px 0 14px;line-height:1.07}
.hero #heroSummary{line-height:1.5;font-size:1.01rem;max-width:570px}
.hero-copy>.actions{margin:18px 0 19px}
.hero-service-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-width:640px}
.hero-service{display:flex;flex-direction:column;justify-content:center;gap:5px;background:rgba(255,255,255,.80);border:1px solid #c9e0d9;border-radius:10px;padding:12px 10px;min-height:89px;transition:background .15s,border-color .15s,transform .15s;text-decoration:none!important}
.hero-service:hover,.hero-service:focus-visible{background:#fff;border-color:#44a996;transform:translateY(-2px);outline-offset:2px}
.hero-service-label{display:block;color:#135b53;font-size:.81rem;font-weight:800;line-height:1.25}
.hero-service-label span{color:#218f80}
.hero-service-detail{display:block;color:#4c6865;font-size:.73rem;line-height:1.35}
@media(max-width:1020px){.hero-service-paths{grid-template-columns:1fr;gap:6px}.hero-service{min-height:0;padding:9px 12px;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.hero-service-label{font-size:.85rem;flex:1}.hero-service-detail{font-size:.74rem;max-width:47%;text-align:right}}
@media(max-width:850px){.hero-copy{padding-top:35px;padding-bottom:22px}}
@media(max-width:480px){.hero-copy{padding-top:26px;padding-bottom:20px}.hero h1{font-size:clamp(2.15rem,8.5vw,2.55rem);margin-bottom:12px}.hero #heroSummary{font-size:.94rem;line-height:1.43}.hero-copy>.actions{margin:15px 0}.hero-service{padding:10px 11px}.hero-service-label{font-size:.8rem}.hero-service-detail{font-size:.69rem}.hero-art{height:215px}}


/* VAMTRONIX Signature — A (clarity) + B (editorial architecture) + D (three practice identities) */
:root{
 --signature-paper:#F7F6F2;--signature-white:#FFFFFF;--signature-ink:#203342;
 --signature-teal:#329F90;--signature-green:#08736A;--signature-blue:#557F9E;
 --signature-bronze:#B18B5B;--signature-line:#DFE7E6;
 --ink:#203342;--muted:#566972;--forest:#183C49;--cream:#F7F6F2;
 --mint:#EDF6F2;--gold:#B18B5B;--green:#08736A;--line:#DFE7E6
}
html{scroll-behavior:smooth}
body{background:var(--signature-paper)!important;color:var(--signature-ink)!important}
h1,h2{font-family:Georgia,'Times New Roman',serif}
.header{background:#FFFFFF!important;border-bottom:1px solid #DEE8E8!important;box-shadow:0 4px 22px #2033420A!important}
.header .nav-links a.active,.header .nav-main:hover{color:#097E76!important}
.header .nav>.btn,.header .btn.gold{background:#B18B5B!important;color:#152E3E!important;border-color:#B18B5B!important}
.btn,.btn.gold,.btn.dark{border-radius:7px!important}
.hero{background:linear-gradient(114deg,#FAF9F6 0%,#F7F8F4 48%,#E8F4F3 100%)!important;color:var(--signature-ink)!important}
.hero-grid{min-height:465px!important;grid-template-columns:1.06fr .94fr!important;gap:35px!important}
.hero-copy{padding:37px 0 43px 0!important}
.hero .eyebrow{font-size:11px!important;letter-spacing:.19em!important;color:#168A83!important}
.hero h1{font-size:clamp(2.55rem,4.2vw,4.9rem)!important;line-height:1.05!important;color:#1C3444!important;letter-spacing:-.045em!important;margin:14px 0 18px!important;max-width:680px}
.hero h1 em{color:#216F7E!important;font-style:normal}
.hero p{color:#405863!important;font-size:1.02rem!important;line-height:1.6!important;max-width:610px}
.hero p.small{font-size:12.5px!important;color:#596E75!important;letter-spacing:.03em}
.hero .actions{margin:23px 0 15px!important;gap:10px}
.hero .btn.gold{background:#08766D!important;color:#FFF!important;border-color:#08766D!important}
.hero .btn.outline{color:#294B58!important;border:1px solid #8DA8AA!important;background:#FFFFFFB0!important}
.hero .btn.outline:hover{background:#FFF!important}
.hero-art{height:392px!important;margin:22px 0!important;border-radius:16px!important;border-color:#D1E0DD!important;box-shadow:0 26px 55px #173C4A16!important}
.hero-art:after{background:none!important}
.hero-art img{object-position:center!important}
/* signature 3-color linking line */
.header:after{content:'';height:3px;display:block;background:linear-gradient(90deg,#2BA28B 0%,#2BA28B 34%,#5888AB 34%,#5888AB 67%,#B78E5E 67%,#B78E5E 100%);opacity:.82}
.signature-paths{background:#FCFBF8;border-bottom:1px solid #E1E5E2;padding:17px 0 23px}
.signature-paths .container{width:min(1190px,calc(100% - 44px))}
.signature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.signature-path{display:flex;align-items:flex-start;gap:14px;position:relative;background:white;border:1px solid #DFE6E3;border-radius:12px;padding:18px 16px 16px;box-shadow:0 9px 25px #182F3C08;transition:transform .18s ease,box-shadow .18s ease;min-height:145px}
.signature-path:hover,.signature-path:focus-visible{transform:translateY(-3px);box-shadow:0 14px 30px #182F3C12;outline-offset:3px}
.signature-path:before{content:'';height:4px;position:absolute;top:0;left:0;right:0;border-radius:12px 12px 0 0;background:var(--practice)}
.signature-path .sign-icon{width:43px;height:43px;border-radius:12px;flex:0 0 auto;display:grid;place-items:center;background:var(--practice-soft);color:var(--practice);font-size:24px}
.signature-path h3{margin:0 0 6px;font-size:16px;color:#1D3444;font-weight:800;line-height:1.27}
.signature-path p{margin:0;color:#607078;font-size:12.5px;line-height:1.49}
.signature-path .sign-arrow{margin-left:auto;color:var(--practice);font-size:20px;line-height:1}
.signature-path.green{--practice:#198D79;--practice-soft:#E6F5EC}
.signature-path.blue{--practice:#477B9F;--practice-soft:#EAF1F7}
.signature-path.bronze{--practice:#A87740;--practice-soft:#F8F0E7}
.signature-under{display:flex;align-items:center;gap:18px;justify-content:space-between;padding-top:12px}
.signature-under span{font-size:12px;color:#5B6E73}
.signature-under a{font-size:12px;font-weight:800;color:#1B6D77;text-decoration:underline;text-underline-offset:4px}
.section{padding-top:58px!important;padding-bottom:62px!important;background:#FFF!important}
.section.alt{background:#F3F5F3!important}
.section.mint{background:#EDF5F2!important}
.audience-section{background:#F6F7F4!important;padding:54px 0!important}
.audience-panel{border-color:#D7E4E2!important;box-shadow:0 15px 25px #0D3F4C0B;border-radius:15px!important}
.audience-section .section-head h2{color:#1F3D50}
/* make the three large service cards visually distinct */
#services .cards{gap:16px}
#services .cards .card{background:#fff;border-color:#DBE5E4!important;border-radius:14px!important;overflow:hidden}
#services .cards .card:nth-child(1){border-top:5px solid #2B9A80!important}
#services .cards .card:nth-child(2){border-top:5px solid #588AB2!important}
#services .cards .card:nth-child(3){border-top:5px solid #B18B5B!important}
#services .cards .card:nth-child(1) .card-visual{background:#E9F6F1!important}
#services .cards .card:nth-child(2) .card-visual{background:#EAF2F8!important}
#services .cards .card:nth-child(3) .card-visual{background:#F7F0E7!important}
#services .cards .card:nth-child(2) .text-link{color:#366B91!important}
#services .cards .card:nth-child(3) .text-link{color:#916A3A!important}
.find-service{background:#F3F6F5!important}
.stats{background:#F7F8F5!important;border-color:#E0E8E6!important}
.stat:nth-child(1) i{color:#168C78!important}.stat:nth-child(2) i{color:#497DA0!important}.stat:nth-child(3) i{color:#B18B5B!important}.stat:nth-child(4) i{color:#1B7182!important}
.eyebrow{color:#147B7B!important}
.page-hero{background:linear-gradient(105deg,#FBFAF6,#EFF5F3)!important}
.page-hero h1{color:#203342!important}
.section.dark{background:#193747!important}
.cta{background:linear-gradient(118deg,#1E3C4E,#154F59)!important}
.footer{background:#1A3343!important;color:#F5FAF9!important}
.footer a{color:#C9DCE1!important}
.footer .footnote{border-color:#3B5260!important;color:#B5C8CD!important}
/* Design Support now reads as engineering rather than all-green */
body.design-theme .page-hero{background:linear-gradient(110deg,#F3F8FB,#E3EDF4)!important}
body.design-theme .eyebrow,body.design-theme .text-link{color:#477B9F!important}
body.design-theme .detail:target{border-color:#4C82A6!important}
/* Business Consultancy retains a separate navy/bronze experience */
body.business-theme{--bc-navy:#203342;--bc-blue:#416E8C;--bc-gold:#B18B5B;background:#FBFAF7!important}
.business-theme .bc-hero{background:linear-gradient(115deg,#172C3E 0%,#244358 65%,#385E6B 100%)!important}
.business-theme .btn.gold,.business-theme .bc-hero .btn.gold{background:#D4AE76!important;color:#1B3445!important;border-color:#D4AE76!important}
.business-theme .bc-soft{background:#F2F4F5!important}
.business-theme .bc-context{background:#EBF1F4!important}
.business-theme .bc-callout{background:linear-gradient(110deg,#173B59,#335C6E)!important}
/* accessible and reduced motion */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #277F80!important;outline-offset:3px}
@media(max-width:850px){.hero-grid{grid-template-columns:1fr!important;gap:5px!important}.hero-copy{padding:30px 0 9px!important}.hero-art{height:270px!important;margin:0 0 22px!important}}
@media(max-width:720px){.signature-grid{grid-template-columns:1fr;gap:10px}.signature-path{padding:14px;min-height:0}.signature-under{align-items:flex-start;flex-direction:column;gap:6px}.hero h1{font-size:clamp(2.38rem,9vw,3.2rem)!important}.hero-art{height:205px!important}.signature-path p{font-size:12px}.section{padding-top:45px!important;padding-bottom:47px!important}}
@media(prefers-reduced-motion:reduce){.signature-path{transition:none!important}}


/* Production accessibility, offsets and headline consistency */
:root{--anchor-clearance:118px}
[id]{scroll-margin-top:118px}
#fire,#ibms,#gas,#ventilation,#bc-growth,#bc-profitability,#bc-process{scroll-margin-top:128px!important}
@media(max-width:950px){[id]{scroll-margin-top:106px}#fire,#ibms,#gas,#ventilation,#bc-growth,#bc-profitability,#bc-process{scroll-margin-top:112px!important}}
.logo img{object-fit:contain}
.signature-path{text-decoration:none}
/* No review-only control on public production website */
.review-strip{display:none!important}
/* Avoid green dominance while preserving original logo colours */
body:not(.business-theme) .footer{background:#203342!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}

/* Brand asset: display the entire exact user-supplied VAMTRONIX™ logo, without cropping. */
.header .logo img{width:194px!important;max-width:194px!important;max-height:102px!important;object-fit:contain!important}
.footer .logo img{width:190px!important;object-fit:contain!important}
@media(max-width:650px){.header .nav{height:91px!important;min-height:91px!important}.header .logo img{width:157px!important;max-width:157px!important;max-height:86px!important}}

/* v2.2 – Original page-specific diagrams and restrained editorial layouts */
.page-hero .container:has(>.page-hero-figure){display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:center;gap:32px;max-width:1190px}
.page-hero .page-hero-copy{min-width:0}
.page-hero .page-hero-figure{min-width:0;display:block;border:1px solid #DFE8E8;border-radius:16px;overflow:hidden;box-shadow:0 14px 35px #19384D10;background:#F6FAF9}
.page-hero .page-hero-figure img{width:100%;height:auto;display:block;aspect-ratio:660/370;object-fit:contain}
.page-hero:has(.page-hero-figure){padding:35px 0!important}
.page-hero:has(.page-hero-figure) h1{font-size:clamp(2rem,3.1vw,3.2rem)!important;max-width:790px}
.deliverables-section{border-top:1px solid #E4EAE8}
.deliverables-section .detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.deliverables-section .detail{border-top:3px solid #4E92A1}
#main-content{min-height:150px}
#main-content:focus{outline:none}
@media(max-width:800px){.page-hero .container:has(>.page-hero-figure){grid-template-columns:1fr;gap:18px}.page-hero .page-hero-figure{max-width:560px}.deliverables-section .detail-grid{grid-template-columns:1fr}}
@media(max-width:480px){.page-hero .page-hero-figure{max-width:100%}.page-hero:has(.page-hero-figure){padding:24px 0!important}}

.guide-hero .container:has(>.page-hero-figure){display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,350px);align-items:center;gap:30px}
.guide-hero .page-hero-figure{overflow:hidden;border-radius:16px;border:1px solid #DFE8E8;background:#F6FAF9}
.guide-hero .page-hero-figure img{display:block;width:100%;height:auto;object-fit:contain}
.guide-hero .page-hero-copy{min-width:0}
@media(max-width:800px){.guide-hero .container:has(>.page-hero-figure){grid-template-columns:1fr}.guide-hero .page-hero-figure{max-width:560px}}

/* v2.3: accessible division-first visitor journey and complete diagram labels */
.hero-art img{object-fit:contain!important;object-position:center!important;background:#eaf4ef!important}
.division-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0 17px}
.division-option{border:1.5px solid #cadcda;border-top:4px solid #8ca9ab;background:#fff;color:#203b45;padding:13px 11px;border-radius:10px;min-height:62px;text-align:left;line-height:1.3;font-size:1rem;font-weight:700;cursor:pointer}
.division-option[data-division=sustainability]{border-top-color:#268e73}
.division-option[data-division=design]{border-top-color:#4d82ac}
.division-option[data-division=business]{border-top-color:#b18b58}
.division-option.selected{background:#f0f8f5;border-color:#339987;box-shadow:0 0 0 2px #33998733}
.division-option[data-division=design].selected{background:#edf4fa;border-color:#4d82ac;box-shadow:0 0 0 2px #4d82ac33}
.division-option[data-division=business].selected{background:#fbf5ed;border-color:#b18b58;box-shadow:0 0 0 2px #b18b5833}
.division-option:focus-visible,.audience-option:focus-visible{outline:3px solid #136b8f;outline-offset:3px}
.role-heading{margin:12px 0 10px;color:#233e4c;font-size:1.02rem}
.guide-links-label{margin-top:16px;color:#465d63;font-size:.93rem}
.audience-guide-links{margin-top:6px!important;line-height:1.75}
.audience-intro p,.audience-panel label,.audience-option{font-size:1rem!important}
.audience-choices{margin-bottom:14px}
@media(max-width:850px){.division-choices{grid-template-columns:1fr}.division-option{min-height:50px}.audience-intro p,.audience-panel label{font-size:.98rem!important}}

/* Launch readiness: make offline enquiry status transparent to visitors. */
.vam-mail-pending{border-left:4px solid #b68a4c;background:#f9f4e9;padding:12px 14px;border-radius:5px;font-size:.91rem;line-height:1.55;color:#3a352b;margin:12px 0 20px}

/* VAMTRONIX 2.3.7: standalone launch routing and contact UX */
:root{--vx-teal:#0a7972;--vx-ink:#1c3442;--vx-muted:#46616d;--vx-stroke:#ccdcd9;--vx-soft:#f4f8f7;--vx-blue:#4d839e;--vx-bronze:#b28a53}
.vx-repair-main{width:100%;margin:0 auto;color:var(--vx-ink)}
.vx-repair-main .vx-source{width:100%;margin:0 auto}
/* Preserve original browser-side advisory questionnaire forms. */
.vx-contact{max-width:1250px;margin:0 auto;padding:clamp(28px,5vw,68px) 22px 6px;font:inherit;color:var(--vx-ink)}
.vx-eyebrow{text-transform:uppercase;font-size:.76rem;font-weight:750;letter-spacing:.14em;color:var(--vx-teal);margin:0 0 14px}
.vx-contact h1,.vx-contact h2,.vx-questionnaire h2{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.035em;color:var(--vx-ink)}
.vx-contact h1{font-size:clamp(2.5rem,5vw,4.4rem);line-height:1.1;margin:0 0 22px}
.vx-contact-lead{font-size:1.12rem;max-width:740px;color:var(--vx-muted);line-height:1.65;margin-bottom:32px}
.vx-contact-intro{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.75fr);gap:28px;align-items:start;margin-bottom:34px}
.vx-contact-aside{background:#eaf4f1;border:1px solid #cee0da;border-radius:18px;padding:26px}
.vx-contact-aside h2{font-size:1.36rem;margin:0 0 10px}.vx-contact-aside p{line-height:1.65;margin:0 0 12px}
.vx-contact-aside a,.vx-mail-fallback a{color:#006963;font-weight:700;overflow-wrap:anywhere}
.vx-contact-aside ul{margin:14px 0 0;padding-left:20px;line-height:1.75}
.vx-form-card{background:#fff;border:1px solid var(--vx-stroke);box-shadow:0 16px 45px rgba(30,58,67,.06);border-radius:18px;padding:clamp(22px,4vw,45px);margin:0 auto}
.vx-form-card h2{font-size:clamp(1.7rem,3vw,2.45rem);margin:0 0 8px}.vx-form-intro{color:var(--vx-muted);line-height:1.65;margin:0 0 24px}
.vx-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;margin-top:18px}
.vx-field{display:flex;flex-direction:column;gap:7px;min-width:0}.vx-field.vx-wide{grid-column:1/-1}
.vx-field label{font-size:.91rem;font-weight:700;color:#24404c;margin:0}
.vx-field .vx-req{color:#a05b20}.vx-field input,.vx-field select,.vx-field textarea{width:100%;background:#fff;border:1px solid #b8ceca;color:var(--vx-ink);border-radius:10px;font:inherit;font-size:1rem;min-height:47px;padding:11px 13px;line-height:1.4;box-sizing:border-box}
.vx-field textarea{min-height:144px;resize:vertical}.vx-field input:focus,.vx-field select:focus,.vx-field textarea:focus{outline:3px solid rgba(10,121,114,.20);border-color:var(--vx-teal)}
.vx-hint{font-size:.81rem;color:#58717b;line-height:1.4}.vx-consent{display:flex;align-items:flex-start;gap:10px;margin:22px 0 18px;line-height:1.55;color:var(--vx-muted);font-size:.93rem}.vx-consent input{margin-top:5px;flex:0 0 auto;accent-color:var(--vx-teal);width:17px;height:17px}.vx-consent a{color:var(--vx-teal)}
.vx-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;padding:14px 24px;min-height:50px;background:var(--vx-teal);color:#fff;font:inherit;font-weight:750;font-size:1rem;cursor:pointer;transition:background .15s ease}.vx-submit:hover,.vx-submit:focus-visible{background:#065e58;color:#fff}
.vx-contact .vx-muted,.vx-questionnaire .vx-muted{font-size:.83rem;color:#597078;line-height:1.5;margin-top:12px}
.vx-alert{padding:14px 16px;border-radius:10px;margin:16px 0;line-height:1.5;border:1px solid transparent}.vx-alert--ok{background:#edf8f0;border-color:#afd8bf;color:#17663c}.vx-alert--error{background:#fff3ee;border-color:#e9b5a6;color:#833829}.vx-alert--info{background:#eef5f7;border-color:#b8d1db;color:#245469}
.vx-questionnaire{max-width:1130px;margin:0 auto 72px;padding:0 22px}.vx-questionnaire .vx-form-card{border-top:5px solid var(--vx-teal)}
.vx-mail-fallback{background:#edf6f3;border:1px solid #c3ddd4;border-radius:14px;padding:23px;max-width:750px;line-height:1.6}.vx-mail-fallback h2{margin:0 0 9px;font-size:1.55rem}.vx-mail-fallback p{margin:0 0 12px}
.vx-honeypot{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.vx-route-issue{margin:32px auto;max-width:900px;padding:27px;border:1px solid #eccaa2;background:#fff9ec;border-radius:14px}
@media (max-width:760px){.vx-contact-intro{grid-template-columns:1fr}.vx-form-grid{grid-template-columns:1fr}.vx-field.vx-wide{grid-column:auto}.vx-contact{padding:28px 15px 6px}.vx-questionnaire{padding:0 15px}}
@media(prefers-reduced-motion:reduce){.vx-submit{transition:none}}


/* Clear disabled state during mailbox verification. */
.vx-submit:disabled{background:#6a8985;cursor:not-allowed;color:#fff;opacity:.85}.vx-mail-fallback h3{font-size:1.08rem;margin:0 0 8px;color:var(--vx-ink)}
/* Narrow phone: prevent intrinsic sizes in original advisory widgets from extending the viewport. */
.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.guide-field{min-width:0}
.guide-field select,.guide-field input{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
.guide-controls{min-width:0}
@media(max-width:740px){.guide-grid{grid-template-columns:minmax(0,1fr)}}

/* v2.3.8: hide stale cached warning after the live WordPress setting is checked. */
.vx-mail-fallback[hidden]{display:none!important}
.vx-enquiry-state-note{font-size:.9rem;color:#395d61;margin:8px 0 15px}

/* v2.4.2: The architect follow-up uses a compact consent checkbox, never a full-width text field.
   Higher specificity than legacy .guide-contact label/input rules. */
.guide-contact label.guide-consent { display:flex; flex-direction:row; align-items:flex-start; justify-content:flex-start; gap:12px; width:100%; margin:18px 0 12px; font-weight:600; line-height:1.5; }
.guide-contact label.guide-consent input[type="checkbox"] { display:block; flex:0 0 19px; width:19px; height:19px; max-width:19px; min-width:19px; min-height:19px; box-sizing:border-box; padding:0; margin:3px 0 0; accent-color:#087c70; }
.guide-contact .guide-consent span { flex:1 1 auto; min-width:0; }
.guide-contact .guide-status { min-height:1.4em; overflow-wrap:anywhere; }
.guide-contact button[disabled], .audience-contact button[disabled], .sector-contact button[disabled] { opacity:.6; cursor:not-allowed; }


/* v2.4.3 consolidated UI refinement: slim, aligned accessible dropdown chevrons. */
.header .nav-dropdown-top{gap:3px}
.header .nav-drop-toggle{font-size:0;line-height:1;display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:42px;padding:0 9px;flex:0 0 auto;border-radius:8px;color:#176c63}
.header .nav-drop-toggle .vam-nav-chevron{display:block;width:8px;height:8px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .17s ease;pointer-events:none}
.header .nav-drop-toggle[aria-expanded="true"] .vam-nav-chevron{transform:translateY(2px) rotate(225deg)}
.header .nav-drop-toggle:focus-visible{outline:2px solid #b88a25;outline-offset:2px}
/* Compact repeated section spacing without removing any content. */
.vx-repair-main .section{padding-top:clamp(36px,4.1vw,56px);padding-bottom:clamp(36px,4.1vw,56px)}
.vx-repair-main .section-head{margin-bottom:clamp(15px,2vw,24px)}
.vx-repair-main .page-hero{padding-top:clamp(26px,3vw,40px);padding-bottom:clamp(24px,3vw,38px)}
/* Keep consent checkbox alongside its label across browsers and mobile layouts. */
.guide-contact label.guide-consent,.audience-contact label.guide-consent,.sector-contact label.guide-consent{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:row;gap:11px}
.guide-contact label.guide-consent input[type="checkbox"],.audience-contact label.guide-consent input[type="checkbox"],.sector-contact label.guide-consent input[type="checkbox"]{width:19px!important;min-width:19px!important;max-width:19px!important;height:19px!important;min-height:19px!important;flex:0 0 19px!important;margin:3px 0 0!important;padding:0!important;accent-color:#087c70}
@media(max-width:950px){.header .nav-drop-toggle{min-width:44px;min-height:44px}}
@media(prefers-reduced-motion:reduce){.header .nav-drop-toggle .vam-nav-chevron{transition:none}}

/* Source-backed automated guidance: legible on desktop and mobile. */
.guide-official-links{margin:.5rem 0 1.1rem;padding-left:1.35rem;line-height:1.65;overflow-wrap:anywhere}
.guide-official-links li{margin:.35rem 0}
.guide-official-links a{color:#165b3c;text-decoration:underline;text-underline-offset:3px}
.guide-official-links a:focus-visible{outline:2px solid #165b3c;outline-offset:3px}
.guide-source-block{margin-top:1.2rem;padding:1rem;border:1px solid #cbded0;border-radius:9px;background:#f8fbf7}
.guide-source-block p{margin:.45rem 0;font-size:.9rem}
.guide-disclaimer{font-size:.88rem;line-height:1.65;color:#385246!important;background:#f8f9f7;border-left:3px solid #718d7b;padding:.85rem 1rem;margin:1rem 0 0;overflow-wrap:anywhere}
@media(max-width:550px){.guide-disclaimer{padding:.75rem .85rem;font-size:.85rem}.guide-source-block{padding:.8rem}}

/* Optional source links remain closed until the visitor elects to expand them. */
.guide-source-details{margin:1rem 0;padding:.8rem 1rem;border:1px solid rgba(31,70,60,.2);border-radius:10px;background:rgba(245,250,247,.65)}
.guide-source-details>summary{cursor:pointer;font-weight:650;line-height:1.5;list-style:revert}
.guide-source-details[open]>summary{margin-bottom:.65rem}
.guide-source-details a:focus-visible{outline:2px solid currentColor;outline-offset:3px}


/* v2.4.5 / Approved boxed navigation — appearance only, no changes to URLs,
   dropdown buttons, mobile menu logic or original VAMTRONIX logo artwork. */
.header .nav{width:min(1470px,calc(100% - 40px))!important}
.header .nav-links{gap:clamp(5px,.55vw,11px)!important;font-size:.79rem!important;min-width:0}
.header .nav-links>a,
.header .nav-links>.nav-dropdown>.nav-dropdown-top{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:47px;border:1px solid #d7e0e5;border-radius:11px;
  padding:0 11px;background:#fff;color:#17334a;
  box-shadow:0 2px 7px rgba(20,53,68,.035);
  transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease;
}
.header .nav-links>a{font-size:.79rem!important;line-height:1.2;font-weight:750;white-space:nowrap}
.header .nav-links>.nav-dropdown>.nav-dropdown-top{gap:0;padding:0 5px 0 12px}
.header .nav-dropdown .nav-main{font-size:.79rem!important;padding:11px 0;line-height:1.2;font-weight:750;color:inherit;white-space:nowrap}
.header .nav-dropdown .nav-drop-toggle{
  min-width:25px;min-height:43px;padding:0 0 0 4px;
  color:inherit;background:transparent;border:0;opacity:.78;
}
/* Replace the visible V with a discreet plus: keyboard/touch dropdown remains. */
.header .nav-drop-toggle .vam-nav-chevron{display:none!important}
.header .nav-drop-toggle::after{content:'+';display:block;font-size:1.07rem;font-weight:500;line-height:1}
.header .nav-drop-toggle[aria-expanded='true']::after{content:'−'}
.header .nav-links>a:hover,.header .nav-links>a:focus-visible{
  background:#f1f6f8;border-color:#a9c5d0;color:#17334a;
  box-shadow:0 4px 12px rgba(13,64,78,.09);
}
/* Three divisions are distinct but equal in visual weight. */
.header .nav-division-green>.nav-dropdown-top{background:#edf8f3;border-color:#b7ded0;color:#0e644e}
.header .nav-division-green:hover>.nav-dropdown-top,
.header .nav-division-green:focus-within>.nav-dropdown-top{
  background:#d9f0e6;border-color:#69b59d;color:#0c5b44;
}
.header .nav-division-design>.nav-dropdown-top{background:#edf5fb;border-color:#bcd5e7;color:#1d587c}
.header .nav-division-design:hover>.nav-dropdown-top,
.header .nav-division-design:focus-within>.nav-dropdown-top{
  background:#dfecf7;border-color:#80b6d3;color:#154966;
}
/* Business Consultancy: approved light champagne rather than dark navy. */
.header .nav-division-business>.nav-dropdown-top{background:#faf5ec;border-color:#e0c99b;color:#664718}
.header .nav-division-business:hover>.nav-dropdown-top,
.header .nav-division-business:focus-within>.nav-dropdown-top{
  background:#ecdfc6;border-color:#c49d59;color:#293d4c;
}
/* Keep the original link and existing panel behavior. */
.header .nav-links>.nav-dropdown>.nav-drop-panel{top:100%;left:0;border-radius:11px}
.header .nav-dropdown .nav-main:hover,
.header .nav-links a.active,
.business-theme .nav-links a.active{color:inherit!important;border-color:inherit!important;border-bottom:0!important}
.header .nav-drop-panel a.active,.header .nav-drop-panel a[aria-current='page']{color:#0b6054!important}
/* Seven clearly readable boxes take precedence over the duplicate header CTA;
   the Contact tab and all on-page calls to action remain available. */
@media(min-width:1261px) and (max-width:1699px){.header .nav>.btn{display:none!important}}
@media(min-width:1261px){
 .header .logo img{width:clamp(175px,15vw,224px)!important;max-width:224px!important}
 .header .nav-links{margin-left:auto}
}
/* Desktop boxes also translate cleanly into the existing stacked mobile menu. */
@media(max-width:1260px){
 .header .nav-links{gap:9px!important}
 .header .nav-links>a,.header .nav-links>.nav-dropdown>.nav-dropdown-top{
   width:100%!important;justify-content:space-between;min-height:48px;
   padding:0 13px!important;max-width:none;
 }
 .header .nav-links>.nav-dropdown>.nav-dropdown-top{padding-right:8px!important}
 .header .nav-dropdown .nav-main{flex:1;padding:13px 0}
 .header .nav-dropdown .nav-drop-toggle{min-width:44px;min-height:44px}
 .header .nav-drop-panel{margin:4px 0 8px!important;padding:8px 10px!important}
 .header .nav-links>.nav-dropdown>.nav-drop-panel{position:static;box-shadow:none;width:100%;max-height:none}
}
/* Make the three original-image homepage service cards read as one cohesive set. */
.vam-approved-home #services .card{border-radius:15px!important;overflow:hidden}
.vam-approved-home #services .card:nth-child(1){background:#f1f9f5}
.vam-approved-home #services .card:nth-child(2){background:#f0f6fb}
.vam-approved-home #services .card:nth-child(3){background:#fbf6ed}
.vam-approved-home #services .card:nth-child(1) h3{color:#14644f}
.vam-approved-home #services .card:nth-child(2) h3{color:#1c6287}
.vam-approved-home #services .card:nth-child(3) h3{color:#735221}
.vam-approved-home #services .card .text-link{text-decoration-thickness:1px;text-underline-offset:4px}
.vam-approved-home #services .card:nth-child(2) .text-link{color:#1c6287}
.vam-approved-home #services .card:nth-child(3) .text-link{color:#735221}
@media(prefers-reduced-motion:reduce){
 .header .nav-links>a,.header .nav-links>.nav-dropdown>.nav-dropdown-top{transition:none}
}