:root{--navy:#031a38;--navy2:#06254c;--blue:#075ecf;--cyan:#29a6ff;--yellow:#ffd21a;--ink:#0c1930;--muted:#5e6877;--white:#fff;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff}.shell{width:min(var(--max),calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:linear-gradient(90deg,var(--navy),#041f43);box-shadow:0 4px 18px #00163333}.nav-wrap{height:96px;display:flex;align-items:center;gap:30px}.brand img{width:128px;height:86px;object-fit:contain}.nav-links{margin-left:auto;display:flex;gap:34px}.nav-links a{font-size:14px;font-weight:700;text-decoration:none;color:#fff}.nav-links a:first-child,.nav-links a:hover{color:var(--yellow)}.call-pill{background:var(--yellow);color:#07172e;border-radius:5px;padding:12px 22px;text-decoration:none;display:grid;grid-template-columns:auto auto;gap:0 9px;align-items:center}.call-pill span{grid-row:1/3;font-size:22px}.call-pill b{font-size:15px}.call-pill small{font-size:10px}.menu-toggle{display:none;border:0;background:transparent;padding:8px}.menu-toggle span{display:block;width:27px;height:3px;background:#fff;margin:5px;border-radius:3px}
.hero{background:linear-gradient(120deg,#02152f 0%,#06254c 100%);color:#fff}.hero-layout{display:grid;grid-template-columns:32% 68%;gap:32px;align-items:center;padding:36px 0 32px}.hero-content{padding:34px 0}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;color:var(--yellow)}.hero h1,.section h2,.results h2,.cta h2{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;line-height:.93;margin:15px 0 18px}.hero h1{font-size:58px}.hero h1 span{color:var(--yellow)}.hero-content>p:not(.eyebrow){font-size:17px;line-height:1.55;color:#e3ebf7}.hero-actions{display:flex;gap:12px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;border-radius:4px;padding:12px 20px;text-decoration:none;font-weight:800}.btn small{font-size:9px;font-weight:600}.primary{background:var(--yellow);color:#07172e}.ghost{border:1px solid #fff;color:#fff;background:transparent}.hero-media{--slider-position:50%;position:relative;height:500px;overflow:hidden;border-radius:8px;cursor:ew-resize;touch-action:none;user-select:none;-webkit-user-select:none;box-shadow:0 18px 40px #00102755}.hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}.hero-media .before-image{z-index:1}.hero-media .after-image{z-index:2;clip-path:inset(0 0 0 var(--slider-position))}.slider-line{position:absolute;z-index:4;top:0;bottom:0;left:var(--slider-position);width:3px;background:#fff;transform:translateX(-50%);pointer-events:none}.slider-line span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;background:#fff;color:#0c2449;display:grid;place-items:center;font-weight:900;font-size:18px;box-shadow:0 4px 15px #00163355}.tag{position:absolute;z-index:5;bottom:18px;background:#061b3d;color:#fff;padding:7px 11px;text-transform:uppercase;font-size:11px;font-weight:800}.tag.before{left:14px}.tag.after{right:14px;background:var(--blue)}.trust-strip{height:140px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;background:#fff;color:var(--ink)}.trust-strip div{text-align:center;padding:0 30px;border-right:1px solid #e4e9f1}.trust-strip div:last-child{border:0}.trust-strip b,.trust-strip span{display:block}.trust-strip b{font-size:15px;color:#0d2b55}.trust-strip span{font-size:12px;color:#647083;margin-top:7px}
.section{padding:84px 0}.section h2,.results h2,.cta h2{font-size:46px;text-align:center;margin-top:8px}.services .kicker,.reviews .kicker{text-align:center}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:38px}.service-grid article{position:relative;background:#fff;border:1px solid #e3e8ef;border-radius:10px;overflow:hidden;box-shadow:0 12px 26px #0a23400c;padding-bottom:24px}.service-grid img{width:100%;height:170px;object-fit:cover}.service-grid .icon{width:46px;height:46px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;margin:-24px auto 13px;position:relative;border:4px solid #fff;font-weight:800}.service-grid h3{text-align:center;margin:0 18px 8px;text-transform:uppercase;font-family:'Barlow Condensed';font-size:22px}.service-grid p{text-align:center;color:var(--muted);line-height:1.55;font-size:13px;margin:0 18px}.results{padding:84px 0;background:var(--navy);color:#fff}.light{color:var(--yellow);text-align:center}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:36px}.gallery-grid figure{margin:0;position:relative;height:340px;overflow:hidden;border-radius:8px}.gallery-grid img{width:100%;height:100%;object-fit:cover}.gallery-grid figcaption{position:absolute;left:14px;bottom:14px;background:#071c3c;color:#fff;padding:7px 12px;text-transform:uppercase;font-weight:800;font-size:12px}.split-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}.split h2{text-align:left}.split p{color:var(--muted);line-height:1.75}.split ul{padding-left:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0}.split li:before{content:'✓';color:var(--blue);font-weight:900;margin-right:8px}.split img{width:100%;height:520px;object-fit:cover;border-radius:12px}.dark{margin-top:6px}.reviews{background:#f5f8fc}.review-card{max-width:760px;margin:34px auto 0;text-align:center;background:#fff;border-radius:12px;padding:38px;box-shadow:0 12px 34px #00163310}.stars{color:#ffc400;letter-spacing:5px;font-size:22px}.review-card p{font-size:20px;line-height:1.6}.review-card span{color:var(--muted);font-size:13px}.cta{padding:62px 0;background:var(--blue);color:#fff}.cta-grid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px}.cta h2{text-align:left;margin-bottom:10px}.cta p{margin:0;color:#dbeaff}.cta-actions{display:flex;gap:12px}.white{background:#fff;color:var(--blue)}.yellow{background:var(--yellow);color:#09162d}footer{background:#03142e;color:#fff;padding:46px 0 0}.footer-grid{display:grid;grid-template-columns:170px 1fr auto;gap:28px;align-items:center}.footer-grid img{width:140px}.footer-grid p{color:#b9c6d9;line-height:1.6}.footer-grid div:last-child{display:grid;gap:10px}.footer-grid a{color:#fff;text-decoration:none;font-weight:700}.copyright{text-align:center;color:#94a3b8;border-top:1px solid #ffffff16;padding:18px;margin-top:34px;font-size:12px}
@media(max-width:900px){.nav-wrap{height:76px}.brand img{width:96px;height:65px}.menu-toggle{display:block;margin-left:auto}.nav-links{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;padding:18px;box-shadow:0 12px 24px #00163322;flex-direction:column;gap:0}.nav-links.open{display:flex}.nav-links a{color:#16243b;padding:14px;border-bottom:1px solid #eef1f5}.call-pill{display:none}.hero-layout{grid-template-columns:1fr;padding-top:22px}.hero-content{padding:20px 0 10px}.hero h1{font-size:50px}.hero-content>*{max-width:560px}.hero-media{height:440px}.trust-strip{height:auto;grid-template-columns:1fr 1fr;padding:24px 0}.trust-strip div{padding:18px}.service-grid{grid-template-columns:1fr 1fr}.gallery-grid{grid-template-columns:1fr 1fr}.split-grid{grid-template-columns:1fr}.split img{height:420px}.cta-grid{grid-template-columns:1fr}.cta-actions{flex-wrap:wrap}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-grid img{margin:auto}.footer-grid div:last-child{justify-content:center}}
@media(max-width:560px){.shell{width:min(100% - 24px,var(--max))}.brand img{width:82px}.hero-layout{gap:14px}.hero h1{font-size:43px}.hero-content>p:not(.eyebrow){font-size:15px}.hero-actions{flex-direction:column;width:100%}.hero-media{height:330px}.trust-strip{grid-template-columns:1fr 1fr}.trust-strip b{font-size:12px}.trust-strip span{font-size:10px}.section{padding:62px 0}.section h2,.results h2,.cta h2{font-size:38px}.service-grid{grid-template-columns:1fr}.service-grid img{height:205px}.gallery-grid{grid-template-columns:1fr 1fr;gap:10px}.gallery-grid figure{height:250px}.split ul{grid-template-columns:1fr}.split img{height:350px}.cta-actions{flex-direction:column}.cta-actions .btn{width:100%}}
/* Revision: visual-match hero and fully interactive before/after comparisons */
.site-header{background:#fff}.nav-links a{color:#0c1930}.nav-links a:first-child,.nav-links a:hover{color:#075ecf}.menu-toggle span{background:#0c1930}.brand img{width:104px;height:90px}.hero-layout{grid-template-columns:31% 69%;gap:28px;padding:28px 0 30px}.hero h1{font-size:64px}.hero h1 span{color:var(--yellow)}.hero-media{height:510px}.comparison{--slider-position:50%;position:relative;overflow:hidden;cursor:ew-resize;touch-action:none;user-select:none;-webkit-user-select:none}.comparison img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}.comparison .before-image{z-index:1}.comparison .after-image{z-index:2;clip-path:inset(0 0 0 var(--slider-position))}.comparison .slider-line{left:var(--slider-position)}.comparison-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:38px}.comparison-grid article{background:#06254c;border:1px solid #ffffff18;border-radius:12px;padding:16px}.comparison-grid h3{font-family:'Barlow Condensed';text-transform:uppercase;font-size:26px;margin:0 0 12px}.comparison.mini{height:420px;border-radius:9px}.comparison.mini .slider-line span{width:38px;height:38px}.comparison.mini .tag{bottom:12px}.service-grid{grid-template-columns:repeat(4,1fr)}.service-grid img{height:185px}.results h2{color:#fff}.results .kicker{color:var(--yellow)}
@media(max-width:1050px){.service-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:54px}}
@media(max-width:900px){.site-header{background:#fff}.hero-layout{grid-template-columns:1fr}.hero-media{height:470px}.comparison-grid{grid-template-columns:1fr}.comparison.mini{height:430px}.nav-links a{color:#16243b}}
@media(max-width:560px){.brand img{width:78px;height:64px}.hero h1{font-size:46px}.hero-media{height:350px}.service-grid{grid-template-columns:1fr}.comparison.mini{height:330px}.comparison-grid{gap:18px}.comparison-grid article{padding:10px}.comparison-grid h3{font-size:22px}.hero-actions .btn{width:100%}}

.social-band{background:#061b35;color:#fff;padding:54px 0;border-top:1px solid rgba(255,255,255,.08)}
.social-inner{display:flex;align-items:center;justify-content:space-between;gap:32px}
.social-inner h2{margin:4px 0 0;font-family:"Barlow Condensed",sans-serif;font-size:clamp(32px,4vw,48px);text-transform:uppercase}
.social-list{display:flex;flex-wrap:wrap;gap:14px}
.social-list a,.social-list span{display:inline-flex;align-items:center;justify-content:center;min-width:125px;padding:14px 20px;border:1px solid rgba(255,255,255,.28);border-radius:8px;color:#fff;font-weight:700;text-decoration:none;background:rgba(255,255,255,.04)}
.social-list a:hover{background:#0f63d8;border-color:#0f63d8}
.footer-grid span{display:block;color:#d8e0eb;margin-top:6px}
@media (max-width:760px){.social-inner{align-items:flex-start;flex-direction:column}.social-list{width:100%}.social-list a,.social-list span{flex:1;min-width:100px}.cta-actions{gap:10px}}
/* Final social icon and service image refinements */
.social-list{display:flex;gap:18px;align-items:center}
.social-list .social-icon{min-width:0;width:72px;height:72px;padding:0;border-radius:50%;border:0;display:flex;align-items:center;justify-content:center;position:relative;overflow:visible;transition:transform .2s ease,box-shadow .2s ease}
.social-list .social-icon svg{width:34px;height:34px;fill:#fff}
.social-list .social-icon span{position:absolute;top:80px;white-space:nowrap;background:none;border:0;padding:0;min-width:0;font-size:13px;color:#fff}
.social-list .facebook{background:#1877f2}
.social-list .instagram{background:radial-gradient(circle at 30% 110%,#fdf497 0 10%,#fd5949 35%,#d6249f 62%,#285aeb 100%)}
.social-list .tiktok{background:#000;box-shadow:inset 3px 0 #25f4ee,inset -3px 0 #fe2c55}
.social-list .social-icon:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(0,0,0,.3)}
.social-band{padding-bottom:76px}
@media(max-width:760px){.social-list{justify-content:flex-start;gap:20px}.social-list .social-icon{flex:none;width:62px;height:62px}.social-list .social-icon span{top:69px;font-size:12px}.social-band{padding-bottom:72px}}

.brand-finish{background:radial-gradient(circle at top,#0c2e58 0,#061b35 55%,#031226 100%);color:#fff;padding:80px 0;text-align:center;position:relative;overflow:hidden}
.brand-finish:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,213,0,.06),transparent 40%,rgba(31,143,255,.08));pointer-events:none}
.brand-finish-inner{position:relative;max-width:850px}
.brand-finish img{width:180px;max-height:180px;object-fit:contain;margin:0 auto 20px;filter:drop-shadow(0 10px 22px rgba(0,0,0,.35))}
.brand-finish h2{font-size:clamp(2.4rem,5vw,4.4rem);margin:8px 0 18px;text-transform:uppercase}
.brand-finish p:not(.kicker){max-width:760px;margin:0 auto 28px;font-size:1.08rem;line-height:1.75;color:#dce7f5}
.finish-points{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px;margin:0 0 30px;font-weight:700}
.finish-points span{color:#fff}
.finish-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
@media(max-width:640px){.brand-finish{padding:58px 0}.brand-finish img{width:140px}.finish-points{display:grid;grid-template-columns:1fr 1fr;text-align:left;gap:12px}.finish-actions .btn{width:100%}}

/* Final client revision: remove repeated image before closing brand panel */
.split-grid-single{grid-template-columns:1fr;max-width:900px}
.split-grid-single>div{max-width:900px}
.split-grid-single+.brand-finish{}
@media(max-width:560px){#about.section{padding-bottom:46px}.brand-finish{padding-top:48px}}

/* Final hero branding and performance pass */
.hero-wide-logo{display:block;width:min(100%,620px);height:auto;object-fit:contain;margin:0 0 18px;filter:drop-shadow(0 10px 22px rgba(0,0,0,.22))}
.hero-tagline{font-size:clamp(34px,4.8vw,62px)!important;line-height:.95;margin:0 0 22px!important}
.hero-tagline span{color:var(--yellow)}
@media(max-width:900px){.hero-wide-logo{width:min(100%,560px);margin-inline:auto}.hero-tagline{text-align:center}.hero-content>p{text-align:center}.hero-actions{justify-content:center}}
@media(max-width:560px){.hero-wide-logo{width:100%;margin-bottom:14px}.hero-tagline{font-size:38px!important}}


/* On-site Google reviews section */
.reviews-section{background:#f5f8fc;padding:78px 0}
.reviews-heading{text-align:center;max-width:760px;margin:0 auto 36px}
.reviews-heading h2{margin-bottom:10px}
.reviews-heading>p:last-child{color:var(--muted);margin:10px 0 0}
.reviews-summary{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;color:#25334a}
.summary-stars,.review-stars{color:#fbbc04;letter-spacing:2px}
.reviews-summary strong{font-size:24px}
.reviews-summary span:last-child{color:var(--muted);font-size:14px}
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start}
.google-review{background:#fff;border:1px solid #e5eaf1;border-radius:14px;padding:24px;box-shadow:0 10px 28px rgba(3,20,46,.06);height:100%}
.review-top{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.review-avatar{width:44px;height:44px;border-radius:50%;background:#0b5fc6;color:#fff;display:grid;place-items:center;font-weight:800;font-size:18px;flex:0 0 auto}
.review-top h3{font-family:Inter,sans-serif;font-size:16px;margin:0 0 4px;color:#101d32}
.review-stars{font-size:16px;line-height:1}
.google-badge{margin-left:auto;font-size:11px;font-weight:800;color:#4285f4;background:#f1f6ff;border:1px solid #dbe8ff;border-radius:999px;padding:6px 9px}
.google-review p{color:#42506a;line-height:1.65;margin:0;font-size:15px}
.google-review .review-title{font-weight:800;color:#1b2b44;margin:-2px 0 8px}
@media(max-width:980px){.reviews-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.reviews-section{padding:58px 0}.reviews-grid{grid-template-columns:1fr}.google-review{padding:20px}.reviews-summary{gap:8px}}

.leave-review-cta{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:20px}
.leave-review-cta span{font-weight:700;color:#24344d}
.leave-review-cta .btn{min-width:190px}
@media(max-width:620px){.leave-review-cta{flex-direction:column}.leave-review-cta .btn{width:100%;max-width:300px;text-align:center}}
