/* ============================================================
   CALOR FRÍO — Marketing site styles (shared across pages)
   Linked by index.html and every service/equipment page.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@800;900&display=swap');
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--surface-page);font-family:var(--font-body);color:var(--text-body);
  -webkit-font-smoothing:antialiased;}
a{text-decoration:none;color:inherit;}
h1,h2,h3,h4{margin:0;font-family:var(--font-display);}
.srn-eyebrow{font-family:var(--font-mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-accent);display:inline-block;}
.srn-eyebrow::before{content:"\2736";margin-right:7px;font-size:.92em;opacity:.9;}
.srn-eyebrow--inverse{color:#9FDBFF;}
.srn-h2{font-size:clamp(28px,4vw,44px);font-weight:700;letter-spacing:-0.025em;color:var(--text-strong);line-height:1.08;max-width:18ch;}
.srn-h2--inverse{color:#fff;}
.srn-page{max-width:1180px;margin:0 auto;}

/* ---------- PROMO BANNER ---------- */
.srn-promo{background:linear-gradient(90deg,#10305A,#17C2A4 26%,#1E6FA6 66%,#2E93D8);color:#fff;position:relative;z-index:50;}
.srn-promo__inner{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:16px;padding:9px clamp(20px,4vw,40px);min-height:44px;}
.srn-promo__track{flex:1;position:relative;overflow:hidden;height:24px;}
.srn-promo__slide{position:absolute;inset:0;display:flex;align-items:center;gap:11px;font-size:14px;font-weight:500;
  opacity:0;transform:translateY(8px);transition:opacity .5s var(--ease-out),transform .5s var(--ease-out);pointer-events:none;}
.srn-promo__slide.is-active{opacity:1;transform:none;pointer-events:auto;}
.srn-promo__slide svg{width:17px;height:17px;flex:none;color:rgba(255,255,255,0.85);}
.srn-promo__slide b{font-weight:700;}
.srn-promo__cta{display:inline-flex;align-items:center;gap:5px;font-weight:700;color:#fff;border-bottom:1.5px solid rgba(255,255,255,0.5);
  padding-bottom:1px;white-space:nowrap;transition:border-color var(--dur-base);cursor:pointer;}
.srn-promo__cta:hover{border-color:#fff;}
.srn-promo__cta svg{width:14px;height:14px;color:#fff;}
.srn-promo__dots{display:flex;gap:6px;flex:none;}
.srn-promo__dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,0.4);border:none;padding:0;cursor:pointer;transition:background var(--dur-base),transform var(--dur-base);}
.srn-promo__dot.is-active{background:#fff;transform:scale(1.25);}
.srn-promo__phone{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:14px;color:#fff;flex:none;}
.srn-promo__phone svg{width:15px;height:15px;}
/* keep promo copy on a single clean line so it never clips inside the 24px track */
.srn-promo__slide{flex-wrap:nowrap;min-width:0;}
.srn-promo__slide > span:not(.srn-promo__cta){flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* ---------- NAV ---------- */
.srn-nav{position:sticky;top:0;z-index:40;background:color-mix(in srgb,#FFFFFF 85%,transparent);
  backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);border-bottom:1px solid var(--border);}
.srn-nav__inner{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:22px;padding:13px clamp(20px,4vw,40px);}
.srn-nav__logo{display:flex;align-items:center;gap:11px;text-decoration:none;}
.srn-wordmark{display:inline-flex;flex-direction:column;}
.srn-wordmark__name{font-family:'Archivo',var(--font-display);font-weight:900;font-size:26px;letter-spacing:-0.03em;line-height:.9;}
.srn-wordmark__hot{color:#17C2A4;}
.srn-wordmark__cold{color:#1E6FA6;}
.srn-wordmark__i{position:relative;display:inline-block;}
.srn-flake{position:absolute;left:50%;top:-0.18em;transform:translateX(-50%);width:0.54em;height:0.54em;}
.srn-wordmark__sub{font-family:var(--font-mono);font-weight:700;font-size:10px;letter-spacing:.26em;color:var(--text-muted);margin-top:5px;text-transform:uppercase;}
.srn-nav__links{display:flex;gap:24px;margin-left:12px;flex:1;align-items:center;}

/* Language toggle */
.srn-lang{display:inline-flex;border:1px solid var(--border-strong);border-radius:var(--radius-pill);overflow:hidden;background:transparent;flex:none;}
.srn-lang__btn{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.06em;padding:6px 10px;border:none;background:transparent;
  color:var(--text-muted);cursor:pointer;transition:background var(--dur-base),color var(--dur-base);}
.srn-lang__btn.is-on{background:var(--brand);color:#fff;}
.srn-lang__btn:not(.is-on):hover{color:var(--text-strong);}
.srn-mobile__lang{margin-top:4px;}
.srn-nav__links a{font-size:15px;font-weight:500;color:var(--text-body);transition:color var(--dur-base);}
.srn-nav__links a:hover{color:var(--brand);}
.srn-nav__cta{display:flex;align-items:center;gap:12px;}
.srn-nav__phone{display:flex;align-items:center;gap:7px;color:var(--sky-700);white-space:nowrap;}
.srn-nav__phone svg{width:16px;height:16px;}
.srn-nav__phone b{font-family:var(--font-display);font-weight:700;font-size:16px;white-space:nowrap;}
.srn-nav__call{display:none;align-items:center;gap:7px;background:var(--sky-600);color:#fff;font-family:var(--font-display);
  font-weight:700;font-size:15px;padding:9px 15px;border-radius:var(--radius-pill);white-space:nowrap;box-shadow:var(--shadow-sm);}
.srn-nav__call svg{width:16px;height:16px;}
.srn-nav__burger{display:none;}
.srn-nav__mobile{display:none;flex-direction:column;gap:14px;padding:18px clamp(20px,4vw,40px) 24px;border-top:1px solid var(--border);background:var(--surface-card);}
.srn-nav__mobile a{font-size:17px;font-weight:600;padding:8px 0;display:block;}
.srn-mobile__group{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;
  font-family:var(--font-body);font-size:17px;font-weight:600;color:var(--text-strong);padding:10px 0;cursor:pointer;min-height:44px;}
.srn-mobile__group svg{width:18px;height:18px;color:var(--text-muted);}
.srn-mobile__sub{display:flex;flex-direction:column;gap:2px;margin:2px 0 6px;padding-left:6px;border-left:2px solid var(--border-strong);}
.srn-mobile__sub a{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:500;color:var(--text-body);padding:7px 0 7px 10px;}
.srn-mobile__sub a svg{width:16px;height:16px;color:var(--brand);}

/* ---------- DROPDOWN (services mega menu) ---------- */
.srn-menu{position:relative;}
.srn-menu__btn{display:inline-flex;align-items:center;gap:5px;font-size:15px;font-weight:500;color:var(--text-body);
  background:none;border:none;cursor:pointer;font-family:var(--font-body);padding:0;}
.srn-menu__btn svg{width:15px;height:15px;transition:transform var(--dur-base);}
.srn-menu:hover .srn-menu__btn svg{transform:rotate(180deg);}
.srn-menu__panel{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(8px);
  background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);
  padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:6px 20px;width:520px;opacity:0;visibility:hidden;
  transition:opacity var(--dur-base),transform var(--dur-base),visibility var(--dur-base);z-index:60;}
.srn-menu:hover .srn-menu__panel{opacity:1;visibility:visible;transform:translateX(-50%);}
.srn-menu__col h5{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-subtle);
  margin:6px 10px 8px;}
.srn-menu__item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-md);transition:background var(--dur-base);}
.srn-menu__item:hover{background:var(--brand-tint);}
.srn-menu__item svg{width:18px;height:18px;color:var(--brand);flex:none;}
.srn-menu__item b{font-size:14px;font-weight:600;color:var(--text-strong);font-family:var(--font-body);}
.srn-menu__panel--single{grid-template-columns:1fr;width:300px;gap:2px;left:0;transform:translateX(0) translateY(8px);}
.srn-menu:hover .srn-menu__panel--single{transform:translateX(0) translateY(0);}
a.srn-menu__btn{text-decoration:none;}

/* ---------- HERO (full-bleed background photo) ---------- */
.srn-hero{position:relative;isolation:isolate;overflow:hidden;
  min-height:clamp(540px,64vh,720px);display:flex;align-items:center;
  background:linear-gradient(155deg,var(--sky-700),var(--sky-900));}
.srn-hero__bg{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;}
.srn-hero__scrim{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(90deg, rgba(8,30,48,0.86) 0%, rgba(8,30,48,0.62) 42%, rgba(8,30,48,0.12) 78%, rgba(8,30,48,0.04) 100%),
    linear-gradient(0deg, rgba(8,30,48,0.45) 0%, rgba(8,30,48,0) 38%);}
.srn-hero__inner{position:relative;z-index:2;width:100%;max-width:1180px;margin:0 auto;pointer-events:none;
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,0.95fr);gap:clamp(24px,4vw,56px);
  align-items:center;padding:clamp(48px,7vw,88px) clamp(20px,4vw,40px);}
.srn-hero__copy{max-width:600px;pointer-events:auto;}
.srn-hero__eyebrow{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:12px;white-space:nowrap;
  letter-spacing:.1em;text-transform:uppercase;color:#fff;background:rgba(255,255,255,0.14);
  border:1px solid rgba(255,255,255,0.28);padding:6px 12px;border-radius:var(--radius-pill);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);}
.srn-hero__eyebrow svg{width:14px;height:14px;}
.srn-hero__eyebrow img{display:block;width:20px;height:20px;}
.srn-hero__eyebrow .sup{font-size:0.6em;vertical-align:super;opacity:0.8;margin-left:1px;}
.srn-hero__title{font-size:clamp(38px,5.4vw,66px);font-weight:800;letter-spacing:-0.035em;line-height:1.02;
  color:#fff;margin:20px 0 0;text-shadow:0 2px 20px rgba(6,22,38,0.35);}
.srn-hero__title span{color:#34E0C8;}
.srn-hero__lead{font-size:clamp(16px,1.6vw,19px);line-height:1.6;color:rgba(255,255,255,0.92);max-width:46ch;margin:20px 0 0;
  text-shadow:0 1px 12px rgba(6,22,38,0.3);}
.srn-hero__actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px;}
/* hero is a light snow ground — secondary CTA is a dark outline button */
.srn-hero__actions .srn-btn--secondary{background:#FFFFFF;border-color:#0B1E3A;color:#0B1E3A;}
.srn-hero__actions .srn-btn--secondary:hover{background:#DCEAF8;border-color:#0B1E3A;color:#0B1E3A;}
.srn-hero__trust{display:flex;align-items:center;gap:18px;margin-top:28px;flex-wrap:wrap;}
.srn-hero__trustsep{width:1px;height:22px;background:rgba(255,255,255,0.35);}
.srn-hero__trustitem{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:500;color:#fff;}
.srn-hero__trustitem svg{width:17px;height:17px;color:#9FDBFF;}

.srn-hero__console{justify-self:end;width:min(370px,100%);pointer-events:auto;background:rgba(255,255,255,0.98);
  border-radius:var(--radius-xl);padding:20px;box-shadow:var(--shadow-xl);border:1px solid rgba(255,255,255,0.6);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}

/* ---- Hero weather widget ---- */
.srn-wx__top{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.srn-wx__loc{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-weight:700;font-size:15px;color:#fff;}
.srn-wx__loc svg{width:16px;height:16px;color:#5FC7FF;}
.srn-wx__live{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;
  text-transform:uppercase;color:#9FDBFF;}
.srn-wx__dot{width:7px;height:7px;border-radius:50%;background:#34E0C8;box-shadow:0 0 0 0 rgba(52,224,200,0.6);
  animation:srnPulse 2s var(--ease-out) infinite;}
@keyframes srnPulse{0%{box-shadow:0 0 0 0 rgba(52,224,200,0.5)}70%{box-shadow:0 0 0 7px rgba(52,224,200,0)}100%{box-shadow:0 0 0 0 rgba(52,224,200,0)}}
.srn-wx__now{display:flex;align-items:center;gap:14px;padding:14px 0 16px;border-bottom:1px solid rgba(255,255,255,0.14);}
.srn-wx__bigicon{display:flex;flex:none;}
.srn-wx__bigicon svg{width:50px;height:50px;color:#FFC94D;}
.srn-wx__bigtemp{font-family:var(--font-display);font-weight:800;font-size:58px;letter-spacing:-0.05em;color:#fff;line-height:.9;}
.srn-wx__bigtemp small{font-size:0.34em;color:rgba(255,255,255,0.6);font-weight:700;}
.srn-wx__nowmeta{display:flex;flex-direction:column;gap:3px;margin-left:auto;text-align:right;}
.srn-wx__cond{font-family:var(--font-display);font-weight:700;font-size:15px;color:#fff;}
.srn-wx__feels{font-size:12px;color:rgba(255,255,255,0.7);}
.srn-wx__hilo{display:inline-flex;align-items:center;justify-content:flex-end;gap:4px;font-size:12px;font-weight:600;color:rgba(255,255,255,0.85);}
.srn-wx__hilo svg{width:12px;height:12px;}
.srn-wx__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,0.14);}
.srn-wx__stat{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;}
.srn-wx__stat svg{width:17px;height:17px;color:#34E0C8;}
.srn-wx__stat b{font-family:var(--font-display);font-weight:700;font-size:14px;color:#fff;}
.srn-wx__stat span{font-size:9.5px;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,0.55);}
.srn-wx__forecast{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:14px 0 4px;}
.srn-wx__day{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 2px;border-radius:var(--radius-md);transition:background var(--dur-base);}
.srn-wx__day:hover{background:rgba(255,255,255,0.08);}
.srn-wx__dayname{font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,0.7);}
.srn-wx__day svg{width:20px;height:20px;color:#9FDBFF;}
.srn-wx__day b{font-family:var(--font-display);font-weight:700;font-size:13px;color:#fff;}
.srn-wx__day em{font-style:normal;font-size:11px;color:rgba(255,255,255,0.5);}
.srn-wx__note{display:flex;align-items:flex-start;gap:8px;margin-top:12px;padding:11px 13px;border-radius:var(--radius-md);
  background:rgba(52,224,200,0.14);border:1px solid rgba(52,224,200,0.25);font-size:12.5px;line-height:1.4;color:#DCEFF4;}
.srn-wx__note svg{width:15px;height:15px;color:#34E0C8;flex:none;margin-top:1px;}

/* ---------- TRUST STRIP (credentials) ---------- */
.trust-strip{background:#0B1E3A;border-bottom:3px solid;border-image:linear-gradient(90deg,#17C2A4 0%,#17C2A4 50%,#2E93D8 50%,#2E93D8 100%) 1;}
.trust-strip__inner{max-width:1180px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:stretch;justify-content:space-between;
  padding:0 clamp(20px,4vw,40px);}
.trust-strip__item{display:flex;align-items:center;gap:12px;padding:18px 18px;flex:1 1 0;min-width:190px;position:relative;}
.trust-strip__item:not(:last-child)::after{content:"";position:absolute;right:0;top:22%;bottom:22%;width:1px;background:rgba(255,255,255,0.12);}
.trust-strip__icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex:none;border-radius:10px;
  background:rgba(255,255,255,0.08);color:#34E0C8;}
.trust-strip__icon svg{width:20px;height:20px;}
.trust-strip__txt{display:flex;flex-direction:column;line-height:1.25;}
.trust-strip__txt b{font-family:var(--font-display);font-weight:700;font-size:14px;color:#fff;letter-spacing:-0.01em;}
.trust-strip__txt span{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.04em;color:#90A6BC;}
@media(max-width:760px){
  .trust-strip__inner{display:grid;grid-template-columns:1fr 1fr;}
  .trust-strip__item:not(:last-child)::after{display:none;}
  .trust-strip__item{border-bottom:1px solid rgba(255,255,255,0.10);}
}
.srn-trust{max-width:1180px;margin:0 auto;padding:0 clamp(20px,4vw,40px) clamp(36px,5vw,64px);
  display:flex;flex-direction:column;gap:22px;align-items:center;text-align:center;}
.srn-trust__head{display:flex;flex-direction:column;gap:10px;align-items:center;max-width:62ch;}
.srn-trust__eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--brand);}
.srn-trust__eyebrow svg{width:15px;height:15px;}
.srn-trust__sub{font-size:15px;line-height:1.6;color:rgba(226,236,242,0.72);margin:0;}
.srn-trust__brandrow{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;width:100%;max-width:940px;margin:0 auto;
  background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.12);border-radius:var(--radius-lg);overflow:hidden;}
.srn-trust__brand{display:flex;align-items:center;justify-content:center;text-align:center;padding:24px 14px;
  background:#081730;font-family:var(--font-display);font-weight:700;font-size:clamp(15px,1.7vw,20px);
  color:rgba(226,236,242,0.74);letter-spacing:-0.01em;transition:color var(--dur-base),background var(--dur-base);}
.srn-trust__brand:hover{color:#fff;background:#12335C;}
@media(max-width:900px){.srn-trust__brandrow{grid-template-columns:repeat(2,1fr);}}

/* ---------- SECTIONS ---------- */
.srn-section{max-width:1180px;margin:0 auto;padding:var(--section-y) clamp(20px,4vw,40px);}
.srn-section--sunken{max-width:none;background:var(--surface-sunken);}
.srn-section--sunken > *{max-width:1180px;margin-left:auto;margin-right:auto;}
.srn-section__head{margin-bottom:44px;}
.srn-section__sub{font-size:17px;line-height:1.6;color:var(--text-muted);max-width:52ch;margin:16px 0 0;}
.srn-section__head--inverse .srn-section__sub{color:rgba(255,255,255,0.75);}

.srn-services__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.srn-plans__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch;}

/* ---------- GALLERY ---------- */
.srn-gallery{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:200px 200px;gap:16px;}
.srn-gallery image-slot{width:100%;height:100%;display:block;box-shadow:var(--shadow-sm);}
.srn-gallery__big{grid-row:span 2;}
.srn-gallery__cap{display:flex;align-items:center;gap:8px;margin-top:24px;font-size:14px;color:var(--text-muted);}
.srn-gallery__cap svg{width:16px;height:16px;color:var(--brand);}

/* ---------- PROCESS ---------- */
.srn-process__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.srn-process__step{position:relative;background:var(--surface-card);border:1px solid var(--border);
  border-radius:var(--radius-lg);padding:26px 22px;box-shadow:var(--shadow-xs);}
.srn-process__num{font-family:var(--font-mono);font-size:12px;color:var(--accent);font-weight:600;}
.srn-process__icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;margin:12px 0 16px;
  border-radius:var(--radius-md);background:var(--sky-50);color:var(--brand);}
.srn-process__icon svg{width:23px;height:23px;}
.srn-process__title{font-size:18px;font-weight:600;color:var(--text-strong);letter-spacing:-0.01em;}
.srn-process__body{font-size:14px;line-height:1.55;color:var(--text-muted);margin:8px 0 0;}

/* ---------- TESTIMONIALS ---------- */
.srn-section--brand{max-width:none;background:linear-gradient(160deg,var(--sky-700),var(--sky-900));}
.srn-section--brand > *{max-width:1180px;margin-left:auto;margin-right:auto;}
.srn-section__head--inverse{display:flex;flex-direction:column;gap:14px;}
.srn-reviews__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.srn-review{display:flex;flex-direction:column;gap:14px;}
.srn-review__text{font-size:15.5px;line-height:1.6;color:var(--text-body);margin:0;flex:1;}
.srn-review__author{display:flex;align-items:center;gap:12px;}
.srn-review__author b{display:block;font-family:var(--font-display);font-size:15px;color:var(--text-strong);}
.srn-review__author span{font-size:13px;color:var(--text-muted);}

/* ---------- SERVICE AREAS (SEO) ---------- */
.srn-areas{background:var(--surface-sunken);max-width:none;}
.srn-areas > *{max-width:1180px;margin-left:auto;margin-right:auto;}
.srn-areas__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 24px;margin-bottom:40px;}
.srn-areas__region{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 20px 8px;box-shadow:var(--shadow-xs);}
.srn-areas__regionhead{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--sky-700);margin:0 0 12px;letter-spacing:-0.01em;}
.srn-areas__regionhead svg{width:17px;height:17px;color:var(--sky-500);}
.srn-areas__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;}
.srn-areas__list a{display:flex;align-items:center;gap:7px;font-size:13.5px;color:var(--text-body);padding:5px 6px;border-radius:var(--radius-sm);transition:background var(--dur-base),color var(--dur-base);}
.srn-areas__list svg{width:13px;height:13px;color:var(--text-subtle);flex:none;}
.srn-areas__list a:hover{background:var(--sky-50);color:var(--sky-700);}
.srn-areas__list a:hover svg{color:var(--sky-500);}
.srn-areas__combos{border-top:1px solid var(--border);padding-top:32px;}
.srn-areas__combohead{font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--text-strong);margin:0 0 16px;letter-spacing:-0.01em;}
.srn-areas__comborow{display:flex;flex-wrap:wrap;gap:10px;}
.srn-areas__combo{font-family:var(--font-body);font-weight:600;font-size:13.5px;color:var(--sky-700);background:var(--surface-card);
  border:1px solid var(--sky-100);padding:9px 15px;border-radius:var(--radius-pill);transition:all var(--dur-base);}
.srn-areas__combo:hover{background:var(--sky-600);color:#fff;border-color:var(--sky-600);box-shadow:var(--shadow-sm);}
.srn-areas__note{display:flex;align-items:center;gap:9px;margin-top:28px;font-size:14px;color:var(--text-muted);
  background:var(--sky-50);border:1px solid var(--sky-100);border-radius:var(--radius-md);padding:14px 18px;}
.srn-areas__note svg{width:18px;height:18px;color:var(--sky-500);flex:none;}
.srn-areas__note a{color:var(--sky-700);font-weight:700;white-space:nowrap;}

/* ---------- CTA BAND ---------- */
.srn-cta{background:linear-gradient(135deg,#17C2A4,#0E8E7A 70%,#1E6FA6);position:relative;overflow:hidden;}
.srn-cta__inner{max-width:900px;margin:0 auto;text-align:center;padding:clamp(56px,7vw,96px) clamp(20px,4vw,40px);position:relative;}
.srn-cta__mark{position:absolute;left:50%;top:-30px;width:180px;height:180px;opacity:0.12;transform:translateX(-50%);}
.srn-cta__kick{position:relative;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;
  font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#fff;background:rgba(255,255,255,0.16);
  border:1px solid rgba(255,255,255,0.28);padding:7px 14px;border-radius:var(--radius-pill);margin-bottom:18px;}
.srn-cta__kick img{display:block;width:18px;height:18px;}
.srn-cta h2{position:relative;font-size:clamp(28px,4vw,42px);font-weight:800;letter-spacing:-0.03em;color:#fff;line-height:1.1;}
.srn-cta p{position:relative;font-size:18px;color:rgba(255,255,255,0.92);margin:16px 0 0;}
.srn-cta__actions{position:relative;display:flex;gap:18px;align-items:center;justify-content:center;margin-top:30px;flex-wrap:wrap;}
.srn-cta__phone{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:700;font-size:18px;color:#fff;}
.srn-cta__phone svg{width:19px;height:19px;}
.srn-cta .srn-btn--accent{background:#fff;color:var(--accent-strong);box-shadow:var(--shadow-lg);}
.srn-cta .srn-btn--accent:hover{background:var(--surface-page);}

/* ---------- FOOTER ---------- */
.srn-footer{background:var(--sky-900);color:rgba(255,255,255,0.7);}
.srn-footer__inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 2.7fr;gap:44px;
  padding:clamp(48px,6vw,72px) clamp(20px,4vw,40px) 40px;}
.srn-footer__logo{display:flex;align-items:center;gap:11px;font-family:var(--font-display);color:#fff;letter-spacing:-0.03em;}
.srn-footer__logo img{color:#fff;}
.srn-footer__brandtext{display:flex;flex-direction:column;line-height:1;}
.srn-footer__brandname{font-size:23px;font-weight:800;color:#fff;letter-spacing:-0.03em;}
.srn-footer__brandaccent{color:var(--sky-300);}
.srn-footer__brandtag{font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--sky-300);margin-top:4px;white-space:nowrap;}
.srn-footer__brand p{font-size:14px;line-height:1.6;margin:16px 0;max-width:34ch;}
.srn-footer__social{display:flex;gap:12px;}
.srn-footer__social a{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;
  background:rgba(255,255,255,0.08);transition:background var(--dur-base);}
.srn-footer__social a:hover{background:rgba(255,255,255,0.18);}
.srn-footer__social svg{width:18px;height:18px;color:#fff;}
.srn-footer__cols{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;}
.srn-footer__cols h4{font-family:var(--font-display);font-size:14px;color:#fff;margin-bottom:14px;letter-spacing:.02em;}
.srn-footer__cols a{display:flex;align-items:center;gap:7px;font-size:14px;padding:5px 0;transition:color var(--dur-base);}
.srn-footer__cols a:hover{color:#fff;}
.srn-footer__cols svg{width:14px;height:14px;}
.srn-footer__bar{border-top:1px solid rgba(255,255,255,0.1);padding:20px clamp(20px,4vw,40px);
  max-width:1180px;margin:0 auto;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12.5px;font-family:var(--font-mono);color:rgba(255,255,255,0.5);}

/* ---------- BOOKING MODAL ---------- */
.srn-modal{position:fixed;inset:0;z-index:80;background:rgba(8,24,33,0.55);backdrop-filter:blur(4px);
  display:flex;align-items:center;justify-content:center;padding:20px;animation:srnFade .2s var(--ease-out);}
@keyframes srnFade{from{opacity:0}to{opacity:1}}
.srn-modal__panel{position:relative;background:var(--surface-card);border-radius:var(--radius-xl);width:min(560px,100%);
  max-height:92vh;overflow:auto;box-shadow:var(--shadow-xl);animation:srnPop .28s var(--ease-spring);}
@keyframes srnPop{from{transform:translateY(14px) scale(.98);opacity:0}to{transform:none;opacity:1}}
.srn-modal__close{position:absolute;top:16px;right:16px;border:none;background:var(--surface-sunken);width:34px;height:34px;
  border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);z-index:2;}
.srn-modal__close:hover{background:var(--ink-100);}
.srn-modal__close svg{width:17px;height:17px;}
.srn-modal__head{display:flex;align-items:center;gap:13px;padding:26px 28px 0;}
.srn-modal__head h3{font-size:20px;color:var(--text-strong);}
.srn-modal__head p{margin:2px 0 0;font-size:13px;color:var(--text-muted);}
.srn-steps{display:flex;gap:8px;padding:20px 28px 0;}
.srn-steps__item{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-subtle);flex:1;}
.srn-steps__dot{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;
  background:var(--surface-sunken);color:var(--text-muted);font-size:12px;font-family:var(--font-mono);flex:none;}
.srn-steps__dot svg{width:13px;height:13px;}
.srn-steps__item.is-active{color:var(--brand);}
.srn-steps__item.is-active .srn-steps__dot{background:var(--brand);color:#fff;}
.srn-modal__body{padding:24px 28px;}
.srn-form{display:flex;flex-direction:column;gap:16px;}
.srn-form--2col{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.srn-timeslots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.srn-timeslot{display:flex;align-items:center;justify-content:center;padding:11px;border-radius:var(--radius-md);
  border:1.5px solid var(--border-strong);font-size:14px;font-weight:600;color:var(--text-body);cursor:pointer;transition:all var(--dur-base);}
.srn-timeslot input{display:none;}
.srn-timeslot:hover{border-color:var(--brand);}
.srn-timeslot.is-picked{border-color:var(--brand);background:var(--brand-tint);color:var(--brand-strong);}
.srn-modal__foot{display:flex;align-items:center;gap:12px;padding:0 28px 26px;}
.srn-confirm{text-align:center;padding:8px 0;}
.srn-confirm__icon{display:inline-flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:50%;
  background:var(--green-100);color:var(--green-500);margin-bottom:16px;}
.srn-confirm__icon svg{width:30px;height:30px;stroke-width:2.6;}
.srn-confirm h3{font-size:23px;color:var(--text-strong);}
.srn-confirm p{font-size:15px;line-height:1.6;color:var(--text-muted);max-width:40ch;margin:10px auto 0;}
.srn-confirm__summary{display:flex;flex-direction:column;gap:8px;align-items:center;background:var(--surface-sunken);
  border-radius:var(--radius-md);padding:18px;margin-top:22px;}
.srn-confirm__sign{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-family:var(--font-mono);
  font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--sky-600);}
.srn-confirm__sign img{display:block;width:20px;height:20px;}
.srn-confirm__sign .sup{font-size:0.7em;vertical-align:super;}
.srn-confirm__summary span{display:flex;gap:8px;font-size:14px;color:var(--text-body);}
.srn-confirm__summary b{color:var(--text-muted);font-weight:600;min-width:60px;text-align:right;}

/* ============================================================
   SERVICE / EQUIPMENT DETAIL PAGES
   ============================================================ */
.svc-breadcrumb{max-width:1180px;margin:0 auto;padding:18px clamp(20px,4vw,40px) 0;display:flex;align-items:center;gap:8px;
  font-size:13px;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.02em;}
.svc-breadcrumb a:hover{color:var(--brand);}
.svc-breadcrumb svg{width:13px;height:13px;}

.svc-hero{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(360px,44vh,500px);
  display:flex;align-items:center;background:linear-gradient(150deg,#1E6FA6,#0B1E3A);}
.svc-hero__bg{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;}
.svc-hero__scrim{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(4,16,22,0.92) 0%,rgba(4,16,22,0.68) 48%,rgba(4,16,22,0.26) 100%);}
.svc-hero__inner{position:relative;z-index:2;width:100%;max-width:1180px;margin:0 auto;
  padding:clamp(40px,6vw,72px) clamp(20px,4vw,40px);}
.svc-hero__eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;
  text-transform:uppercase;color:#fff;background:rgba(255,255,255,0.16);border:1px solid rgba(255,255,255,0.28);padding:6px 12px;border-radius:var(--radius-pill);}
.svc-hero__eyebrow svg{width:14px;height:14px;}
.svc-hero h1{font-size:clamp(32px,4.4vw,52px);font-weight:800;letter-spacing:-0.03em;line-height:1.04;color:#fff;margin:18px 0 0;max-width:20ch;}
.svc-hero__lead{font-size:18px;line-height:1.6;color:rgba(255,255,255,0.9);margin:18px 0 0;max-width:52ch;}
.svc-hero__actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:26px;}
.svc-hero__pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px;}
.svc-hero__pill{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:#fff;
  background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.22);border-radius:var(--radius-pill);padding:8px 14px;}
.svc-hero__pill svg{width:15px;height:15px;color:#34E0C8;}
.svc-hero__actions .srn-btn--secondary{background:rgba(255,255,255,0.10);color:#fff;border:1px solid rgba(255,255,255,0.55);}
.svc-hero__actions .srn-btn--secondary:hover{background:rgba(255,255,255,0.18);border-color:#fff;}

.svc-body{max-width:1180px;margin:0 auto;padding:0 clamp(20px,4vw,40px);display:grid;grid-template-columns:1fr 320px;gap:48px;align-items:start;}
.svc-main{min-width:0;}
.svc-block{margin-bottom:clamp(40px,5vw,64px);}
.svc-block > .srn-eyebrow{margin-bottom:10px;}
.svc-block h2{font-size:clamp(24px,3vw,34px);font-weight:700;letter-spacing:-0.02em;color:var(--text-strong);line-height:1.1;}
.svc-block p{font-size:16px;line-height:1.7;color:var(--text-body);margin:14px 0 0;}
.svc-incl{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px;}
.svc-incl__item{display:flex;gap:12px;align-items:flex-start;background:var(--surface-card);border:1px solid var(--border);
  border-radius:var(--radius-md);padding:16px 18px;box-shadow:var(--shadow-xs);}
.svc-incl__item svg{width:20px;height:20px;color:var(--brand);flex:none;margin-top:1px;}
.svc-incl__item b{display:block;font-family:var(--font-display);font-size:15px;color:var(--text-strong);margin-bottom:3px;}
.svc-incl__item span{font-size:13.5px;line-height:1.5;color:var(--text-muted);}

/* Area page — services grid (internal links) + why-local */
.area-svc-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;}
.area-svc-link{display:flex;align-items:center;gap:11px;background:var(--surface-card);border:1px solid var(--border);
  border-radius:var(--radius-md);padding:13px 15px;font-family:var(--font-body);font-weight:600;font-size:14.5px;
  color:var(--text-strong);box-shadow:var(--shadow-xs);transition:all var(--dur-base);}
.area-svc-link svg:first-child{width:18px;height:18px;color:var(--brand);flex:none;}
.area-svc-link span{flex:1;line-height:1.3;}
.area-svc-link svg:last-child{width:16px;height:16px;color:var(--text-subtle);flex:none;transition:transform var(--dur-base);}
.area-svc-link:hover{border-color:var(--brand);box-shadow:var(--shadow-sm);transform:translateY(-1px);}
.area-svc-link:hover svg:last-child{transform:translateX(3px);color:var(--brand);}
.area-why{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px;}
.area-why__item{display:flex;gap:12px;align-items:flex-start;background:var(--surface-card);border:1px solid var(--border);
  border-radius:var(--radius-md);padding:16px 18px;box-shadow:var(--shadow-xs);}
.area-why__item svg{width:20px;height:20px;color:var(--brand);flex:none;margin-top:1px;}
.area-why__item b{display:block;font-family:var(--font-display);font-size:15px;color:var(--text-strong);margin-bottom:3px;}
.area-why__item span{font-size:13.5px;line-height:1.5;color:var(--text-muted);}
@media(max-width:680px){.area-svc-grid,.area-why{grid-template-columns:1fr;}}
.svc-signs{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:11px;}
.svc-signs li{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:var(--text-body);line-height:1.45;}
.svc-signs svg{width:18px;height:18px;color:var(--accent);flex:none;margin-top:2px;}
.svc-steps{display:flex;flex-direction:column;gap:2px;margin-top:24px;}
.svc-step{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--border);}
.svc-step:last-child{border-bottom:none;}
.svc-step__n{font-family:var(--font-display);font-weight:800;font-size:20px;color:var(--sky-300);flex:none;width:36px;}
.svc-step b{font-family:var(--font-display);font-size:16px;color:var(--text-strong);}
.svc-step p{margin:4px 0 0;font-size:14px;color:var(--text-muted);line-height:1.55;}
.svc-gallery{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px;}
.svc-gallery image-slot{width:100%;height:200px;display:block;box-shadow:var(--shadow-sm);}
.svc-faq{margin-top:18px;border-top:1px solid var(--border);}
.svc-faq__item{border-bottom:1px solid var(--border);}
.svc-faq__q{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;background:none;border:none;
  cursor:pointer;text-align:left;padding:18px 0;font-family:var(--font-display);font-weight:600;font-size:16.5px;color:var(--text-strong);}
.svc-faq__q svg{width:18px;height:18px;color:var(--brand);flex:none;transition:transform var(--dur-base);}
.svc-faq__item.is-open .svc-faq__q svg{transform:rotate(45deg);}
.svc-faq__a{max-height:0;overflow:hidden;transition:max-height var(--dur-slow) var(--ease-out);}
.svc-faq__a p{font-size:15px;line-height:1.65;color:var(--text-muted);margin:0 0 18px;max-width:62ch;}

/* sidebar */
.svc-aside{position:sticky;top:96px;display:flex;flex-direction:column;gap:18px;}
.svc-quote{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow-md);}
.svc-quote h3{font-size:19px;font-weight:700;color:var(--text-strong);letter-spacing:-0.01em;}
.svc-quote p{font-size:14px;line-height:1.55;color:var(--text-muted);margin:8px 0 18px;}
.svc-quote__price{display:flex;align-items:baseline;gap:6px;margin-bottom:16px;}
.svc-quote__price b{font-family:var(--font-display);font-weight:800;font-size:30px;color:var(--text-strong);letter-spacing:-0.02em;}
.svc-quote__price span{font-size:13px;color:var(--text-muted);}
.svc-quote__actions{display:flex;flex-direction:column;gap:10px;}
.svc-card-note{display:flex;gap:10px;align-items:flex-start;background:var(--sky-50);border:1px solid var(--sky-100);
  border-radius:var(--radius-lg);padding:16px;font-size:13.5px;line-height:1.5;color:var(--sky-700);}
.svc-card-note svg{width:18px;height:18px;flex:none;margin-top:1px;color:var(--sky-600);}
.svc-related{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:22px;box-shadow:var(--shadow-xs);}
.svc-related h4{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-subtle);margin-bottom:6px;}
.svc-related a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 0;border-bottom:1px solid var(--border);
  font-size:14.5px;font-weight:600;color:var(--text-body);transition:color var(--dur-base);}
.svc-related a:last-child{border-bottom:none;}
.svc-related a:hover{color:var(--brand);}
.svc-related a svg{width:15px;height:15px;}

/* ---------- SERVICES HUB ---------- */
.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.hub-card{display:flex;flex-direction:column;gap:12px;background:var(--surface-card);border:1px solid var(--border);
  border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base);}
.hub-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--brand-soft);}
.hub-card__icon{width:50px;height:50px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;
  background:var(--sky-50);color:var(--brand);}
.hub-card__icon svg{width:25px;height:25px;}
.hub-card h3{font-size:19px;font-weight:600;color:var(--text-strong);letter-spacing:-0.01em;}
.hub-card p{font-size:14px;line-height:1.55;color:var(--text-muted);margin:0;flex:1;}
.hub-card__link{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--brand);}
.hub-card__link svg{width:15px;height:15px;}

/* ---------- RESPONSIVE ---------- */
@media(max-width:980px){
  .srn-hero__inner{grid-template-columns:1fr;}
  .srn-hero__console{justify-self:start;margin-top:8px;}
  .svc-hero{grid-template-columns:1fr;}
  .svc-body{grid-template-columns:1fr;gap:8px;}
  .svc-aside{position:static;flex-direction:row;flex-wrap:wrap;}
  .svc-aside > *{flex:1;min-width:240px;}
  .srn-services__grid,.srn-plans__grid,.srn-reviews__grid,.hub-grid{grid-template-columns:1fr 1fr;}
  .srn-areas__grid{grid-template-columns:1fr 1fr;}
  .srn-process__grid{grid-template-columns:1fr 1fr;}
  .srn-footer__inner{grid-template-columns:1fr;gap:32px;}
  .srn-footer__cols{grid-template-columns:repeat(2,1fr);gap:28px;}
}
@media(max-width:1000px){
  .srn-nav__links{display:none;}
  .srn-nav__phone{display:none;}
  .srn-nav__burger{display:inline-flex;}
  .srn-nav__inner{gap:12px;}
  /* mobile dropdown panel — rendered by React only when open; must be visible */
  .srn-nav__mobile{display:flex;}
  /* keep the call button + schedule visible, drop nothing else accidentally */
  .srn-nav__cta{gap:10px;margin-left:auto;}
}
@media(max-width:680px){
  /* Schedule button moves into the menu; logo + lang + call + burger stay, compacted to fit */
  .srn-nav__cta .srn-btn{display:none;}
  .srn-nav__inner{gap:9px;flex-wrap:nowrap;min-width:0;padding-left:16px;padding-right:16px;}
  .srn-nav__logo{flex:0 1 auto;min-width:0;overflow:hidden;}
  .srn-wordmark__name{font-size:22px;}
  .srn-nav__cta{gap:7px;min-width:0;flex:0 0 auto;}
  .srn-nav__cta > .srn-lang{flex:none;}
  .srn-lang__btn{padding:5px 8px;font-size:11px;}
  .srn-nav__call{display:inline-flex;flex:none;font-size:13px;padding:8px 12px;gap:6px;}
  .srn-nav__burger{flex:none;}
  .srn-promo__phone{display:none;}
  /* give the promo copy the full width on phones; the nav CTA covers the action */
  .srn-promo__slide > .srn-promo__cta{display:none;}
  .srn-promo__inner{gap:12px;}
  .srn-promo__slide{font-size:13px;}
  .srn-services__grid,.srn-plans__grid,.srn-reviews__grid,.srn-process__grid,.hub-grid,.svc-incl,.svc-signs,.svc-gallery,.srn-gallery{grid-template-columns:1fr;}
  .srn-areas__grid{grid-template-columns:1fr;}
  .srn-gallery{grid-template-rows:auto;}
  .srn-gallery__big{grid-row:auto;}
  .srn-form--2col{grid-template-columns:1fr;}
}
/* Smallest phones: collapse the call button to an icon so the row always clears the edge */
@media(max-width:430px){
  .srn-nav__inner{gap:8px;padding-left:13px;padding-right:13px;}
  .srn-nav__call{padding:9px;gap:0;}
  .srn-nav__call span{display:none;}
  .srn-lang__btn{padding:5px 7px;}
}

/* ============================================================
   DEEP MARINE THEME — dark navy surfaces + tide-teal accents
   (overrides the light defaults for the whole marketing site)
   ============================================================ */
:root{
  /* BOREAL — light theme: forest green + emerald + mint, azure tertiary accent */
  --surface-page:#F7FAFD;
  --surface-card:#FFFFFF;
  --surface-raised:#FFFFFF;
  --surface-sunken:#EFF5FB;
  --surface-inverse:#0B1E3A;
  --text-strong:#0B1E3A;
  --text-body:#22384F;
  --text-muted:#5A7186;
  --text-subtle:#90A6BC;
  --text-brand:#0E8E7A;
  --text-accent:#0C9E86;
  --border:rgba(11,30,58,0.10);
  --border-strong:rgba(11,30,58,0.16);
  --divider:rgba(11,30,58,0.08);
  --brand:#0E8E7A;
  --brand-strong:#10305A;
  --brand-bright:#17C2A4;
  --brand-soft:rgba(23,194,164,0.12);
  --brand-tint:rgba(23,194,164,0.07);
  --accent:#0C9E86;
  --accent-strong:#0E8E7A;
  --accent-bright:#22D3B8;
  --accent-soft:rgba(23,194,164,0.10);
  /* remap the old sky ramp → new royal-blue family (kills past-brand blues) */
  --sky-50:#EEF6FC;
  --sky-100:#DCEAF8;
  --sky-200:#BBD9F0;
  --sky-300:#A7ECDD;
  --sky-400:#4FD8C0;
  --sky-500:#17C2A4;
  --sky-600:#0E8E7A;
  --sky-700:#10305A;
  --sky-900:#0B1E3A;
}
/* Nav — dark-green brand bar, roundel mark + two-tone wordmark */
.srn-nav{background:linear-gradient(100deg,#081730 0%,#0B1E3A 42%,#12A890 140%);
  border-bottom:2px solid;border-image:linear-gradient(90deg,#17C2A4 0%,#17C2A4 50%,#2E93D8 50%,#2E93D8 100%) 1;}
.srn-nav__inner{position:relative;z-index:1;}
.srn-nav__mark{display:flex;flex:none;}
.srn-nav__logo{gap:9px;}
.srn-wordmark__name{letter-spacing:-0.035em;line-height:.9;}
.srn-wordmark__hot{color:#ffffff;}
.srn-wordmark__cold{color:#34E0C8;}
.srn-wordmark__sub{color:rgba(191,239,255,0.72);margin-top:4px;letter-spacing:.26em;display:block;}
.srn-nav__links a,.srn-menu__btn{color:rgba(255,255,255,0.9);}
.srn-nav__links a:hover,.srn-menu__btn:hover{color:#34E0C8;}
.srn-nav__phone{color:#ffffff;}
.srn-nav__phone svg{color:#34E0C8;}
.srn-nav__call{background:#FFC94D;color:#0B1E3A;box-shadow:none;}
.srn-nav__call svg{color:#0B1E3A;}
.srn-menu__item:hover{background:var(--brand-tint);}
/* lang toggle (top bar only) on dark */
.srn-nav__cta .srn-lang{border-color:rgba(255,255,255,0.3);}
.srn-nav__cta .srn-lang__btn{color:rgba(255,255,255,0.78);}
.srn-nav__cta .srn-lang__btn.is-on{background:#34E0C8;color:#0B1E3A;}
.srn-nav__cta .srn-lang__btn:not(.is-on):hover{color:#ffffff;}
/* schedule button → gold pop on the green bar */
.srn-nav__cta > .srn-btn{background:#FFC94D;border-color:#FFC94D;color:#0B1E3A;}
.srn-nav__cta > .srn-btn:hover{background:#FFD56E;border-color:#FFD56E;}
/* burger → light outline on dark */
.srn-nav__burger .srn-btn{color:#ffffff;border-color:rgba(255,255,255,0.45);background:transparent;}
/* Hero console → dark glass over the photo */
.srn-hero__console{background:rgba(8,22,42,0.66);border-color:rgba(255,255,255,0.16);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}
/* Testimonials band — royal-blue panel */
.srn-section--brand{background:linear-gradient(160deg,#1E6FA6,#0B1E3A);}
/* Plans — luxe card white with gold frame */
.srn-plan--luxe{background:var(--surface-card);border-color:var(--gold-300);}
/* Footer — deep navy to anchor the light page */
.srn-footer{background:#0B1E3A;border-top:4px solid;border-image:linear-gradient(90deg,#17C2A4 0%,#17C2A4 50%,#2E93D8 50%,#2E93D8 100%) 1;}
/* Light callout tiles */
.svc-card-note{background:var(--sky-50);border-color:var(--sky-100);color:var(--sky-700);}
/* ---------- FINANCE CALCULATOR ---------- */
.fin-calc{display:grid;grid-template-columns:1.25fr 1fr;gap:0;border-radius:var(--radius-xl);overflow:hidden;
  border:1px solid var(--border);box-shadow:0 18px 44px rgba(11,30,58,0.10);background:var(--surface-card);}
.fin-calc__controls{padding:32px 34px;}
.fin-calc__label{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-subtle);}
.fin-calc__amt{font-family:var(--font-display);font-weight:800;font-size:40px;color:var(--text-strong);letter-spacing:-0.02em;margin:6px 0 14px;}
.fin-calc__range{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:99px;background:var(--surface-sunken);outline:none;}
.fin-calc__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;
  background:var(--brand);border:3px solid #fff;box-shadow:0 2px 8px rgba(23,194,164,0.4);cursor:pointer;}
.fin-calc__range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--brand);border:3px solid #fff;cursor:pointer;}
.fin-calc__ticks{display:flex;justify-content:space-between;margin-top:8px;font-family:var(--font-mono);font-size:11px;color:var(--text-subtle);}
.fin-calc__terms{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px;}
.fin-calc__term{display:flex;flex-direction:column;align-items:center;gap:1px;padding:11px 4px;border-radius:var(--radius-md);
  border:1.5px solid var(--border);background:#fff;cursor:pointer;transition:all var(--dur-base);font-family:var(--font-body);}
.fin-calc__term b{font-family:var(--font-display);font-size:17px;color:var(--text-strong);}
.fin-calc__term span{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;}
.fin-calc__term:hover{border-color:var(--brand);}
.fin-calc__term.is-active{border-color:var(--brand);background:var(--brand);}
.fin-calc__term.is-active b,.fin-calc__term.is-active span{color:#fff;}
.fin-calc__apr{display:inline-flex;align-items:center;gap:6px;margin-top:18px;font-size:13px;color:var(--text-muted);}
.fin-calc__apr svg{width:15px;height:15px;color:var(--brand);}
.fin-calc__apr b{color:var(--text-strong);}
.fin-calc__result{background:linear-gradient(165deg,#10305A,#071429);color:#fff;padding:32px 34px;display:flex;flex-direction:column;}
.fin-calc__rlabel{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#9FDBFF;}
.fin-calc__monthly{font-family:var(--font-display);font-weight:800;font-size:54px;letter-spacing:-0.03em;line-height:1;margin:6px 0 20px;}
.fin-calc__monthly span{font-size:20px;font-weight:600;color:rgba(255,255,255,0.6);}
.fin-calc__rows{display:flex;flex-direction:column;gap:10px;padding:18px 0;margin-bottom:18px;border-top:1px solid rgba(255,255,255,0.14);border-bottom:1px solid rgba(255,255,255,0.14);}
.fin-calc__rows div{display:flex;justify-content:space-between;align-items:baseline;font-size:14px;}
.fin-calc__rows span{color:rgba(255,255,255,0.7);}
.fin-calc__rows b{font-family:var(--font-display);font-weight:700;color:#fff;}
.fin-calc__result .srn-btn{margin-top:auto;}
.fin-ex__head{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-subtle);
  margin:36px 0 14px;text-align:center;}
.fin-examples{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;}
.fin-example{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 16px;text-align:center;
  box-shadow:var(--shadow-xs);}
.fin-example__icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);
  background:rgba(23,194,164,0.10);color:var(--brand);margin-bottom:12px;}
.fin-example__icon svg{width:22px;height:22px;}
.fin-example__label{font-size:13px;font-weight:600;color:var(--text-body);line-height:1.3;min-height:34px;display:flex;align-items:center;justify-content:center;}
.fin-example__price{font-family:var(--font-mono);font-size:12px;color:var(--text-subtle);margin:6px 0 8px;}
.fin-example__mo{font-family:var(--font-display);font-weight:800;font-size:24px;color:var(--accent);letter-spacing:-0.01em;}
.fin-example__mo span{font-size:12px;font-weight:600;color:var(--text-muted);}
@media(max-width:860px){
  .fin-calc{grid-template-columns:1fr;}
  .fin-examples{grid-template-columns:repeat(2,1fr);}
}
/* Navy content band — bold blue section with light heads (cards stay white) */
.srn-section--navy{max-width:none;background:linear-gradient(168deg,#10305A,#071429);}
.srn-section--navy > *{max-width:1180px;margin-left:auto;margin-right:auto;}
.srn-section--navy .srn-h2{color:#fff;}
.srn-section--navy .srn-eyebrow{color:#34E0C8;}
.srn-section--navy .srn-section__sub{color:rgba(221,232,242,0.82);}
.srn-section--navy .srn-gallery__cap{color:rgba(221,232,242,0.7);}

/* ============================================================
   HOME — extra content sections
   ============================================================ */
/* Why Calor Frío — value props */
.home-why{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.home-why__item{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-xs);}
.home-why__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);
  background:rgba(23,194,164,0.10);color:#0E8E7A;margin-bottom:16px;}
.home-why__icon svg{width:24px;height:24px;}
.home-why__item h3{font-size:17px;font-weight:600;color:var(--text-strong);letter-spacing:-0.01em;}
.home-why__item p{font-size:14px;line-height:1.55;color:var(--text-muted);margin:8px 0 0;}

/* Equipment strip — navigation to equipment pages */
.equip-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.equip-link{position:relative;display:flex;align-items:center;gap:15px;background:var(--surface-card);border:1px solid var(--border);
  border-radius:var(--radius-lg);padding:20px 22px;box-shadow:0 2px 10px rgba(11,30,58,0.05);overflow:hidden;
  transition:transform var(--dur-base) var(--ease-out),border-color var(--dur-base),box-shadow var(--dur-base);}
.equip-link::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#0C9E86,#0E8E7A);
  transform:scaleY(0);transform-origin:top;transition:transform var(--dur-base) var(--ease-out);}
.equip-link:hover{transform:translateY(-4px);border-color:transparent;box-shadow:0 16px 34px rgba(23,194,164,0.18);}
.equip-link:hover::before{transform:scaleY(1);}
.equip-link__icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;flex:none;border-radius:14px;
  background:linear-gradient(140deg,#17C2A4,#10305A);color:#fff;box-shadow:0 6px 14px rgba(23,194,164,0.30);
  transition:transform var(--dur-base) var(--ease-spring);}
.equip-link:hover .equip-link__icon{transform:scale(1.08) rotate(-4deg);}
.equip-link__icon svg{width:26px;height:26px;}
.equip-link b{display:block;font-family:var(--font-display);font-size:16.5px;color:var(--text-strong);letter-spacing:-0.01em;}
.equip-link span{font-size:13px;color:var(--text-muted);}
.equip-link__arrow{margin-left:auto;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;
  background:var(--accent-soft);color:var(--accent);flex:none;transition:transform var(--dur-base) var(--ease-out),background var(--dur-base);}
.equip-link:hover .equip-link__arrow{background:var(--accent);color:#fff;transform:translateX(4px);}
.equip-link__arrow svg{width:16px;height:16px;}

/* Residential / Commercial split */
.home-split{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.home-split__card{position:relative;overflow:hidden;border-radius:var(--radius-xl);padding:34px;min-height:200px;
  display:flex;flex-direction:column;justify-content:flex-end;border:1px solid var(--border);}
.home-split__card--res{background:linear-gradient(150deg,#0E8E7A,#0B1E3A);}
.home-split__card--com{background:linear-gradient(150deg,#1E6FA6,#0A2740);}
.home-split__icon{position:absolute;top:26px;right:26px;color:rgba(255,255,255,0.25);}
.home-split__icon svg{width:40px;height:40px;}
.home-split__card h3{font-size:24px;font-weight:700;color:#fff;letter-spacing:-0.02em;}
.home-split__card p{font-size:14.5px;line-height:1.55;color:rgba(255,255,255,0.82);margin:10px 0 18px;max-width:42ch;}
.home-split__link{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-weight:700;font-size:14px;color:#fff;}
.home-split__link svg{width:16px;height:16px;}

/* Financing band */
.fin-band{max-width:none;background:linear-gradient(135deg,#12A890,#0B1E3A);}
.fin-band__inner{max-width:1180px;margin:0 auto;padding:clamp(40px,5vw,64px) clamp(20px,4vw,40px);
  display:flex;align-items:center;gap:32px;flex-wrap:wrap;justify-content:space-between;}
.fin-band__text{max-width:60ch;}
.fin-band__eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;
  text-transform:uppercase;color:#A7ECDD;margin-bottom:12px;}
.fin-band__eyebrow svg{width:15px;height:15px;}
.fin-band h2{font-size:clamp(24px,3vw,34px);font-weight:800;letter-spacing:-0.02em;color:#fff;line-height:1.1;}
.fin-band p{font-size:16px;line-height:1.55;color:rgba(255,255,255,0.82);margin:12px 0 0;}
.fin-band__num{font-family:var(--font-display);font-weight:800;color:#A7ECDD;}

/* Home FAQ */
.home-faq{max-width:860px;}
.home-faq__grid{margin-top:8px;}

/* ============================================================
   CAREERS / HIRING PAGE
   ============================================================ */
.car-hero{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(440px,52vh,560px);
  display:flex;align-items:center;background:linear-gradient(150deg,#1E6FA6,#0B1E3A);}
.car-hero__bg{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;}
.car-hero__scrim{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(4,16,22,0.9) 0%,rgba(4,16,22,0.66) 46%,rgba(4,16,22,0.2) 100%);}
.car-hero__inner{position:relative;z-index:2;width:100%;max-width:1180px;margin:0 auto;padding:clamp(40px,6vw,72px) clamp(20px,4vw,40px);}
.car-hero__title{font-size:clamp(32px,4.6vw,54px);font-weight:800;letter-spacing:-0.03em;line-height:1.04;color:#fff;margin:18px 0 0;max-width:18ch;}
.car-hero__lead{font-size:clamp(16px,1.6vw,19px);line-height:1.6;color:rgba(255,255,255,0.9);max-width:52ch;margin:18px 0 0;}
.car-hero__actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:28px;}
.car-hero__jump{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-display);font-weight:600;font-size:15px;color:#fff;}
.car-hero__jump svg{width:17px;height:17px;}
.car-hero__pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px;}

.car-perks{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.car-perk{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-xs);}
.car-perk__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);
  background:rgba(23,194,164,0.10);color:#0E8E7A;margin-bottom:14px;}
.car-perk__icon svg{width:24px;height:24px;}
.car-perk h3{font-size:17px;font-weight:600;color:var(--text-strong);letter-spacing:-0.01em;}
.car-perk p{font-size:14px;line-height:1.55;color:var(--text-muted);margin:8px 0 0;}

.car-roles{display:flex;flex-direction:column;gap:12px;}
.car-role{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--surface-card);
  border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 24px;box-shadow:var(--shadow-xs);flex-wrap:wrap;}
.car-role__title{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--text-strong);}
.car-role__meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:8px;}
.car-role__meta span{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:var(--text-muted);}
.car-role__meta svg{width:15px;height:15px;color:var(--text-subtle);}

.car-apply{display:grid;grid-template-columns:0.85fr 1.15fr;gap:40px;align-items:start;
  background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:clamp(24px,3vw,40px);box-shadow:var(--shadow-md);}
.car-apply__trust{display:flex;gap:18px;margin-top:20px;}
.car-apply__trust span{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--text-brand);}
.car-apply__trust svg{width:16px;height:16px;}
.car-form{display:flex;flex-direction:column;gap:16px;}
.car-form__row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.car-form__filelabel{display:block;font-size:13px;font-weight:600;color:var(--text-strong);margin-bottom:6px;}
.car-form__drop{display:flex;align-items:center;gap:10px;border:1.5px dashed var(--border-strong);border-radius:var(--radius-md);
  padding:14px 16px;color:var(--text-muted);font-size:14px;cursor:pointer;transition:border-color var(--dur-base),background var(--dur-base);}
.car-form__drop:hover{border-color:var(--brand);background:rgba(23,194,164,0.06);}
.car-form__drop svg{width:18px;height:18px;color:var(--text-brand);}
.car-form__fine{font-size:12px;color:var(--text-subtle);line-height:1.5;margin:0;}

/* careers success overlay */
.car-done{position:fixed;inset:0;z-index:90;background:rgba(4,16,22,0.7);backdrop-filter:blur(4px);
  display:flex;align-items:center;justify-content:center;padding:20px;}
.car-done__panel{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-xl);
  max-width:440px;text-align:center;padding:40px 34px;box-shadow:var(--shadow-xl);}
.car-done__icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;
  background:var(--green-100);color:var(--green-500);margin-bottom:18px;}
.car-done__icon svg{width:32px;height:32px;stroke-width:2.6;}
.car-done__panel h3{font-size:23px;color:var(--text-strong);}
.car-done__panel p{font-size:15px;line-height:1.6;color:var(--text-muted);margin:10px 0 22px;}

@media(max-width:980px){
  .home-why{grid-template-columns:1fr 1fr;}
  .equip-strip{grid-template-columns:1fr 1fr;}
  .car-perks{grid-template-columns:1fr 1fr;}
  .car-apply{grid-template-columns:1fr;gap:28px;}
}
@media(max-width:680px){
  .home-why,.equip-strip,.home-split,.car-perks,.car-form__row{grid-template-columns:1fr;}
  .fin-band__inner{flex-direction:column;align-items:flex-start;}
}

/* ================= MOBILE POLISH ================= */
@media(max-width:760px){
  /* full-bleed photo heroes: switch to a uniform top-down scrim so text is legible across the whole width */
  .svc-hero__scrim{background:linear-gradient(180deg,rgba(4,16,22,0.70) 0%,rgba(4,16,22,0.80) 100%);}
  .car-hero__scrim{background:linear-gradient(180deg,rgba(4,16,22,0.72) 0%,rgba(4,16,22,0.82) 100%);}
}
@media(max-width:600px){
  .srn-section{padding:clamp(40px,9vw,56px) 18px;}
  .srn-section__head{margin-bottom:30px;}
  /* heroes */
  .svc-hero{min-height:auto;}
  .svc-hero__inner{padding:46px 18px;}
  .svc-hero h1{font-size:clamp(28px,8.5vw,40px);}
  .svc-hero__lead{font-size:16px;}
  .car-hero{min-height:auto;}
  .car-hero__inner{padding:46px 18px;}
  .srn-hero__copy{max-width:none;}
  .srn-hero__title{font-size:clamp(32px,9.5vw,46px);}
  /* stack hero/cta action buttons full-width for big tap targets */
  .svc-hero__actions,.car-hero__actions,.srn-cta__actions,.srn-hero__actions{flex-direction:column;align-items:stretch;gap:10px;}
  .svc-hero__actions .srn-btn,.car-hero__actions .srn-btn,.srn-cta__actions .srn-btn,.srn-hero__actions .srn-btn{width:100%;justify-content:center;}
  .srn-cta__phone{justify-content:center;}
  /* calculator */
  .fin-calc__controls,.fin-calc__result{padding:24px 20px;}
  .fin-calc__monthly{font-size:46px;}
  .fin-calc__amt{font-size:34px;}
  .fin-examples{grid-template-columns:1fr 1fr;}
  /* areas */
  .srn-areas__comborow{gap:8px;}
  .srn-areas__combo{font-size:12.5px;padding:8px 12px;}
  /* gallery becomes a simple stack with sensible heights */
  .srn-gallery image-slot{height:200px;}
  /* testimonials / sections inner padding */
  .srn-cta__inner{padding:48px 20px;}
}
@media(max-width:420px){
  .fin-examples{grid-template-columns:1fr;}
  .trust-strip__inner{grid-template-columns:1fr;}
  .trust-strip__item{border-bottom:1px solid rgba(255,255,255,0.10);}
  .srn-nav__inner{gap:8px;}
  .svc-hero h1,.car-hero__title{font-size:clamp(26px,9vw,34px);}
}


/* ============================================================
   BOREAL — logo mark override (north star) + signature polish
   ============================================================ */
.srn-nav__mark{display:inline-block;width:44px;height:44px;flex:none;
  background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3E%3Ccircle%20cx='32'%20cy='32'%20r='30'%20fill='%2334E0C8'%20opacity='0.16'/%3E%3Cpath%20d='M32%205%20L37.7%2026.3%20L59%2032%20L37.7%2037.7%20L32%2059%20L26.3%2037.7%20L5%2032%20L26.3%2026.3%20Z'%20fill='%2334E0C8'/%3E%3Ccircle%20cx='32'%20cy='32'%20r='3'%20fill='%23FFC94D'/%3E%3C/svg%3E") center/contain no-repeat;}
.srn-nav__mark svg{display:none;}
.srn-wordmark__sub{color:rgba(191,239,255,0.72);}
/* eyebrow north-star already uses \2736 — recolor cool */
.srn-eyebrow{color:var(--text-accent);}


/* ============================================================
   BOREAL — SIGNATURE AESTHETIC (aurora + midnight + starfield)
   Appended last so it governs the whole marketing site.
   ============================================================ */
:root{ --aurora-teal:#34E0C8; --aurora-blue:#2E93D8; --aurora-violet:#7C5CFF; --midnight:#06122A; }

/* ---------- HERO — midnight aurora canvas ---------- */
.srn-hero{background:radial-gradient(125% 95% at 82% -12%,#0E2A4A 0%,#081A34 42%,#06122A 100%);
  min-height:clamp(600px,74vh,800px);}
.srn-hero__bg{opacity:.16;filter:saturate(.5) brightness(.72) contrast(1.05);mix-blend-mode:luminosity;}
.srn-hero__scrim{background:
  radial-gradient(58% 56% at 85% 4%,rgba(52,224,200,.48),transparent 60%),
  radial-gradient(52% 54% at 102% 44%,rgba(46,147,216,.42),transparent 62%),
  radial-gradient(46% 46% at 66% -12%,rgba(124,92,255,.24),transparent 60%),
  linear-gradient(90deg,rgba(6,18,42,.92) 0%,rgba(6,18,42,.5) 56%,rgba(6,18,42,.18) 100%);}
.srn-hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.75;
  background-image:radial-gradient(2px 2px at 12% 18%,rgba(255,255,255,.9),transparent 55%),radial-gradient(1.5px 1.5px at 68% 26%,rgba(191,239,255,.85),transparent 55%),radial-gradient(1.5px 1.5px at 42% 62%,rgba(255,255,255,.7),transparent 55%),radial-gradient(2px 2px at 88% 50%,rgba(255,255,255,.7),transparent 55%),radial-gradient(1px 1px at 55% 12%,rgba(255,255,255,.6),transparent 55%),radial-gradient(1.5px 1.5px at 30% 82%,rgba(191,239,255,.7),transparent 55%),radial-gradient(1px 1px at 76% 74%,rgba(255,255,255,.5),transparent 55%),radial-gradient(1px 1px at 18% 46%,rgba(255,255,255,.5),transparent 55%),radial-gradient(1px 1px at 92% 20%,rgba(255,255,255,.5),transparent 55%);background-repeat:no-repeat;}
/* aurora glass console */
.srn-hero__console{background:linear-gradient(160deg,rgba(14,42,74,.72),rgba(6,18,42,.74));
  border:1px solid rgba(52,224,200,.28);
  box-shadow:0 26px 64px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.09);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);}

/* ---------- PROMO BANNER — bright aurora sweep (teal → steel blue) ---------- */
.srn-promo{background:linear-gradient(90deg,#4FD8C0 0%,#3FB8C6 40%,#5FB6E8 72%,#63A9DE 100%);color:#082033;}
.srn-promo a,.srn-promo b,.srn-promo strong,.srn-promo span{color:#082033 !important;}
.srn-promo svg{color:#082033 !important;}

/* ---------- SERVICE / CAREERS HEROES — match the aurora hero ---------- */
.svc-hero,.car-hero{background:radial-gradient(125% 100% at 82% -12%,#0E2A4A 0%,#081A34 44%,#06122A 100%);}
.svc-hero__bg,.car-hero__bg{opacity:.18;filter:saturate(.5) brightness(.7) contrast(1.05);mix-blend-mode:luminosity;}
.svc-hero__scrim,.car-hero__scrim{background:
  radial-gradient(55% 60% at 88% 4%,rgba(52,224,200,.42),transparent 60%),
  radial-gradient(50% 55% at 104% 46%,rgba(46,147,216,.38),transparent 62%),
  linear-gradient(90deg,rgba(6,18,42,.94) 0%,rgba(6,18,42,.55) 58%,rgba(6,18,42,.2) 100%);}
.svc-hero::after,.car-hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.6;
  background-image:radial-gradient(2px 2px at 12% 18%,rgba(255,255,255,.9),transparent 55%),radial-gradient(1.5px 1.5px at 68% 26%,rgba(191,239,255,.85),transparent 55%),radial-gradient(1.5px 1.5px at 42% 62%,rgba(255,255,255,.7),transparent 55%),radial-gradient(2px 2px at 88% 50%,rgba(255,255,255,.7),transparent 55%),radial-gradient(1px 1px at 55% 12%,rgba(255,255,255,.6),transparent 55%),radial-gradient(1.5px 1.5px at 30% 82%,rgba(191,239,255,.7),transparent 55%),radial-gradient(1px 1px at 76% 74%,rgba(255,255,255,.5),transparent 55%),radial-gradient(1px 1px at 18% 46%,rgba(255,255,255,.5),transparent 55%),radial-gradient(1px 1px at 92% 20%,rgba(255,255,255,.5),transparent 55%);background-repeat:no-repeat;}

/* ---------- TESTIMONIALS band — aurora night ---------- */
.srn-section--brand{background:radial-gradient(95% 130% at 12% -10%,#12335C 0%,#0A2140 46%,#06122A 100%);
  position:relative;overflow:hidden;}
.srn-section--brand::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:radial-gradient(2px 2px at 12% 18%,rgba(255,255,255,.9),transparent 55%),radial-gradient(1.5px 1.5px at 68% 26%,rgba(191,239,255,.85),transparent 55%),radial-gradient(1.5px 1.5px at 42% 62%,rgba(255,255,255,.7),transparent 55%),radial-gradient(2px 2px at 88% 50%,rgba(255,255,255,.7),transparent 55%),radial-gradient(1px 1px at 55% 12%,rgba(255,255,255,.6),transparent 55%),radial-gradient(1.5px 1.5px at 30% 82%,rgba(191,239,255,.7),transparent 55%),radial-gradient(1px 1px at 76% 74%,rgba(255,255,255,.5),transparent 55%),radial-gradient(1px 1px at 18% 46%,rgba(255,255,255,.5),transparent 55%),radial-gradient(1px 1px at 92% 20%,rgba(255,255,255,.5),transparent 55%);background-repeat:no-repeat;}
.srn-section--brand > *{position:relative;z-index:1;}
.srn-review{background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
  border:1px solid rgba(52,224,200,.16);border-radius:var(--radius-lg);padding:22px;backdrop-filter:blur(6px);}
.srn-review__text{color:rgba(226,240,250,.92);}
.srn-review__author b{color:#fff;} .srn-review__author span{color:rgba(191,239,255,.7);}

/* ---------- CTA band — the north wind ---------- */
.srn-cta{background:radial-gradient(100% 130% at 85% -10%,#12586E 0%,#0B2A46 46%,#06122A 100%);}
.srn-cta::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;
  background-image:radial-gradient(2px 2px at 12% 18%,rgba(255,255,255,.9),transparent 55%),radial-gradient(1.5px 1.5px at 68% 26%,rgba(191,239,255,.85),transparent 55%),radial-gradient(1.5px 1.5px at 42% 62%,rgba(255,255,255,.7),transparent 55%),radial-gradient(2px 2px at 88% 50%,rgba(255,255,255,.7),transparent 55%),radial-gradient(1px 1px at 55% 12%,rgba(255,255,255,.6),transparent 55%),radial-gradient(1.5px 1.5px at 30% 82%,rgba(191,239,255,.7),transparent 55%),radial-gradient(1px 1px at 76% 74%,rgba(255,255,255,.5),transparent 55%),radial-gradient(1px 1px at 18% 46%,rgba(255,255,255,.5),transparent 55%),radial-gradient(1px 1px at 92% 20%,rgba(255,255,255,.5),transparent 55%);background-repeat:no-repeat;}
.srn-cta .srn-btn--accent{background:#34E0C8;color:#06122A;box-shadow:0 10px 30px rgba(52,224,200,.35);}
.srn-cta .srn-btn--accent:hover{background:#6FEAD8;}

/* ---------- TRUST STRIP — aurora hairline over midnight ---------- */
.trust-strip{background:linear-gradient(90deg,#081A34,#0B1E3A);}

/* ---------- FOOTER — midnight with faint stars ---------- */
.srn-footer{background:radial-gradient(90% 140% at 88% -20%,#0E2A4A 0%,#081A34 45%,#06122A 100%);position:relative;}
.srn-footer::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.4;
  background-image:radial-gradient(2px 2px at 12% 18%,rgba(255,255,255,.9),transparent 55%),radial-gradient(1.5px 1.5px at 68% 26%,rgba(191,239,255,.85),transparent 55%),radial-gradient(1.5px 1.5px at 42% 62%,rgba(255,255,255,.7),transparent 55%),radial-gradient(2px 2px at 88% 50%,rgba(255,255,255,.7),transparent 55%),radial-gradient(1px 1px at 55% 12%,rgba(255,255,255,.6),transparent 55%),radial-gradient(1.5px 1.5px at 30% 82%,rgba(191,239,255,.7),transparent 55%),radial-gradient(1px 1px at 76% 74%,rgba(255,255,255,.5),transparent 55%),radial-gradient(1px 1px at 18% 46%,rgba(255,255,255,.5),transparent 55%),radial-gradient(1px 1px at 92% 20%,rgba(255,255,255,.5),transparent 55%);background-repeat:no-repeat;}
.srn-footer__inner,.srn-footer__bar{position:relative;z-index:1;}

/* ---------- LIGHT-SECTION CARDS — premium hairline + soft lift ---------- */
.hub-card,.home-why__item,.car-perk,.srn-process__step,.srn-areas__region,.equip-link,.fin-example{
  border-color:rgba(11,30,58,.08);
  box-shadow:0 1px 2px rgba(11,30,58,.05),0 16px 34px -22px rgba(11,30,58,.35);}
.hub-card__icon,.home-why__icon,.car-perk__icon,.srn-process__icon,.fin-example__icon{
  background:linear-gradient(150deg,rgba(52,224,200,.16),rgba(46,147,216,.12));color:var(--brand);}
.hub-card:hover{border-color:rgba(52,224,200,.5);}

/* aurora accent under section eyebrows already carries the north-star glyph */
.srn-eyebrow::before{color:var(--aurora-teal);}


/* ============================================================
   BOREAL — WHITE-DOMINANT REBALANCE
   Keep hero + footer dark as brand anchors; everything mid-page
   goes to a light aurora-on-white treatment. Appended last.
   ============================================================ */

/* ---- Testimonials: from midnight night -> luminous white aurora ---- */
.srn-section--brand{background:
  radial-gradient(120% 130% at 12% -20%,rgba(52,224,200,.10),transparent 60%),
  radial-gradient(110% 120% at 100% 0%,rgba(46,147,216,.10),transparent 60%),
  #FFFFFF !important;}
.srn-section--brand::after{background-image:radial-gradient(2px 2px at 12% 18%,rgba(46,147,216,.35),transparent 55%),radial-gradient(1.5px 1.5px at 68% 26%,rgba(52,224,200,.4),transparent 55%),radial-gradient(1.5px 1.5px at 42% 62%,rgba(46,147,216,.28),transparent 55%),radial-gradient(2px 2px at 88% 50%,rgba(52,224,200,.3),transparent 55%),radial-gradient(1.5px 1.5px at 30% 82%,rgba(46,147,216,.28),transparent 55%),radial-gradient(1px 1px at 76% 74%,rgba(52,224,200,.28),transparent 55%) !important;opacity:.9 !important;}
.srn-section--brand .srn-eyebrow,
.srn-section--brand .srn-eyebrow--inverse{color:var(--brand) !important;}
.srn-section--brand .srn-h2,
.srn-section--brand .srn-h2--inverse{color:var(--text-strong) !important;}
.srn-section--brand .srn-section__sub,
.srn-section--brand .srn-section__head--inverse .srn-section__sub{color:var(--text-muted) !important;}
.srn-review{background:#FFFFFF !important;border:1px solid rgba(11,30,58,.08) !important;
  box-shadow:0 1px 2px rgba(11,30,58,.05),0 18px 38px -24px rgba(11,30,58,.35) !important;
  backdrop-filter:none !important;}
.srn-review__text{color:var(--text-body) !important;}
.srn-review__author b{color:var(--text-strong) !important;}
.srn-review__author span{color:var(--text-muted) !important;}

/* ---- CTA: from midnight -> bright aurora teal accent (not dark) ---- */
.srn-cta{background:linear-gradient(135deg,#22D3B8 0%,#17C2A4 46%,#2E93D8 100%) !important;}
.srn-cta::before{opacity:.28 !important;}
.srn-cta .srn-btn--accent{background:#FFFFFF !important;color:#0B2A46 !important;
  box-shadow:0 10px 30px rgba(6,18,42,.18) !important;}
.srn-cta .srn-btn--accent:hover{background:#EFFCF9 !important;}

/* ============================================================
   BOREAL — STEEL-BLUE ACCENT LAYER (on the white base)
   Teal leads; blue is the considered secondary.
   ============================================================ */
:root{ --blue:#1E6FA6; --blue-bright:#2E93D8; --blue-soft:rgba(46,147,216,.12); }

/* eyebrow north-star glyph → steel blue for contrast against teal text */
.srn-eyebrow::before{color:var(--blue-bright) !important;}

/* light-section card icons → teal→blue gradient, blue glyph */
.hub-card__icon,.home-why__icon,.car-perk__icon,.srn-process__icon,.fin-example__icon{
  background:linear-gradient(150deg,rgba(23,194,164,.16),rgba(46,147,216,.18)) !important;
  color:var(--blue) !important;}

/* service-area region heads → steel blue */
.srn-areas__regionhead{color:var(--blue) !important;}
.srn-areas__regionhead svg{color:var(--blue-bright) !important;}
.srn-areas__list a:hover{background:var(--blue-soft) !important;color:var(--blue) !important;}
.srn-areas__list a:hover svg{color:var(--blue-bright) !important;}
.srn-areas__combo{color:var(--blue) !important;border-color:rgba(46,147,216,.28) !important;}
.srn-areas__combo:hover{background:var(--blue) !important;color:#fff !important;border-color:var(--blue) !important;}
.srn-areas__note{background:var(--blue-soft) !important;border-color:rgba(46,147,216,.22) !important;}
.srn-areas__note svg,.srn-areas__note a{color:var(--blue) !important;}

/* testimonials aurora tint → lean a touch bluer */
.srn-section--brand{background:
  radial-gradient(120% 130% at 12% -20%,rgba(52,224,200,.09),transparent 60%),
  radial-gradient(115% 125% at 100% 0%,rgba(46,147,216,.14),transparent 60%),
  #FFFFFF !important;}

/* trust-strip credential icons → blue to pair with the teal wordmark */
.trust-strip__icon{background:rgba(46,147,216,.12) !important;color:var(--blue) !important;}

/* ============================================================
   BOREAL — DESIGN LANGUAGE  (aurora · north star · the cold front)
   Signature motifs woven across the white-dominant site.
   ============================================================ */

/* --- 1. "Why Boreal" navy block → luminous aurora-on-white --- */
.srn-section--navy{background:
  radial-gradient(120% 130% at 8% -20%,rgba(52,224,200,.10),transparent 60%),
  radial-gradient(115% 125% at 100% 0%,rgba(46,147,216,.13),transparent 60%),
  #FFFFFF !important;
  position:relative;overflow:hidden;}
.srn-section--navy .srn-h2{color:var(--text-strong) !important;}
.srn-section--navy .srn-eyebrow{color:var(--brand) !important;}
.srn-section--navy .srn-section__sub{color:var(--text-muted) !important;}
.srn-section--navy .srn-gallery__cap{color:var(--text-muted) !important;}

/* --- 2. Signature section-title treatment: aurora underline --- */
.srn-section__head .srn-h2{position:relative;padding-bottom:20px;}
.srn-section__head .srn-h2::after{content:"";position:absolute;left:0;bottom:0;
  width:58px;height:3px;border-radius:2px;
  background:linear-gradient(90deg,#17C2A4 0%,#2E93D8 100%);}
.srn-section__head--inverse .srn-h2::after{background:linear-gradient(90deg,#34E0C8,#5FC7FF);}

/* --- 3. Aurora hairline divider motif (reusable) --- */
.boreal-rule{position:relative;height:1px;max-width:1180px;margin:0 auto;
  background:linear-gradient(90deg,transparent,rgba(46,147,216,.35) 20%,rgba(52,224,200,.5) 50%,rgba(46,147,216,.35) 80%,transparent);}
.boreal-rule::before{content:"\2736";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  font-size:13px;color:var(--blue-bright);background:var(--surface-page);padding:0 12px;}

/* --- 4. Hero: aurora latitude texture + true-north coordinates --- */
.srn-hero{background:
  url("assets/boreal-aurora-lines.svg") center 12% / 130% auto no-repeat,
  radial-gradient(125% 95% at 82% -12%,#0E2A4A 0%,#081A34 42%,#06122A 100%) !important;}
.srn-hero__coords{display:inline-flex;align-items:center;gap:9px;margin:0 0 20px;
  font-family:var(--font-mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;
  color:#9FDBFF;}
.srn-hero__coords::before{content:"\2736";color:#34E0C8;font-size:12px;}
.srn-hero__coords b{color:#fff;font-weight:400;letter-spacing:.16em;}

/* --- 5. Footer: cold-front hairline at the top edge --- */
.srn-footer{border-top:3px solid;border-image:linear-gradient(90deg,#17C2A4 0%,#2E93D8 55%,#7C5CFF 100%) 1;}
.srn-footer__tagline{display:flex;align-items:center;gap:10px;margin-top:14px;
  font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:rgba(191,239,255,.6);}
.srn-footer__tagline::before{content:"\2736";color:#34E0C8;font-size:12px;}

/* ============================================================
   BOREAL — WHITE TOP NAV
   ============================================================ */
.srn-nav{background:color-mix(in srgb,#FFFFFF 88%,transparent) !important;
  backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);
  border-bottom:1px solid rgba(11,30,58,.08) !important;
  border-image:none !important;}
.srn-wordmark__hot{color:#0B1E3A !important;}
.srn-wordmark__cold{color:#12A890 !important;}
.srn-wordmark__sub{color:var(--text-muted) !important;}
.srn-nav__links a,.srn-menu__btn{color:var(--text-body) !important;}
.srn-nav__links a:hover,.srn-menu__btn:hover{color:var(--brand) !important;}
.srn-nav__phone{color:#0B1E3A !important;}
.srn-nav__phone svg{color:#12A890 !important;}
.srn-nav__cta .srn-lang{border-color:rgba(11,30,58,.18) !important;}
.srn-nav__cta .srn-lang__btn{color:var(--text-muted) !important;}
.srn-nav__cta .srn-lang__btn.is-on{background:#12A890 !important;color:#fff !important;}
.srn-nav__cta .srn-lang__btn:not(.is-on):hover{color:#0B1E3A !important;}
.srn-nav__burger .srn-btn{color:#0B1E3A !important;border-color:rgba(11,30,58,.22) !important;background:transparent !important;}

/* ---- Trust strip: light hairline band instead of midnight ---- */
.trust-strip{background:linear-gradient(90deg,#F7FAFD,#EFF5FB) !important;border-top:1px solid rgba(11,30,58,.06);border-bottom:3px solid;border-image:linear-gradient(90deg,#17C2A4 0%,#17C2A4 50%,#2E93D8 50%,#2E93D8 100%) 1;}
.trust-strip__item:not(:last-child)::after{background:rgba(11,30,58,.10) !important;}
.trust-strip__icon{background:rgba(23,194,164,.12) !important;color:#0E8E7A !important;}
.trust-strip__txt b{color:var(--text-strong) !important;}
.trust-strip__txt span{color:var(--text-muted) !important;}
.trust-strip__item{border-bottom-color:rgba(11,30,58,.08) !important;}


/* ============================================================
   BOREAL — BRAND REFINEMENT  ·  "Warm paper, cold engine"
   Replaces the aurora/starfield/glass layer with a crafted system:
   · warm paper neutrals against a true midnight anchor
   · photo-forward heroes (no more 16%-opacity wallpaper)
   · engineering spec-plate motif (mono index + hairline rules)
   · brass as the warm counterpoint to teal
   · flat, confident colour blocking — no decorative gradients
   Appended last so it governs everything above.
   ============================================================ */
:root{
  --paper:#F7F4EF;          /* warm paper — the new light ground */
  --paper-2:#EFEAE2;        /* recessed paper */
  --paper-line:#DED6C9;     /* warm hairline */
  --midnight:#071426;       /* anchor */
  --midnight-2:#0C2137;
  --brass:#C8913C;          /* warm counterpoint */
  --brass-soft:rgba(200,145,60,.14);
  --teal:#12A890;
  --teal-bright:#17C2A4;
  --serif:'Instrument Serif',Georgia,serif;
}

/* ---- 1. Strip the AI-slop decoration everywhere ---- */
/* NOTE: these hooks now carry the iceberg artwork, so they must NOT be forced
   to content:none — only the retired starfield/glow hooks belong here. */
.svc-hero::after,.car-hero::after,
.srn-section--brand::after{
  content:none !important;background-image:none !important;}
.srn-hero__console,.srn-review,.srn-hero__eyebrow,
.srn-hero__actions .srn-btn--secondary,.srn-nav{
  backdrop-filter:none !important;-webkit-backdrop-filter:none !important;}

/* ---- 2. Warm paper ground ---- */
body{background:var(--paper);}
.srn-section--sunken{background:var(--paper-2) !important;}
.srn-section--brand{background:var(--paper-2) !important;}

/* ---- 3. Hero — photo-forward, flat midnight, no glow blobs ---- */
.srn-hero{background:var(--midnight) !important;min-height:clamp(580px,72vh,760px);}
.srn-hero__bg{opacity:.62 !important;filter:saturate(.78) contrast(1.06) brightness(.82) !important;
  mix-blend-mode:normal !important;}
.srn-hero__scrim{background:
  linear-gradient(90deg,rgba(7,20,38,.95) 0%,rgba(7,20,38,.82) 40%,rgba(7,20,38,.28) 78%,rgba(7,20,38,.12) 100%),
  linear-gradient(0deg,rgba(7,20,38,.6) 0%,rgba(7,20,38,0) 42%) !important;}
/* a single hairline rule of brand colour — the one graphic flourish */
.srn-hero::before{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;z-index:3;
  background:linear-gradient(90deg,var(--teal-bright) 0%,var(--teal-bright) 34%,var(--brass) 34%,var(--brass) 46%,rgba(255,255,255,.14) 46%);}

.srn-hero__eyebrow{background:transparent !important;border:0 !important;border-left:2px solid var(--brass) !important;
  border-radius:0 !important;padding:2px 0 2px 12px !important;letter-spacing:.18em !important;
  color:#EBDFC9 !important;}
.srn-hero__title{font-weight:700 !important;letter-spacing:-.032em !important;}
/* accent clause set in editorial serif italic — instant depth, zero slop */
.srn-hero__title span{font-family:var(--serif) !important;font-style:italic !important;
  font-weight:400 !important;color:#EFE3CC !important;letter-spacing:-.01em !important;}
.srn-hero__trustitem svg{color:var(--brass) !important;}

/* Hero console → solid paper card, not dark glass */
.srn-hero__console{background:var(--paper) !important;border:1px solid var(--paper-line) !important;
  border-top:3px solid var(--brass) !important;border-radius:4px !important;
  box-shadow:0 30px 70px -28px rgba(0,0,0,.7) !important;}

/* ---- 4. Service / careers heroes — light snow ground, navy type ---- */
.svc-hero,.car-hero{background:#EAF4FB !important;}
.svc-hero__bg,.car-hero__bg{opacity:1 !important;filter:saturate(.86) brightness(1.12) !important;
  mix-blend-mode:normal !important;}
/* Scrim must stay near-opaque across the full text zone: .svc-hero__lead runs
   to 71.5% of the viewport (max-width:52ch), so alpha only falls off past 78%. */
.svc-hero__scrim,.car-hero__scrim{background:
  linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.96) 50%,rgba(255,255,255,.93) 72%,rgba(255,255,255,.88) 78%,rgba(255,255,255,.42) 92%,rgba(255,255,255,.2) 100%) !important;}
.svc-hero h1,.car-hero h1{color:#0B1E3A !important;}
.svc-hero__lead,.car-hero__lead{color:#33475C !important;}
.svc-hero__eyebrow,.car-hero__eyebrow{color:#0B1E3A !important;background:var(--blue-soft) !important;
  border:2.5px solid var(--outline) !important;}
.svc-hero__pill{color:#0B1E3A !important;background:#FFFFFF !important;
  border:2px solid var(--outline) !important;}
.svc-hero__pill svg{color:var(--blue-deep) !important;}
.svc-hero__actions .srn-btn--secondary{background:#FFFFFF !important;color:#0B1E3A !important;
  border-color:#0B1E3A !important;}
.svc-hero__actions .srn-btn--secondary:hover{background:var(--blue-soft) !important;}
.svc-hero__crumb,.svc-hero__crumb a,.car-hero__crumb,.car-hero__crumb a{color:#4A5F73 !important;}
.svc-hero::before,.car-hero::before{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;z-index:3;
  background:linear-gradient(90deg,var(--teal-bright) 0%,var(--teal-bright) 34%,var(--brass) 34%,var(--brass) 46%,rgba(255,255,255,.14) 46%);}

/* ---- 5. Spec-plate eyebrow: mono label on a hairline, brass tick ---- */
.srn-eyebrow{position:relative;padding-left:0 !important;letter-spacing:.2em !important;
  font-size:11.5px !important;color:var(--teal) !important;
  display:inline-flex !important;align-items:center;gap:10px;}
.srn-eyebrow::before{content:"" !important;display:inline-block;width:22px;height:2px;
  background:var(--brass) !important;margin:0 !important;flex:none;}
.srn-eyebrow--inverse{color:#8FD9CC !important;}
.srn-section--brand .srn-eyebrow{color:var(--teal) !important;}

/* ---- 6. Headings: tighter, more editorial ---- */
.srn-h2{letter-spacing:-.03em !important;font-weight:700 !important;}
.srn-h2 em,.srn-h2 i{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--teal);
  letter-spacing:-.005em;}

/* ---- 7. Cards: square-ish, warm hairline, brass hover — no floaty shadows ---- */
.hub-card,.home-why__item,.car-perk,.srn-process__step,.srn-areas__region,
.equip-link,.fin-example,.srn-review,.srn-plan{
  border-radius:5px !important;
  border:1px solid var(--paper-line) !important;
  background:#FFFDF9 !important;
  box-shadow:none !important;
  transition:border-color .18s ease,transform .18s ease;}
.hub-card:hover,.car-perk:hover,.equip-link:hover,.srn-areas__region:hover{
  border-color:var(--brass) !important;transform:translateY(-2px);}
.hub-card__icon,.home-why__icon,.car-perk__icon,.srn-process__icon,.fin-example__icon{
  background:var(--brass-soft) !important;color:var(--brass) !important;
  border-radius:4px !important;}

/* ---- 8. Testimonials: editorial pull-quotes on paper ---- */
.srn-review{border-left:3px solid var(--brass) !important;}
.srn-review__text{font-family:var(--serif) !important;font-style:italic !important;
  font-size:19px !important;line-height:1.5 !important;color:#2A3542 !important;}

/* ---- 9. CTA band: flat midnight + brass button (kills the teal gradient) ---- */
.srn-cta{background:var(--midnight) !important;position:relative;}
.srn-cta::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--brass) 0%,var(--brass) 18%,var(--teal-bright) 18%);}
.srn-cta .srn-btn--accent{background:var(--brass) !important;color:#221704 !important;
  box-shadow:none !important;border-radius:3px !important;}
.srn-cta .srn-btn--accent:hover{background:#DDA755 !important;}

/* ---- 10. Nav: solid midnight, brass underline on hover ---- */
.srn-nav{background:var(--midnight) !important;border-bottom:1px solid rgba(255,255,255,.1) !important;
  border-image:none !important;}
.srn-nav__link{position:relative;}
.srn-nav__link::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;
  background:var(--brass);transform:scaleX(0);transform-origin:left;transition:transform .18s ease;}
.srn-nav__link:hover::after{transform:scaleX(1);}

/* ---- 11. Promo banner: flat midnight strip, brass keyline ---- */
.srn-promo{background:var(--midnight-2) !important;color:#F0E7D6 !important;
  border-bottom:1px solid rgba(200,145,60,.35);}
.srn-promo a,.srn-promo b,.srn-promo strong,.srn-promo span{color:#F0E7D6 !important;}
.srn-promo svg{color:var(--brass) !important;}

/* ---- 12. Trust strip + footer: flat midnight ---- */
.trust-strip{background:var(--midnight-2) !important;}
.srn-footer{background:var(--midnight) !important;}
.srn-footer::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--teal-bright) 0%,var(--teal-bright) 34%,var(--brass) 34%,var(--brass) 46%,rgba(255,255,255,.12) 46%);}

/* ---- 13. Buttons: squarer, more considered ---- */
.srn-btn{border-radius:3px !important;letter-spacing:.01em;}
.srn-btn--accent{background:var(--teal) !important;color:#04231D !important;}
.srn-btn--accent:hover{background:var(--teal-bright) !important;}

/* ---- 14. Area-page blocks pick up the warm system ---- */
.area-svc-link{border-radius:4px !important;border-color:var(--paper-line) !important;
  background:#FFFDF9 !important;box-shadow:none !important;}
.area-svc-link:hover{border-color:var(--brass) !important;}
.area-svc-link svg:first-child{color:var(--brass) !important;}
.area-why__item{border-radius:4px !important;border-color:var(--paper-line) !important;
  background:#FFFDF9 !important;box-shadow:none !important;}
.area-why__item svg{color:var(--brass) !important;}


/* ---- 15. Kill the last cold radial glow; unify light bands on warm paper ---- */
.srn-section--navy{background:var(--paper) !important;}
.srn-section--brand{background:var(--paper-2) !important;}
/* section rhythm: a warm hairline between stacked light bands */
.srn-section--sunken,.srn-section--brand{border-top:1px solid var(--paper-line);
  border-bottom:1px solid var(--paper-line);}

/* ---- 16. Spec-plate section heads — mono index numerals (engineering motif) ---- */
.srn-section__head{position:relative;}
.srn-h2{max-width:20ch;}

/* ---- 17. Weather console interior — warm, flat, legible ---- */
.srn-wx__forecast,.srn-wx__stats,.srn-wx__day{background:transparent !important;}
/* NOTE: was a blanket rule for the retired weather console; it out-specified
   the dispatch header's own colours. Scoped to the light body only. */
.srn-hero__console .srn-disp__demand,.srn-hero__console .srn-disp__slot,
.srn-hero__console .srn-disp__list{color:#1E2A38;}
.srn-hero__console .srn-wx__loc{color:#5A6675 !important;letter-spacing:.14em;}
.srn-hero__console .srn-btn{background:var(--midnight) !important;color:#F3EEE4 !important;}

/* ---- 18. Footer wordmark sub in warm tone ---- */
.srn-wordmark__sub{color:rgba(235,223,201,.66) !important;letter-spacing:.26em !important;}


/* ---- 19. Trust strip: midnight band needs light type (contrast fix) ---- */
.trust-strip{background:var(--midnight-2) !important;
  border-top:1px solid rgba(200,145,60,.28);border-bottom:1px solid rgba(200,145,60,.28);}
.trust-strip *{color:#EDE4D4 !important;}
.trust-strip svg{color:var(--brass) !important;}
.trust-strip b,.trust-strip strong{color:#FFFFFF !important;}


/* ---- 20. Contrast fixes on the new dark/warm grounds ---- */
/* wordmark sitting on midnight (nav + footer) */
.srn-nav .srn-wordmark__hot,
.srn-footer .srn-wordmark__hot,
.srn-wordmark--light .srn-wordmark__hot{color:#FFFFFF !important;}
.srn-nav .srn-wordmark__cold,
.srn-footer .srn-wordmark__cold,
.srn-wordmark--light .srn-wordmark__cold{color:var(--teal-bright) !important;}

/* rating count on the dark hero */
.srn-hero__trust .srn-rating__count,
.srn-hero__trust .srn-rating__count b{color:#EDE4D4 !important;}
.srn-hero__trust .srn-rating svg{color:var(--brass) !important;}
/* rating count on light section heads stays dark */
.srn-section__head .srn-rating__count,
.srn-section__head .srn-rating__count b{color:var(--text-strong) !important;}

/* weather console: its stats were white-on-dark, now sit on warm paper */
.srn-hero__console .srn-wx__stat,
.srn-hero__console .srn-wx__stat *,
.srn-hero__console .srn-wx__day,
.srn-hero__console .srn-wx__day *,
.srn-hero__console .srn-wx__note,
.srn-hero__console .srn-wx__note *{color:#41505F !important;}
.srn-hero__console .srn-wx__temp,
.srn-hero__console .srn-wx__cond{color:#16212E !important;}
.srn-hero__console .srn-wx__stat svg,
.srn-hero__console .srn-wx__day svg,
.srn-hero__console .srn-wx__note svg{color:var(--brass) !important;}

/* eyebrow teal needs more weight on the recessed paper band */
.srn-eyebrow{color:#0B7A68 !important;font-weight:700 !important;}
.srn-section--brand .srn-eyebrow{color:#0B7A68 !important;}

/* brass plan tag needs dark type */
.srn-plan__tag{color:#241A06 !important;font-weight:700 !important;}


/* ---- 21. Flatten the last decorative gradients ---- */
.home-split__card--res{background:var(--midnight) !important;}
.home-split__card--com{background:var(--midnight-2) !important;}
.home-split__card{border-radius:5px !important;position:relative;overflow:hidden;}
.home-split__card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--brass);}
.home-split__card--com::before{background:var(--teal-bright);}

.fin-band{background:var(--midnight) !important;position:relative;}
.fin-band::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--brass) 0%,var(--brass) 22%,var(--teal-bright) 22%);}
.fin-band .srn-btn--accent{background:var(--brass) !important;color:#241A06 !important;}

.srn-areas__note{background:var(--brass-soft) !important;border:1px solid rgba(200,145,60,.3) !important;
  color:#4A3A1C !important;border-radius:4px !important;}


/* ---- 22. Trust strip sub-labels: lift off the midnight ground ---- */
.trust-strip__txt span,.trust-strip__item span:not(.trust-strip__icon){color:#33475C !important;}
.trust-strip__icon{background:rgba(200,145,60,.16) !important;border-radius:4px !important;}


/* ---- 23. Retire the old teal→blue→violet border-image keylines ---- */
.trust-strip,.srn-footer,.srn-nav{border-image:none !important;}
.trust-strip{border-top:1px solid rgba(200,145,60,.28) !important;
  border-bottom:1px solid rgba(200,145,60,.28) !important;}
.srn-footer{border-top:0 !important;}


/* ---- 24. Eyebrow must not wrap (flex + rule tick) ---- */
.srn-eyebrow{white-space:nowrap !important;}
/* width now set by the iceberg-glyph rule below; this only guarded the old rule tick */


/* ---- 25. Process numerals: editorial brass (spec-plate motif) ---- */
.svc-step__n,.srn-process__n{font-family:var(--serif) !important;font-style:italic !important;
  color:var(--brass) !important;opacity:1 !important;font-weight:400 !important;}
/* small muted labels on white need more weight */
.svc-related__label,.svc-aside__label{color:#5A7186 !important;}

.svc-related h4,.svc-aside h4{color:#4A5B6E !important;}


/* ============================================================
   BOREAL — WCAG AA CONTRAST PASS
   Every value below computed against its real ground:
   4.5:1 for normal text, 3:1 for large. Replaces the earlier
   under-threshold pass.
   ============================================================ */
:root{
  --teal-deep:#0A6153;   /* AA-safe teal for text on paper + button grounds */
  --teal-mid:#0C7565;    /* AA-safe hover */
  --brass-deep:#8A5F1E;  /* AA-safe brass for small text on light */
}

/* Eyebrows: teal on warm paper — 3.70 → 6.73 */
.srn-eyebrow,
.srn-section--brand .srn-eyebrow,
.srn-section--navy .srn-eyebrow{color:var(--teal-deep) !important;}

/* Section sub-copy on recessed paper — 4.24 → 5.52 */
.srn-section__sub,.srn-section--brand .srn-section__sub{color:#4A5F73 !important;}

/* Language toggle — scoped per ground: .srn-lang__btn renders BOTH in the
   nav bar AND inside the white .srn-nav__mobile panel. */
.srn-nav__cta .srn-lang__btn{color:#9DB0C2 !important;}
.srn-lang__btn.is-on{background:var(--blue-deep) !important;color:#FFFFFF !important;}

/* Accent buttons: white on mid-teal failed at 4.06 — ground it darker */
.srn-btn--accent{background:var(--teal-deep) !important;color:#FFFFFF !important;}
.srn-btn--accent:hover{background:var(--teal-mid) !important;color:#FFFFFF !important;}
.srn-cta .srn-btn--accent{background:var(--brass) !important;color:#241A06 !important;}
.srn-cta .srn-btn--accent:hover{background:#DDA755 !important;color:#241A06 !important;}

/* Plan tags: 10px chips need a dark ground, not teal/brass — 4.22 → 10.6 */
.srn-plan__tag{background:#07473C !important;color:#FFFFFF !important;}
.srn-plan--luxe .srn-plan__tag{background:#4A3410 !important;color:#FFFFFF !important;}

/* Process numerals on near-white — 3.31 → 5.53 */
.srn-process__num,.svc-step__n,.srn-process__n{color:var(--brass-deep) !important;}


/* ---- AA pass, round 2: beat the more-specific nav + DS button rules ---- */
/* nav is white now — dark label, blue active pill */
.srn-nav .srn-nav__cta .srn-lang__btn{color:#4A5F73 !important;}
.srn-nav .srn-nav__cta .srn-lang__btn.is-on{background:var(--blue-deep) !important;color:#FFFFFF !important;}
.srn-nav .srn-nav__cta .srn-lang__btn:not(.is-on):hover{color:var(--blue-deep) !important;}

/* DS primary button ground (white label on it) — 4.06 → 7.4 */
.srn-btn.srn-btn--primary{background:var(--teal-deep) !important;color:#FFFFFF !important;}
.srn-btn.srn-btn--primary:hover{background:var(--teal-mid) !important;color:#FFFFFF !important;}


/* ---- AA: muted body copy on recessed paper (4.24 → 5.52) ---- */
.srn-plans__note,.srn-plans__foot p,.plans-note,
.srn-section--sunken > p,.srn-section--brand > p{color:#4A5F73 !important;}


/* ---- AA: careers page stragglers ---- */
.car-form__fine{color:#4A5F73 !important;}
/* teal links/phone on white cards — 4.06 → 6.4 */
.car-aside a,.car-cta a,.srn-link,a.srn-link{color:var(--teal-deep) !important;}


/* ---- AA: inline links in body copy on light grounds ---- */
.srn-section__sub a,.svc-block p a,.car-apply__intro a,
.svc-main p a,.area-intro p a{color:var(--teal-deep) !important;text-decoration:underline;
  text-underline-offset:2px;text-decoration-thickness:1px;}
.srn-section__sub a:hover,.svc-block p a:hover,.car-apply__intro a:hover,
.svc-main p a:hover,.area-intro p a:hover{color:var(--brass-deep) !important;}


/* ============================================================
   AA: NAV ON MIDNIGHT — top-level links were dark body text,
   invisible above the mobile breakpoint. Dropdown panels stay
   white, so their inner links keep dark type.
   ============================================================ */
.srn-nav__links > a,
.srn-nav__links > .srn-menu > .srn-menu__btn{color:#E6EDF5 !important;}
.srn-nav__links > a:hover,
.srn-nav__links > .srn-menu > .srn-menu__btn:hover{color:#FFFFFF !important;}
.srn-nav__links > .srn-menu > .srn-menu__btn svg{color:#9DB0C2 !important;}
/* brass underline on hover — the nav's one flourish */
.srn-nav__links > a,
.srn-nav__links > .srn-menu > .srn-menu__btn{position:relative;}
.srn-nav__links > a::after,
.srn-nav__links > .srn-menu > .srn-menu__btn::after{content:"";position:absolute;left:0;right:0;bottom:-5px;
  height:2px;background:var(--brass);transform:scaleX(0);transform-origin:left;transition:transform .18s ease;}
.srn-nav__links > a:hover::after,
.srn-nav__links > .srn-menu > .srn-menu__btn:hover::after{transform:scaleX(1);}
/* dropdown panels are white — keep their type dark */
.srn-menu__panel a{color:var(--text-body) !important;}
.srn-menu__panel a:hover{color:var(--teal-deep) !important;}

/* nav phone link (transparent on midnight) */
.srn-nav__phone,.srn-nav__phone b{color:#E6EDF5 !important;}
.srn-nav__phone svg{color:var(--brass) !important;}

/* financing slider min/max labels on white — 2.51 → 5.5 */
.fin-slider__min,.fin-slider__max,.fin-range__min,.fin-range__max{color:#4A5F73 !important;}
/* teal term chips: white on mid-teal failed — ground them deeper */
.fin-term.is-on,.fin-term--on,.fin-chip.is-on{background:var(--teal-deep) !important;color:#FFFFFF !important;}


/* ---- AA: financing calculator (real class names) ---- */
.fin-calc__ticks,.fin-calc__ticks span{color:#4A5F73 !important;}
.fin-calc__term.is-active{background:var(--teal-deep) !important;color:#FFFFFF !important;}
.fin-calc__term.is-active b,.fin-calc__term.is-active span{color:#FFFFFF !important;}

/* fine print directly in a section (financing disclaimer) — 2.29 → 5.5 */
.srn-section > p{color:#4A5F73 !important;}


/* ---- AA: mobile menu is a WHITE panel inside the midnight nav ---- */
.srn-nav__mobile .srn-lang__btn:not(.is-on){color:#4A5F73 !important;}
.srn-nav__mobile .srn-lang__btn:not(.is-on):hover{color:var(--teal-deep) !important;}


/* ============================================================
   BOREAL — HVAC SERVICE CHARACTER
   The editorial/boutique layer (cream paper, serif italic,
   gallery hairlines) read like a design studio. This layer
   swaps it for contractor texture: clean technical neutrals,
   sturdy type, spec-sheet cards, dispatch panel, credentials.
   ============================================================ */
:root{
  --paper:#F2F4F6;        /* clean technical light, not warm cream */
  --paper-2:#E8EBEF;
  --paper-line:#D3D9E0;
}

/* ---- 1. Retire the editorial serif everywhere ---- */
.srn-hero__title span,.srn-h2 em,.srn-h2 i,
.srn-review__text,.svc-step__n,.srn-process__n,.srn-process__num{
  font-family:var(--font-display) !important;font-style:normal !important;}
.srn-hero__title span{font-weight:700 !important;color:#8FEAD9 !important;}
.srn-review__text{font-size:17px !important;line-height:1.6 !important;color:#22384F !important;}
.svc-step__n,.srn-process__n,.srn-process__num{
  font-family:var(--font-mono) !important;font-weight:700 !important;}

/* ---- 2. Hero: service status + credentials ---- */
.srn-hero__status{display:inline-flex;align-items:center;gap:9px;
  font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:#8FEAD9;background:rgba(18,168,144,.16);
  border:1px solid rgba(52,224,200,.34);border-radius:3px;padding:7px 13px;align-self:flex-start;}
.srn-hero__pulse{width:8px;height:8px;border-radius:50%;background:#34E0C8;flex:none;
  box-shadow:0 0 0 0 rgba(52,224,200,.7);animation:brl-pulse 2s infinite;}
@keyframes brl-pulse{70%{box-shadow:0 0 0 9px rgba(52,224,200,0);}100%{box-shadow:0 0 0 0 rgba(52,224,200,0);}}
.srn-hero__coords{display:inline-flex;align-items:center;gap:7px;
  font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;color:#A9C2D6 !important;
  text-transform:none !important;}
.srn-hero__coords svg{width:14px;height:14px;color:var(--brass);}
.srn-hero__coords b{color:#A9C2D6;font-weight:400;}
.srn-hero__trustitem svg{color:var(--brass) !important;}

/* ---- 3. Dispatch panel (replaces the weather widget) ---- */
.srn-disp{display:flex;flex-direction:column;gap:0;padding:0 !important;overflow:hidden;}
.srn-disp__head{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:13px 18px;background:var(--midnight);}
.srn-disp__live{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);
  font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#8FEAD9;}
.srn-disp__dot{width:7px;height:7px;border-radius:50%;background:#34E0C8;
  box-shadow:0 0 0 0 rgba(52,224,200,.7);animation:brl-pulse 2s infinite;}
.srn-disp__zone{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);
  font-size:11px;letter-spacing:.1em;color:#9DB0C2;}
.srn-disp__zone svg{width:13px;height:13px;color:var(--brass);}






.srn-disp__level{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);
  font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8A5F1E;}
.srn-disp__level svg{width:14px;height:14px;}

.srn-disp__slot{padding:16px 18px;background:#FBFCFD;border-bottom:1px solid var(--paper-line);
  display:flex;flex-direction:column;gap:4px;}
.srn-disp__label{font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;color:#5A7186;}
.srn-disp__time{font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.02em;color:#0A6153;}
.srn-disp__left{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:#8A5F1E;font-weight:600;}
.srn-disp__left svg{width:14px;height:14px;}





.srn-disp .srn-btn{margin:0 18px;justify-content:center;}
.srn-disp__call{display:flex;align-items:center;justify-content:center;gap:8px;
  padding:13px 18px 14px;font-family:var(--font-display);font-weight:700;font-size:15px;
  color:#0A6153 !important;text-decoration:none;}
.srn-disp__call svg{width:16px;height:16px;}
.srn-disp__call:hover{color:#8A5F1E !important;}
.srn-disp__lic{display:flex;align-items:center;justify-content:center;gap:7px;
  padding:11px 18px;background:var(--paper-2);border-top:1px solid var(--paper-line);
  font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;color:#4A5F73;}
.srn-disp__lic svg{width:13px;height:13px;color:#0A6153;}

/* ---- 4. Cards read as spec sheets, not gallery cards ---- */
.hub-card,.home-why__item,.car-perk,.srn-process__step,.equip-link,.fin-example{
  background:#FFFFFF !important;position:relative;}
.home-why__item::before,.srn-process__step::before{content:"";position:absolute;left:0;top:0;
  width:100%;height:2px;background:var(--brass);opacity:.55;}

/* ---- 5. Brand strip: authorized-dealer plate ---- */
.srn-trust__brand{font-family:var(--font-display) !important;font-weight:700 !important;
  letter-spacing:.01em !important;color:#3D4F63 !important;
  border:1px solid var(--paper-line) !important;background:#FFFFFF !important;
  border-radius:3px !important;padding:9px 15px !important;}

/* ---- 6. Section rhythm hairline in brass, not decorative ---- */
.srn-section--sunken,.srn-section--brand{border-top-color:var(--paper-line);
  border-bottom-color:var(--paper-line);}

@media(max-width:860px){
  .srn-disp__temp{font-size:44px;}
}




/* dispatch CTA: earlier console rule forced midnight — restore accent teal */
.srn-hero__console .srn-disp__cta,.srn-disp .srn-btn.srn-btn--accent{
  background:var(--teal-deep) !important;color:#FFFFFF !important;}
.srn-disp .srn-btn.srn-btn--accent:hover{background:var(--teal-mid) !important;}
/* dispatch panel owns its own text colours over the generic console rule */
.srn-hero__console .srn-disp__temp{color:#16212E !important;}
.srn-hero__console .srn-disp__time{color:#0A6153 !important;}
.srn-hero__console .srn-disp__level,.srn-hero__console .srn-disp__left{color:#8A5F1E !important;}
.srn-hero__console .srn-disp__live{color:#8FEAD9 !important;}
.srn-hero__console .srn-disp__zone{color:#9DB0C2 !important;}

/* Book this slot — force white label over the DS button's own colour rules */
.srn-disp .srn-btn.srn-btn--accent,
.srn-disp .srn-btn.srn-btn--accent *,
.srn-hero__console .srn-disp .srn-btn.srn-btn--accent,
.srn-hero__console .srn-disp .srn-btn.srn-btn--accent *{color:#FFFFFF !important;}
.srn-disp .srn-btn.srn-btn--accent svg{color:#FFFFFF !important;}


/* ============================================================
   BOREAL — FROST CARTOON LAYER
   Same name, logo and palette; playful illustrated character.
   Rounded chunky forms, navy cartoon outlines, sticker shadows,
   snow-drift section edges and a polar bear mascot.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&display=swap');
:root{
  --font-display:'Fredoka','Space Grotesk',sans-serif;
  --outline:#0B1E3A;
  --sticker:4px 4px 0 var(--outline);
  --sticker-sm:3px 3px 0 var(--outline);
}
h1,h2,h3,h4,.srn-h2,.srn-hero__title,.srn-btn,.srn-wordmark__name{
  font-family:'Fredoka','Space Grotesk',sans-serif !important;}
.srn-hero__title,.srn-h2{letter-spacing:-.01em !important;}

/* soft snowflake texture on light bands */
.srn-section--sunken,.srn-section--brand{
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2060%2060'%3E%3Cg%20stroke='%230B1E3A'%20stroke-width='2'%20stroke-linecap='round'%20opacity='0.05'%3E%3Cpath%20d='M30%208%20V52%20M11%2019%20L49%2041%20M49%2019%20L11%2041'/%3E%3Cpath%20d='M30%2014%20L25%2020%20M30%2014%20L35%2020%20M30%2046%20L25%2040%20M30%2046%20L35%2040'/%3E%3C/g%3E%3C/svg%3E") !important;
  background-size:130px 130px;}

/* snow drift edge under the hero */
.srn-hero::before{content:"" !important;position:absolute;left:0;right:0;bottom:-1px;
  height:30px;z-index:4;background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20240%2030'%3E%3Cpath%20d='M0%2030%20V14%20Q15%202%2030%2014%20Q45%2026%2060%2014%20Q75%202%2090%2014%20Q105%2026%20120%2014%20Q135%202%20150%2014%20Q165%2026%20180%2014%20Q195%202%20210%2014%20Q225%2026%20240%2014%20V30%20Z'%20fill='%23F2F4F6'/%3E%3C/svg%3E") repeat-x bottom/240px 30px !important;}
.svc-hero::before,.car-hero::before{content:"" !important;position:absolute;left:0;right:0;bottom:-1px;
  height:30px;z-index:4;background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20240%2030'%3E%3Cpath%20d='M0%2030%20V14%20Q15%202%2030%2014%20Q45%2026%2060%2014%20Q75%202%2090%2014%20Q105%2026%20120%2014%20Q135%202%20150%2014%20Q165%2026%20180%2014%20Q195%202%20210%2014%20Q225%2026%20240%2014%20V30%20Z'%20fill='%23F2F4F6'/%3E%3C/svg%3E") repeat-x bottom/240px 30px !important;}

/* ---- chunky sticker cards ---- */
.hub-card,.home-why__item,.car-perk,.srn-process__step,.srn-areas__region,
.equip-link,.fin-example,.srn-review,.srn-plan,.area-svc-link,.area-why__item,.srn-creds{
  border-radius:18px !important;border:2.5px solid var(--outline) !important;
  box-shadow:var(--sticker) !important;background:#FFFFFF !important;}
.hub-card:hover,.car-perk:hover,.equip-link:hover,.srn-areas__region:hover,.area-svc-link:hover{
  transform:translate(-2px,-2px) !important;box-shadow:6px 6px 0 var(--outline) !important;
  border-color:var(--outline) !important;}
.home-why__item::before,.srn-process__step::before{display:none;}
.hub-card__icon,.home-why__icon,.car-perk__icon,.srn-process__icon,.fin-example__icon,.srn-creds__icon{
  border-radius:14px !important;border:2.5px solid var(--outline) !important;
  background:#BFF2E7 !important;color:var(--outline) !important;}

/* ---- chunky buttons ---- */
.srn-btn{border-radius:999px !important;border:2.5px solid var(--outline) !important;
  box-shadow:var(--sticker-sm) !important;font-weight:600 !important;}
.srn-btn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--outline) !important;}
.srn-btn:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--outline) !important;}

/* ---- eyebrow becomes a frosty chip ---- */
.srn-eyebrow{background:#BFF2E7;border:2px solid var(--outline);border-radius:999px;
  padding:5px 14px 5px 12px !important;font-family:'Fredoka',sans-serif !important;
  font-weight:600 !important;letter-spacing:.06em !important;font-size:12px !important;
  color:var(--outline) !important;text-transform:uppercase;}
.srn-eyebrow::before{content:"\2744" !important;width:auto !important;height:auto !important;
  background:none !important;font-size:13px;color:var(--outline) !important;}

/* ---- dispatch panel: rounded + outlined ---- */
.srn-hero__console{border-radius:22px !important;border:3px solid var(--outline) !important;
  border-top:3px solid var(--outline) !important;box-shadow:6px 6px 0 rgba(11,30,58,.55) !important;
  overflow:visible !important;}
.srn-disp{border-radius:19px;overflow:hidden;}
.srn-disp__head{border-bottom:3px solid var(--outline);}
.srn-disp__lic{border-top:2px solid var(--outline);}
.srn-disp__slot,.srn-disp__demand{border-bottom:2px dashed var(--paper-line) !important;}

/* ---- mascot ---- */
.brl-bear{position:absolute;z-index:6;pointer-events:none;
  filter:drop-shadow(3px 3px 0 rgba(11,30,58,.25));}
.brl-bear--dispatch{width:86px;height:86px;top:-42px;left:-26px;
  animation:brl-bob 3.4s ease-in-out infinite;}
@keyframes brl-bob{0%,100%{transform:translateY(0) rotate(-4deg);}50%{transform:translateY(-7px) rotate(2deg);}}
.brl-bear--why{width:132px;height:132px;position:static;display:block;margin:0 auto 6px;
  animation:brl-bob 4s ease-in-out infinite;}
@media(max-width:860px){.brl-bear--dispatch{width:66px;height:66px;top:-32px;left:-14px;}}

/* nav + footer keep the cold ground, wordmark gets the rounded face */
.srn-wordmark__name{letter-spacing:-.02em !important;}

/* Mascot anchor: the sticker needs a positioned parent or it falls back to .srn-hero */
.srn-hero__console{position:relative !important;}
/* clear the retired spec-plate star from the hero credentials line */
.srn-hero__coords::before{content:none !important;}

/* ---- Promo banner: light frost sweep (overrides the midnight strip) ---- */
.srn-promo{background:linear-gradient(90deg,#8FEAD9 0%,#A7E4F0 38%,#BCE3FF 70%,#CFEAFF 100%) !important;
  color:#0B1E3A !important;border-bottom:2px solid var(--outline);}
.srn-promo a,.srn-promo b,.srn-promo strong,.srn-promo span{color:#0B1E3A !important;}
.srn-promo svg{color:#0B1E3A !important;}

/* ---- Hero: lighten the photo scrim so the image reads bright & frosty ---- */
.srn-hero{background:#1B4A72 !important;}
.srn-hero__bg{opacity:.9 !important;
  filter:saturate(.9) contrast(1.02) brightness(1.06) !important;}
.srn-hero__scrim{background:
  linear-gradient(90deg,rgba(11,30,58,.78) 0%,rgba(13,44,78,.52) 42%,rgba(20,70,110,.18) 76%,rgba(30,90,130,.06) 100%),
  linear-gradient(0deg,rgba(11,30,58,.34) 0%,rgba(11,30,58,0) 40%) !important;}


/* ============================================================
   BOREAL — SNOW WHITE GROUND
   White dominates; navy/teal/brass become accents. Dark is kept
   only as deliberate anchors (footer, dispatch header).
   ============================================================ */
:root{ --paper:#FFFFFF; --paper-2:#F2F8FC; --paper-line:#D8E3EC; }
body{background:#FFFFFF !important;}
.srn-section--sunken,.srn-section--brand,.srn-section--navy{background-color:#F2F8FC !important;}

/* ---- NAV: white with navy type ---- */
.srn-nav{background:#FFFFFF !important;border-bottom:2.5px solid var(--outline) !important;}
.srn-nav .srn-wordmark__hot{color:#0B1E3A !important;}
.srn-nav .srn-wordmark__cold{color:#0A6153 !important;}
.srn-nav .srn-wordmark__sub{color:#4A5F73 !important;}
.srn-nav__links > a,
.srn-nav__links > .srn-menu > .srn-menu__btn{color:#12233B !important;}
.srn-nav__links > a:hover,
.srn-nav__links > .srn-menu > .srn-menu__btn:hover{color:#0A6153 !important;}
.srn-nav__links > .srn-menu > .srn-menu__btn svg{color:#4A5F73 !important;}
.srn-nav__phone,.srn-nav__phone b{color:#12233B !important;}
.srn-nav__cta .srn-lang__btn{color:#4A5F73 !important;}
.srn-nav__cta .srn-lang__btn.is-on{background:var(--blue-deep) !important;color:#FFFFFF !important;}
.srn-nav__burger{color:#12233B !important;}

/* ---- HERO: bright frost, navy type ---- */
.srn-hero{background:#EAF4FB !important;}
.srn-hero__bg{opacity:1 !important;filter:saturate(.86) brightness(1.12) !important;}
.srn-hero__scrim{background:
  linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.93) 38%,rgba(255,255,255,.62) 68%,rgba(255,255,255,.3) 100%),
  linear-gradient(0deg,rgba(255,255,255,.6) 0%,rgba(255,255,255,0) 34%) !important;}
.srn-hero::before{background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20240%2030'%3E%3Cpath%20d='M0%2030%20V14%20Q15%202%2030%2014%20Q45%2026%2060%2014%20Q75%202%2090%2014%20Q105%2026%20120%2014%20Q135%202%20150%2014%20Q165%2026%20180%2014%20Q195%202%20210%2014%20Q225%2026%20240%2014%20V30%20Z'%20fill='%23FFFFFF'/%3E%3C/svg%3E") repeat-x bottom/240px 30px !important;}
.srn-hero__title{color:#0B1E3A !important;}
.srn-hero__title span{color:#0A6153 !important;}
.srn-hero__lead{color:#33475C !important;}
.srn-hero__status{color:#0B1E3A !important;background:#BFF2E7 !important;
  border:2.5px solid var(--outline) !important;}
.srn-hero__coords{color:#4A5F73 !important;}
.srn-hero__coords b{color:#4A5F73 !important;}
.srn-hero__coords svg{color:#8A5F1E !important;}
.srn-hero__trustitem{color:#33475C !important;}
.srn-hero__trustitem svg{color:#8A5F1E !important;}
.srn-hero__trust .srn-rating__count,
.srn-hero__trust .srn-rating__count b{color:#33475C !important;}
.srn-hero__trustsep{background:#C3D4E2 !important;}
.svc-hero::before,.car-hero::before{background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20240%2030'%3E%3Cpath%20d='M0%2030%20V14%20Q15%202%2030%2014%20Q45%2026%2060%2014%20Q75%202%2090%2014%20Q105%2026%20120%2014%20Q135%202%20150%2014%20Q165%2026%20180%2014%20Q195%202%20210%2014%20Q225%2026%20240%2014%20V30%20Z'%20fill='%23FFFFFF'/%3E%3C/svg%3E") repeat-x bottom/240px 30px !important;}

/* ---- TRUST STRIP: white ---- */
.trust-strip{background:#FFFFFF !important;border-top:2.5px solid var(--outline) !important;
  border-bottom:2.5px solid var(--outline) !important;}
.trust-strip *{color:#33475C !important;}
.trust-strip b,.trust-strip strong{color:#0B1E3A !important;}
.trust-strip svg{color:#8A5F1E !important;}
.trust-strip__icon{background:#BFF2E7 !important;}

/* ---- CTA BAND: frost, not midnight ---- */
.srn-cta{background:#DFF3FB !important;border-top:2.5px solid var(--outline);
  border-bottom:2.5px solid var(--outline);}
.srn-cta::after{display:none;}
.srn-cta *{color:#0B1E3A !important;}
.srn-cta p,.srn-cta .srn-section__sub{color:#33475C !important;}
.srn-cta .srn-btn--accent,.srn-cta .srn-btn--accent *{
  background:var(--teal-deep) !important;color:#FFFFFF !important;}

/* ---- FINANCING BAND: frost ---- */
.fin-band{background:#DFF3FB !important;}
.fin-band::before{display:none;}
.fin-band *{color:#0B1E3A !important;}
.fin-band .srn-btn--accent,.fin-band .srn-btn--accent *{
  background:var(--teal-deep) !important;color:#FFFFFF !important;}

/* footer stays the single dark anchor */


/* ============================================================
   ACCENTS → DARKER BLUES
   White stays dominant; deep steel blues carry the accent role
   (brass and mint step back to occasional support).
   ============================================================ */
:root{
  --blue-deep:#123E63;   /* primary accent — 9.6:1 on white */
  --blue-mid:#1A5E8F;    /* hover / secondary */
  --blue-soft:#DCEAF8;   /* tinted plates */
  --blue-line:#B9D4EA;
}

/* icon plates + chips move from mint/brass to blue */
.hub-card__icon,.home-why__icon,.car-perk__icon,.srn-process__icon,
.fin-example__icon,.srn-creds__icon,.trust-strip__icon,.area-svc-link svg:first-child{
  background:var(--blue-soft) !important;color:var(--blue-deep) !important;}
.area-why__item svg,.srn-hero__coords svg,.srn-hero__trustitem svg,
.trust-strip svg,.srn-disp__list svg,.srn-disp__lic svg{
  color:var(--blue-deep) !important;}
/* .srn-disp__zone sits on the midnight dispatch header — needs the light value
   its adjacent text uses, not the light-ground blue accent. */
.srn-disp__zone svg,.srn-hero__console .srn-disp__zone svg{color:#9DB0C2 !important;}
.srn-eyebrow{background:var(--blue-soft) !important;color:#0B1E3A !important;}
.srn-hero__status{background:var(--blue-soft) !important;color:#0B1E3A !important;}
.srn-disp__level,.srn-disp__left{color:var(--blue-mid) !important;}
.srn-hero__console .srn-disp__level,.srn-hero__console .srn-disp__left{color:var(--blue-mid) !important;}

/* buttons + links lead with deep blue */
.srn-btn--accent,.srn-btn.srn-btn--primary,
.srn-cta .srn-btn--accent,.fin-band .srn-btn--accent,
.srn-disp .srn-btn.srn-btn--accent{background:var(--blue-deep) !important;color:#FFFFFF !important;}
.srn-btn--accent:hover,.srn-btn.srn-btn--primary:hover,
.srn-cta .srn-btn--accent:hover,.srn-disp .srn-btn.srn-btn--accent:hover{
  background:var(--blue-mid) !important;color:#FFFFFF !important;}
.srn-disp .srn-btn.srn-btn--accent *,.srn-cta .srn-btn--accent *,.fin-band .srn-btn--accent *{color:#FFFFFF !important;}
.srn-disp__time{color:var(--blue-deep) !important;}
.srn-hero__console .srn-disp__time{color:var(--blue-deep) !important;}
.srn-disp__call{color:var(--blue-deep) !important;}
.srn-disp__call:hover{color:var(--blue-mid) !important;}
.srn-hero__title span{color:var(--blue-mid) !important;}
.srn-nav .srn-wordmark__cold{color:var(--blue-mid) !important;}
.srn-nav__links > a:hover,
.srn-nav__links > .srn-menu > .srn-menu__btn:hover{color:var(--blue-deep) !important;}
.srn-nav__cta .srn-lang__btn.is-on{background:var(--blue-deep) !important;}
.srn-section__sub a,.svc-block p a,.svc-main p a,.area-intro p a,
.car-aside a,.srn-link,a.srn-link{color:var(--blue-deep) !important;}
.srn-review{border-left-color:var(--blue-deep) !important;}
.hub-card:hover,.car-perk:hover,.equip-link:hover,
.srn-areas__region:hover,.area-svc-link:hover{border-color:var(--outline) !important;}
.svc-step__n,.srn-process__n,.srn-process__num{color:var(--blue-mid) !important;}

/* promo banner: light blue sweep */
.srn-promo{background:linear-gradient(90deg,#CFE7FA 0%,#DCEAF8 45%,#E6F1FB 100%) !important;}

/* frost bands pick up the blue tint */
.srn-cta,.fin-band{background:#E6F1FB !important;}


/* ---- Brand imaging: iceberg (replaces the bear mascot) ---- */
.brl-berg{position:absolute;z-index:6;pointer-events:none;
  filter:drop-shadow(3px 3px 0 rgba(11,30,58,.18));}
/* Anchor the berg's BASE to the panel's top edge rather than a magic negative
   offset — its opaque submerged mass then never enters the header band, and
   this holds at any size, so the breakpoint only changes dimensions. */
.brl-berg--dispatch{width:88px;height:88px;top:auto;bottom:100%;left:10px;margin-bottom:-8px;
  animation:brl-bob 4s ease-in-out infinite;}
.brl-berg--why{width:136px;height:136px;position:static;display:block;margin:0 auto 8px;
  animation:brl-bob 4.6s ease-in-out infinite;}
@keyframes brl-bob{0%,100%{transform:translateY(0) rotate(-2deg);}50%{transform:translateY(-6px) rotate(2deg);}}
@media(max-width:860px){.brl-berg--dispatch{width:66px;height:66px;left:6px;}}

/* rating stars: gold on the old dark ground was fine; on white it needs a deeper amber (3:1+) */
.srn-hero__trust .srn-rating__stars,.srn-hero__trust .srn-rating svg,
.srn-rating__stars,.srn-rating svg{color:#A8741A !important;}

/* trust strip now carries 8 credentials — grid keeps rows even instead of a
   flex row that orphaned the last item on its own line */
.trust-strip__inner{display:grid !important;grid-template-columns:repeat(4,1fr) !important;}
.trust-strip__item:not(:last-child)::after{display:none;}
.trust-strip__item{border-right:1px solid rgba(11,30,58,.10);
  border-bottom:1px solid rgba(11,30,58,.10);}
.trust-strip__item:nth-child(4n){border-right:0;}
.trust-strip__item:nth-child(n+5){border-bottom:0;}
@media(max-width:960px){
  .trust-strip__inner{grid-template-columns:repeat(2,1fr) !important;}
  .trust-strip__item:nth-child(4n){border-right:1px solid rgba(11,30,58,.10);}
  .trust-strip__item:nth-child(2n){border-right:0;}
  .trust-strip__item:nth-child(n+5){border-bottom:1px solid rgba(11,30,58,.10);}
  .trust-strip__item:nth-child(n+7){border-bottom:0;}
}
@media(max-width:480px){
  .trust-strip__inner{grid-template-columns:1fr !important;}
  .trust-strip__item{border-right:0 !important;}
  .trust-strip__item:last-child{border-bottom:0 !important;}
}


/* ============================================================
   HERO SCRIM — let the photo colour through
   Copy is narrowed to the left ~57% (the homepage pattern), so the
   white veil only needs to stay opaque there and can fall away
   sharply after it, exposing the photograph on the right.
   ============================================================ */
.srn-hero__bg,.svc-hero__bg,.car-hero__bg{
  opacity:1 !important;filter:saturate(1.04) contrast(1.02) brightness(1.02) !important;}

/* keep text inside the high-alpha zone */
.svc-hero h1,.car-hero h1{max-width:16ch !important;}
.svc-hero__lead,.car-hero__lead{max-width:44ch !important;}
.srn-hero__lead{max-width:44ch !important;}
.srn-hero__title{max-width:17ch !important;}

.srn-hero__scrim{background:
  linear-gradient(90deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.93) 40%,rgba(255,255,255,.88) 58%,
  rgba(255,255,255,.38) 72%,rgba(255,255,255,.08) 88%,rgba(255,255,255,0) 100%),
  linear-gradient(0deg,rgba(255,255,255,.4) 0%,rgba(255,255,255,0) 30%) !important;}

.svc-hero__scrim,.car-hero__scrim{background:
  linear-gradient(90deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.93) 40%,rgba(255,255,255,.88) 58%,
  rgba(255,255,255,.38) 72%,rgba(255,255,255,.08) 88%,rgba(255,255,255,0) 100%) !important;}


/* ============================================================
   HERO BOOKING CARD — rebuilt
   Was five stacked zones (heat index, checklist, dashed rules) that
   duplicated the credentials strip. Now one job: show the next slot
   and take the booking. Iceberg sits inside the header, not floating.
   ============================================================ */
.brl-berg--dispatch{display:none;}
.srn-disp__head{padding:14px 20px;align-items:center;}
.srn-disp__berg{width:38px;height:38px;flex:none;display:block;}
.srn-disp__live{font-size:11.5px;}


.srn-disp__label{font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;color:#5A7186;}




.srn-disp__act{display:flex;flex-direction:column;gap:2px;padding:0 22px 6px;}
.srn-disp .srn-disp__act .srn-btn{margin:0;width:100%;justify-content:center;}
.srn-disp__call{padding:14px 0 16px;}
.srn-disp__lic{padding:12px 20px;}

/* hero trust row: even wrap instead of an orphaned last item */
.srn-hero__trust{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;}
.srn-hero__trustsep{display:none;}
.srn-hero__trustitem{display:inline-flex;align-items:center;gap:7px;
  background:rgba(255,255,255,.72);border:1.5px solid var(--outline);border-radius:999px;
  padding:6px 13px;font-size:13px;font-weight:600;}
@media(max-width:860px){.srn-disp__time{font-size:25px;}}

/* hero is deliberately sparse now — give the copy room to breathe */
.srn-hero__lead{max-width:34ch !important;font-size:18px !important;}
.srn-hero__title{max-width:15ch !important;}
.srn-hero__actions{margin-top:26px !important;}
.srn-disp__act{padding-bottom:18px;}


/* ============================================================
   BANNER: NO GRADIENT
   The scrim is gone entirely so the photograph reads at full
   colour; legibility now comes from a solid card behind the copy.
   ============================================================ */
.srn-hero__scrim,.svc-hero__scrim,.car-hero__scrim{background:none !important;display:none !important;}
.srn-hero__bg,.svc-hero__bg,.car-hero__bg{opacity:1 !important;filter:none !important;}

/* copy sits on its own solid panel */
.srn-hero__copy{background:#FFFFFF;border:3px solid var(--outline);border-radius:22px;
  box-shadow:6px 6px 0 rgba(11,30,58,.5);padding:34px 34px 36px;max-width:560px;}
.srn-hero__lead{max-width:32ch !important;}
.srn-hero__title{max-width:14ch !important;}

.svc-hero__inner,.car-hero__inner{max-width:660px;margin:0 0 0 max(20px,calc((100vw - 1180px)/2));
  background:#FFFFFF;border:3px solid var(--outline);border-radius:22px;
  box-shadow:6px 6px 0 rgba(11,30,58,.5);padding:34px 34px 36px !important;}
.svc-hero h1,.car-hero h1{max-width:none !important;}
.svc-hero__lead,.car-hero__lead{max-width:44ch !important;}
@media(max-width:900px){
  .srn-hero__copy,.svc-hero__inner,.car-hero__inner{margin-left:16px;margin-right:16px;
    padding:26px 22px 28px !important;}
}


/* ============================================================
   BANNER TINT — flat, not graded
   A single uniform blue wash across the entire photograph, so the
   cool tone is consistent edge to edge with no lighter/darker side.
   ============================================================ */
.srn-hero__scrim,.svc-hero__scrim,.car-hero__scrim{
  display:block !important;background:rgba(26,94,143,.34) !important;}
.srn-hero__bg,.svc-hero__bg,.car-hero__bg{
  opacity:1 !important;filter:saturate(1.05) brightness(1.02) !important;}
.srn-hero,.svc-hero,.car-hero{background:#123E63 !important;}


/* ============================================================
   HERO — copy sits directly on the photograph
   No card. A deeper flat blue tint carries white type at AA
   (≥5:1 even over the photo's lightest areas).
   ============================================================ */
.srn-hero__copy{background:none !important;border:0 !important;box-shadow:none !important;
  padding:0 !important;max-width:620px !important;}
.svc-hero__inner,.car-hero__inner{background:none !important;border:0 !important;
  box-shadow:none !important;max-width:1180px !important;margin:0 auto !important;
  padding:clamp(40px,6vw,72px) clamp(20px,4vw,40px) !important;}

.srn-hero__scrim,.svc-hero__scrim,.car-hero__scrim{
  background:rgba(16,58,94,.76) !important;}

/* light type on the tinted photo */
.srn-hero__title,.svc-hero h1,.car-hero h1{color:#FFFFFF !important;
  text-shadow:0 2px 18px rgba(6,22,38,.35);}
.srn-hero__title span{color:#9FE8DA !important;}
.srn-hero__lead,.svc-hero__lead,.car-hero__lead{color:#DCEAF8 !important;
  text-shadow:0 1px 12px rgba(6,22,38,.3);}
.srn-hero__status{background:rgba(255,255,255,.14) !important;color:#EAF4FB !important;
  border:2px solid rgba(255,255,255,.55) !important;}
.svc-hero__eyebrow,.car-hero__eyebrow{background:rgba(255,255,255,.14) !important;
  color:#EAF4FB !important;border:2px solid rgba(255,255,255,.55) !important;}
.svc-hero__pill{background:rgba(255,255,255,.14) !important;color:#EAF4FB !important;
  border:2px solid rgba(255,255,255,.45) !important;}
.svc-hero__pill svg{color:#9FE8DA !important;}
.svc-hero__crumb,.svc-hero__crumb a,.car-hero__crumb,.car-hero__crumb a{color:#BCD6EA !important;}

/* buttons read against the dark photo */
.srn-hero__actions .srn-btn--accent,.svc-hero__actions .srn-btn--accent{
  background:#FFFFFF !important;color:#0B1E3A !important;border-color:#FFFFFF !important;}
.srn-hero__actions .srn-btn--accent *,.svc-hero__actions .srn-btn--accent *{color:#0B1E3A !important;}
.srn-hero__actions .srn-btn--accent:hover,.svc-hero__actions .srn-btn--accent:hover{
  background:#DCEAF8 !important;}
.srn-hero__actions .srn-btn--secondary,.svc-hero__actions .srn-btn--secondary{
  background:transparent !important;color:#FFFFFF !important;border-color:#FFFFFF !important;}
.srn-hero__actions .srn-btn--secondary:hover,.svc-hero__actions .srn-btn--secondary:hover{
  background:rgba(255,255,255,.16) !important;color:#FFFFFF !important;}


/* ============================================================
   ICEBERG AS THE RECURRING MOTIF
   The mark repeats as section texture, eyebrow glyph, band
   watermarks and footer sign-off.
   ============================================================ */

/* 1. eyebrow chips carry the berg instead of a snowflake */
.srn-eyebrow::before{content:"" !important;display:inline-block !important;
  width:15px !important;min-width:15px !important;height:15px !important;flex:none;
  background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3E%3Cpath%20d='M18%2036%20L28%2010%20L34%2021%20L40%208%20L50%2036%20Z'%20fill='%230B1E3A'/%3E%3Cpath%20d='M12%2036%20L56%2036%20L49%2050%20L34%2056%20L20%2048%20Z'%20fill='%231A5E8F'/%3E%3C/svg%3E") center/contain no-repeat !important;}

/* 2. light bands get a faint repeating berg field (replaces the snowflake) */
.srn-section--sunken,.srn-section--brand{
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20160%20160'%3E%3Cg%20opacity='0.055'%20stroke='%230B1E3A'%20stroke-width='3'%20fill='none'%20stroke-linejoin='round'%3E%3Cpath%20d='M52%2088%20L70%2042%20L80%2062%20L91%2038%20L108%2088%20Z'/%3E%3Cpath%20d='M42%2088%20L118%2088%20L106%20116%20L80%20128%20L56%20112%20Z'/%3E%3Cpath%20d='M26%2088%20H134'/%3E%3C/g%3E%3C/svg%3E") !important;
  background-size:200px 200px !important;}

/* 3. big watermark on the dark/frost bands */
.srn-cta,.fin-band{position:relative;overflow:hidden;}
.srn-cta::before,.fin-band::before{content:"";position:absolute;right:-30px;bottom:-40px;
  width:300px;height:300px;pointer-events:none;display:block !important;
  background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%20200'%3E%3Cg%20opacity='0.09'%20fill='%23123E63'%3E%3Cpath%20d='M58%20108%20L86%2032%20L103%2064%20L121%2026%20L150%20108%20Z'/%3E%3Cpath%20d='M40%20116%20L160%20116%20L142%20166%20L100%20186%20L56%20160%20Z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;}
.srn-cta > *,.fin-band > *{position:relative;z-index:1;}

/* 4. footer sign-off berg */
.srn-footer{position:relative;overflow:hidden;}
.srn-footer::before{content:"";position:absolute;right:-40px;top:-30px;width:280px;height:280px;
  pointer-events:none;background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%20200'%3E%3Cg%20opacity='0.09'%20fill='%23FFFFFF'%3E%3Cpath%20d='M58%20108%20L86%2032%20L103%2064%20L121%2026%20L150%20108%20Z'/%3E%3Cpath%20d='M40%20116%20L160%20116%20L142%20166%20L100%20186%20L56%20160%20Z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;}
.srn-footer > *{position:relative;z-index:1;}

/* 5. berg watermark behind service/area hero corner */
.srn-hero::after,.svc-hero::after{content:"";position:absolute;left:-50px;bottom:26px;width:230px;height:230px;
  pointer-events:none;z-index:1;opacity:.5;
  background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%20200'%3E%3Cg%20opacity='0.09'%20fill='%23FFFFFF'%3E%3Cpath%20d='M58%20108%20L86%2032%20L103%2064%20L121%2026%20L150%20108%20Z'/%3E%3Cpath%20d='M40%20116%20L160%20116%20L142%20166%20L100%20186%20L56%20160%20Z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;}


/* ============================================================
   MOBILE OPTIMISATION
   Phone is the primary conversion on a service site, so it stays
   visible; tap targets meet the 44px minimum.
   ============================================================ */
@media(max-width:680px){
  /* call button must never be hidden on a service site */
  .srn-nav__phone{display:inline-flex !important;align-items:center;justify-content:center;
    gap:0 !important;width:44px;height:44px;flex:none;border-radius:999px;
    background:var(--blue-deep) !important;border:2.5px solid var(--outline);
    box-shadow:2px 2px 0 var(--outline);overflow:hidden;}
  .srn-nav__phone svg{color:#FFFFFF !important;width:19px;height:19px;}
  .srn-nav__phone b,.srn-nav__phone span{display:none !important;}

  /* 44px minimum tap targets */
  .srn-nav__burger,.srn-nav__burger .srn-btn{width:44px !important;height:44px !important;}
  .srn-lang__btn{min-height:40px;padding-left:12px;padding-right:12px;}
  .srn-nav__inner{gap:9px;}

  /* eight credentials in one column is a long scroll — pair them up */
  .trust-strip__inner{grid-template-columns:repeat(2,1fr) !important;}
  .trust-strip__item{padding:14px 12px;}
  .trust-strip__txt b{font-size:12.5px;}
  .trust-strip__txt span{font-size:9.5px;}

  /* hero breathing room */
  .srn-hero__title{font-size:clamp(30px,8.6vw,38px) !important;}
  .srn-hero__actions{gap:10px;}
  .srn-hero__actions .srn-btn{width:100%;justify-content:center;}
}
@media(max-width:400px){
  .trust-strip__inner{grid-template-columns:1fr !important;}
}

/* remaining sub-44px tap targets + let typical phones show 2 credential columns */
@media(max-width:680px){
  .srn-lang__btn{min-height:44px !important;}
  .srn-nav__mobile a,.srn-nav__mobile button{min-height:44px;display:flex;align-items:center;}
  .srn-iconbtn,.srn-nav .srn-iconbtn{width:44px !important;height:44px !important;}
}
@media(max-width:340px){.trust-strip__inner{grid-template-columns:1fr !important;}}
@media(min-width:341px) and (max-width:680px){.trust-strip__inner{grid-template-columns:repeat(2,1fr) !important;}}


/* ---- Billing period toggle ---- */
.srn-billtoggle{display:inline-flex;gap:4px;margin-top:22px;padding:5px;background:#FFFFFF;
  border:2.5px solid var(--outline);border-radius:999px;box-shadow:3px 3px 0 var(--outline);}
.srn-billtoggle__btn{display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;
  font-family:'Fredoka',var(--font-display);font-weight:600;font-size:14.5px;
  padding:10px 20px;border-radius:999px;background:transparent;color:#33475C;min-height:44px;}
.srn-billtoggle__btn:hover{color:var(--blue-deep);}
.srn-billtoggle__btn.is-on{background:var(--blue-deep);color:#FFFFFF;}
.srn-billtoggle__save{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;background:#BCE3FF;color:#0B1E3A;padding:3px 7px;border-radius:999px;}
.srn-billtoggle__btn.is-on .srn-billtoggle__save{background:#9FE8DA;color:#04231D;}
/* first feature row is the billing note — set it apart */
.srn-plan__features li:first-child{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;
  text-transform:uppercase;color:#4A5F73;border-bottom:1px dashed var(--paper-line);
  padding-bottom:10px;margin-bottom:4px;}
.srn-plan__features li:first-child svg{display:none;}


/* ============================================================
   HERO REQUEST CARD
   Replaces the live-availability panel — no slot inventory is
   implied; the customer states a preference and we confirm.
   ============================================================ */
.srn-req__heading{font-family:'Fredoka',var(--font-display);font-weight:600;font-size:16px;
  color:#FFFFFF;letter-spacing:.01em;}
.srn-req__toggle{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:16px 18px 4px;background:#FFFFFF;}
.srn-req__tab{border:2.5px solid var(--outline);background:#FFFFFF;color:#33475C;cursor:pointer;
  font-family:'Fredoka',var(--font-display);font-weight:600;font-size:14px;
  padding:11px 10px;border-radius:999px;min-height:44px;}
.srn-req__tab:hover{background:var(--blue-soft);}
.srn-req__tab.is-on{background:var(--blue-deep);color:#FFFFFF;box-shadow:2px 2px 0 var(--outline);}
.srn-req__fields{display:flex;flex-direction:column;gap:6px;padding:14px 18px 16px;background:#FFFFFF;}
.srn-req__label{font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:#4A5F73;margin-top:6px;}
.srn-req__input{width:100%;min-height:46px;padding:10px 13px;font-family:var(--font-body);font-size:15px;
  color:#16212E;background:#FFFFFF;border:2.5px solid var(--outline);border-radius:12px;}
.srn-req__input:focus{outline:none;border-color:var(--blue-deep);box-shadow:2px 2px 0 var(--blue-deep);}
.srn-req .srn-disp__lic{text-transform:none;font-size:11px;letter-spacing:.02em;line-height:1.4;
  text-align:left;justify-content:flex-start;}

/* hero is single-column now — the request card was removed */
.srn-hero__inner{grid-template-columns:1fr !important;}
.srn-hero__copy{max-width:640px !important;}
.srn-hero{min-height:clamp(460px,58vh,600px) !important;}

/* hero copy balance: stop "Miami-Dade." hyphen-breaking, tidy the rag */
.srn-hero__title{max-width:19ch !important;hyphens:none !important;text-wrap:balance;
  font-size:clamp(34px,5.4vw,62px) !important;line-height:1.02 !important;}
.srn-hero__lead{max-width:42ch !important;text-wrap:pretty;}
.srn-hero__inner{align-content:center;padding-top:clamp(48px,7vh,86px) !important;
  padding-bottom:clamp(56px,8vh,96px) !important;}
.srn-hero{min-height:clamp(440px,54vh,560px) !important;}
.srn-hero__copy{display:flex;flex-direction:column;gap:18px;}
.srn-hero__status{align-self:flex-start;}
@media(max-width:860px){
  .srn-hero__title{max-width:16ch !important;}
  .srn-hero__lead{max-width:38ch !important;}
}

/* ---- Hero polish: more photo colour, clearer CTA hierarchy ---- */
/* tint stays flat (no gradient) but lighter — white body copy still clears AA
   at ~4.9:1 over the photo's brightest areas */
.srn-hero__scrim,.svc-hero__scrim,.car-hero__scrim{background:rgba(16,58,94,.72) !important;}

.srn-hero__status{font-size:11.5px !important;letter-spacing:.16em !important;padding:8px 15px !important;}
.srn-hero__lead{font-size:19px !important;line-height:1.6 !important;color:#E6F1FB !important;}

/* primary reads first; secondary recedes to a ghost */
.srn-hero__actions .srn-btn--accent{box-shadow:4px 4px 0 rgba(6,22,38,.45) !important;}
.srn-hero__actions .srn-btn--secondary{border-width:2px !important;
  background:rgba(255,255,255,.08) !important;box-shadow:none !important;}
.srn-hero__actions .srn-btn--secondary:hover{background:rgba(255,255,255,.2) !important;}

/* ---- Hero spacing: flex gap owns the rhythm; legacy margins were stacking
   on top of it and making the gaps uneven ---- */
.srn-hero__inner{display:grid;align-items:center;}
.srn-hero__copy{display:flex;flex-direction:column;align-items:flex-start;gap:0 !important;}
.srn-hero__copy > *{margin:0 !important;}
.srn-hero__status{margin-bottom:20px !important;}
.srn-hero__title{margin-bottom:16px !important;}
.srn-hero__lead{margin-bottom:30px !important;}
.srn-hero__actions{margin:0 !important;row-gap:12px;}
@media(max-width:860px){
  .srn-hero__status{margin-bottom:16px !important;}
  .srn-hero__title{margin-bottom:14px !important;}
  .srn-hero__lead{margin-bottom:24px !important;}
}

/* ---- Hero fills the viewport below the sticky nav + promo bar ----
   svh (small viewport height) avoids the mobile-browser URL-bar jump that
   plain vh causes. Capped so tall desktop screens don't over-stretch. */
.srn-hero{min-height:clamp(520px,calc(100svh - 116px),920px) !important;height:auto !important;}
@media(max-width:860px){
  .srn-hero{min-height:clamp(460px,calc(100svh - 104px),780px) !important;}
}
@media(max-width:680px){
  .srn-hero{min-height:calc(100svh - 96px) !important;}
}


/* ============================================================
   HERO WEATHER GAUGE — live Miami conditions
   Sits opposite the copy; white card on the tinted photo so the
   readout stays legible without another scrim.
   ============================================================ */
.srn-hero__inner{grid-template-columns:1fr !important;}
@media(min-width:1000px){
  .srn-hero__inner{grid-template-columns:minmax(0,1fr) 330px !important;
    gap:clamp(28px,4vw,64px) !important;align-items:center !important;}
}

.brl-wx{background:#FFFFFF;border:3px solid var(--outline);border-radius:22px;
  box-shadow:6px 6px 0 rgba(11,30,58,.5);padding:20px 22px 18px;width:100%;max-width:330px;}
@media(max-width:999px){.brl-wx{margin-top:30px;}}

.brl-wx__head{display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding-bottom:14px;border-bottom:2px dashed var(--paper-line);}
.brl-wx__loc,.brl-wx__cond{display:inline-flex;align-items:center;gap:6px;
  font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:#4A5F73;}
.brl-wx__loc svg,.brl-wx__cond svg{width:14px;height:14px;color:var(--blue-deep);}

.brl-wx__gauge{position:relative;padding:16px 0 4px;}
.brl-wx__gauge svg{display:block;width:100%;height:auto;}
.brl-wx__arc{transition:stroke-dashoffset 1.1s cubic-bezier(.4,0,.2,1);}
.brl-wx__readout{position:absolute;left:0;right:0;bottom:6px;display:flex;
  flex-direction:column;align-items:center;gap:2px;}
.brl-wx__readout b{font-family:'Fredoka',var(--font-display);font-weight:600;
  font-size:44px;line-height:1;letter-spacing:-.03em;color:#0B1E3A;}
.brl-wx__readout b span{font-size:20px;vertical-align:super;color:var(--blue-mid);}
.brl-wx__readout em{font-style:normal;font-size:12.5px;font-weight:600;color:#4A5F73;}

.brl-wx__band{margin-top:12px;padding:12px 14px;background:#DCEAF8;
  border:2px solid var(--outline);border-radius:12px;display:flex;flex-direction:column;gap:3px;}
.brl-wx__band b{font-family:'Fredoka',var(--font-display);font-weight:600;font-size:14.5px;color:#0B1E3A;}
.brl-wx__band span{font-size:12.5px;line-height:1.45;color:#33475C;}

.brl-wx__stats{display:flex;flex-direction:column;gap:7px;padding-top:13px;}
.brl-wx__stats span{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:#4A5F73;}
.brl-wx__stats svg{width:14px;height:14px;color:var(--blue-mid);flex:none;}

.brl-wx.is-loading .brl-wx__readout b{color:#8D9DB0;}


/* ============================================================
   ICEBERG IMAGERY FAMILY
   Five distinct forms rather than one repeated icon: a peak
   outline, a tall spire, a wide berg, a floe cluster, and an
   outline range used as a horizon rule.
   ============================================================ */

/* retire the single repeating berg field — replaced by varied forms */
.srn-section--sunken,.srn-section--brand{background-image:none !important;}

/* PEAK OUTLINE — rides the top edge of light sections like a horizon */
.srn-section--sunken{position:relative;}
.srn-section--sunken::before{content:"";position:absolute;left:0;right:0;top:0;height:56px;
  pointer-events:none;opacity:.16;
  background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%2090'%3E%3Cg%20fill='none'%20stroke='%230B1E3A'%20stroke-width='4'%20stroke-linejoin='round'%20stroke-linecap='round'%3E%3Cpath%20d='M22%2076%20L74%2018%20L96%2046%20L124%2012%20L178%2076'/%3E%3Cpath%20d='M74%2022%20L84%2074'/%3E%3Cpath%20d='M124%2018%20L116%2074'/%3E%3Cpath%20d='M8%2076%20H192'/%3E%3C/g%3E%3C/svg%3E") repeat-x top/200px 90px;}

/* OUTLINE RANGE — horizon rule above the credentials strip + footer */
.trust-strip{position:relative;}
.trust-strip::before{content:"";position:absolute;left:0;right:0;top:0;height:34px;
  pointer-events:none;opacity:.5;
  background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20480%2060'%3E%3Cg%20fill='none'%20stroke='%230B1E3A'%20stroke-width='3'%20stroke-linejoin='round'%20stroke-linecap='round'%20opacity='0.5'%3E%3Cpath%20d='M0%2052%20L44%2020%20L62%2038%20L86%2014%20L118%2052'/%3E%3Cpath%20d='M138%2052%20L176%2026%20L196%2044%20L214%2030%20L242%2052'/%3E%3Cpath%20d='M262%2052%20L292%2022%20L308%2040%20L330%2016%20L358%2052'/%3E%3Cpath%20d='M378%2052%20L410%2028%20L428%2042%20L444%2024%20L472%2052'/%3E%3Cpath%20d='M0%2052%20H480'/%3E%3C/g%3E%3C/svg%3E") repeat-x top/480px 60px;}

/* TALL SPIRE — flanks the plans + brand bands */
.srn-section--brand{position:relative;overflow:hidden;}
.srn-section--brand::before{content:"";position:absolute;left:-26px;bottom:-20px;
  width:150px;height:250px;pointer-events:none;opacity:.16;
  background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20120%20200'%3E%3Cpath%20d='M34%20128%20L60%2020%20L74%2062%20L86%20128%20Z'%20fill='%23FFFFFF'%20stroke='%230B1E3A'%20stroke-width='5'%20stroke-linejoin='round'/%3E%3Cpath%20d='M22%20128%20L98%20128%20L86%20168%20L60%20182%20L34%20162%20Z'%20fill='%23BCE3FF'%20stroke='%230B1E3A'%20stroke-width='5'%20stroke-linejoin='round'/%3E%3Cpath%20d='M60%2024%20L60%20178'%20stroke='%230B1E3A'%20stroke-width='2.5'%20opacity='0.25'%20fill='none'/%3E%3C/svg%3E") left bottom/contain no-repeat;}

/* WIDE BERG — anchors the CTA band, replacing the solid watermark */
.srn-cta::before{background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20260%20140'%3E%3Cpath%20d='M40%2078%20L88%2026%20L108%2050%20L134%2020%20L168%2052%20L192%2034%20L222%2078%20Z'%20fill='%23FFFFFF'%20stroke='%230B1E3A'%20stroke-width='5'%20stroke-linejoin='round'/%3E%3Cpath%20d='M22%2078%20L238%2078%20L214%20116%20L130%20134%20L48%20112%20Z'%20fill='%23BCE3FF'%20stroke='%230B1E3A'%20stroke-width='5'%20stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat !important;
  width:340px !important;height:190px !important;right:-40px !important;bottom:-24px !important;
  opacity:.2 !important;}

/* FLOE CLUSTER — light punctuation under the financing band */
.fin-band::before{background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20240%2070'%3E%3Cg%20stroke='%230B1E3A'%20stroke-width='4'%20stroke-linejoin='round'%3E%3Cpath%20d='M18%2044%20L34%2022%20L52%2044%20Z'%20fill='%23FFFFFF'/%3E%3Cpath%20d='M8%2044%20H62%20L54%2058%20L30%2062%20L14%2054%20Z'%20fill='%23BCE3FF'/%3E%3Cpath%20d='M96%2040%20L112%2014%20L126%2032%20L140%2040%20Z'%20fill='%23FFFFFF'/%3E%3Cpath%20d='M86%2040%20H150%20L140%2056%20L114%2062%20L94%2052%20Z'%20fill='%23BCE3FF'/%3E%3Cpath%20d='M182%2044%20L198%2026%20L214%2044%20Z'%20fill='%23FFFFFF'/%3E%3Cpath%20d='M172%2044%20H226%20L216%2058%20L194%2062%20L178%2054%20Z'%20fill='%23BCE3FF'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat !important;
  width:300px !important;height:90px !important;right:24px !important;bottom:12px !important;
  opacity:.24 !important;}

/* SPIRE watermark in the footer instead of the solid mark */
.srn-footer::before{background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20120%20200'%3E%3Cpath%20d='M34%20128%20L60%2020%20L74%2062%20L86%20128%20Z'%20fill='%239FE8DA'%20stroke='%23DCEAF8'%20stroke-width='5'%20stroke-linejoin='round'/%3E%3Cpath%20d='M22%20128%20L98%20128%20L86%20168%20L60%20182%20L34%20162%20Z'%20fill='%231A5E8F'%20stroke='%23DCEAF8'%20stroke-width='5'%20stroke-linejoin='round'/%3E%3Cpath%20d='M60%2024%20L60%20178'%20stroke='%23DCEAF8'%20stroke-width='2.5'%20opacity='0.25'%20fill='none'/%3E%3C/svg%3E") right top/contain no-repeat !important;
  width:180px !important;height:300px !important;right:6% !important;opacity:.14 !important;}

/* PEAK OUTLINE as a quiet accent on the service-hub + area grids */
.srn-areas__region,.hub-card{position:relative;overflow:hidden;}
.srn-areas__region::after{content:"";position:absolute;right:-14px;bottom:-10px;width:110px;height:50px;
  pointer-events:none;opacity:.1;
  background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%2090'%3E%3Cg%20fill='none'%20stroke='%230B1E3A'%20stroke-width='4'%20stroke-linejoin='round'%20stroke-linecap='round'%3E%3Cpath%20d='M22%2076%20L74%2018%20L96%2046%20L124%2012%20L178%2076'/%3E%3Cpath%20d='M74%2022%20L84%2074'/%3E%3Cpath%20d='M124%2018%20L116%2074'/%3E%3Cpath%20d='M8%2076%20H192'/%3E%3C/g%3E%3C/svg%3E") right bottom/contain no-repeat;}

@media(max-width:860px){
  .srn-section--brand::before{width:104px;height:174px;}
  .srn-cta::before{width:220px !important;height:124px !important;}
  .fin-band::before{width:200px !important;height:60px !important;}
  .srn-footer::before{width:120px !important;height:200px !important;}
}

/* equipment tiles: white glyphs on the teal gradient plate */
.equip-link__icon,.equip-link__icon svg,.equip-strip__icon,.equip-strip__icon svg{
  color:#FFFFFF !important;stroke:#FFFFFF !important;}


/* ============================================================
   WEATHER GAUGE — COMPACT VARIANT BELOW THE 2-COLUMN BREAKPOINT
   The full 394px card, stacked into the single-column hero flow,
   made the hero content-driven (936px at 924×540) and defeated the
   100svh sizing. Below 1000px it collapses to an ~84px horizontal
   strip: arc and band copy drop, the live readout stays.
   ============================================================ */
@media(max-width:999px){
  .brl-wx{max-width:none;margin-top:22px;padding:12px 16px;border-radius:16px;
    box-shadow:4px 4px 0 rgba(11,30,58,.5);
    display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
  .brl-wx__head{border-bottom:0;padding-bottom:0;gap:14px;flex:1 1 auto;order:2;
    flex-direction:column;align-items:flex-start;}
  .brl-wx__gauge{padding:0;order:1;flex:none;}
  .brl-wx__gauge svg{display:none;}                 /* arc is the tall part */
  .brl-wx__readout{position:static;flex-direction:row;align-items:baseline;gap:8px;}
  .brl-wx__readout b{font-size:34px;}
  .brl-wx__readout b span{font-size:15px;}
  .brl-wx__readout em{font-size:12px;}
  .brl-wx__band{display:none;}                       /* two lines of prose */
  .brl-wx__stats{flex-direction:row;padding-top:0;order:3;flex:none;}
  .brl-wx__stats span:last-child{display:none;}      /* "live conditions" is implied */
  .brl-wx__stats span{font-size:12px;}
  .brl-wx__head .brl-wx__cond{font-size:10px;}
}

/* svh sizing now holds at every width: hero content fits inside it */
.srn-hero{min-height:clamp(520px,calc(100svh - 116px),920px) !important;}
@media(max-width:999px){
  .srn-hero{min-height:clamp(420px,calc(100svh - 104px),820px) !important;}
  .srn-hero__inner{padding-top:clamp(32px,5vh,60px) !important;
    padding-bottom:clamp(36px,5vh,64px) !important;row-gap:0 !important;}
}
@media(max-width:680px){
  .srn-hero{min-height:calc(100svh - 96px) !important;}
}
/* short landscape screens: let the hero shrink rather than overrun */
@media(max-height:620px) and (max-width:999px){
  .srn-hero{min-height:auto !important;}
  .brl-wx{margin-top:16px;}
}

/* mobile nav showed two call buttons — .srn-nav__call and .srn-nav__phone.
   Keep the solid blue one; drop the duplicate. */
@media(max-width:680px){
  .srn-nav__call{display:none !important;}
}