/* ==========================================================================
   FRESH — bright, bold, restrained. White canvas, deep ink, ONE indigo accent.
   Loaded after mc.css. Flips tokens to light and re-scopes dark surfaces.
   ========================================================================== */
:root{
  --ink:#ffffff;--ink-2:#f1f8f4;--ink-3:#dcefe6;--ink-4:#c3e3d4;
  --line:rgba(11,31,27,.1);--line-2:rgba(11,31,27,.2);
  --ivory:#e6f5ee;--paper:#f7f5ef;--sand:#f1ede3;
  --gold:#0c7a5c;--gold-2:#075f47;--gold-3:#064a38;--gold-glow:rgba(12,122,92,.3);
  --mint:#0b9a62;--rose:#e5484d;
  --tx:#0b1f1b;--tx-2:rgba(11,31,27,.72);--tx-3:rgba(11,31,27,.5);
  --dk:#0b1f1b;--dk-2:rgba(11,31,27,.72);--dk-3:rgba(11,31,27,.5);
  --accent:#0c7a5c;--soft:#8fe3c2;--deep:#0b1f1b;--deep-2:#10332b;
  --serif:'Bricolage Grotesque','Manrope',system-ui,sans-serif;
  --r-m:22px;--r-l:32px;--r-xl:44px;
}
body{background:#fff;color:var(--tx)}
body::after{opacity:.025}
.mc-glow{background:radial-gradient(circle,rgba(12,122,92,.09),transparent 62%);mix-blend-mode:multiply}
.mc-progress{background:var(--accent);height:3px}

/* dark islands: tokens flip back to light-on-dark inside these surfaces */
.tile,.hpanel,.promo-card,.cta,.hscroll,.foot,.rate-hero,.calc__out,.ccard,.phone__scr,.cc__face,.mega__promo,.split__badge,.cmpbar,.strip figure,.globe-card,.marquee,.bigtext{
  --tx:#fff;--tx-2:rgba(255,255,255,.78);--tx-3:rgba(255,255,255,.52);
  --line:rgba(255,255,255,.16);--line-2:rgba(255,255,255,.28);
  --gold:#8fe3c2;--gold-2:#cdeedf;--ink-2:#10332b;--ink-3:#17463b;--mint:#6af0b6;
  color:#fff}

/* ---------- type ---------- */
.h-xl,.h-lg,.h-md,.h-sm,.card h3,.tile h3,.step h3,.acc__q,.quote p,.stat b,.rrow__r b,.cc__apr b,.hero__stats b,.brand,.calc__big,.rate-hero__num,.hpanel h3,.cbox b,.care a b,.foot__word,.drawer summary,.drawer .drawer__plain,.ncard h3,.aside-card h4,.mega__promo h4,.marquee__item b,.phone__bal b,.field label output,.promo-card__amt,.hpanel__n,.card__num,.cbox::after,.bigtext span,.step::before{font-family:var(--serif);font-optical-sizing:auto}
.h-xl{font-weight:800;letter-spacing:-.035em;line-height:.95;font-size:clamp(3rem,7.4vw,6.8rem)}
.h-lg{font-weight:800;letter-spacing:-.035em;line-height:1;font-size:clamp(2.4rem,5.2vw,4.6rem)}
.h-md{font-weight:700;letter-spacing:-.03em}
.h-sm{font-weight:700}
.card h3,.cc h3,.step h3,.ncard h3{font-weight:700;letter-spacing:-.02em;font-size:1.5rem;line-height:1.15}
.tile h3{font-weight:700;letter-spacing:-.03em;font-size:1.8rem}.tile--a h3{font-size:2.8rem}
.acc__q{font-weight:700;font-size:1.3rem;letter-spacing:-.01em}
.quote p{font-weight:500;font-size:1.3rem;letter-spacing:-.01em;line-height:1.4}
.stat b{font-weight:800;letter-spacing:-.05em}
.rrow__r b{font-weight:800;letter-spacing:-.03em;font-size:1.9rem}.cc__apr b{font-weight:800;font-size:2.8rem;letter-spacing:-.04em}
.hero__stats b{font-weight:800;color:var(--tx);letter-spacing:-.04em}
.brand{font-weight:800;letter-spacing:-.03em;font-size:1.35rem}
.calc__big,.rate-hero__num{font-weight:800;letter-spacing:-.05em}
.hpanel h3{font-weight:800;letter-spacing:-.04em}
.foot__word{font-weight:800;letter-spacing:-.06em;-webkit-text-stroke:0;color:rgba(255,255,255,.06)}
.drawer summary,.drawer .drawer__plain{font-weight:700;letter-spacing:-.03em}
.hpanel__n,.card__num,.cbox::after{font-weight:800}
.hero .h-xl{font-size:clamp(3rem,7.2vw,6.6rem)}

/* emphasis: soft indigo highlighter instead of italic */
.h-xl em,.h-lg em,.h-md em{font-style:normal;font-weight:inherit;color:var(--tx);background:linear-gradient(transparent 60%,#cdeedf 60%,#cdeedf 92%,transparent 92%);padding:0 .06em;margin:0 -.06em;-webkit-box-decoration-break:clone;box-decoration-break:clone;animation:none}
.cta em,.promo-card em,.hscroll em,.foot em,.rate-hero em,.globe-card em{color:var(--soft);background:none}
.sec--paper .h-lg em,.sec--ivory .h-lg em,.sec--paper .h-md em{color:var(--tx)}
.lead{color:var(--tx-2);font-size:clamp(1.05rem,1.3vw,1.2rem)}

/* eyebrow -> quiet pill */
.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 15px;border-radius:999px;background:#e6f5ee;color:#075f47;font-size:.68rem;letter-spacing:.12em;font-weight:800;text-transform:uppercase;justify-self:start;width:fit-content;align-self:start}
.eyebrow::before{width:7px;height:7px;border-radius:50%;background:var(--accent);transform:none}
.eyebrow::after{display:none}
.sec--paper .eyebrow,.sec--ivory .eyebrow{background:#fff;color:#075f47}
.center .eyebrow,.sec-head.center .eyebrow,.cta .eyebrow{justify-self:center;margin-inline:auto}
.cta .eyebrow,.hscroll .eyebrow,.rate-hero .eyebrow,.globe-card .eyebrow,.promo-card .eyebrow{background:rgba(255,255,255,.12);color:#cdeedf}
.cta .eyebrow::before,.hscroll .eyebrow::before,.rate-hero .eyebrow::before,.globe-card .eyebrow::before,.promo-card .eyebrow::before{background:var(--soft)}
.foot h5{background:none;border:0;padding:0;letter-spacing:.16em;color:var(--soft)}

/* ---------- buttons ---------- */
.btn{border-radius:999px;font-weight:800;letter-spacing:0;text-transform:none;font-size:.95rem;padding:17px 30px;border-width:2px}
.btn::before{background:#0b1f1b}
.btn--gold{--bg:#0c7a5c;--fg:#fff;--bd:#0c7a5c;box-shadow:0 16px 32px -14px rgba(12,122,92,.65)}
.btn--gold:hover{color:#fff;border-color:#0b1f1b}
.btn--line{--fg:var(--tx);--bd:#0b1f1b}
.btn--line:hover{color:#fff!important;border-color:#0b1f1b}
.btn--ink{--bg:#0b1f1b;--fg:#fff;--bd:#0b1f1b}
.btn--ink::before{background:#0c7a5c}.btn--ink:hover{color:#fff}
.cta .btn--gold,.promo-card .btn--gold,.foot .btn--gold,.rate-hero .btn--gold,.globe-card .btn--gold,.hscroll .btn--gold{--bg:#fff;--fg:#0b1f1b;--bd:#fff;box-shadow:none}
.cta .btn--gold::before,.promo-card .btn--gold::before,.rate-hero .btn--gold::before,.globe-card .btn--gold::before,.hscroll .btn--gold::before{background:#cdeedf}
.cta .btn--gold:hover,.promo-card .btn--gold:hover,.rate-hero .btn--gold:hover,.globe-card .btn--gold:hover{color:#0b1f1b;border-color:#cdeedf}
.cta .btn--line,.promo-card .btn--line,.globe-card .btn--line{--bd:rgba(255,255,255,.7);--fg:#fff}
.cta .btn--line:hover,.promo-card .btn--line:hover{color:#0b1f1b!important;border-color:#fff}
.cta .btn--line::before,.promo-card .btn--line::before{background:#fff}
.link-arrow{color:#0c7a5c;text-transform:none;letter-spacing:0;font-size:.95rem;font-weight:800}
.hscroll .link-arrow,.tile .link-arrow,.cta .link-arrow,.promo-card .link-arrow,.hpanel .link-arrow{color:#cdeedf}

/* ---------- nav ---------- */
.nav.is-stuck{background:rgba(255,255,255,.86);border-color:var(--line)}
.nav__link{color:var(--tx-2);text-transform:none;letter-spacing:0;font-size:.92rem;font-weight:700;border-radius:999px}
.nav__item:hover>.nav__link,.nav__link:focus-visible,.nav__link.is-active{background:#e6f5ee;color:#0b1f1b}
.nav__login{color:#0b1f1b;border:2px solid #0b1f1b;font-weight:800;border-radius:999px}
.nav__login:hover{background:#0b1f1b;color:#fff;border-color:#0b1f1b}
.mega__panel{background:#fff;border:1.5px solid #0b1f1b;border-radius:28px;box-shadow:8px 8px 0 #0b1f1b}
.mega__links li a{color:var(--tx)}
.mega__links li a:hover{background:#f1f8f4}
.mega__ico{background:#e6f5ee;border:0;color:#0c7a5c;border-radius:14px}
.drawer{background:#fff}
.burger{border-color:#0b1f1b}.burger span{background:#0b1f1b}

/* ---------- hero ---------- */
.hero::before{background:radial-gradient(55% 60% at 88% 10%,rgba(12,122,92,.16),transparent 62%),radial-gradient(45% 50% at 6% 100%,rgba(12,122,92,.1),transparent 62%),#f8fcfa}
.hero__bg{display:none}
.hero::after,.phero::after,.cta::after{display:none}
.hero__globe{opacity:.3}.hero__globe ellipse,.hero__globe circle{stroke:#0c7a5c}
.hero__tag{background:#fff;border:2px solid #0b1f1b;color:#0b1f1b;border-radius:999px;font-weight:700}
.hero__tag i{background:#0c7a5c;color:#fff;border-radius:50%;transform:none}
.hero__stats{border-color:rgba(11,31,27,.15)}
.hero__stats span,.hero__scroll{color:var(--tx-3)}
.float{background:#fff;border:2px solid #0b1f1b;box-shadow:5px 5px 0 #0b1f1b;backdrop-filter:none;--tx:#0b1f1b;--tx-3:rgba(11,31,27,.55);--gold:#0c7a5c;color:#0b1f1b}
.float__ico{background:#e6f5ee;color:#0c7a5c;border-radius:14px}
.float--c .float__ico,.float--a .float__ico{background:#e4f8ee;color:#0b9a62}
.spark path{stroke:#0c7a5c}
.vault::before{border-color:rgba(12,122,92,.3)}
.vault::after{background:radial-gradient(closest-side,rgba(12,122,92,.25),transparent)}
.ccard{background:linear-gradient(135deg,#12936f 0%,#0b3d31 55%,#0b1f1b 100%);border:2px solid #0b1f1b;box-shadow:9px 9px 0 #0b1f1b}
.ccard::after{border-color:rgba(255,255,255,.2);box-shadow:0 0 0 40px rgba(255,255,255,.05),0 0 0 90px rgba(255,255,255,.03)}
.ccard__chip{background:linear-gradient(135deg,#cdeedf,#9a96ff)}

/* inner page hero */
.phero{background:#f4faf7}
.phero::before{background:radial-gradient(50% 70% at 95% 0%,rgba(12,122,92,.14),transparent 60%)}
.phero__bg{opacity:.95;background-position:right center;background-size:55% 100%;background-repeat:no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 40%);mask-image:linear-gradient(90deg,transparent 0,#000 40%);inset:0;z-index:-3}
.crumbs{color:var(--tx-3)}.crumbs span{color:#0c7a5c;font-weight:800}
.phero .h-xl{max-width:14ch}.phero .lead{max-width:48ch}
@media(max-width:900px){.phero__bg{background-size:cover;opacity:.16;-webkit-mask-image:none;mask-image:none}}

/* ---------- sections ---------- */
.marquee{background:#0b1f1b;border:0;padding:20px 0}
.marquee__item b{color:#fff;font-weight:700;font-size:1.2rem;letter-spacing:-.02em}
.marquee__item em{color:#6af0b6;font-weight:800}.marquee__item .dot{background:var(--soft)}
.qstrip{background:#fff;border-bottom:1.5px solid #0b1f1b}
.qstrip a{border-color:rgba(11,31,27,.12)}.qstrip a:hover{background:#f1f8f4}
.qstrip a>.i:first-child,.qstrip a>.i:last-child{color:#0c7a5c}
.sec--2{background:#f1f8f4}
.sec--ivory{background:#e6f5ee}
.sec--paper{background:#f7f5ef}
.sec:not(.sec--paper):not(.sec--ivory)::before{background:radial-gradient(closest-side,rgba(12,122,92,.06),transparent)}
.sec--ivory::after{border-color:rgba(12,122,92,.14);box-shadow:0 0 0 34px rgba(12,122,92,.04),0 0 0 80px rgba(12,122,92,.025)}
.sec--grid::after{background-image:linear-gradient(rgba(11,31,27,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(11,31,27,.045) 1px,transparent 1px)}
.bigtext{background:#0b1f1b;border:0}
.bigtext span{-webkit-text-stroke:1.5px rgba(143,227,194,.8);color:transparent;font-weight:800;letter-spacing:-.05em}
.bigtext span:nth-of-type(3n+2){color:#fff;-webkit-text-stroke:0;font-style:normal}
.bigtext i{color:var(--soft)}
.hscroll{background:#0b1f1b}
.hintro .hint{color:rgba(255,255,255,.6)}
.hpanel{border:1.5px solid rgba(255,255,255,.35);border-radius:32px}
.hpanel::before{background:linear-gradient(to top,rgba(11,31,27,.96) 12%,rgba(11,31,27,.2) 70%)}
.hpanel__n{-webkit-text-stroke:1.5px rgba(255,255,255,.5)}
.hpanel__tags span{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.35);color:#fff;border-radius:999px}
.hscroll__bar{background:rgba(255,255,255,.18)}.hscroll__bar i{background:#8fe3c2}
.tile{border:2px solid #0b1f1b;border-radius:32px}
.tile::after{background:linear-gradient(to top,rgba(11,31,27,.95) 8%,rgba(11,31,27,.12) 65%)}
.tile__bg{filter:none}
.tile__ico,.tile__arr{background:#fff;color:#0b1f1b;border:0}
.tile:hover .tile__arr{background:#0c7a5c;color:#fff}
.promo-card{border:2px solid #0b1f1b;border-radius:40px}
.promo-card::before{background:linear-gradient(95deg,rgba(11,31,27,.95) 15%,rgba(10,100,76,.6) 62%,rgba(10,100,76,.08))}
.promo-card__amt{-webkit-text-stroke:2px rgba(255,255,255,.5);font-weight:800}
.rate-hero{background:linear-gradient(160deg,#12936f 0%,#0b1f1b 100%);border:2px solid #0b1f1b;border-radius:36px;box-shadow:9px 9px 0 #0b1f1b}
.rate-hero::after{background:radial-gradient(circle,rgba(143,227,194,.35),transparent 70%)}
.rate-hero__num{color:#fff}
.rate-panel{background:#fff;border:2px solid #0b1f1b;border-radius:36px;box-shadow:9px 9px 0 #cdeedf}
.tabs{background:#f1f8f4;border:0;border-radius:999px}
.tab{color:var(--tx-2);font-weight:800}.tab.is-on{background:#0b1f1b;color:#fff}
.rrow:hover{background:#f1f8f4}
.rrow__ico{background:#e6f5ee;color:#0c7a5c;border-radius:16px}
.rrow__r b{color:#0b1f1b}.rrow__r b i{color:#0c7a5c}
.card{border:2px solid #0b1f1b;border-radius:32px;background:#fff;box-shadow:6px 6px 0 #0b1f1b;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.card:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 #0b1f1b;border-color:#0b1f1b}
.card::before{display:none}
.grid-3>.card:nth-child(odd),.grid-4>.card:nth-child(odd),.grid-2>.card:nth-child(4n+1),.grid-2>.card:nth-child(4n+4){background:#f1f8f4}
.sec--ivory .card,.sec--paper .card{background:#fff}
.card__ico{background:#fff;color:#0c7a5c;border:2px solid #0b1f1b;border-radius:18px}
.card:hover .card__ico{background:#0c7a5c;color:#fff;transform:rotate(-8deg) scale(1.08)}
.card__num{color:rgba(11,31,27,.07)}
.cbox{background:#fff;border:2px solid #0b1f1b;border-radius:30px;box-shadow:6px 6px 0 #0b1f1b}
.cbox:hover{background:#f1f8f4;transform:translate(-3px,-3px);box-shadow:9px 9px 0 #0b1f1b;border-color:#0b1f1b}
.cbox::before{display:none}.cbox::after{color:rgba(11,31,27,.06)}.cbox:hover::after{color:rgba(12,122,92,.18)}
.cbox .i{color:#0c7a5c}
.care{border:2px solid #0b1f1b;border-radius:32px;background:#fff}
.care a{border-color:rgba(11,31,27,.12)}.care a:hover{background:#e6f5ee}.care a .i{color:#0c7a5c}
.stats{border-color:#0b1f1b;border-width:2px}.stat{border-color:rgba(11,31,27,.18)}
.stat b sup{color:#0c7a5c}
.calc{border:2px solid #0b1f1b;border-radius:40px;box-shadow:9px 9px 0 #0b1f1b;background:#fff}
.calc__out{background:linear-gradient(160deg,#12936f,#0b1f1b);border-left:2px solid #0b1f1b}
.calc__big{color:#fff}
.calc__bars i{background:linear-gradient(to top,#4fc79a,#fff)}
.field label{color:var(--tx-2)}.field label output{color:#0c7a5c}
input[type=range].range{background:linear-gradient(90deg,#0c7a5c var(--p,40%),#d9eee4 var(--p,40%))}
.range::-webkit-slider-thumb{background:#fff;border:3px solid #0c7a5c;box-shadow:0 2px 8px rgba(11,31,27,.3)}
.range::-moz-range-thumb{background:#fff;border:3px solid #0c7a5c}
.sel{background-color:#fff;color:#0b1f1b;border:2px solid #0b1f1b;border-radius:16px}
.step::before{background:#fff;border:2px solid #0b1f1b;color:#0b1f1b;font-weight:800}
.steps::before{background:repeating-linear-gradient(90deg,#0b1f1b 0 8px,transparent 8px 16px);height:2px;opacity:.4}
.globe-card,.globe-card[style]{background:radial-gradient(120% 120% at 80% 20%,#0e6b52,#0b1f1b 65%)!important;color:#fff!important;border:2px solid #0b1f1b;border-radius:40px;box-shadow:9px 9px 0 #cdeedf}
.globe-card .h-lg,.globe-card h2{color:#fff!important}
.globe-card .lead{color:rgba(255,255,255,.8)!important}
.dots-map circle.base{fill:rgba(255,255,255,.2)}.dots-map circle.hub{fill:#fff}.dots-map circle.pulse,.dots-map path.arc{stroke:#8fe3c2}
.pill{border:2px solid #0b1f1b;color:#0b1f1b;border-radius:999px;font-weight:700;background:#fff}
.pill i{color:#0c7a5c}.pill:hover{background:#0b1f1b;border-color:#0b1f1b;color:#fff}
.globe-card .pill{background:transparent;border-color:rgba(255,255,255,.5);color:#fff}
.globe-card .pill:hover{background:#fff;color:#0b1f1b}
.ncard__img{border-radius:28px;border:2px solid #0b1f1b}
.ncard__tag{background:#fff;color:#075f47;font-weight:800;border-radius:999px;backdrop-filter:none}
.ncard h3{color:var(--tx)}.ncard:hover h3{color:#0c7a5c}
.quote{background:#fff;border:2px solid #0b1f1b;border-radius:32px;box-shadow:6px 6px 0 #0b1f1b}
.quote:nth-child(odd){background:#f1f8f4}
.quote__stars{color:#0c7a5c}
.quote__who{border-color:rgba(11,31,27,.15)}
.slider-nav button{border:2px solid #0b1f1b;border-radius:50%}
.slider-nav button:hover{background:#0b1f1b;color:#fff;border-color:#0b1f1b}
.acc__item{background:#fff;border:2px solid #0b1f1b;border-radius:26px}
.acc__item.is-on{background:#f1f8f4;border-color:#0b1f1b}
.acc__q i{border:2px solid #0b1f1b;border-radius:50%}
.acc__q i::before,.acc__q i::after{background:#0b1f1b}
.acc__item.is-on .acc__q i{background:#0b1f1b}.acc__item.is-on .acc__q i::before,.acc__item.is-on .acc__q i::after{background:#fff}
.searchbox{border:2px solid #0b1f1b;background:#fff;border-radius:999px}
.notice{background:#f1f8f4;border:2px solid #0b1f1b;border-radius:22px;color:var(--tx-2)}
.tbl-wrap{border:2px solid #0b1f1b;border-radius:24px}.tbl th{background:#e6f5ee;color:#0b1f1b}
.cc{background:#fff;border:2px solid #0b1f1b;border-radius:32px;box-shadow:6px 6px 0 #0b1f1b}
.cc:hover{box-shadow:9px 9px 0 #0b1f1b;transform:translate(-3px,-3px)}
.cc.is-picked{border-color:#0b1f1b;box-shadow:9px 9px 0 #0c7a5c}
.cc--1 .cc__face{background:linear-gradient(135deg,#12936f,#0b1f1b)}
.cc--2 .cc__face{background:linear-gradient(135deg,#0b3d31,#0b1f1b)}
.cc--3 .cc__face{background:linear-gradient(135deg,#1c6b57,#0b1f22)}
.cc--4 .cc__face{background:linear-gradient(135deg,#2f6b5a,#0c2a22)}
.cc__apr b{color:#0b1f1b}.cc__apr b i{color:#0c7a5c}
.cmp input{border:2px solid #0b1f1b;border-radius:8px}.cmp input:checked{background:#0c7a5c;border-color:#0c7a5c}
.cmp input:checked::after{border-color:#fff}
.cmpbar{background:#0b1f1b;border:2px solid #8fe3c2}
.cmp-modal__box{background:#fff;border:2px solid #0b1f1b;border-radius:32px}
.aside-card{background:#e6f5ee;border:2px solid #0b1f1b;border-radius:32px;box-shadow:7px 7px 0 #0b1f1b}
.aside-card p{color:var(--tx-2)}
.subnav{background:rgba(255,255,255,.9);border-color:#0b1f1b;border-width:0 0 2px}
.subnav a{color:var(--tx-2);font-weight:800;border-radius:999px}.subnav a:hover{background:#e6f5ee;color:#0b1f1b}
.subnav a.is-on{background:#0b1f1b;color:#fff}
.prose a{color:#0c7a5c;border-color:rgba(12,122,92,.4)}.prose strong{color:#0b1f1b}
.article-hero-img{border:2px solid #0b1f1b;border-radius:36px}
.meta .i{color:#0c7a5c}
.split__img{border:2px solid #0b1f1b;border-radius:44px;box-shadow:9px 9px 0 #0b1f1b}
.split__img::after{box-shadow:none}
.split__badge{background:rgba(11,31,27,.85);border-radius:20px;border-color:rgba(255,255,255,.2)}
.split__badge b{color:#fff}
.phone-stage{border:2px solid #0b1f1b;border-radius:44px;box-shadow:9px 9px 0 #0b1f1b}
.phone-stage>img{filter:saturate(1.05) brightness(.7)}
.phone-stage::before{background:radial-gradient(60% 50% at 50% 55%,rgba(12,122,92,.5),transparent),linear-gradient(to top,rgba(11,31,27,.7),transparent 60%)}
.phone{background:linear-gradient(145deg,#34413d,#0b1f1b)}
.phone__scr{background:#08201b}
.phone__hi i{background:#8fe3c2}.phone__chart i{background:linear-gradient(to top,rgba(143,227,194,.2),#8fe3c2)}
.phone__act span i{background:#0f2f27;color:#8fe3c2}
.phone__tx li{background:#0d2822}
.strip figure{border:2px solid #0b1f1b;border-radius:32px}
.strip-sec{background:#fff}
.checks li .i{color:#0b9a62}
.cta::before{background:radial-gradient(80% 90% at 50% 50%,rgba(12,122,92,.8),rgba(11,31,27,.97))}
.foot{background:#0b1f1b;border:0}
.foot ul a:hover{color:#8fe3c2}
.foot__social a{border-color:rgba(255,255,255,.3)}.foot__social a:hover{background:#fff;color:#0b1f1b}
.foot__ins{border-color:rgba(255,255,255,.3)}
.to-top{background:#0c7a5c;color:#fff;border:2px solid #0b1f1b;box-shadow:3px 3px 0 #0b1f1b}
.arch__img{border:2px solid #0b1f1b}.arch__img::before{display:none}
.sec--paper .card:hover,.sec--ivory .card:hover{border-color:#0b1f1b}

/* fixes */
[data-reveal].is-in{clip-path:none}
[data-reveal="clip"].is-in{clip-path:inset(-40px)}
@media(max-width:900px){.card,.cc,.quote,.cbox{box-shadow:4px 4px 0 #0b1f1b}.rate-hero,.rate-panel,.calc,.globe-card,.phone-stage,.split__img{box-shadow:6px 6px 0 #0b1f1b}}

/* ==========================================================================
   MOBILE — navbar, drawer and layout fixes (beat inline grid styles)
   ========================================================================== */
.nav__mini{display:none}
@media (max-width:1180px){
  :root{--nav-h:70px}
  .nav{background:rgba(255,255,255,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
  .nav.is-hidden{transform:none}
  body.lock .nav{background:#fff}
  .nav__in{gap:10px}
  .brand{font-size:1.15rem;gap:10px;min-width:0}
  .brand svg{width:30px;height:30px}
  .nav__mini{display:inline-flex;margin-left:auto;padding:11px 18px;font-size:.82rem}
  .burger{margin-left:0;width:46px;height:46px;border:2px solid #0b1f1b;border-radius:14px;background:#fff;flex-shrink:0}
  .drawer{padding:calc(var(--nav-h) + 8px) 20px 40px;background:#fff}
  .drawer details{border-bottom:1px solid var(--line)}
  .drawer summary,.drawer .drawer__plain{font-size:1.7rem;padding:18px 2px;color:#0b1f1b}
  .drawer summary .i{width:26px;height:26px;color:#0c7a5c}
  .drawer details a{font-size:1.02rem;padding:11px 4px;color:var(--tx-2);display:flex;align-items:center;gap:10px}
  .drawer details a::before{content:'';width:6px;height:6px;border-radius:50%;background:#0c7a5c}
  .drawer__foot .btn--gold{box-shadow:none}
  .drawer__foot .btn--line{--bd:#0b1f1b;--fg:#0b1f1b}
  .drawer__meta{color:var(--tx-2);border-top:1px solid var(--line);padding-top:22px}
  .drawer__meta a{color:#0b1f1b;font-weight:700}
}
@media (max-width:380px){.nav__mini{display:none}.burger{margin-left:auto}}

/* responsive overrides for inline grid styles */
@media (max-width:1180px){
  .layout-2,.layout-2[style]{grid-template-columns:1fr!important;gap:36px!important}
  .contact-grid,.contact-grid[style]{grid-template-columns:repeat(2,1fr)!important}
}
@media (max-width:900px){
  .rates,.calc,.split,.globe-card,.sec-head--split{grid-template-columns:1fr!important}
  .grid-2,.grid-3,.grid-2[style],.grid-3[style]{grid-template-columns:1fr!important}
  .split{gap:36px}
  .sec-head--split .lead{justify-self:start}
  .sec-head--split>a.link-arrow{justify-self:start!important}
}
@media (max-width:640px){
  .contact-grid,.contact-grid[style],.grid-4,.news,.cc-grid,.steps,.care{grid-template-columns:1fr!important}
  .wrap{width:calc(100% - 32px)}
  .sec{padding:64px 0}
  .h-xl{font-size:clamp(2.5rem,12vw,3.4rem)}
  .h-lg{font-size:clamp(2.1rem,9.5vw,2.9rem)}
  .btn{padding:15px 24px;font-size:.9rem}
  .btn-row{gap:10px}
  .card,.cbox,.quote,.cc,.acc__item{border-radius:24px}
  .card{padding:26px}
  .calc__form,.calc__out{padding:26px}
  .rate-hero{padding:30px}
  .gauge{position:relative;right:auto;top:auto;width:96px;height:96px;margin-bottom:18px}
  .promo-card__in{padding:30px 24px}
  .globe-card{padding:28px 22px}
  .stat{padding:30px 14px}.stat b{font-size:2.6rem}
  .rrow{padding:16px 6px;gap:12px}.rrow__ico{width:40px;height:40px}.rrow__r b{font-size:1.5rem}
  .tabs{border-radius:18px}
  .acc__q{padding:18px;font-size:1.1rem}.acc__a p{padding:0 18px 20px}
  .subnav .wrap{gap:4px}
  .cmpbar{bottom:12px;padding:12px 14px;gap:10px;border-radius:22px;flex-wrap:wrap;justify-content:center}
  .foot__word{font-size:22vw}
  .hero{padding-top:calc(var(--nav-h) + 24px)}
  .hero__stats{gap:20px}.hero__stats b{font-size:2rem}
  .phone-stage{aspect-ratio:auto;padding:40px 0}
  .split__img{max-width:100%}
  .hpanel{flex-basis:84vw;height:440px}
  .strip figure{width:62vw}
  .mc-glow{display:none}
}
html,body{max-width:100%;overflow-x:hidden}
img,svg,video{max-width:100%}

/* principles arches */
.arches{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,56px)}
.arch{text-align:center}
.arch__img{position:relative;aspect-ratio:3/4;border-radius:999px 999px 28px 28px;overflow:hidden;margin:0 auto 30px;max-width:380px;border:2px solid #0b1f1b;box-shadow:8px 8px 0 #0b1f1b}
.arch__img img{position:absolute;inset:-6% 0;width:100%;height:112%;object-fit:cover;transition:transform 1.4s var(--ease)}
.arch:hover .arch__img img{transform:scale(1.06)}
.arch__n{font-family:var(--serif);font-weight:800;font-size:.9rem;letter-spacing:.2em;color:#0c7a5c;display:block;margin-bottom:8px}
.arch h3{font-family:var(--serif);font-weight:800;letter-spacing:-.03em;font-size:2rem;margin-bottom:10px;color:#0b1f1b}
.arch p{font-size:.98rem;color:var(--dk-2);max-width:32ch;margin:0 auto}
.orn{display:flex;align-items:center;gap:14px;color:#0c7a5c;justify-content:center;margin:0 0 20px;font-size:.8rem}
.orn::before,.orn::after{content:'';height:2px;width:60px;background:currentColor;opacity:.4}
@media(max-width:900px){.arches{grid-template-columns:1fr;gap:56px}.arch__img{max-width:300px}}

/* ==========================================================================
   MOBILE v2 — slide-in side panel + app-style bottom tab bar
   ========================================================================== */
.drawer-backdrop,.mbar{display:none}
@media (max-width:1180px){
  /* top bar: brand + menu only */
  .nav__mini{display:none!important}
  .burger{margin-left:auto!important}

  /* backdrop */
  .drawer-backdrop{display:block;position:fixed;inset:0;z-index:120;background:rgba(7,22,19,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s}
  .drawer-backdrop.is-on{opacity:1;visibility:visible}

  /* side panel */
  .drawer{position:fixed!important;inset:0 0 0 auto!important;left:auto!important;width:min(90vw,400px)!important;height:100%;z-index:130!important;padding:18px 16px 32px!important;background:#0b1f1b!important;color:#fff;border-radius:30px 0 0 30px;box-shadow:-30px 0 80px rgba(0,0,0,.4);
    clip-path:none!important;opacity:1!important;visibility:hidden;transform:translateX(106%);transition:transform .6s var(--ease),visibility .6s;overflow-y:auto;overscroll-behavior:contain;
    --tx:#fff;--tx-2:rgba(255,255,255,.76);--tx-3:rgba(255,255,255,.5);--line:rgba(255,255,255,.14)}
  .drawer.is-on{visibility:visible;transform:none}
  .drawer__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
  .drawer .brand{color:#fff;font-size:1.2rem}.drawer .brand svg{color:#8fe3c2}
  .drawer__close{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);color:#fff}
  .drawer__close .i{width:20px;height:20px}
  .drawer__tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:26px}
  .dtile{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#fff;font-weight:800;font-size:.95rem;transition:background .3s}
  .dtile .i{width:24px;height:24px;color:#8fe3c2}
  .dtile:active{background:rgba(255,255,255,.16)}
  .dtile--primary{background:#8fe3c2;color:#0b1f1b;border-color:#8fe3c2}.dtile--primary .i{color:#0b1f1b}
  .drawer__label{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.45);font-weight:800;margin:22px 4px 10px}
  .drawer .dgroup{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);border-radius:20px;margin-bottom:8px;overflow:hidden}
  .drawer .dgroup summary{display:flex;align-items:center;gap:14px;padding:12px 14px;font-family:var(--serif);font-size:1.1rem;font-weight:700;letter-spacing:-.01em;color:#fff;cursor:pointer;list-style:none}
  .drawer .dgroup summary::-webkit-details-marker{display:none}
  .drawer .dico{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:rgba(143,227,194,.16);color:#8fe3c2;flex-shrink:0}
  .drawer .dico .i{width:20px;height:20px}
  .drawer .dtxt{flex:1}
  .drawer .dgroup summary>.i:last-child{width:18px;height:18px;color:rgba(255,255,255,.6);transition:transform .35s var(--ease)}
  .drawer .dgroup[open] summary>.i:last-child{transform:rotate(180deg)}
  .drawer .dgroup>div{display:grid;padding:0 6px 8px}
  .drawer .dgroup>div a{display:block;padding:12px 14px;margin:0;border-top:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.82);font-size:.95rem;font-weight:600;border-radius:0}
  .drawer .dgroup>div a::before{display:none}
  .drawer .dgroup>div a:active{background:rgba(255,255,255,.08)}
  .dlinks{display:grid;border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden}
  .dlinks a{display:flex;align-items:center;gap:14px;padding:15px 16px;color:#fff;font-weight:700;font-size:.98rem;border-top:1px solid rgba(255,255,255,.08)}
  .dlinks a:first-child{border-top:0}
  .dlinks a .i:first-child{width:20px;height:20px;color:#8fe3c2}
  .dlinks a .i:last-child{width:16px;height:16px;margin-left:auto;color:rgba(255,255,255,.45)}
  .drawer .drawer__meta{margin-top:24px;border-top:1px solid rgba(255,255,255,.12);padding-top:20px;color:rgba(255,255,255,.8)}
  .drawer .drawer__meta a{color:#fff}.drawer .drawer__meta .i{color:#8fe3c2}

  /* bottom tab bar */
  body{padding-bottom:86px}
  .mbar{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:110;padding:8px;gap:4px;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:2px solid #0b1f1b;border-radius:26px;box-shadow:5px 5px 0 #0b1f1b}
  .mbar__i{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 2px 7px;border-radius:18px;color:#50685f;font-size:.66rem;font-weight:800;letter-spacing:.01em;transition:background .25s,color .25s}
  .mbar__i .i{width:22px;height:22px}
  .mbar__i.is-active{background:#e6f5ee;color:#075f47}
  .mbar__menu{background:#0c7a5c;color:#fff}
  .mbar__menu:active{background:#075f47}
  body.lock .mbar{visibility:hidden}
  .to-top{bottom:100px!important;right:16px!important}
}
@media (min-width:1181px){.mbar,.drawer-backdrop{display:none!important}}

/* bottom tab bar removed */
.mbar{display:none!important}
body{padding-bottom:0!important}
.to-top{bottom:24px!important;right:24px!important}
body.lock .mbar{visibility:hidden}