/* Faithful adaptation of the supplied 1536 x 1024 visual reference */
:root{--blue:#006bff;--ink:#071c41;--muted:#50627d;--line:#dce9f6}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#fff;font-family:Inter,Arial,Helvetica,sans-serif}
.container{width:min(100% - 80px,1450px)}
.header{background:#021329;border-bottom:1px solid #1b4b79}.nav{min-height:62px;gap:22px}.brand-logo{width:64px;height:54px;border:0;border-radius:0;object-fit:contain;mix-blend-mode:screen}.brand-wordmark strong{font-size:24px;letter-spacing:-1.2px}.brand-wordmark small{display:none}.nav nav{gap:23px}.nav nav a{font-size:12px}.nav nav a.active{border-bottom:2px solid #03c9ff}.btn.primary{background:#006aff;border:1px solid #137cff;box-shadow:0 5px 14px #006aff23}
.hero{background:linear-gradient(90deg,#031027 0%,#03142e 44%,#062a59 74%,#020c1d 100%);min-height:335px}.hero:before{background:linear-gradient(90deg,#0000,#005fc322),url('assets/server-hero.jpg') right 16% center / auto 110% no-repeat;opacity:.3}.hero-grid{grid-template-columns:minmax(0,1.14fr) minmax(0,1fr) minmax(215px,.52fr);gap:14px;min-height:350px;padding:20px 0 58px}.hero-copy h1{font-size:clamp(38px,3.3vw,53px);line-height:1.08;font-weight:850}.hero-copy .eyebrow{letter-spacing:2.5px;color:#35c7ff}.hero-sub{max-width:550px;font-size:15px}.hero-art{align-self:center}.hero-art img{width:min(100%,410px);max-height:320px;object-fit:contain;border-radius:0;mask-image:radial-gradient(ellipse,#000 53%,transparent 75%)}.hero-panel{display:block;padding:22px 20px;border-radius:10px;background:#03172ee8}.hero-panel h2{font-size:20px}.hero-panel li{font-size:11px;margin:12px 0}.hero-features{color:#e4f3ff}.quick{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:-35px;gap:0}.quick a{border-radius:7px;min-height:84px;padding:15px 14px}.quick a b{font-size:13px}.quick a small{font-size:11px}.quick-icon{font-size:27px}.trust{background:#031a35}.trust-grid{min-height:72px}.trust-grid b{font-size:19px}.trust-grid small{font-size:11px}.section{padding-top:25px;padding-bottom:23px}.section-head{margin-bottom:12px}.section-head h2{font-size:25px}.section-head p{font-size:12px}.kicker{font-size:11px;letter-spacing:1.2px;color:#006aff}.service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.service-card{border-radius:6px}.service-photo{height:106px;background-position:center;background-size:cover;padding:0}.service-photo:after{display:none}.web-photo{background-image:url('assets/website-service.jpg')}.server-photo{background-image:url('assets/server-service.jpg')}.software-photo{background-image:url('assets/software-service.jpg')}.support-photo{background-image:url('assets/support-service.jpg')}.service-body{padding:10px 14px}.service-body h3{font-size:12px;margin:0 0 5px}.service-body p{font-size:11px;min-height:40px;line-height:1.45}.pricing-wrap{background:#f1f8ff}.pricing-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.price-card{padding:14px 13px;min-height:190px;border-radius:7px}.price-card h3{font-size:12px}.price-card p{font-size:10px;margin-bottom:5px}.price{font-size:23px}.price-card ul{margin:7px 0}.price-card li{font-size:11px;margin:5px 0}.price-card .btn{padding:8px 13px;font-size:11px}.why{background:#03172d;color:white}.why h2{color:white}.benefits span{background:#052c5c;color:#00baff;border:1px solid #0069c8}.benefits p{color:#c1d5e8}.benefits b{color:white}.footer-logo{object-fit:contain}.contact-section{background:#041a36}
@media(max-width:1250px){.container{width:min(100% - 44px,1450px)}.nav nav{gap:11px}.hero-grid{grid-template-columns:1.2fr 1fr}.hero-panel{display:none}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.container{width:min(100% - 32px,650px)}.nav{min-height:66px}.nav nav{background:#041b37}.hero-grid{grid-template-columns:1fr;gap:8px;padding:35px 0 72px}.hero-copy h1{font-size:clamp(34px,8vw,52px)}.hero-art img{max-width:300px}.quick{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trust-grid{flex-wrap:wrap}.benefits{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:530px){.brand-logo{width:46px;height:43px}.brand-wordmark strong{font-size:18px}.quick,.service-grid,.pricing-grid,.benefits{grid-template-columns:1fr}.service-photo{height:165px}.hero-panel{display:none}.price-card{min-height:0}.section-head h2{font-size:23px}}
/* Dynamic card images and guaranteed desktop wordmark contrast */
.service-photo{background-size:cover!important;background-position:center!important}
.brand-wordmark strong,.header .brand-wordmark strong{color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important}
.brand-wordmark .brand-gold,.header .brand-wordmark .brand-gold{color:#ffcc3d!important;-webkit-text-fill-color:#ffcc3d!important}
.brand-wordmark small{color:#8dc8ff!important}
.price-card .price{white-space:nowrap}