:root { --navy-deep:#000c22; --navy:#001b42; --navy-light:#0a2a5c; --black:#001b42; --near-black:#05214f;
        --panel:#0a1b3a; --panel-blue:#0a1b3a; --panel-hover:#102a55; --gold:#c9a24a; --gold-bright:#e7cf8f; --gold-soft:#9a7428;
        --border:rgba(231,207,143,.22); --border-soft:rgba(231,207,143,.12); --om-beige:#f1eadc; --om-bar:68px; }
body { background:var(--om-beige) !important; font-family:"Red Hat Display", system-ui, sans-serif !important; color:var(--white); }
h1, h2, h3, .hero h1 { font-family:"Source Serif 4", Georgia, serif !important; }
.page-shell { padding-top:calc(var(--om-bar) + 26px); }
/* calculator header becomes an Omega-style navy page header (the bar above already carries the logo) */
.hero { background:linear-gradient(180deg,#000c22,#001b42 60%,#05214f); border-radius:20px; border-bottom:3px solid var(--gold); padding:34px 36px 38px; margin-bottom:26px; }
.hero-logo-wrap { display:none; }
/* panels: Omega navy instead of near-black */
.selection-panel { background:linear-gradient(160deg,#0a1b3a,#001b42 60%,#00142f) !important; }
.choice-card, .addon-toggle-card, .addon-card, .basement-selector, .expectation-card { background:linear-gradient(150deg,rgba(255,255,255,.05),rgba(255,255,255,.02)) !important; }
.choice-card:hover { background:linear-gradient(150deg,rgba(231,207,143,.10),rgba(255,255,255,.03)) !important; }
.sticky-estimate { top:calc(var(--om-bar) + 16px) !important; background:linear-gradient(160deg,#0a1b3a,#001b42) !important; }
.trust-bar { background:linear-gradient(135deg,#0a1b3a,#001b42) !important; border-radius:20px; }
.mobile-estimate-bar { background:linear-gradient(150deg,#0a1b3a,#001b42) !important; }
.step-number, .quantity-button, .basement-select { background:#05214f !important; }
.summary-icon { background:linear-gradient(150deg,#0a2a5c,#001b42) !important; }

/* ===== Omega top bar (always solid here — there is no video under it) ===== */
.om-bar { position:fixed; inset:0 0 auto 0; z-index:60; height:var(--om-bar); background:rgba(122,90,29,.97); box-shadow:0 10px 30px rgba(0,0,0,.22);
          border-bottom:1px solid rgba(231,207,143,.35); font-family:"Red Hat Display", system-ui, sans-serif; }
.om-bar-in { height:100%; display:flex; align-items:center; gap:30px; padding:0 28px; max-width:1440px; margin:0 auto; }
.om-logo { display:flex; align-items:center; gap:10px; text-decoration:none; font-family:"Source Serif 4", serif; font-weight:700; font-size:18px; color:#fff; white-space:nowrap; }
.om-logo img { width:36px; height:36px; display:block; }
.om-nav { display:flex; gap:26px; font-size:15.5px; font-weight:600; } .om-nav a { color:#f3eee2; text-decoration:none; } .om-nav a:hover { color:#fff; text-decoration:underline; text-underline-offset:6px; }
.om-right { margin-left:auto; display:flex; gap:10px; }
.om-pill { display:inline-flex; align-items:center; padding:9px 18px; border-radius:999px; font-weight:700; font-size:14px; text-decoration:none; white-space:nowrap; border:1px solid transparent; }
.om-line { color:#fff; border-color:rgba(255,255,255,.7); } .om-navy { background:#001b42; color:#fff; }
@media (max-width:900px) { .om-nav, .om-hide-sm { display:none; } .om-bar-in { padding:0 16px; gap:12px; } .om-logo { font-size:16px; } }
@media (max-width:400px) { .om-logo span { display:none; } }

/* ===== Omega footer (skyline + big shield), scoped ===== */
.om-foot { position:relative; isolation:isolate; overflow:hidden; color:#c9d3e6; border-top:3px solid #c9a24a; font-family:"Red Hat Display", system-ui, sans-serif;
           background:#020b1f url(../../assets/footer-toronto.jpg) right 42% / 64% auto no-repeat; margin-top:30px; }
.om-foot::before { content:""; position:absolute; inset:0; z-index:-1;
  background:linear-gradient(90deg,#020b1f 0%,#020b1f 34%,rgba(2,11,31,.86) 48%,rgba(2,11,31,.45) 66%,rgba(2,11,31,.30) 82%,rgba(2,11,31,.55) 100%), linear-gradient(0deg,rgba(2,11,31,.75),transparent 40%); }
.om-foot-in { max-width:1240px; margin:0 auto; padding:0 24px; display:grid; grid-template-columns:auto 1fr; gap:44px; align-items:center; }
.om-foot-logo { position:relative; padding:24px 0; } .om-foot-logo::before { content:""; position:absolute; inset:-10px -30px; z-index:-1; background:radial-gradient(closest-side,rgba(201,162,74,.22),transparent 75%); }
.om-foot-logo img { display:block; width:210px; height:auto; opacity:.95; -webkit-mask-image:radial-gradient(closest-side,#000 78%,transparent 100%); mask-image:radial-gradient(closest-side,#000 78%,transparent 100%); }
.om-foot-brand { padding:34px 0 24px; max-width:560px; }
.om-foot-tag { margin:0 0 16px; font-size:15px; color:#d7deea; }
.om-foot-links { display:flex; flex-wrap:wrap; gap:8px 22px; margin:0 0 16px; font-size:15px; } .om-foot-links a { color:#e3e9f3; text-decoration:none; } .om-foot-links a:hover { color:#e7cf8f; }
.om-areas { max-width:520px; background:rgba(255,255,255,.06); border:1px solid rgba(231,207,143,.25); border-radius:14px; overflow:hidden; }
.om-areas summary { cursor:pointer; list-style:none; display:flex; justify-content:space-between; padding:11px 16px; font-weight:700; color:#fff; font-family:"Source Serif 4", serif; }
.om-areas summary::-webkit-details-marker { display:none; }
.om-areas-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; padding:0 16px 16px; }
.om-areas-grid strong { display:block; color:#e7cf8f; font-family:"Source Serif 4", serif; font-size:15px; margin-bottom:4px; } .om-areas-grid span { display:block; color:#c9d3e6; font-size:13.5px; line-height:1.5; }
.om-foot-bottom { border-top:1px solid rgba(231,207,143,.18); background:rgba(2,11,31,.55); } .om-foot-bottom div { max-width:1240px; margin:0 auto; padding:12px 24px; font-size:13.5px; color:#9aa6bd; }
@media (max-width:900px) { .om-foot { background-position:center; } .om-foot::before { background:rgba(2,11,31,.86); }
  .om-foot-in { grid-template-columns:1fr; gap:0; justify-items:center; text-align:center; } .om-foot-logo img { width:120px; } .om-foot-links { justify-content:center; }
  .om-areas { margin:0 auto; text-align:left; } .om-areas-grid { grid-template-columns:1fr; } .om-foot-bottom div { padding-bottom:90px; } }

/* main calculator buttons in Omega's gold (was a brighter yellow) */
.quote-button, .mobile-estimate-link, .oversize-cta { background:linear-gradient(180deg,#d9b45e,#9a7428) !important; color:#fff !important; text-shadow:0 1px 2px rgba(0,0,0,.25); }