:root{--navy:#14262d;--green:#17664d;--green2:#0f513c;--gold:#d7a544;--cream:#f6f4ed;--pale:#eef4f1;--text:#25333a;--muted:#657279;--line:#dce4df;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);line-height:1.7;background:#fff}
.wrap{max-width:var(--max);margin:auto;padding-left:24px;padding-right:24px}a{color:var(--green)}header{background:#fff;border-bottom:1px solid var(--line)}.top{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--navy);font-weight:850;letter-spacing:-.02em}.mark{width:42px;height:42px;border-radius:9px;display:grid;place-items:center;background:var(--green);color:#fff;font-size:.9rem}
.header-call{text-decoration:none;background:var(--green);color:#fff;border-radius:9px;padding:9px 16px;display:flex;flex-direction:column;line-height:1.15;text-align:right}.header-call small{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;opacity:.86}.header-call b{font-size:1.05rem;margin-top:3px}
nav{background:var(--navy)}nav .wrap{display:flex;gap:27px;overflow:auto}nav a{color:#eaf0ed;text-decoration:none;padding:13px 0;font-size:.92rem;white-space:nowrap}
.crumb{max-width:var(--max);margin:16px auto 0;padding:0 24px;color:var(--muted);font-size:.82rem}.crumb span{margin:0 8px}.crumb a{text-decoration:none}
.hero{background:linear-gradient(120deg,#edf5f1,#faf7ee);padding:66px 0 70px;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.4fr .75fr;gap:70px;align-items:center}.kicker{text-transform:uppercase;color:var(--green);font-size:.76rem;letter-spacing:.13em;font-weight:850}
h1{font-size:clamp(2.45rem,5vw,4.7rem);line-height:1.02;letter-spacing:-.045em;color:var(--navy);margin:12px 0 20px;max-width:850px}.hero p{font-size:1.12rem;max-width:760px;color:#4c5b61}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.primary,.secondary{padding:13px 19px;border-radius:8px;font-weight:800;text-decoration:none}.primary{background:var(--green);color:#fff}.secondary{border:1px solid #bac9c2;background:#fff;color:var(--navy)}.micro{font-size:.78rem!important;margin-top:10px!important;color:var(--muted)!important}
.visual{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:0 16px 45px rgba(20,38,45,.08)}.visual p{font-size:.92rem;text-align:center;margin:22px 0 0}.house{height:190px;position:relative;margin:10px auto 0;max-width:260px}.roof{position:absolute;left:27px;top:14px;width:205px;height:120px;background:var(--green);clip-path:polygon(50% 0,100% 70%,90% 70%,90% 100%,10% 100%,10% 70%,0 70%)}.homebody{position:absolute;left:52px;top:96px;width:155px;height:66px;background:#f7f2e5;display:flex;justify-content:space-around;align-items:center}.homebody i{width:24px;height:36px;background:#bcd1c8}.foundation{position:absolute;left:38px;top:163px;width:184px;height:14px;background:var(--gold);transform:skewX(-14deg)}
.article{max-width:900px;padding-top:54px;padding-bottom:80px}.article>section{margin:0 0 45px}.article h2{font-size:1.7rem;line-height:1.22;color:var(--navy);letter-spacing:-.02em;margin-bottom:12px}.article p{font-size:1.03rem}
.callout{display:flex;justify-content:space-between;align-items:center;gap:25px;background:var(--pale);border-left:5px solid var(--gold);padding:22px 24px;border-radius:5px;margin:8px 0 45px}.callout strong{display:block;color:var(--navy);font-size:1.08rem}.callout span{color:var(--muted);font-size:.92rem}.callout a,.final>a{background:var(--green);color:#fff;text-decoration:none;font-weight:850;padding:12px 16px;border-radius:8px;white-space:nowrap}
.related{border-top:1px solid var(--line);padding-top:38px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.card{display:flex;justify-content:space-between;gap:12px;border:1px solid var(--line);padding:16px;border-radius:9px;text-decoration:none;background:#fff}.card strong{color:var(--navy)}.card span{font-size:.85rem;white-space:nowrap}
.final{background:var(--navy);color:#fff;border-radius:16px;padding:30px!important;display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:55px!important}.final h2{color:#fff;margin:0 0 5px}.final p{margin:0;color:#d9e3df}
footer{background:#101d22;color:#d9e2df;padding:44px 0}.foot{display:flex;justify-content:space-between;gap:30px}.foot p{color:#aebbb6}.foot a{color:#d9e2df;margin-left:20px;text-decoration:none}.mobile-call{display:none}
@media(max-width:760px){.wrap{padding-left:18px;padding-right:18px}.top{min-height:76px}.logo span:last-child{font-size:.9rem;max-width:170px}.header-call{padding:8px 10px}.header-call small{display:none}.header-call b{font-size:.9rem}nav .wrap{gap:20px}.hero{padding:45px 0}.hero-grid{grid-template-columns:1fr;gap:30px}.visual{display:none}h1{font-size:2.65rem}.article{padding-bottom:105px}.callout,.final{align-items:flex-start;flex-direction:column}.cards{grid-template-columns:1fr}.foot{flex-direction:column}.foot a{margin:0 14px 0 0}.mobile-call{display:block;position:fixed;left:12px;right:12px;bottom:12px;z-index:20;background:var(--green);color:#fff;text-decoration:none;text-align:center;font-weight:900;padding:14px;border-radius:10px;box-shadow:0 8px 28px rgba(0,0,0,.25)}}

header.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;box-shadow:0 6px 18px rgba(20,38,45,.06)}
header.site-header .top{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}
header.site-header .main-nav{display:flex;align-items:center;gap:24px;margin-left:auto}
header.site-header .main-nav a{color:var(--navy);text-decoration:none;font-size:.92rem;white-space:nowrap;font-weight:650}
header.site-header .header-call{text-decoration:none;background:var(--green);color:#fff;border-radius:9px;padding:10px 15px;display:flex;align-items:center;gap:8px;white-space:nowrap}
.phone-icon{font-size:1.05rem;line-height:1}

@media(max-width:980px){
  .top{gap:14px}
  .main-nav{gap:14px}
  .main-nav a{font-size:.86rem}
  .logo span:last-child{max-width:190px}
}
@media(max-width:760px){
  header.site-header .top{min-height:72px;gap:10px}
  .logo span:last-child{display:none}
  .mark{width:38px;height:38px}
  .main-nav{overflow-x:auto;gap:14px;flex:1;scrollbar-width:none}
  .main-nav::-webkit-scrollbar{display:none}
  .main-nav a{font-size:.82rem}
  .header-call{padding:9px 10px}
  .header-call b{font-size:.86rem}
}

/* Header spacing refinement */
header.site-header .top{
  max-width:1280px;
  min-height:84px;
  gap:28px;
}
header.site-header .logo{
  min-width:265px;
}
header.site-header .main-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:22px;
  margin-left:auto;
  margin-right:auto;
  flex:1 1 auto;
  min-width:0;
}
header.site-header .main-nav a{
  font-size:.9rem;
  font-weight:700;
  white-space:nowrap;
  padding:28px 0;
}
header.site-header .header-call{
  display:inline-flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:184px;
  white-space:nowrap;
  flex:0 0 auto;
  padding:12px 16px;
}
header.site-header .header-call .phone-icon,
header.site-header .header-call b{
  display:inline-block;
  white-space:nowrap;
  line-height:1;
}
header.site-header .header-call b{
  font-size:.98rem;
}

@media(max-width:1100px){
  header.site-header .top{gap:18px}
  header.site-header .logo{min-width:220px}
  header.site-header .logo span:last-child{font-size:.92rem;max-width:175px}
  header.site-header .main-nav{gap:14px}
  header.site-header .main-nav a{font-size:.82rem}
  header.site-header .header-call{min-width:172px;padding:11px 13px}
  header.site-header .header-call b{font-size:.9rem}
}

@media(max-width:860px){
  header.site-header .top{
    flex-wrap:wrap;
    padding-top:10px;
    padding-bottom:10px;
    row-gap:8px;
  }
  header.site-header .logo{
    min-width:auto;
  }
  header.site-header .header-call{
    margin-left:auto;
    min-width:auto;
  }
  header.site-header .main-nav{
    order:3;
    width:100%;
    justify-content:flex-start;
    overflow-x:auto;
    margin:0;
    gap:18px;
    border-top:1px solid var(--line);
    padding-top:4px;
    scrollbar-width:none;
  }
  header.site-header .main-nav::-webkit-scrollbar{display:none}
  header.site-header .main-nav a{
    padding:10px 0 8px;
    font-size:.84rem;
  }
}

@media(max-width:560px){
  header.site-header .top{gap:10px}
  header.site-header .logo span:last-child{display:none}
  header.site-header .header-call{
    padding:10px 12px;
    gap:6px;
  }
  header.site-header .header-call b{
    font-size:.88rem;
  }
  header.site-header .main-nav{
    gap:16px;
  }
}

/* Remove dark nav rectangles from the white sticky header */
header.site-header .main-nav,
header.site-header .main-nav a,
header.site-header nav,
header.site-header nav a{
  background:transparent !important;
  background-color:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
}
header.site-header .main-nav a{
  color:var(--navy) !important;
}
header.site-header .main-nav a:hover,
header.site-header .main-nav a:focus{
  color:var(--green) !important;
  background:transparent !important;
}