/* OC Home Cost Guide — mobile-first, no frameworks, system fonts */
:root{--blue:#1d4ed8;--blue-d:#1e3a8a;--ink:#1c2330;--muted:#5b6575;--bg:#ffffff;--soft:#f1f5fb;--line:#dfe6f0;--amber:#f5a623}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);line-height:1.65;background:var(--bg)}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--line);z-index:50}
.header-inner{display:flex;align-items:center;gap:14px;padding:12px 20px;flex-wrap:wrap}
.logo{font-weight:800;font-size:1.15rem;color:var(--blue-d);text-decoration:none;margin-right:auto}
.nav{display:flex;gap:4px;flex-wrap:wrap}
.nav a{color:var(--ink);text-decoration:none;font-size:.92rem;padding:8px 10px;border-radius:8px}
.nav a:hover{background:var(--soft)}
.hero{background:linear-gradient(160deg,#172554,#1d4ed8);color:#fff;padding:56px 0}
.hero h1{font-size:2rem;line-height:1.2;margin-bottom:12px}
.hero .lede{font-size:1.1rem;opacity:.94;margin-bottom:8px;max-width:660px}
.hero .muted{color:#dbe4f5;margin-top:14px}
.prose{padding:40px 20px}
.prose h2{font-size:1.45rem;margin:28px 0 14px;color:var(--blue-d)}
.prose h2:first-child{margin-top:0}
.prose p{margin-bottom:12px;max-width:740px}
.prose ul.ticks{list-style:none;display:grid;gap:10px;max-width:740px}
.prose ul.ticks li{background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:12px 16px}
.prose ul.ticks li::before{content:"\2713 ";color:var(--blue);font-weight:800}
table.cost{border-collapse:collapse;width:100%;max-width:740px;margin:16px 0 24px}
table.cost th,table.cost td{border:1px solid var(--line);padding:10px 14px;text-align:left;font-size:.95rem}
table.cost th{background:var(--soft);color:var(--blue-d)}
.cards{display:grid;grid-template-columns:1fr;gap:14px;margin-top:6px}
.card{display:block;background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:18px;text-decoration:none;color:var(--ink)}
.card strong{display:block;font-size:1.05rem;color:var(--blue-d);margin-bottom:4px}
.card span{font-size:.94rem;color:var(--muted)}
.card:hover{border-color:var(--blue)}
.faqs details{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin-bottom:10px;max-width:760px}
.faqs summary{font-weight:700;cursor:pointer;color:var(--blue-d)}
.faqs p{margin-top:8px}
.note{background:#fffbeb;border:1px solid #f5d98b;border-radius:10px;padding:14px 18px;max-width:740px;margin:18px 0;font-size:.95rem}
.site-footer{background:#0f172a;color:#cbd5e1;padding:40px 0 24px}
.footer-grid{display:grid;grid-template-columns:1fr;gap:24px;margin-bottom:24px}
.site-footer strong{color:#fff}
.site-footer ul{list-style:none;margin-top:8px}
.site-footer li{margin-bottom:6px}
.site-footer a{color:#cbd5e1;text-decoration:none}
.site-footer a:hover{text-decoration:underline}
.fineprint{border-top:1px solid #24304a;padding-top:16px}
.muted{color:var(--muted)}.small{font-size:.85rem}
@media(min-width:720px){.cards{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:2fr 1fr 1fr}.hero h1{font-size:2.6rem}}
@media(min-width:1020px){.cards{grid-template-columns:repeat(3,1fr)}}

@media(min-width:720px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}
@media(min-width:1020px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr}}

@media(min-width:720px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr}}
@media(min-width:1020px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr}}

@media(min-width:720px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr}}
@media(min-width:1020px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr}}

@media(min-width:1020px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}}

@media(min-width:1020px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}}

@media(min-width:1020px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}}

@media(min-width:1020px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}}

@media(min-width:1020px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}}

@media(min-width:1020px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}}

@media(min-width:1020px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}}

@media(min-width:1020px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}}

@media(min-width:1020px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}}

@media(min-width:1020px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}}

@media(min-width:1020px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}}

@media(min-width:1020px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}}

@media(min-width:1020px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}}

@media(min-width:1020px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}}

@media(min-width:1020px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}}

@media(min-width:1020px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}}

@media(min-width:1020px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}}

@media(min-width:1020px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}}

@media(min-width:1020px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}}

@media(min-width:1020px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}}

@media(min-width:1020px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}}

@media(min-width:1020px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}}

@media(min-width:1020px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}}