:root{
 --mx-navy:#07131f;--mx-navy2:#0d2235;--mx-blue:#1687f7;--mx-cyan:#52d7ff;
 --mx-green:#25D366;--mx-fb:#1877F2;--mx-ink:#102033;--mx-muted:#617184;
 --mx-line:#dde6ee;--mx-soft:#f4f7fa;--mx-white:#fff;--mx-shadow:0 18px 50px rgba(7,19,31,.10)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0!important;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif!important;color:var(--mx-ink)!important;line-height:1.55!important;background:#fff!important}
img{max-width:100%;display:block}a{text-decoration:none;color:inherit}.mx-container{width:min(1180px,92vw);margin:auto}
.mx-top{background:var(--mx-navy)!important;color:#dbe6ef!important;font-size:14px}.mx-top-inner{min-height:34px;display:flex;justify-content:flex-end;gap:25px;align-items:center}
.mx-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.98)!important;border-bottom:1px solid var(--mx-line);backdrop-filter:blur(10px)}
.mx-nav{min-height:82px;display:flex;align-items:center;gap:24px}.mx-logo{font-size:28px;font-weight:950;letter-spacing:-.04em;white-space:nowrap}.mx-logo span{color:var(--mx-blue)}
.mx-menu{margin-left:auto;display:flex;gap:22px;align-items:center;font-size:15px;font-weight:800}.mx-menu a:hover{color:var(--mx-blue)}
.mx-actions{display:flex;gap:9px;align-items:center}.mx-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px;padding:12px 18px!important;border-radius:12px!important;font-size:15px!important;font-weight:900!important;border:0!important;line-height:1!important;box-shadow:none!important}
.mx-wa{background:#25D366!important;color:#063d16!important}.mx-wa:hover{background:#1fc75a!important}.mx-fb{background:#1877F2!important;color:#fff!important}.mx-dark{background:var(--mx-navy)!important;color:#fff!important}.mx-outline{background:#fff!important;color:var(--mx-ink)!important;border:1px solid #cfd9e2!important}
.mx-hero{background:linear-gradient(135deg,#f6fbff 0%,#edf7ff 55%,#f6fbff 100%)!important;border-bottom:1px solid #e2ebf2}
.mx-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center;padding:72px 0}
.mx-eyebrow{color:#0f719f;font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.mx-hero h1{font-size:clamp(48px,5.2vw,78px)!important;line-height:1.02!important;letter-spacing:-.055em!important;margin:12px 0 20px!important;color:var(--mx-ink)!important;max-width:720px}
.mx-hero h1 span{color:#1687f7}.mx-lead{font-size:19px!important;color:#42566b!important;max-width:710px;margin:0!important}.mx-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.mx-hero-photo{height:490px!important;border-radius:24px!important;overflow:hidden!important;box-shadow:var(--mx-shadow)!important;background:#0b1520!important}
.mx-hero-photo img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
.mx-section{padding:74px 0}.mx-alt{background:var(--mx-soft)!important}.mx-dark-section{background:var(--mx-navy)!important;color:#fff!important}
.mx-head{max-width:810px;margin-bottom:30px}.mx-kicker{color:#087cc5;font-size:13px;font-weight:950;letter-spacing:.07em;text-transform:uppercase}.mx-dark-section .mx-kicker{color:#64dfff}
.mx-section h2{font-size:clamp(32px,3vw,48px)!important;line-height:1.08!important;letter-spacing:-.035em!important;margin:8px 0 12px!important}.mx-muted{color:var(--mx-muted)!important}
.mx-services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mx-card{background:#fff!important;border:1px solid var(--mx-line)!important;border-radius:18px!important;padding:22px!important;box-shadow:0 8px 24px rgba(7,19,31,.05)!important}
.mx-card h3{font-size:20px!important;margin:0 0 8px!important}.mx-card p{font-size:15.5px!important;color:var(--mx-muted)!important;margin:0!important}
.mx-features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mx-feature{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.04);border-radius:16px;padding:20px}.mx-feature strong{display:block;margin-bottom:5px}
.mx-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mx-shot{background:#fff;border:1px solid var(--mx-line);border-radius:18px;overflow:hidden;box-shadow:0 8px 22px rgba(7,19,31,.06)}
.mx-shot img{width:100%!important;height:180px!important;object-fit:cover!important}.mx-shot-copy{padding:15px}.mx-shot h3{font-size:17px!important;margin:0 0 4px!important}.mx-shot p{font-size:14px!important;margin:0!important;color:var(--mx-muted)!important}
.mx-gbp{display:grid;grid-template-columns:1.25fr .75fr;gap:24px;align-items:center;background:#eef7ff;border:1px solid #d7e8f4;border-radius:22px;padding:30px}.mx-contact-card{background:#fff;border:1px solid var(--mx-line);border-radius:17px;padding:20px}
.mx-footer{background:#04101a;color:#cbd8e5;padding:48px 0 82px}.mx-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:26px}.mx-footer h4{color:#fff;margin:0 0 10px}.mx-footer a{display:block;margin:7px 0}
.mx-social{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.mx-sticky{display:none}
@media(max-width:1000px){
 .mx-menu{display:none}.mx-actions .mx-dark{display:none}.mx-hero-grid,.mx-gbp{grid-template-columns:1fr}.mx-services{grid-template-columns:1fr 1fr}.mx-features,.mx-gallery{grid-template-columns:1fr 1fr}.mx-footer-grid{grid-template-columns:1fr 1fr}.mx-hero-photo{height:390px!important}
}
@media(max-width:640px){
 .mx-top-inner{justify-content:center;font-size:12px;gap:10px}.mx-logo{font-size:22px}.mx-actions .mx-fb{display:none}.mx-nav{min-height:70px}.mx-hero-grid{padding:48px 0;gap:32px}.mx-hero h1{font-size:46px!important}.mx-lead{font-size:17px!important}.mx-hero-photo{height:310px!important}
 .mx-services,.mx-features,.mx-gallery,.mx-footer-grid{grid-template-columns:1fr}.mx-shot img{height:210px!important}.mx-section{padding:54px 0}
 .mx-sticky{display:flex;position:fixed;z-index:100;bottom:12px;left:12px;right:12px;gap:8px}.mx-sticky a{flex:1}
}

.mx-faq{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.mx-faq article{background:#fff;border:1px solid var(--mx-line);border-radius:18px;padding:20px}
.mx-faq h3{margin:0 0 7px!important;font-size:17px!important}.mx-faq p{margin:0!important;color:var(--mx-muted)!important;font-size:14.5px!important}
.mx-service-photo{background:#fff;border:1px solid var(--mx-line);border-radius:20px;overflow:hidden;box-shadow:var(--mx-shadow)}
.mx-service-photo img{width:100%!important;height:300px!important;object-fit:cover!important}
@media(max-width:1000px){.mx-faq{grid-template-columns:1fr}}