@import url('/wide-screen.css?v=universal-20260909');
/* SecureTech public website production polish */
html{scroll-behavior:smooth}
body{overflow-x:hidden}
.nav{backdrop-filter:saturate(140%) blur(10px)}
/* Public header contrast guard. Keep desktop navigation readable even if an older
   page shell or browser style survives a deploy. This stylesheet is injected after
   the primary public-site CSS, so these rules deliberately win the cascade. */
.master-nav{background:#fff!important}
.master-nav .master-links a{color:#202b45!important;opacity:1!important;visibility:visible!important;filter:none!important;text-shadow:none!important}
.master-nav .master-links a:hover{color:#1458c0!important}
.master-nav .master-links a.active{color:#071b4a!important}
.master-nav .quote-btn{background:#e32035!important;color:#fff!important;opacity:1!important;filter:none!important}
.hero h1{max-width:780px}
.hero p{max-width:700px}
.service-card,.product-card,.team-intro-card,.contact-card,.location-details,.location-map{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.service-card:hover,.product-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(7,20,38,.12)}
.service-media img{width:100%;height:100%;object-fit:cover}
.contact-card a,.footer a{text-underline-offset:3px}
.location-map iframe{display:block;width:100%;min-height:360px;border:0;border-radius:16px}
.button:focus-visible,.links a:focus-visible,.public-menu-toggle:focus-visible{outline:3px solid rgba(223,35,53,.36);outline-offset:3px}
@media(max-width:860px){
 .top-row{gap:8px;flex-direction:column;align-items:flex-start}
 .hero-grid{grid-template-columns:1fr!important}
 .hero-actions{display:grid;grid-template-columns:1fr;gap:10px}
 .hero-actions .button{width:100%;text-align:center}
 .trust-row{display:grid;grid-template-columns:1fr;gap:8px}
 .product-showcase,.location-grid,.footer-grid{grid-template-columns:1fr!important}
 .contact-card{display:grid!important;grid-template-columns:1fr!important;gap:22px!important}
 .contact-actions{display:grid!important;grid-template-columns:1fr!important;width:100%}
 .contact-actions .button{width:100%;text-align:center}
 .location-map iframe{min-height:300px}
}
@media(max-width:540px){
 .wrap{width:min(100% - 28px,1180px)!important}
 .hero{padding-top:48px!important;padding-bottom:54px!important}
 .hero h1{font-size:clamp(38px,12vw,54px)!important;line-height:1.02!important}
 .heading h2,.contact-card h2,.location-details h2{font-size:clamp(28px,9vw,40px)!important}
 .grid{grid-template-columns:1fr!important}
 .service-media{height:210px!important}
 .workflow{grid-template-columns:1fr!important}
 .footer{padding-bottom:38px!important}
 /* Keep the office/location card off the people in the mobile About image. */
 .about-visual{overflow:visible!important;margin-bottom:74px!important}
 .about-visual>img{border-radius:18px!important;object-position:34% center!important}
 .about-visual .location-badge{left:14px!important;right:14px!important;bottom:-62px!important;width:auto!important;max-width:none!important;border:1px solid #e4e9f2!important;box-shadow:0 10px 24px rgba(0,0,0,.14)!important}
}