/* Local visual layer for the Simexx Inc. static-site rebuild. */
:root{--simexx-navy:#07166f;--simexx-deep:#020733;--simexx-green:#007a3d;--simexx-ink:#0a174e;--green:#007a3d;--green-dark:#005a2d}
.hero{background-image:linear-gradient(90deg,rgba(2,7,51,.38) 0%,rgba(7,22,111,.22) 47%,rgba(7,22,111,.05) 100%),url('images/CEOSImexx_Photo_1920x1080.png')!important;background-position:center!important}.hero h1,.hero p,.hero .eyebrow,.hero-trust{text-shadow:0 2px 12px rgba(2,7,51,.48)}
.visual{background-image:url('images/simexx-local-presence.png')!important;background-position:center!important}
.page-hero{background:linear-gradient(125deg,#020733,#07166f 68%,#0a7b3a)!important}
.site-header{box-shadow:0 5px 20px rgba(2,7,51,.06)}
.testimonial-rebuild{background:#f6f8fb;padding:88px 0}.testimonial-rebuild .testimony-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:36px}.testimonial-rebuild blockquote{margin:0;background:#fff;border:1px solid #e1e6ef;border-radius:18px;padding:32px;box-shadow:0 15px 35px rgba(3,10,66,.08);position:relative}.testimonial-rebuild blockquote:before{content:'“';font-size:5rem;line-height:.5;color:#21d84f;display:block;margin-bottom:18px}.testimonial-rebuild p{font-size:1.12rem;line-height:1.65;color:#17214d;margin:0 0 18px}.testimonial-rebuild cite{font-style:normal;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:#087238}.founder-panel{background:#020733;color:#fff}.founder-panel .founder-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:46px}.founder-panel img{width:100%;border-radius:20px;box-shadow:0 20px 45px rgba(0,0,0,.24)}.founder-panel h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;letter-spacing:-.045em;margin:0 0 20px}.founder-panel p{color:#dce3ff;max-width:560px}.founder-panel .eyebrow{color:#21d84f}@media(max-width:680px){.testimonial-rebuild{padding:64px 0}.testimonial-rebuild .testimony-grid,.founder-panel .founder-grid{grid-template-columns:1fr}.testimonial-rebuild blockquote{padding:25px}.founder-panel .founder-grid{gap:28px}.hero{background-position:64% center!important}}

@media(max-width:680px){.hero,.hero .container{min-height:690px}.hero{background-position:64% center!important;background-image:linear-gradient(180deg,rgba(2,7,51,.10) 0%,rgba(2,7,51,.20) 42%,rgba(2,7,51,.56) 100%),url('images/CEOSImexx_Photo_1920x1080.png')!important}.hero .container{align-items:flex-end}.hero-content{padding:145px 0 34px}.hero h1{font-size:2.8rem;line-height:.96;margin-bottom:18px}.hero p{font-size:1rem;margin-bottom:22px}.hero-actions{display:grid;grid-template-columns:1fr;width:100%;gap:10px}.hero-actions .btn{width:100%;min-height:54px}.hero-trust{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;font-size:.72rem}}

@media(max-width:680px){.hero,.hero .container{min-height:760px}.hero{background-image:url('images/CEOSImexx_Photo_1920x1080.png')!important;background-size:100% auto!important;background-position:top center!important;background-repeat:no-repeat!important;background-color:#020733!important}.hero .container{align-items:flex-end}.hero-content{width:100%;max-width:none;padding:0 0 34px;background:linear-gradient(180deg,rgba(2,7,51,0) 0%,#020733 16%,#020733 100%)}.hero-content .eyebrow{padding-top:45px}.hero h1{font-size:2.65rem;line-height:.98}.hero p,.hero .eyebrow,.hero-trust{text-shadow:none}.hero-actions{display:grid;grid-template-columns:1fr;width:100%;gap:10px}.hero-actions .btn{width:100%;min-height:54px}.hero-trust{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;font-size:.72rem}}

@media(max-width:680px){.hero{background-image:linear-gradient(180deg,rgba(2,7,51,.08) 0%,rgba(2,7,51,.12) 40%,rgba(2,7,51,.78) 100%),url('images/simexx-local-presence.png')!important;background-size:cover!important;background-position:72% center!important}.hero-content{background:linear-gradient(180deg,rgba(2,7,51,0) 0%,#020733 20%,#020733 100%)}}

/* Always-visible WhatsApp contact action. */
.whatsapp-float{position:fixed;right:20px;bottom:20px;z-index:200;display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 19px;border-radius:999px;background:#007a3d;color:#fff!important;font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;font-weight:800;box-shadow:0 12px 28px rgba(0,90,45,.28);text-decoration:none}.whatsapp-float:before{content:'◉';font-size:1rem;margin-right:8px}.whatsapp-float:hover{background:#005a2d}@media(max-width:680px){.whatsapp-float{right:15px;bottom:15px;min-height:50px;padding:0 16px;font-size:.72rem}}

/* Mobile navigation: keep every primary page visible; expand Services only when tapped. */
@media(max-width:1020px){
 .main-nav.open{max-height:calc(100vh - 76px);overflow-y:auto}
 .main-nav.open .dropdown-menu{display:none;padding:4px 0 10px}
 .main-nav.open .dropdown.open .dropdown-menu{display:grid}
 .main-nav.open .dropdown>a{display:flex;align-items:center;justify-content:space-between;gap:14px}
 .main-nav.open .dropdown>a:after{content:'+';font-size:1.35rem;font-weight:500;line-height:1}
 .main-nav.open .dropdown.open>a:after{content:'−'}
 .main-nav.open .drop-item{padding:12px 14px}
}
/* Prominent contact and request-tracking actions. */
.topline-links{gap:10px!important;align-items:center}
.topline-links .topline-action{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 13px;border-radius:999px;color:#fff!important;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);font-weight:800;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;transition:background .18s ease,transform .18s ease}
.topline-links .topline-track{background:#007a3d;border-color:#00a653}
.topline-links .topline-action:hover{background:#fff;color:#07166f!important;transform:translateY(-1px)}
.whatsapp-float{z-index:999!important;background:#087a3d!important;border:2px solid #fff;box-shadow:0 14px 32px rgba(2,7,51,.30)!important}
@media(max-width:680px){
 .topline{display:block!important;position:relative;z-index:101}
 .topline .container{min-height:46px!important;padding-top:6px;padding-bottom:6px}
 .topline .container>span{display:none}
 .topline-links{display:grid!important;grid-template-columns:1fr 1fr;width:100%;gap:8px!important}
 .topline-links .topline-action{min-height:34px;padding:0 8px;font-size:.69rem}
 .main-nav.open{top:122px!important}
 .whatsapp-float{right:14px;bottom:14px;min-height:54px;padding:0 18px;font-size:.74rem}
}
/* Responsive campaign hero: distinct artwork for desktop and mobile. */
.hero{min-height:0!important;aspect-ratio:16/9;background-image:url('images/simexx-homepage-hero-desktop-v2.png')!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;background-color:#020733!important}
.hero .container{min-height:0!important;height:100%;position:absolute;inset:0}
.hero .hero-content{display:none!important}
@media(max-width:680px){
 .hero{aspect-ratio:27/64;background-image:url('images/simexx-homepage-hero-mobile-v2.png')!important;background-size:cover!important;background-position:center!important}
}

/* WordPress header: compact, balanced and readable at desktop widths. */
.site-header .nav{width:min(94%,1360px)!important;height:78px!important;min-height:78px!important;gap:22px!important}
.site-header .brand{display:flex!important;align-items:center!important;flex:0 0 126px!important;height:78px!important}
.site-header .brand img{width:126px!important;height:70px!important;max-width:126px!important;object-fit:contain!important}
.site-header .main-nav{flex:1 1 auto!important;justify-content:center!important;gap:24px!important;font-size:.73rem!important;white-space:nowrap!important}
.site-header .main-nav>a,.site-header .main-nav .menu-item>a,.site-header .dropdown>a{padding:0!important;line-height:1.2!important;white-space:nowrap!important}
.site-header .nav-actions{flex:0 0 auto!important;gap:9px!important}
.site-header .nav-actions .btn{min-height:46px!important;padding:0 16px!important;font-size:.69rem!important;line-height:1!important;white-space:nowrap!important}
.site-header .nav-actions .btn-outline{min-width:106px!important}
.site-header .nav-actions .btn-primary{min-width:142px!important}
@media(max-width:1020px){.site-header .nav{height:74px!important;min-height:74px!important}.site-header .brand{height:74px!important}.site-header .brand img{width:118px!important;height:66px!important}.site-header .main-nav{white-space:normal!important}.site-header .nav-actions .btn-primary{min-width:auto!important}}