:root{--bg:#020b1b;--bg2:#04142a;--panel:#061a33;--panel2:#082140;--line:#163d68;--blue:#1678ff;--cyan:#26d8ff;--green:#18b85a;--text:#f4f8ff;--muted:#a9b9cf;--soft:#d8e5f5;--shadow:0 14px 42px rgba(0,0,0,.34)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 72% -10%,#0b315f 0,transparent 28%),linear-gradient(180deg,#020b1b,#031124 65%,#020b1b);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.wrap{width:min(1160px,calc(100% - 28px));margin:auto}.topbar{border-bottom:1px solid #113052;background:#020916}.topin{min-height:66px;display:grid;grid-template-columns:1.15fr 2fr;align-items:center;gap:18px}.brandLogo{width:195px;max-width:100%;display:block}.topcontacts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.topContact{display:flex;gap:10px;align-items:center;min-width:0}.topIcon{width:32px;height:32px;border:1px solid #184573;border-radius:50%;display:grid;place-items:center;color:#43b8ff;flex:0 0 auto}.topContact small{display:block;color:#8fa7c3;font-size:11px}.topContact b{font-size:13px;white-space:nowrap}.navShell{position:sticky;top:0;z-index:50;background:#020b1bf2;backdrop-filter:blur(12px);border-bottom:1px solid #12375d}.nav{height:62px;display:flex;align-items:center;justify-content:space-between;gap:20px}.links{display:flex;align-items:center;gap:4px}.links a{padding:20px 22px;font-size:13px;color:#d6e2f0;border-bottom:2px solid transparent}.links a.active,.links a:hover{color:white;border-bottom-color:#1b8cff;background:linear-gradient(180deg,#0c2a4d,#071a34)}.quoteBtn,.blueBtn,.outlineBtn,.greenBtn{border:0;border-radius:7px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.quoteBtn,.blueBtn{background:linear-gradient(180deg,#1887ff,#0861df);color:white;box-shadow:0 7px 24px #0963e036}.quoteBtn{padding:12px 24px}.blueBtn,.outlineBtn{padding:12px 20px}.outlineBtn{border:1px solid #6682a4;background:#081529;color:white}.hero{margin-top:10px;position:relative;height:362px;border:1px solid #14416f;border-radius:13px;overflow:hidden;box-shadow:var(--shadow);background:#071a34}.heroSlide{position:absolute;inset:0;opacity:0;transition:opacity .45s ease;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;background:radial-gradient(circle at 80% 35%,#0e3b69 0,transparent 42%),linear-gradient(135deg,#06172d,#041126)}.heroSlide.on{opacity:1;z-index:2}.heroText{padding:42px 30px 42px 62px;z-index:2}.heroEyebrow{color:#168aff;font-weight:800;letter-spacing:.12em;font-size:13px}.heroText h1{font-size:43px;line-height:1.08;margin:12px 0 13px;max-width:500px}.heroText p{color:#c0ccdc;line-height:1.55;font-size:14px;max-width:500px}.heroActions{display:flex;gap:12px;margin-top:22px}.heroMedia{height:100%;position:relative;overflow:hidden}.heroMedia:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#041126 0%,transparent 28%);z-index:1}.heroMedia img{width:100%;height:100%;object-fit:cover;display:block}.heroArrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid #6d819d;background:#17243bbf;color:white;font-size:29px;cursor:pointer}.heroArrow.prev{left:12px}.heroArrow.next{right:12px;background:white;color:#0c1727}.dots{position:absolute;z-index:6;left:50%;bottom:17px;transform:translateX(-50%);display:flex;gap:6px}.dot{width:7px;height:7px;border-radius:50%;background:#74859a}.dot.on{background:#1ccfff;box-shadow:0 0 0 2px #ffffffaa}.quickStrip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(105px,1fr);overflow-x:auto;gap:8px;padding:9px 0 4px;scrollbar-width:thin}.quickCard{height:95px;background:#06172e;border:1px solid #14395f;border-radius:9px;display:grid;grid-template-rows:55px 1fr;overflow:hidden;cursor:pointer;min-width:105px;color:white}.quickCard:hover,.quickCard.sel{border-color:#178cff;box-shadow:0 0 0 1px #178cff inset}.quickCard img{width:100%;height:55px;object-fit:cover}.quickCard span{text-align:center;font-size:11px;font-weight:700;padding:7px 4px}.section{padding:42px 0}.sectionTitle{text-align:center;margin-bottom:22px}.sectionTitle small{display:block;color:#218fff;font-weight:800;letter-spacing:.24em;font-size:10px}.sectionTitle h2{font-size:31px;margin:7px 0 4px}.decor{width:60px;height:8px;margin:7px auto 0;position:relative}.decor:before{content:"";position:absolute;left:0;right:0;top:3px;height:1px;background:#174a7b}.decor:after{content:"•••";position:absolute;left:18px;top:-8px;color:#45c9ff;letter-spacing:4px;background:#020b1b;padding:0 5px}.serviceGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.serviceCard{background:linear-gradient(180deg,#071b35,#041329);border:1px solid #153b62;border-radius:10px;overflow:hidden;min-height:250px;display:flex;flex-direction:column;box-shadow:0 7px 22px #0003}.serviceCard img{width:100%;height:125px;object-fit:cover;background:#0c2440}.serviceBody{padding:12px 13px 13px;text-align:center;display:flex;flex:1;flex-direction:column}.serviceBody h3{font-size:16px;margin:0 0 7px}.serviceBody p{font-size:11px;line-height:1.45;color:#b7c6d9;margin:0 auto 11px;max-width:240px;flex:1}.viewBtn{align-self:center;border:0;border-radius:4px;background:#1778cb;color:#fff;padding:6px 11px;font-size:10px;font-weight:700;cursor:pointer}.requestRow{display:grid;grid-template-columns:.9fr 1.15fr .9fr;gap:13px;margin-top:20px}.infoBox,.quoteBox,.whyBox{background:#06162c;border:1px solid #17466f;border-radius:10px;padding:18px;min-height:255px}.infoBox h3,.quoteBox h3,.whyBox h3{margin:0 0 13px;font-size:19px}.stepItem{display:grid;grid-template-columns:38px 1fr;gap:10px;margin:12px 0}.stepIcon{width:31px;height:31px;border-radius:50%;background:#126fff;display:grid;place-items:center;font-size:14px}.stepItem b{font-size:12px}.stepItem span{display:block;color:#a9bad0;font-size:10px;margin-top:2px}.quoteBox p{font-size:11px;color:#acbdd2;margin-top:-5px}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{width:100%;border:1px solid #aab4c3;background:white;color:#172030;border-radius:4px;padding:8px 9px;font-size:11px;outline:none}.field textarea{min-height:62px;resize:vertical}.greenBtn{width:100%;background:linear-gradient(180deg,#15964c,#0e763c);color:white;padding:10px;margin-top:8px}.whyList{display:grid;gap:8px;font-size:11px;color:#d8e5f3}.whyList span:before{content:"✓";color:#5ddd77;font-weight:900;margin-right:8px}.whyBox .blueBtn{font-size:11px;margin-top:16px;padding:9px 14px}.brands{padding:13px 0 28px}.brands h2{text-align:center;font-size:25px;margin:0 0 14px}.brandRow{display:grid;grid-template-columns:repeat(8,1fr);gap:7px}.brandPill{height:46px;border:1px solid #12375c;background:#041328;border-radius:7px;display:grid;place-items:center;font-weight:900;font-size:18px;color:#eaf4ff;letter-spacing:-.04em}.brandPill:nth-child(3),.brandPill:nth-child(4){color:#28a8e8}.brandPill:nth-child(5){color:#eee}.aboutArea{display:grid;grid-template-columns:1.05fr 1.7fr;gap:14px}.aboutBox,.teamBox{background:#06162c;border:1px solid #143b62;border-radius:10px;padding:18px}.aboutBox h2{font-size:22px;margin:0 0 9px}.aboutBox p{font-size:11px;line-height:1.6;color:#bac9db}.mission{display:grid;gap:12px;margin-top:12px}.missionItem{display:grid;grid-template-columns:31px 1fr;gap:10px}.missionIcon{width:29px;height:29px;border-radius:50%;border:1px solid #2583d6;color:#55c7ff;display:grid;place-items:center;font-size:12px}.missionItem b{font-size:12px}.missionItem span{display:block;font-size:10px;color:#a7bad0;margin-top:2px}.teamTitle{font-size:12px;margin-bottom:10px}.teamGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.person{background:#eef2f5;color:#152238;border-radius:8px;overflow:hidden;border:1px solid #c5d0db;min-width:0}.photoWrap{height:155px;background:#0b1825;display:grid;place-items:center;padding:7px}.person img{width:138px;height:138px;border-radius:50%;object-fit:cover;object-position:center;border:3px solid #238eff;box-shadow:0 0 0 3px #d9eaff;display:block}.personBody{padding:9px 10px 11px}.role{display:inline-block;background:#198cff;color:white;border-radius:3px;padding:3px 6px;font-size:8px;font-weight:800}.person h3{font-size:15px;margin:5px 0 3px}.person p{font-size:9.5px;line-height:1.4;margin:0;color:#334154}.footerTop{border-top:1px solid #143a60;border-bottom:1px solid #143a60;margin-top:18px;padding:13px 0}.footerContacts{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.footItem{display:flex;gap:8px;align-items:flex-start;font-size:10px;color:#afc0d4}.footItem b{display:block;color:white;font-size:10px}.footIcon{color:#2aaeff;font-size:16px}.footerBottom{display:flex;justify-content:space-between;gap:14px;padding:14px 0 24px;color:#738aa7;font-size:9px}.floatingWA{position:fixed;right:16px;bottom:16px;width:58px;height:58px;border-radius:50%;background:#20cb65;color:white;display:grid;place-items:center;z-index:80;box-shadow:0 12px 28px #0007}.floatingWA svg{width:31px;height:31px}.toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%,15px);background:#0b2340;color:white;border:1px solid #218fff;border-radius:8px;padding:10px 14px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:99}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.topin{grid-template-columns:1fr}.brandLogo{margin-top:10px}.topcontacts{grid-template-columns:repeat(3,1fr);padding-bottom:10px}.links a{padding:19px 10px}.serviceGrid{grid-template-columns:repeat(3,1fr)}.requestRow{grid-template-columns:1fr 1fr}.whyBox{grid-column:1/-1}.brandRow{grid-template-columns:repeat(4,1fr)}.aboutArea{grid-template-columns:1fr}.footerContacts{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.wrap{width:min(100% - 18px,1160px)}.topin{display:flex;align-items:center;justify-content:space-between;min-height:56px}.brandLogo{width:145px;margin:0}.topcontacts{display:none}.nav{height:54px}.links{overflow-x:auto;white-space:nowrap;flex:1}.links a{padding:17px 10px;font-size:11px}.quoteBtn{padding:10px 12px;font-size:11px}.hero{height:410px}.heroSlide{grid-template-columns:1fr}.heroText{padding:30px 28px 4px}.heroText h1{font-size:34px;margin-top:8px}.heroText p{font-size:12px}.heroActions{margin-top:13px}.heroMedia{height:175px}.heroMedia:before{background:linear-gradient(180deg,#041126 0%,transparent 25%)}.heroArrow{width:38px;height:38px}.quickStrip{grid-auto-columns:92px}.quickCard{min-width:92px;height:88px}.quickCard img{height:51px}.serviceGrid{grid-template-columns:repeat(2,1fr);gap:9px}.serviceCard{min-height:220px}.serviceCard img{height:105px}.serviceBody{padding:9px}.serviceBody h3{font-size:13px}.serviceBody p{font-size:9.7px}.requestRow{grid-template-columns:1fr}.brandRow{grid-template-columns:repeat(4,1fr)}.brandPill{font-size:13px}.teamGrid{grid-template-columns:1fr}.person{display:grid;grid-template-columns:126px 1fr;align-items:center}.photoWrap{height:145px}.person img{width:112px;height:112px}.footerContacts{grid-template-columns:1fr 1fr}.footerBottom{flex-direction:column}.sectionTitle h2{font-size:25px}.section{padding:32px 0}}
@media(max-width:420px){.serviceGrid{grid-template-columns:1fr 1fr}.person{grid-template-columns:116px 1fr}.brandRow{grid-template-columns:1fr 1fr}.footerContacts{grid-template-columns:1fr}.heroText{padding-left:22px;padding-right:22px}.heroText h1{font-size:30px}.outlineBtn,.blueBtn{padding:10px 13px;font-size:11px}}


html,body{max-width:100%;overflow-x:hidden}body{min-width:320px}
.heroSlide{pointer-events:none}.heroSlide.on{pointer-events:auto}
.heroSlide .heroText{max-width:100%}.heroMedia img{max-width:100%}
.serviceCard img{display:block;object-fit:cover}
.quickCard{border:1px solid #16436c;cursor:pointer}
.dot{border:0;cursor:pointer}.hero{isolation:isolate}
.navShell .links{min-width:0}.navShell .nav{min-width:0}
.photoWrap .avatarFallback{display:grid;place-items:center;width:120px;height:120px;border-radius:50%;background:#0c315b;border:3px solid #3da3ff;color:white;font-size:30px;font-weight:900}
.staticLogoBlock img{max-width:72px;max-height:72px;object-fit:contain}
.serviceDialog{border:1px solid #20649e;background:#06182f;color:white;border-radius:12px;max-width:590px;width:calc(100% - 30px);padding:0;box-shadow:0 25px 80px #000b}.serviceDialog::backdrop{background:#000a}.dialogInner{position:relative}.dialogPhoto{height:210px;width:100%;object-fit:cover;display:block}.dialogText{padding:20px}.dialogText h2{margin:0 0 10px}.dialogText p{color:#b9c9dc;line-height:1.7}.dialogActions{display:flex;gap:12px;flex-wrap:wrap}.dialogClose{position:absolute;right:10px;top:10px;background:#06152c;color:white;border:1px solid #4686b7;border-radius:50%;width:36px;height:36px;font-size:23px;cursor:pointer}.reviewsPrompt{padding:25px;text-align:center;border:1px solid #17436e;border-radius:10px;background:#07192d}.reviewsPrompt p{color:#c1cee0}
@media(max-width:650px){.nav{gap:6px}.nav .links{scrollbar-width:none}.nav .links::-webkit-scrollbar{display:none}.quoteBtn{flex-shrink:0;padding:9px}.serviceBody h3{min-height:30px}.heroText h1{font-size:clamp(25px,7vw,34px)}.heroText p{font-size:12px}.heroSlide .heroMedia{min-height:145px}.staticTopHeader{max-width:100%}.staticContactCard.address{display:none}}
@media(max-width:375px){.serviceGrid{gap:7px}.serviceCard img{height:90px}.serviceBody{padding:8px 6px}.serviceBody p{font-size:9px}.heroActions{flex-wrap:wrap}}


/* Approved focused updates only: services, reviews, projects, mobile navigation */
html{scroll-padding-top:76px}
section[id]{scroll-margin-top:80px}
.navShell .links a{white-space:nowrap}
.serviceCard img{background:#0b1b32;object-fit:cover}
.serviceBody h3{min-height:19px}
.projectCard,.reviewListBox,.reviewFormBox{background:#06172d;border:1px solid #16416d;border-radius:12px;overflow:hidden}
.projectsIntro{color:#b6c6d9;text-align:center;font-size:13px;margin:0 0 20px}
.projectsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.projectCard img{width:100%;height:168px;object-fit:cover;display:block}
.projectCard>div{padding:17px}
.projectCard h3{margin:0 0 10px;font-size:18px}
.projectCard p{font-size:12px;line-height:1.6;color:#b9c9dc;min-height:42px}
.projectCard .blueBtn{font-size:12px;padding:10px 15px;margin-top:7px}
.reviewLayout{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.reviewListBox,.reviewFormBox{padding:20px}
.reviewListBox h3,.reviewFormBox h3{margin:0 0 8px;font-size:20px}
.reviewListBox p,.reviewFormBox p{font-size:12px;line-height:1.6;color:#bacbe0}
.reviewEntry{border-top:1px solid #174168;padding:14px 0}
.reviewEntry strong{font-size:14px}
.reviewEntry .stars{color:#ffc43c;letter-spacing:2px}
.reviewEntry p{overflow-wrap:anywhere}
.reviewFormBox form{display:flex;flex-direction:column;gap:13px}
.reviewFormBox label{font-size:12px;color:#c9d9e9;display:flex;flex-direction:column;gap:5px}
.reviewFormBox input,.reviewFormBox select,.reviewFormBox textarea{width:100%;font:inherit;font-size:13px;border-radius:7px;padding:10px 12px;border:1px solid #426586;background:#071328;color:white}
.reviewFormBox textarea{min-height:110px;resize:vertical}
.ratingStars{display:flex;gap:4px;flex-wrap:wrap}
.ratingStars button{font-size:31px;color:#60748c;background:none;border:0;cursor:pointer;padding:0 4px}
.ratingStars button.active{color:#ffc43c}
.reviewFormBox .spamField{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
#reviewStatus{font-size:12px;min-height:20px}
.serviceDialog .detailSpecs{margin:10px 0 15px;padding-left:20px;color:#c0d0e2;font-size:13px;line-height:1.7}
.serviceDialog .detailBuilder{background:#061b35;padding:14px;border:1px solid #225180;border-radius:9px;margin:12px 0}
.serviceDialog .detailBuilder label{display:block;font-size:12px;margin-top:10px}
.serviceDialog .detailBuilder select,.serviceDialog .detailBuilder input,.serviceDialog .detailBuilder textarea{display:block;width:100%;margin-top:5px;background:#eaf1f9;color:#10223c;border:1px solid #7390a8;border-radius:6px;padding:9px}
.serviceDialog .detailBuilder textarea{min-height:70px}
.serviceDialog{max-height:92vh;overflow-y:auto}
.serviceDialog .dialogPhoto{object-fit:cover}
@media(max-width:900px){.projectsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.reviewLayout,.projectsGrid{grid-template-columns:1fr}.reviewListBox,.reviewFormBox{padding:15px}.projectCard img{height:180px}.navShell .nav{min-width:0}.navShell nav.links{overflow-x:auto;flex:1;scrollbar-width:thin}.navShell .links a{padding:17px 11px}.navShell .quoteBtn{flex:0 0 auto;padding:10px}.serviceDialog .dialogPhoto{height:150px}}
@media(max-width:390px){.navShell .quoteBtn{font-size:10px;padding:9px 8px}.heroSlide .heroText h1{font-size:26px}.serviceGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}