:root{--navy:#061725;--blue:#0b76b7;--teal:#12c7c0;--ice:#eef8ff;--white:#fff;--muted:#64748b;--card:#ffffff;--line:#dbe7ef;--dark:#0b1d2a;--gold:#f7b733}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--dark);background:#f7fbff;line-height:1.65}a{color:inherit}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:white;padding:.5rem;z-index:99}.topbar{background:#02101b;color:#bfefff;text-align:center;padding:.45rem;font-size:.9rem}.site-header{position:sticky;top:0;z-index:20;box-shadow:0 8px 24px rgba(0,0,0,.12)}.nav-wrap{display:flex;align-items:center;gap:1rem;background:rgba(6,23,37,.96);padding:.85rem clamp(1rem,4vw,3rem)}.brand{display:flex;align-items:center;gap:.65rem;color:white;text-decoration:none;font-weight:900;letter-spacing:.02em}.brand img{height:48px}.main-nav{display:flex;gap:.25rem;margin-left:auto}.main-nav a{color:#e9fbff;text-decoration:none;padding:.65rem .8rem;border-radius:999px;font-weight:700;font-size:.94rem}.main-nav a:hover,.main-nav .active{background:rgba(18,199,192,.18)}.nav-cta{background:linear-gradient(135deg,var(--teal),var(--blue));color:white;text-decoration:none;font-weight:900;padding:.7rem 1rem;border-radius:999px;box-shadow:0 8px 22px rgba(18,199,192,.25)}.menu-toggle{display:none;background:transparent;color:white;border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:.4rem .6rem;font-size:1.2rem}.hero{min-height:76vh;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:2rem;padding:clamp(2rem,6vw,5rem);background:radial-gradient(circle at 20% 20%,rgba(18,199,192,.28),transparent 25%),linear-gradient(135deg,#061725,#093658 65%,#0b76b7);color:white;overflow:hidden}.hero h1{font-size:clamp(2.6rem,7vw,5.6rem);line-height:.95;margin:.5rem 0 1rem;letter-spacing:-.06em}.eyebrow{color:#8bf8ef;text-transform:uppercase;font-weight:900;letter-spacing:.14em}.hero p{font-size:1.2rem;max-width:760px;color:#dff8ff}.hero-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:28px;padding:1rem;backdrop-filter:blur(10px);box-shadow:0 26px 70px rgba(0,0,0,.25)}.hero-card img{width:100%;display:block;border-radius:20px}.btn-row{display:flex;gap:.85rem;flex-wrap:wrap;margin-top:1.4rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;background:var(--blue);color:white;text-decoration:none;border:0;border-radius:999px;padding:.9rem 1.25rem;font-weight:900;cursor:pointer}.btn.secondary{background:white;color:#082033}.btn.dark{background:#061725;color:white}.section{padding:clamp(2.5rem,6vw,5.25rem) clamp(1rem,5vw,4rem)}.section h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;margin:0 0 1rem;letter-spacing:-.04em}.section-intro{max-width:850px;color:#425466;font-size:1.1rem}.grid{display:grid;gap:1.2rem}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.card{background:white;border:1px solid var(--line);border-radius:24px;padding:1.35rem;box-shadow:0 14px 35px rgba(8,32,51,.06)}.card h3{font-size:1.35rem;margin:.2rem 0 .65rem}.card a{font-weight:900;color:var(--blue);text-decoration:none}.service-card{display:flex;flex-direction:column;min-height:100%}.service-card img,.wide-img{width:100%;border-radius:18px;border:1px solid var(--line);background:#dff2ff}.split{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.dark-band{background:#061725;color:white}.dark-band .card{background:#0b2538;border-color:#143a52;color:#eafcff}.dark-band p{color:#cdeefa}.steps{counter-reset:step}.step{position:relative;padding-left:3.3rem}.step:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:1.35rem;background:var(--teal);color:#03111c;width:2.2rem;height:2.2rem;border-radius:999px;display:grid;place-items:center;font-weight:900}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.gallery figure{margin:0;background:white;border:1px solid var(--line);border-radius:20px;padding:.65rem}.gallery img{width:100%;border-radius:15px;display:block}.gallery figcaption{font-weight:800;margin:.55rem}.quote-form{display:grid;gap:1rem}.quote-form input,.quote-form select,.quote-form textarea{width:100%;padding:.9rem 1rem;border:1px solid #cbd8e3;border-radius:14px;font:inherit;background:white}.quote-form textarea{min-height:130px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.pill-list{display:flex;gap:.6rem;flex-wrap:wrap}.pill{background:#e7f8ff;border:1px solid #bceeff;border-radius:999px;padding:.45rem .75rem;font-weight:800;color:#0b5278}.site-footer{background:#03111c;color:#d6f5ff;padding:3rem clamp(1rem,5vw,4rem) 1rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:1.4rem}.footer-grid a{display:block;color:#d6f5ff;text-decoration:none;margin:.35rem 0}.footer-logo{height:72px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:2rem;padding-top:1rem;color:#9fd4e6}.breadcrumb{font-size:.92rem;color:#64748b;margin-bottom:1rem}.page-hero{background:linear-gradient(135deg,#061725,#0a4a73);color:white;padding:clamp(3rem,7vw,6rem) clamp(1rem,5vw,4rem)}.page-hero h1{font-size:clamp(2.5rem,6vw,4.8rem);line-height:1;margin:0 0 1rem}.page-hero p{max-width:850px;font-size:1.2rem;color:#def8ff}.notice{background:#fff7e4;border:1px solid #ffdf8b;border-radius:18px;padding:1rem;color:#5a3b00}.mini-nav{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1.2rem}.mini-nav a{background:white;color:#082033;text-decoration:none;padding:.55rem .8rem;border-radius:999px;font-weight:800}.checklist li{margin:.45rem 0}.table-wrap{overflow:auto}.simple-table{border-collapse:collapse;width:100%;background:white;border-radius:18px;overflow:hidden}.simple-table td,.simple-table th{border:1px solid var(--line);padding:.8rem;text-align:left}.simple-table th{background:#e8f7ff}@media(max-width:900px){.hero,.split,.grid.three,.grid.two,.footer-grid{grid-template-columns:1fr}.main-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#061725;padding:1rem;flex-direction:column}.main-nav.open{display:flex}.menu-toggle{display:block;margin-left:auto}.nav-cta{display:none}.gallery{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.hero{min-height:auto}.brand span{font-size:.95rem}}@media(max-width:520px){.gallery{grid-template-columns:1fr}.section{padding:2.2rem 1rem}.hero{padding:2rem 1rem}.brand img{height:40px}}

/* v12 polish */
.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1.25rem}
.feature{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:18px;padding:1rem;color:#e9fbff}
.feature strong{display:block;color:#8bf8ef;font-size:1.05rem}
.link-cloud{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}
.link-cloud a{background:#e7f8ff;border:1px solid #bceeff;border-radius:999px;padding:.45rem .75rem;text-decoration:none;font-weight:800;color:#0b5278}
.service-hub{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.local-proof{background:linear-gradient(135deg,#e8f7ff,#fff);border:1px solid var(--line);border-radius:24px;padding:1.3rem}
.callout{background:linear-gradient(135deg,#0b76b7,#12c7c0);color:white;border-radius:28px;padding:2rem;box-shadow:0 18px 50px rgba(11,118,183,.18)}
.callout p{color:white}
@media(max-width:1000px){.feature-strip,.service-hub{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.feature-strip,.service-hub{grid-template-columns:1fr}}

/* v13 SEO conversion polish */
.local-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.quote-panel{background:#fff;border:1px solid var(--line);border-radius:28px;padding:1.35rem;box-shadow:0 20px 50px rgba(8,32,51,.08)}
.seo-note{font-size:.95rem;color:#64748b;border-left:4px solid var(--teal);padding-left:1rem}
.compare-box{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.compare-box .good{border-color:#88eee8}.compare-box .bad{border-color:#ffd18f}
@media(max-width:900px){.local-service-grid,.compare-box{grid-template-columns:1fr}}

/* v14 deeper SEO + conversion */
.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.guide-card{background:white;border:1px solid var(--line);border-radius:24px;padding:1.3rem;box-shadow:0 14px 35px rgba(8,32,51,.06)}
.guide-card .tag{display:inline-block;background:#e7f8ff;color:#0b5278;border-radius:999px;padding:.3rem .6rem;font-size:.82rem;font-weight:900;margin-bottom:.6rem}
.trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.trust-item{background:#fff;border:1px solid var(--line);border-radius:22px;padding:1.2rem;text-align:center}
.trust-item strong{display:block;font-size:1.15rem;color:#061725}
.sticky-quote{position:fixed;right:18px;bottom:18px;z-index:50;background:linear-gradient(135deg,var(--teal),var(--blue));color:white;text-decoration:none;border-radius:999px;padding:.9rem 1.15rem;font-weight:900;box-shadow:0 16px 40px rgba(0,0,0,.25)}
.resource-list{columns:2;column-gap:2rem}.resource-list li{break-inside:avoid;margin:.45rem 0}
@media(max-width:950px){.guide-grid,.trust-row{grid-template-columns:repeat(2,1fr)}.sticky-quote{left:18px;right:18px;text-align:center}.resource-list{columns:1}}
@media(max-width:560px){.guide-grid,.trust-row{grid-template-columns:1fr}}

/* v15 overall polish */
.hero-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.25rem}
.hero-mini div{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:18px;padding:1rem}
.hero-mini strong{display:block;color:#8bf8ef;font-size:1.1rem}
.badge-wall{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}
.badge{background:white;border:1px solid var(--line);border-radius:999px;padding:.85rem 1rem;text-align:center;font-weight:900;color:#0b5278}
.review-card{background:white;border:1px solid var(--line);border-radius:24px;padding:1.35rem;box-shadow:0 14px 35px rgba(8,32,51,.06)}
.review-card .stars{letter-spacing:.08em;color:#b77a00;font-weight:900}
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.kpi{background:#061725;color:white;border-radius:24px;padding:1.3rem}.kpi strong{display:block;font-size:2rem;color:#8bf8ef}
.timeline{position:relative}.timeline:before{content:"";position:absolute;left:1.1rem;top:0;bottom:0;width:3px;background:#bceeff}.timeline-item{position:relative;padding-left:3.2rem;margin:1rem 0}.timeline-item:before{content:"";position:absolute;left:.55rem;top:.35rem;width:1.15rem;height:1.15rem;border-radius:50%;background:#12c7c0;border:4px solid white;box-shadow:0 0 0 2px #12c7c0}
.asset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.asset-grid img{width:100%;border:1px solid var(--line);border-radius:18px;background:#e8f7ff}
@media(max-width:1000px){.badge-wall,.kpi-grid,.asset-grid{grid-template-columns:repeat(2,1fr)}.hero-mini{grid-template-columns:1fr}}
@media(max-width:560px){.badge-wall,.kpi-grid,.asset-grid{grid-template-columns:1fr}}

/* v16 premium design upgrades */
.premium-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#020b12,#061725 50%,#0b76b7);color:white;padding:clamp(3rem,7vw,7rem) clamp(1rem,5vw,4rem)}
.premium-hero:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 75% 20%,rgba(18,199,192,.35),transparent 28%),radial-gradient(circle at 25% 70%,rgba(11,118,183,.35),transparent 32%);animation:floatGlow 9s ease-in-out infinite alternate}
@keyframes floatGlow{from{transform:translate(-2%,0)}to{transform:translate(2%,-2%)}}
.premium-hero-inner{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:2rem;align-items:center}
.premium-hero h1{font-size:clamp(3rem,7vw,6.4rem);line-height:.92;margin:.5rem 0 1rem;letter-spacing:-.07em}
.hero-proof{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.4rem}.hero-proof span{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.12);border-radius:999px;padding:.55rem .85rem;font-weight:900;color:#dffbff}
.premium-img{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);border-radius:32px;padding:1rem;box-shadow:0 30px 90px rgba(0,0,0,.35)}.premium-img img{width:100%;border-radius:22px;display:block}
.before-after-slider{position:relative;border-radius:26px;overflow:hidden;background:#061725;border:1px solid var(--line);min-height:360px}
.before-after-slider img{width:100%;display:block}.slider-labels{position:absolute;inset:auto 1rem 1rem 1rem;display:flex;justify-content:space-between}.slider-labels span{background:rgba(6,23,37,.88);color:#fff;padding:.45rem .75rem;border-radius:999px;font-weight:900}
.form-stepper{display:grid;gap:1rem}.step-box{background:#fff;border:1px solid var(--line);border-radius:22px;padding:1.1rem}.step-box h3{margin:.1rem 0 .45rem}
.icon-row{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}.icon-tile{background:white;border:1px solid var(--line);border-radius:22px;padding:1rem;text-align:center;font-weight:900}.icon-tile .ico{font-size:2rem;display:block;margin-bottom:.4rem}
.asset-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.asset-showcase .card img{width:100%;border-radius:18px;border:1px solid var(--line)}
.mobile-bottom-bar{display:none}
@media(max-width:950px){.premium-hero-inner,.asset-showcase{grid-template-columns:1fr}.icon-row{grid-template-columns:repeat(2,1fr)}.mobile-bottom-bar{display:grid;grid-template-columns:1fr 1fr;position:fixed;bottom:0;left:0;right:0;z-index:80}.mobile-bottom-bar a{padding:.9rem;background:#061725;color:white;text-align:center;text-decoration:none;font-weight:900;border-top:1px solid rgba(255,255,255,.15)}.mobile-bottom-bar a:last-child{background:linear-gradient(135deg,var(--teal),var(--blue));}.sticky-quote{display:none}.site-footer{padding-bottom:5rem}}

/* v17 launch readiness + conversion */
.notice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.notice-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:1.2rem;box-shadow:0 12px 30px rgba(8,32,51,.05)}
.notice-card strong{display:block;color:#061725;font-size:1.15rem;margin-bottom:.35rem}
.launch-table{width:100%;border-collapse:collapse;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 14px 35px rgba(8,32,51,.06)}
.launch-table th,.launch-table td{border:1px solid var(--line);padding:.9rem;text-align:left;vertical-align:top}
.launch-table th{background:#e8f7ff;color:#061725}
.status-good{display:inline-block;border-radius:999px;background:#d9fff8;color:#075f59;font-weight:900;padding:.25rem .55rem}
.status-todo{display:inline-block;border-radius:999px;background:#fff3d4;color:#6d4900;font-weight:900;padding:.25rem .55rem}
.cta-slab{background:linear-gradient(135deg,#061725,#0b76b7);color:white;border-radius:32px;padding:clamp(1.5rem,4vw,3rem);box-shadow:0 28px 80px rgba(6,23,37,.18)}
.cta-slab h2{color:white}.cta-slab p{color:#dff8ff}
.mini-gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:.75rem}.mini-gallery img{width:100%;border-radius:14px;border:1px solid var(--line);background:#e8f7ff}
@media(max-width:1050px){.notice-grid{grid-template-columns:1fr 1fr}.mini-gallery{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.notice-grid{grid-template-columns:1fr}.mini-gallery{grid-template-columns:repeat(2,1fr)}}

/* v18 launch/marketing polish */
.script-box{background:#061725;color:white;border-radius:26px;padding:1.4rem;border:1px solid #143a52}
.script-box p{color:#e4fbff}.script-box strong{color:#8bf8ef}
.ops-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.ops-card{background:white;border:1px solid var(--line);border-radius:24px;padding:1.25rem;box-shadow:0 12px 30px rgba(8,32,51,.05)}
.ops-card h3{margin-top:0}
.priority-list{counter-reset:item}.priority-list li{counter-increment:item;list-style:none;position:relative;padding-left:2.4rem;margin:.7rem 0}.priority-list li:before{content:counter(item);position:absolute;left:0;top:.1rem;background:#12c7c0;color:#03111c;width:1.7rem;height:1.7rem;border-radius:999px;display:grid;place-items:center;font-weight:900}
.file-note{background:#edfaff;border:1px dashed #74dff0;border-radius:18px;padding:1rem;color:#0b5278;font-weight:800}
@media(max-width:850px){.ops-grid{grid-template-columns:1fr}}

/* v20 final launch utility pages */
.launch-table{width:100%;border-collapse:collapse;background:#fff;border-radius:18px;overflow:hidden}
.launch-table th,.launch-table td{padding:12px;border:1px solid #dbe7ef;text-align:left}
.status-good{background:#d9fff8;color:#075f59;border-radius:999px;padding:4px 8px;font-weight:900}
.status-todo{background:#fff3d4;color:#6d4900;border-radius:999px;padding:4px 8px;font-weight:900}