:root {
  --navy: #1B365D; --navy-deep: #14283F; --teal: #005A5B; --teal-tint: #E3EFEF;
  --charcoal: #2F3E46; --ochre: #D4A373; --ochre-dark: #C08F5B; --ochre-tint: #F8EFE4;
  --bg: #FAF8F4; --surface: #FFFFFF; --text: #2F3E46; --text-soft: #57666F;
  --text-faint: #7E8C96; --line: #E6E1D8; --line-strong: #D8D2C6;
  --font-display: 'Archivo', 'Helvetica Neue', sans-serif;
  --font-body: 'Figtree', sans-serif;
  --max-w: 1200px; --radius: 8px;
  --shadow-card: 0 1px 3px rgba(27,54,93,0.06), 0 8px 24px rgba(27,54,93,0.07);
  --shadow-lift: 0 2px 6px rgba(27,54,93,0.08), 0 16px 40px rgba(27,54,93,0.12);
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.68;font-size:17px;-webkit-font-smoothing:antialiased}
.container{max-width:var(--max-w);margin:0 auto;padding:0 24px}
.top-bar{background:var(--navy);padding:11px 0}
.top-bar .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
.top-bar-left{font-size:13.5px;color:rgba(255,255,255,.78);letter-spacing:.6px;text-transform:uppercase;font-weight:500}
.top-bar-right a{color:var(--ochre);text-decoration:none;font-weight:700;font-size:16.5px}
.top-bar-right a:hover{color:#E2BA8F}
.nav{padding:16px 0;position:sticky;top:0;z-index:100;background:rgba(255,255,255,.95);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.nav .container{display:flex;justify-content:space-between;align-items:center}
.logo{display:flex;align-items:center;text-decoration:none}
.logo svg{height:48px;width:auto;display:block}
.nav-links{display:flex;gap:30px;align-items:center}
.nav-links a{color:var(--charcoal);text-decoration:none;font-size:16px;font-weight:600;transition:color .2s}
.nav-links a:hover{color:var(--teal)}
.nav-cta{background:var(--ochre)!important;color:var(--navy-deep)!important;padding:12px 26px!important;border-radius:var(--radius);font-family:var(--font-display);font-weight:700!important;font-size:14px!important;text-transform:uppercase;letter-spacing:.8px;transition:background .2s}
.nav-cta:hover{background:var(--ochre-dark)!important;color:#fff!important}
.hero{padding:88px 0 72px;position:relative;overflow:hidden;background:var(--surface)}
.hero::before{content:'';position:absolute;top:-240px;right:-180px;width:640px;height:640px;background:radial-gradient(circle,rgba(0,90,91,.07) 0%,transparent 68%);pointer-events:none}
.hero::after{content:'';position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;opacity:.35;mask-image:radial-gradient(ellipse 70% 70% at 80% 20%,black,transparent);-webkit-mask-image:radial-gradient(ellipse 70% 70% at 80% 20%,black,transparent);pointer-events:none}
.hero-inner{position:relative;z-index:1}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;position:relative;z-index:1}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--teal-tint);border:1px solid rgba(0,90,91,.2);padding:9px 18px;border-radius:100px;font-size:13px;text-transform:uppercase;letter-spacing:1.2px;color:var(--teal);font-weight:700;margin-bottom:24px}
.hero-badge::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--teal)}
.hero h1{font-family:var(--font-display);font-size:clamp(40px,5vw,60px);font-weight:800;line-height:1.06;letter-spacing:-1.5px;color:var(--navy);margin-bottom:22px}
.hero h1 em{font-style:normal;color:var(--teal);box-shadow:inset 0 -.28em 0 var(--ochre-tint)}
.hero p{font-size:19.5px;color:var(--text-soft);line-height:1.7;margin-bottom:36px;max-width:560px}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap}
.btn-primary{background:var(--ochre);color:var(--navy-deep);padding:17px 34px;border:none;border-radius:var(--radius);font-family:var(--font-display);font-size:15.5px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 14px rgba(212,163,115,.35)}
.btn-primary:hover{background:var(--ochre-dark);color:#fff;transform:translateY(-1px)}
.btn-secondary{background:var(--surface);color:var(--navy);padding:17px 34px;border:1.5px solid var(--navy);border-radius:var(--radius);font-family:var(--font-display);font-size:15.5px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:background .2s,color .2s}
.btn-secondary:hover{background:var(--navy);color:#fff}
.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:30px 26px;text-align:center;box-shadow:var(--shadow-card)}
.stat-card:nth-child(1){border-top:3px solid var(--navy)}
.stat-card:nth-child(2){border-top:3px solid var(--teal)}
.stat-card:nth-child(3){border-top:3px solid var(--ochre)}
.stat-card:nth-child(4){border-top:3px solid var(--charcoal)}
.stat-number{font-family:var(--font-display);font-size:38px;font-weight:800;color:var(--navy);letter-spacing:-1px;line-height:1;margin-bottom:6px}
.stat-label{font-size:13px;color:var(--text-faint);text-transform:uppercase;letter-spacing:1px;font-weight:600}
section{padding:80px 0}
.section-label{font-family:var(--font-display);font-size:13px;text-transform:uppercase;letter-spacing:2.5px;color:var(--teal);font-weight:700;margin-bottom:12px}
.section-title{font-family:var(--font-display);font-size:clamp(30px,3.5vw,44px);font-weight:800;line-height:1.12;letter-spacing:-1px;color:var(--navy);margin-bottom:16px}
.section-subtitle{font-size:18px;color:var(--text-soft);max-width:680px;line-height:1.7}
.prose{max-width:780px;font-size:17.5px;line-height:1.75;color:var(--text)}
.prose p{margin-bottom:20px}
.prose h2{font-family:var(--font-display);font-size:27px;font-weight:800;color:var(--navy);letter-spacing:-.5px;margin:36px 0 14px}
.prose h3{font-family:var(--font-display);font-size:21px;font-weight:700;color:var(--navy);margin:28px 0 10px}
.prose ul{margin:0 0 20px 0;list-style:none}
.prose ul li{padding:5px 0 5px 24px;position:relative}
.prose ul li::before{content:'';position:absolute;left:0;top:14px;width:8px;height:8px;border-radius:2px;background:var(--ochre);transform:rotate(45deg)}
.prose a{color:var(--teal);font-weight:600}
.diff-strip{background:var(--navy);padding:62px 0}
.diff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.diff-item{text-align:center}
.diff-icon{width:54px;height:54px;margin:0 auto 16px;background:rgba(255,255,255,.08);border:1px solid rgba(212,163,115,.4);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:23px}
.diff-item h3{font-family:var(--font-display);font-size:17.5px;font-weight:700;margin-bottom:8px;color:#fff}
.diff-item p{font-size:15px;color:rgba(255,255,255,.72);line-height:1.65;max-width:320px;margin:0 auto}
.cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:48px}
.cards-grid.three{grid-template-columns:repeat(3,1fr)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:34px 30px;transition:box-shadow .25s,transform .2s;position:relative;overflow:hidden;box-shadow:var(--shadow-card)}
a.card{text-decoration:none;color:inherit;display:block}
.card:hover{box-shadow:var(--shadow-lift);transform:translateY(-3px)}
.card::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--teal),var(--ochre));opacity:0;transition:opacity .3s}
.card:hover::after{opacity:1}
.card-icon{font-size:30px;margin-bottom:14px;display:block}
.card h3{font-family:var(--font-display);font-size:21.5px;font-weight:800;margin-bottom:10px;letter-spacing:-.4px;color:var(--navy)}
.card p{font-size:15.5px;color:var(--text-soft);line-height:1.68;margin-bottom:14px}
.card .card-link{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--teal);text-transform:uppercase;letter-spacing:1px}
.check-list{list-style:none}
.check-list li{font-size:15px;color:var(--text-soft);padding:4px 0 4px 22px;position:relative}
.check-list li::before{content:'';position:absolute;left:0;top:12px;width:7px;height:7px;border-radius:2px;background:var(--ochre);transform:rotate(45deg)}
.process-section{background:var(--teal-tint)}
.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px}
.process-step{background:var(--surface);border-radius:12px;padding:28px 24px;border:1px solid rgba(0,90,91,.12);box-shadow:var(--shadow-card)}
.step-num{font-family:var(--font-display);font-size:46px;font-weight:900;color:var(--teal);opacity:.16;line-height:1;margin-bottom:10px}
.process-step h3{font-family:var(--font-display);font-size:18px;font-weight:700;margin-bottom:8px;color:var(--navy)}
.process-step p{font-size:15px;color:var(--text-soft);line-height:1.65}
.calc-wrapper{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;margin-top:48px;box-shadow:var(--shadow-lift)}
.calc-form{padding:48px 40px}
.calc-result{background:var(--navy);padding:48px 40px;display:flex;flex-direction:column;justify-content:center}
.form-group{margin-bottom:24px}
.form-group label{display:block;font-family:var(--font-display);font-size:13px;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-faint);font-weight:700;margin-bottom:8px}
.form-group select,.form-group input,.form-group textarea{width:100%;padding:15px 17px;background:var(--bg);border:1.5px solid var(--line-strong);border-radius:var(--radius);color:var(--text);font-family:var(--font-body);font-size:16.5px;outline:none;transition:border-color .2s}
.form-group textarea{resize:vertical;min-height:110px}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--teal)}
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.calc-estimate-label{font-family:var(--font-display);font-size:12px;text-transform:uppercase;letter-spacing:2px;color:rgba(255,255,255,.6);font-weight:700;margin-bottom:8px}
.calc-estimate-range{font-family:var(--font-display);font-size:44px;font-weight:800;color:var(--ochre);line-height:1.1;margin-bottom:16px;letter-spacing:-.5px}
.calc-estimate-note{font-size:15px;color:rgba(255,255,255,.75);line-height:1.65;margin-bottom:24px}
.calc-includes h4{font-family:var(--font-display);font-size:13px;text-transform:uppercase;letter-spacing:1.2px;color:rgba(255,255,255,.6);font-weight:700;margin-bottom:10px}
.calc-includes ul{list-style:none}
.calc-includes li{font-size:15px;color:rgba(255,255,255,.85);padding:5px 0 5px 24px;position:relative}
.calc-includes li::before{content:'✓';position:absolute;left:0;color:var(--ochre);font-weight:700}
.faq-section{background:var(--surface)}
.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:48px}
.faq-item{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:28px 26px}
.faq-item h3{font-family:var(--font-display);font-size:17px;font-weight:700;margin-bottom:10px;line-height:1.4;color:var(--navy)}
.faq-item p{font-size:15px;color:var(--text-soft);line-height:1.7}
.area-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.area-tag{background:var(--surface);border:1px solid var(--line-strong);padding:9px 20px;border-radius:100px;font-size:15px;color:var(--charcoal);font-weight:600;text-decoration:none;transition:border-color .2s,color .2s}
.area-tag:hover{border-color:var(--teal);color:var(--teal)}
.cta-band{background:var(--navy);padding:72px 0}
.cta-band-inner{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}
.cta-band h2{font-family:var(--font-display);font-size:clamp(26px,3vw,36px);font-weight:800;letter-spacing:-1px;color:#fff;line-height:1.15}
.cta-band p{color:rgba(255,255,255,.78);font-size:17px;margin-top:8px}
.cta-band .btn-primary{white-space:nowrap}
.breadcrumb{padding:20px 0 0;font-size:14.5px;color:var(--text-faint)}
.breadcrumb a{color:var(--teal);text-decoration:none;font-weight:600}
.page-hero{padding:56px 0 48px;background:var(--surface);border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.page-hero::after{content:'';position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;opacity:.3;mask-image:radial-gradient(ellipse 60% 90% at 90% 10%,black,transparent);-webkit-mask-image:radial-gradient(ellipse 60% 90% at 90% 10%,black,transparent);pointer-events:none}
.page-hero .container{position:relative;z-index:1}
.page-hero h1{font-family:var(--font-display);font-size:clamp(32px,4vw,48px);font-weight:800;line-height:1.1;letter-spacing:-1.2px;color:var(--navy);margin:10px 0 14px}
.page-hero .lede{font-size:19px;color:var(--text-soft);max-width:720px;line-height:1.7}
.two-col{display:grid;grid-template-columns:1.6fr 1fr;gap:56px;align-items:start}
.side-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:32px 28px;box-shadow:var(--shadow-card);position:sticky;top:100px}
.side-card h3{font-family:var(--font-display);font-size:19px;font-weight:800;color:var(--navy);margin-bottom:12px}
.side-card p{font-size:15px;color:var(--text-soft);margin-bottom:18px}
.side-card .btn-primary{width:100%;justify-content:center;margin-bottom:12px}
.side-card .btn-secondary{width:100%;justify-content:center}
.side-links{margin-top:22px;border-top:1px solid var(--line);padding-top:18px}
.side-links h4{font-family:var(--font-display);font-size:13px;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-faint);font-weight:700;margin-bottom:10px}
.side-links a{display:block;font-size:15px;color:var(--teal);text-decoration:none;font-weight:600;padding:5px 0}
.side-links a:hover{text-decoration:underline}
footer{padding:56px 0 40px;background:var(--navy-deep)}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.4fr;gap:44px;margin-bottom:40px}
.footer-grid h4{font-family:var(--font-display);font-size:13.5px;text-transform:uppercase;letter-spacing:1.5px;color:var(--ochre);font-weight:700;margin-bottom:14px}
.footer-grid a{display:block;font-size:14.5px;color:rgba(255,255,255,.72);text-decoration:none;padding:3.5px 0}
.footer-grid a:hover{color:#fff}
.footer-brand svg{height:44px;width:auto;margin-bottom:14px}
.footer-brand p{font-size:14.5px;color:rgba(255,255,255,.6);line-height:1.65;max-width:280px}
.footer-cities{columns:2;column-gap:24px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
.footer-bottom p{font-size:13.5px;color:rgba(255,255,255,.45)}
@media(max-width:900px){
.hero-grid{grid-template-columns:1fr;gap:40px}
.diff-grid{grid-template-columns:1fr;gap:28px}
.cards-grid,.cards-grid.three{grid-template-columns:1fr}
.process-steps{grid-template-columns:1fr 1fr}
.calc-wrapper{grid-template-columns:1fr}
.faq-grid{grid-template-columns:1fr}
.two-col{grid-template-columns:1fr}
.side-card{position:static}
.footer-grid{grid-template-columns:1fr 1fr}
.nav-links a:not(.nav-cta){display:none}
}
@media(max-width:600px){
.hero{padding:52px 0 40px}
.process-steps{grid-template-columns:1fr}
.hero-stats{grid-template-columns:1fr 1fr}
.form-row{grid-template-columns:1fr}
.hero-ctas{flex-direction:column}
.btn-primary,.btn-secondary{width:100%;justify-content:center}
.footer-grid{grid-template-columns:1fr}
}