/* Supreme Deep Cleaners Sutherland - ocean theme (loads after style.css) */
:root{
  --ink:#0b1f44;--forest:#14449c;--forest-2:#1d5bc4;--terra:#14449c;--terra-2:#0f3578;--gold:#f2b52c;
  --aqua:#27b4e4;--aqua-2:#e6f5fc;--cream:#fff;--sand:#f1f7fc;--sage:#eaf4fb;--line:#d9e6f2;--muted:#52627d;
  --r:18px;--shadow:0 18px 44px -22px rgba(11,31,68,.35);
  --serif:'Jakarta',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;--sans:'Jakarta',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif
}
body{background:#fff;color:var(--ink);font-family:var(--sans)}
h1,h2,h3,h4{font-family:var(--sans);letter-spacing:-.02em}
/* header */
.ribbon{background:linear-gradient(90deg,#0b2e72,#14449c)}
.ribbon b{color:#7fdcff}
header.site{background:rgba(255,255,255,.96);border-bottom:1px solid var(--line)}
.head-nav li>a,.head-nav li>button{text-transform:none;letter-spacing:0;font-size:.93rem;font-weight:700;border-radius:999px;padding:9px 15px;box-shadow:none !important}
.head-nav li:hover>a,.head-nav li.current>a{background:var(--aqua-2);color:var(--forest)}
.btn{border-radius:999px;font-weight:800;letter-spacing:0}
.btn-terra,.btn-gold{background:var(--gold);color:#0b1f44;box-shadow:0 12px 26px -12px rgba(242,181,44,.9)}
.btn-terra:hover{background:#e6a615;color:#0b1f44}
.btn-ghost{border:2px solid var(--forest);color:var(--forest);background:transparent}
.btn-ghost:hover{background:var(--forest);color:#fff}
.btn-forest{background:var(--forest);color:#fff}
.btn-light{background:#fff;color:var(--forest)}
.btn-ghost-light{border:2px solid rgba(255,255,255,.7);color:#fff}
.m-bar .btn-ghost{background:#fff}
em.hl{color:var(--forest)}
/* inner page hero */
.p-hero{background:linear-gradient(135deg,#0b2e72 0%,#14449c 55%,#1f8fc9 100%);color:#fff;border:0;border-radius:0 0 34px 34px;padding:66px 0 76px}
.p-hero h1{color:#fff}.p-hero .lead{color:#d6e8fa}.p-hero .crumbs,.p-hero .crumbs a{color:#bcd6f2}
.p-hero .eyebrow{color:#7fdcff}.p-hero .eyebrow::before{background:#7fdcff}
.p-hero .btn-ghost{border-color:#fff;color:#fff}.p-hero .btn-ghost:hover{background:#fff;color:var(--forest)}
.jump a{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:999px}
.jump a:hover{background:#fff;color:var(--forest)}
.eyebrow{color:var(--aqua);letter-spacing:.14em;font-weight:800}
.eyebrow::before{background:var(--aqua)}
.sec-head h2{font-weight:800}
/* cards everywhere */
.sv,.tile,.also,.why,.c-card,.q-card,.next,.side-card,.hub-region,.sub-side,.faq-list details,.legal{border-radius:var(--r)}
.sv{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:34px;margin-bottom:22px}
.chip{border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--ink)}
.chip:hover{background:var(--forest);border-color:var(--forest)}
.chip.home{background:var(--gold);border-color:var(--gold);color:#0b1f44}
.cta2,.cta-box{background:linear-gradient(135deg,#0b2e72,#14449c 60%,#1f8fc9);border-radius:28px}
.cta{padding:70px 0}
footer.site{background:#081a3d}
.f-big{border-bottom:1px solid rgba(255,255,255,.12)}
.tick{background:var(--aqua);color:#fff}
.frame,.about-img .frame{border-radius:26px}
/* ===== home ===== */
.oc-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.oc-hero{background:radial-gradient(1200px 520px at 85% -10%,#cfeefb 0%,rgba(207,238,251,0) 60%),linear-gradient(180deg,#f3faff,#fff);padding:70px 0 80px}
.oc-hero-in{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.oc-pill{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-weight:800;font-size:.84rem;color:var(--forest);box-shadow:0 8px 20px -14px rgba(11,31,68,.5)}
.oc-pill i{width:9px;height:9px;border-radius:50%;background:#2ecf8b;display:inline-block}
.oc-hero h1{font-size:clamp(2.2rem,4.4vw,3.6rem);line-height:1.08;margin:20px 0 18px;font-weight:800;color:var(--ink)}
.oc-hero h1 span{color:var(--forest);background:linear-gradient(transparent 62%,rgba(39,180,228,.28) 62%)}
.oc-hero p.lead{font-size:1.12rem;color:var(--muted);max-width:52ch}
.oc-btns{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0 24px}
.oc-ticks{display:flex;gap:22px;flex-wrap:wrap;font-weight:700;font-size:.93rem;color:var(--ink)}
.oc-ticks span::before{content:"\2713";display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--aqua);color:#fff;font-size:.78rem;margin-right:8px}
.oc-collage{position:relative;padding:0 0 40px 40px}
.oc-collage .big{width:100%;aspect-ratio:4/4.4;border-radius:32px;background-size:cover;background-position:center;box-shadow:0 30px 70px -30px rgba(11,31,68,.55)}
.oc-collage .small{position:absolute;left:0;bottom:0;width:46%;aspect-ratio:1;border-radius:24px;border:6px solid #fff;background-size:cover;background-position:center;box-shadow:0 20px 44px -20px rgba(11,31,68,.6)}
.oc-badge{position:absolute;right:-8px;top:28px;background:#fff;border-radius:18px;padding:14px 18px;box-shadow:0 18px 40px -18px rgba(11,31,68,.55);display:flex;align-items:center;gap:12px}
.oc-badge b{display:block;font-size:1.5rem;line-height:1;color:var(--forest)}
.oc-badge span{font-size:.78rem;color:var(--muted);font-weight:700}
.oc-badge::before{content:"\2713";display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--gold);color:#0b1f44;font-weight:900}
.oc-band{background:linear-gradient(90deg,#0b2e72,#14449c);color:#fff;padding:26px 0}
.oc-band .oc-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.oc-band b{display:block;font-size:1.55rem;font-weight:800;color:#7fdcff}
.oc-band span{font-size:.88rem;color:#d6e8fa}
.oc-sec{padding:84px 0}
.oc-sec.alt{background:var(--sand)}
.oc-head{max-width:640px;margin-bottom:40px}
.oc-head.c{text-align:center;margin-left:auto;margin-right:auto}
.oc-head h2{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;line-height:1.12;margin:12px 0 12px}
.oc-head p{color:var(--muted);font-size:1.05rem}
.oc-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.oc-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;display:flex;flex-direction:column;gap:12px;transition:.22s;box-shadow:0 10px 30px -22px rgba(11,31,68,.4)}
.oc-card:hover{transform:translateY(-5px);box-shadow:0 24px 50px -24px rgba(11,31,68,.45);border-color:#b9dcf2}
.oc-ico{width:54px;height:54px;border-radius:16px;background:var(--aqua-2);color:var(--forest);display:grid;place-items:center}
.oc-card h3{font-size:1.18rem;font-weight:800}
.oc-card p{color:var(--muted);font-size:.97rem;line-height:1.55;flex:1}
.oc-card a.more{font-weight:800;color:var(--forest);font-size:.93rem}
.oc-why{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.oc-tiles{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.oc-tile{background:#fff;border-radius:20px;padding:24px;border:1px solid var(--line)}
.oc-tile b{display:block;font-size:2rem;color:var(--forest);font-weight:800;line-height:1}
.oc-tile h3{font-size:1.02rem;margin:10px 0 6px}
.oc-tile p{font-size:.92rem;color:var(--muted)}
.oc-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;counter-reset:s}
.oc-step{position:relative;padding:30px 28px;border-radius:22px;background:linear-gradient(160deg,#fff,#eef7fd);border:1px solid var(--line)}
.oc-step::before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--forest);color:#fff;font-weight:800;margin-bottom:16px}
.oc-step h3{font-size:1.15rem;margin-bottom:6px}.oc-step p{color:var(--muted);font-size:.96rem}
.oc-acc{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:34px}
.oc-acc details{background:#fff;border:1px solid var(--line);border-radius:16px;padding:0 20px}
.oc-acc summary{cursor:pointer;font-weight:800;padding:18px 0;list-style:none;display:flex;justify-content:space-between;gap:12px}
.oc-acc summary::after{content:"+";color:var(--aqua);font-size:1.3rem;line-height:1}
.oc-acc details[open] summary::after{content:"\2212"}
.oc-acc details p{padding:0 0 18px;color:var(--muted);font-size:.95rem}
.oc-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.oc-strip a{display:block;aspect-ratio:1;border-radius:22px;background-size:cover;background-position:center;transition:.25s}
.oc-strip a:hover{transform:scale(1.03)}
.oc-areas{background:linear-gradient(135deg,#0b2e72,#14449c 60%,#1b7fbe);border-radius:34px;padding:54px;color:#fff}
.oc-areas h2{color:#fff}.oc-areas p{color:#d6e8fa}
.oc-areas .group{margin-top:26px}.oc-areas .group h3{font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;color:#7fdcff;margin-bottom:12px}
.oc-areas .chips a{display:inline-block;margin:0 8px 8px 0;padding:8px 15px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff;font-weight:700;font-size:.9rem;transition:.2s}
.oc-areas .chips a:hover{background:#fff;color:var(--forest)}
.oc-rev{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}
.oc-quote{background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px}
.oc-quote.big{grid-row:span 2;background:linear-gradient(160deg,#14449c,#0b2e72);color:#fff;border:0}
.oc-quote .st{color:var(--gold);letter-spacing:3px;margin-bottom:14px}
.oc-quote blockquote{font-size:1.08rem;line-height:1.6}
.oc-quote.big blockquote{font-size:1.3rem}
.oc-quote .who{margin-top:20px;font-weight:800}.oc-quote .who small{display:block;font-weight:600;opacity:.7}
.oc-faq{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.oc-faq details{background:#fff;border:1px solid var(--line);border-radius:16px;padding:0 20px}
.oc-faq summary{cursor:pointer;font-weight:800;padding:18px 0;list-style:none;display:flex;justify-content:space-between;gap:12px}
.oc-faq summary::after{content:"+";color:var(--aqua);font-size:1.3rem}
.oc-faq details[open] summary::after{content:"\2212"}
.oc-faq p{padding:0 0 18px;color:var(--muted);font-size:.95rem}
.oc-cta{background:linear-gradient(135deg,#0b2e72,#14449c 60%,#1f8fc9);border-radius:34px;padding:56px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}
.oc-cta h2{font-size:clamp(1.7rem,3vw,2.4rem);max-width:20ch;color:#fff}.oc-cta p{color:#d6e8fa;margin-top:8px}
/* hub / suburb */
.oc-sub{display:grid;grid-template-columns:1.25fr .75fr;gap:44px;align-items:start}
.oc-sub p{color:var(--muted);margin-bottom:16px;font-size:1.03rem;line-height:1.7}
.oc-sub h2{font-size:clamp(1.6rem,2.6vw,2.1rem);font-weight:800;margin:12px 0 18px}
.oc-info{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:var(--shadow);position:sticky;top:110px}
.oc-info h3{font-size:1.2rem;margin-bottom:10px}.oc-info p{font-size:.95rem}
.oc-info .btn{width:100%;justify-content:center;margin-top:8px}
.oc-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:6px}
.oc-3 .oc-tile h3{margin-top:0}
.oc-hub{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.oc-hubc{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px}
.oc-hubc h3{font-size:1.25rem;margin-bottom:6px}.oc-hubc p{color:var(--muted);font-size:.95rem;margin-bottom:16px}
.oc-hubc .chips a{display:inline-block;margin:0 6px 8px 0;padding:7px 13px;border-radius:999px;background:var(--aqua-2);color:var(--forest);font-weight:700;font-size:.88rem}
.oc-hubc .chips a:hover{background:var(--forest);color:#fff}
.oc-svg{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.oc-svc{background:#fff;border:1px solid var(--line);border-radius:24px;padding:32px;box-shadow:0 14px 34px -26px rgba(11,31,68,.5);scroll-margin-top:120px}
.oc-svc h2{font-size:1.45rem;font-weight:800;margin:10px 0}
.oc-svc>p{color:var(--muted);margin-bottom:16px}
.oc-svc ul{list-style:none;display:grid;gap:9px;margin-bottom:22px}
.oc-svc li{display:flex;gap:10px;align-items:flex-start;font-size:.97rem}
.oc-svc .flagc{display:inline-block;background:var(--gold);color:#0b1f44;border-radius:999px;font-size:.76rem;font-weight:800;padding:5px 12px}
.oc-note{background:var(--aqua-2);border-radius:14px;padding:14px 16px;font-size:.93rem;margin-bottom:18px;color:var(--ink)}
@media(max-width:900px){
  .oc-hero{padding:40px 0 50px}.oc-hero-in,.oc-why,.oc-rev,.oc-sub{grid-template-columns:1fr;gap:34px}
  .oc-collage{padding:0 0 30px 20px}.oc-badge{right:4px}
  .oc-band .oc-wrap{grid-template-columns:1fr 1fr}
  .oc-cards,.oc-steps,.oc-3,.oc-hub,.oc-svg{grid-template-columns:1fr}
  .oc-acc,.oc-faq{grid-template-columns:1fr}
  .oc-strip{grid-template-columns:1fr 1fr}
  .oc-sec{padding:56px 0}.oc-areas,.oc-cta{padding:30px 22px;border-radius:26px}
  .oc-quote.big{grid-row:auto}.oc-info{position:static}
}

/* ===== polish v8 ===== */
:root{--r:14px}
body{-webkit-font-smoothing:antialiased;letter-spacing:-.003em}
.btn{border-radius:12px;font-weight:700;letter-spacing:0}
.btn-terra{box-shadow:0 8px 20px -8px rgba(212,150,10,.7)}
.btn-ghost{border-width:1.5px}
.head-nav a{letter-spacing:0!important;font-size:.93rem!important;font-weight:600}
.head-nav a:hover{color:var(--forest)}
.oc-hero{background:radial-gradient(900px 480px at 85% 10%,#d9efff 0,transparent 60%),radial-gradient(700px 400px at 0 100%,#e8f1ff 0,transparent 60%),#fff}
.oc-hero h1{letter-spacing:-.025em}
.oc-ticks span{font-weight:600}
.oc-band{background:linear-gradient(110deg,#0b2e72,#14449c)}
.oc-band .oc-wrap>div{position:relative}
.oc-band .oc-wrap>div+div::before{content:"";position:absolute;left:0;top:12%;height:76%;width:1px;background:rgba(255,255,255,.18)}
.oc-sec{padding:92px 0}
.oc-head h2,.oc-sec h2{letter-spacing:-.02em}
.eyebrow{font-size:.74rem;letter-spacing:.14em}
.oc-card,.oc-tile,.oc-step,.oc-hubc,.oc-svc,.oc-info,.oc-quote{border:1px solid #e0e9f4;box-shadow:0 1px 2px rgba(15,40,90,.04),0 12px 30px -18px rgba(15,40,90,.18)}
.oc-card{border-radius:16px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}
.oc-card::before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:linear-gradient(90deg,#14449c,#27b4e4);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.oc-card:hover{transform:translateY(-4px);border-color:#c5d8ee;box-shadow:0 18px 40px -18px rgba(15,40,90,.3)}
.oc-card:hover::before{transform:scaleX(1)}
.oc-ico{border-radius:12px}
.oc-card .more{font-weight:700}
.oc-acc,.oc-faq{align-items:start}
.oc-acc details,.oc-faq details{border-radius:14px;padding:0 22px;text-align:left;transition:border-color .2s,box-shadow .2s}
.oc-acc details[open],.oc-faq details[open]{border-color:#9cc3ec;box-shadow:0 10px 26px -16px rgba(20,68,156,.35)}
.oc-acc summary,.oc-faq summary{display:flex;align-items:center;justify-content:space-between;text-align:left;font-size:1rem;font-weight:700;padding:19px 0}
.oc-acc summary::-webkit-details-marker,.oc-faq summary::-webkit-details-marker{display:none}
.oc-acc summary::marker,.oc-faq summary::marker{content:""}
.oc-acc summary::after,.oc-faq summary::after{flex:none;width:28px;height:28px;border-radius:8px;background:#e8f3fc;color:#14449c;display:grid;place-items:center;font-size:1.15rem;font-weight:700}
.oc-acc details[open] summary::after,.oc-faq details[open] summary::after{background:#14449c;color:#fff}
.oc-acc details p,.oc-faq details p{margin:0;padding:0 0 20px;line-height:1.65}
.oc-strip a{overflow:hidden;position:relative;display:block;aspect-ratio:1/1;border-radius:16px;background:#dfe9f5}
.oc-strip a img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.oc-strip a:hover{transform:none}.oc-strip a:hover img{transform:scale(1.06)}
.oc-collage .big,.oc-collage .small{background:#dfe9f5;overflow:hidden}
.oc-collage .big img,.oc-collage .small img{width:100%;height:100%;object-fit:cover;display:block}
.p-hero{border-radius:0 0 28px 28px}
.p-hero h1{letter-spacing:-.025em}
.oc-areas{border-radius:22px}
.oc-areas .chips a{border-radius:10px}
.oc-cta{border-radius:22px}
.oc-quote{border-radius:18px}
/* quote page */
.oc-reach{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}
.oc-reach-i{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid #e0e9f4;border-radius:16px;padding:18px 20px;box-shadow:0 12px 30px -20px rgba(15,40,90,.25);min-width:0}
a.oc-reach-i:hover{border-color:#9cc3ec}
.oc-reach-i .hc-ico{flex:none;background:#e8f3fc;color:#14449c;border-radius:12px}
.oc-reach-i small{display:block;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:800}
.oc-reach-i b{font-size:1rem;font-weight:700;word-break:break-word}
.oc-q-grid{display:grid;grid-template-columns:1.75fr 1fr;gap:28px;align-items:start}
.oc-q .q-card{padding:0;border-radius:20px;overflow:hidden;border:1px solid #e0e9f4;box-shadow:0 30px 60px -34px rgba(15,40,90,.35)}
.oc-q #cqWrap>h3{margin:0;padding:30px 36px 6px;background:linear-gradient(120deg,#0b2e72,#14449c 70%,#1b6bc4);color:#fff;font-size:1.55rem;letter-spacing:-.02em}
.oc-q #cqWrap>.q-sub{margin:0;padding:0 36px 28px;background:linear-gradient(120deg,#0b2e72,#14449c 70%,#1b6bc4);color:#cfe3fa}
.oc-q #cqForm{padding:30px 36px 36px}
.oc-q .qform-grid{grid-template-columns:1fr;gap:30px}
.oc-q .fgroup{grid-template-columns:1fr 1fr;gap:16px}
.oc-q .fgroup .f-title,.oc-q .fgroup .two{grid-column:1/-1}
.oc-q .f-title{border:0;padding:0;font-family:inherit;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#14449c;gap:10px}
.oc-q .f-title span{width:24px;height:24px;border-radius:50%;background:transparent;border:2px solid #27b4e4;color:#14449c;font-size:.72rem}
.oc-q .f-title::after{content:"";flex:1;height:1px;background:#e0e9f4}
.oc-q .fgroup .two,.oc-q .fgroup .two.wide{grid-template-columns:1fr 1fr}
.oc-q .fld label{font-size:.78rem;letter-spacing:.02em;text-transform:none;color:var(--ink);font-weight:700}
.oc-q .fld input,.oc-q .fld select,.oc-q .fld textarea{border:1px solid #cfdcec;background:#f6f9fd;border-radius:12px;padding:14px 16px;font-size:1rem}
.oc-q .fld input:focus,.oc-q .fld select:focus,.oc-q .fld textarea:focus{border-color:#14449c;background:#fff;box-shadow:0 0 0 4px rgba(20,68,156,.12)}
.oc-q .stepper{border-radius:12px}
.oc-q .q-submit{border-radius:12px}
.oc-q-side{background:linear-gradient(170deg,#0b2e72,#14449c);color:#fff;border-radius:20px;padding:32px;position:sticky;top:110px}
.oc-q-side .eyebrow{color:#7fdcff}
.oc-q-side h3{color:#fff;font-size:1.4rem;line-height:1.2;margin:10px 0 22px;letter-spacing:-.02em}
.oc-q-side ol{list-style:none;display:grid;gap:20px;margin:0;padding:0}
.oc-q-side li{display:grid;grid-template-columns:34px 1fr;gap:14px}
.oc-q-side li span{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.14);color:#7fdcff;display:grid;place-items:center;font-weight:800}
.oc-q-side li b{display:block}
.oc-q-side li em{font-style:normal;color:#cfe3fa;font-size:.92rem}
.oc-q-hrs{margin-top:26px;padding-top:22px;border-top:1px solid rgba(255,255,255,.16)}
.oc-q-hrs b{display:block;color:#f4cf6c}
.oc-q-hrs span{color:#cfe3fa;font-size:.92rem}
@media(max-width:900px){.oc-reach{grid-template-columns:1fr}.oc-q-grid{grid-template-columns:1fr}.oc-q-side{position:static}.oc-q .fgroup{grid-template-columns:1fr}.oc-q #cqForm{padding:24px 20px 28px}.oc-q #cqWrap>h3{padding:26px 20px 6px}.oc-q #cqWrap>.q-sub{padding:0 20px 24px}.oc-sec{padding:64px 0}.oc-band .oc-wrap>div+div::before{display:none}}
.oc-reach{grid-template-columns:.85fr 1.35fr 1.1fr}
.oc-reach-i b{font-size:.95rem;overflow-wrap:anywhere}
/* quote wizard */
.oc-wz .wz-prog{list-style:none;display:flex;gap:6px;margin:0 0 12px;padding:0}
.oc-wz .wz-prog li{flex:1;display:flex;align-items:center;gap:9px;font-size:.84rem;font-weight:700;color:#8a98b0}
.oc-wz .wz-prog li span{width:26px;height:26px;border-radius:50%;border:2px solid #cfdcec;display:grid;place-items:center;font-size:.74rem;flex:none;background:#fff}
.oc-wz .wz-prog li.on{color:#14449c}.oc-wz .wz-prog li.on span{border-color:#14449c;background:#14449c;color:#fff}
.oc-wz .wz-prog li.done{color:#14449c}.oc-wz .wz-prog li.done span{border-color:#27b4e4;background:#27b4e4;color:#fff;font-size:0}
.oc-wz .wz-prog li.done span::before{content:"\2713";font-size:.8rem}
.oc-wz .wz-bar{height:5px;border-radius:5px;background:#e6eef8;margin-bottom:26px;overflow:hidden}
.oc-wz .wz-bar i{display:block;height:100%;width:33%;border-radius:5px;background:linear-gradient(90deg,#14449c,#27b4e4);transition:width .35s}
.oc-wz .wz-step{display:none;gap:18px}
.oc-wz .wz-step.on{display:grid;animation:wzin .3s ease}
@keyframes wzin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.oc-wz .wz-step h4{font-size:1.2rem;font-weight:800;letter-spacing:-.015em;margin:0 0 2px}
.oc-wz .wz-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.oc-wz .wz-tile{cursor:pointer;display:block}
.oc-wz .wz-tile input,.oc-wz .wz-pill input{position:absolute;opacity:0;pointer-events:none}
.oc-wz .wz-t-in{display:grid;grid-template-columns:44px 1fr;column-gap:12px;row-gap:1px;align-items:center;padding:15px 16px;border:1.5px solid #d6e2f1;border-radius:14px;background:#fff;transition:.2s;height:100%}
.oc-wz .wz-t-in i{grid-row:1/3;width:44px;height:44px;border-radius:12px;background:#e8f3fc;color:#14449c;display:grid;place-items:center}
.oc-wz .wz-t-in i svg{width:24px;height:24px}
.oc-wz .wz-t-in b{font-size:.97rem;font-weight:800;line-height:1.2}
.oc-wz .wz-t-in em{font-style:normal;font-size:.82rem;color:var(--muted);line-height:1.3}
.oc-wz .wz-tile:hover .wz-t-in{border-color:#9cc3ec;transform:translateY(-1px)}
.oc-wz .wz-tile input:checked+.wz-t-in{border-color:#14449c;background:#f0f6ff;box-shadow:0 0 0 3px rgba(20,68,156,.14)}
.oc-wz .wz-tile input:checked+.wz-t-in i{background:#14449c;color:#fff}
.oc-wz .wz-tile input:focus-visible+.wz-t-in,.oc-wz .wz-pill input:focus-visible+span{outline:3px solid #27b4e4;outline-offset:2px}
.oc-wz .wz-pills{display:flex;flex-wrap:wrap;gap:10px}
.oc-wz .wz-pill span{display:inline-block;padding:11px 18px;border:1.5px solid #d6e2f1;border-radius:999px;font-weight:700;font-size:.93rem;cursor:pointer;background:#fff;transition:.2s}
.oc-wz .wz-pill:hover span{border-color:#9cc3ec}
.oc-wz .wz-pill input:checked+span{background:#14449c;border-color:#14449c;color:#fff}
.oc-wz .wz-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.oc-wz .wz-err{color:#b3261e;background:#fdecea;border-radius:10px;padding:11px 14px;font-weight:600;font-size:.92rem;margin:16px 0 0}
.oc-wz .wz-nav{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:26px}
.oc-wz .wz-nav .wz-next,.oc-wz .wz-nav .wz-send{margin-left:auto;min-width:200px}
.oc-wz .wz-nav .wz-back{padding:15px 22px}
@media(max-width:600px){.oc-wz .wz-tiles,.oc-wz .wz-two{grid-template-columns:1fr}.oc-wz .wz-prog li{font-size:0;gap:0;justify-content:center}.oc-wz .wz-prog li span{font-size:.74rem}.oc-wz .wz-nav .wz-next,.oc-wz .wz-nav .wz-send{min-width:0;flex:1}}
/* one-page quote form */
.oc-wz .wz-step,.oc-wz .wz-step.on{display:grid;animation:none;gap:16px;padding-bottom:26px;margin-bottom:26px;border-bottom:1px solid #e3ebf5}
.oc-wz .wz-step:last-of-type{border-bottom:0;margin-bottom:0;padding-bottom:0}
.oc-wz .wz-step h4{display:flex;align-items:center;gap:10px}
.oc-wz .wz-step h4 span{width:28px;height:28px;border-radius:50%;background:#14449c;color:#fff;display:grid;place-items:center;font-size:.8rem;font-weight:800;flex:none}
.oc-wz .wz-send{width:100%;margin-top:28px;padding:18px;font-size:1.08rem;border-radius:12px}
.oc-wz .wz-tile,.oc-wz .wz-pill{position:relative}
.oc-wz .wz-tile input,.oc-wz .wz-pill input{left:0;top:0;width:1px;height:1px}
/* calendar must not be clipped */
.oc-q .q-card{overflow:visible}
.oc-q #cqWrap>h3{border-radius:20px 20px 0 0}
.oc-q .custom-cal{z-index:40}
/* bed and bath option buttons */
.oc-wz .wz-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:10px}
.oc-wz .wz-opt{position:relative;display:block}
.oc-wz .wz-opt input{position:absolute;opacity:0;left:0;top:0;width:1px;height:1px;pointer-events:none}
.oc-wz .wz-opt span{display:flex;align-items:center;justify-content:center;min-height:56px;border:1.5px solid #d6e2f1;border-radius:14px;background:#fff;font-weight:800;font-size:1.05rem;color:var(--ink);cursor:pointer;transition:.18s}
.oc-wz .wz-opt:hover span{border-color:#9cc3ec}
.oc-wz .wz-opt input:checked+span{border-color:#14449c;background:#eaf2ff;color:#14449c;box-shadow:0 0 0 3px rgba(20,68,156,.12)}
.oc-wz .wz-opt input:focus-visible+span{outline:3px solid #27b4e4;outline-offset:2px}
.oc-wz .wz-pill.sm span{min-width:56px;text-align:center;padding:11px 16px}
/* stepped form (final) */
.oc-wz.stepped .wz-step,.oc-wz.stepped .wz-step:last-of-type{display:none;border:0;margin:0;padding:0;gap:18px}
.oc-wz.stepped .wz-step.on{display:grid;animation:wzin .3s ease}
.oc-wz.stepped .wz-send{width:auto;margin-top:0}
.oc-wz.stepped .wz-nav .wz-next,.oc-wz.stepped .wz-nav .wz-send{margin-left:auto;min-width:200px}
.oc-wz.stepped .wz-prog{display:flex}
@media(max-width:600px){.oc-wz.stepped .wz-nav .wz-next,.oc-wz.stepped .wz-nav .wz-send{min-width:0;flex:1}}
/* phone: form first, contact cards after */
@media(max-width:900px){
.oc-q>.oc-wrap{display:flex;flex-direction:column}
.oc-q .oc-q-grid{order:1}
.oc-q .oc-reach{order:2;margin:26px 0 0}
.oc-q .q-card{border-radius:18px}
.oc-q #cqWrap>h3{border-radius:18px 18px 0 0;font-size:1.35rem}
.oc-wz .wz-step h4{font-size:1.1rem}
.oc-wz .wz-pills,.oc-wz .wz-opts{gap:8px}
.oc-wz .wz-nav .btn{padding:15px 16px}
}
@media(max-width:900px){
.pg-quote .m-bar{display:none!important}
.pg-quote{padding-bottom:0!important}
.pg-quote .p-hero{padding:34px 0 38px}
.pg-quote .p-hero h1{font-size:1.9rem;margin:10px 0 10px}
.pg-quote .p-hero p{font-size:1rem}
.pg-quote .oc-q{padding-top:28px}
.oc-wz .wz-pill span{padding:10px 14px;font-size:.9rem}
.oc-wz .wz-opts{display:grid;grid-template-columns:repeat(3,1fr)}
}
.oc-wz .wz-more[hidden]{display:none}.oc-wz .wz-more{max-width:260px}
.oc-wz .wz-more .stepper{display:flex;border:1.5px solid #cfdcec;border-radius:14px;overflow:hidden;background:#f6f9fd}
.oc-wz .wz-more .stepper button{flex:none;width:64px;height:60px;font-size:1.7rem;font-weight:700;color:#14449c;background:#e8f3fc;border:0;cursor:pointer;line-height:1}
.oc-wz .wz-more .stepper button:active{background:#14449c;color:#fff}
.oc-wz .wz-more .stepper input{flex:1;min-width:70px;width:100%;border:0;border-radius:0;background:transparent;text-align:center;font-size:1.35rem;font-weight:800;padding:0;-moz-appearance:textfield;appearance:textfield}
.oc-wz .wz-more .stepper input::-webkit-outer-spin-button,.oc-wz .wz-more .stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.oc-wz .wz-more{max-width:300px}
@media(max-width:900px){.oc-q .oc-reach{grid-template-columns:1fr!important;gap:12px}.oc-reach-i{padding:16px 18px}.oc-reach-i b{font-size:1rem;overflow-wrap:anywhere}}
@media(max-width:900px){.oc-reach-i b{font-size:.93rem;line-height:1.35}}@media(max-width:380px){.oc-reach-i b{font-size:.86rem}}
@media(max-width:900px){footer.site .f-big{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:20px}footer.site .f-big>div{display:flex;flex-direction:column;align-items:center;text-align:center}footer.site .f-big small{display:block;text-align:center}footer.site .f-big .f-phone{display:block;text-align:center}footer.site .f-big .btn{width:100%;max-width:340px}}