/* DIRECTION E: the live homepage, dressed in Direction B's night. Colour tokens first
   (everything in site.css reads them), then the hero aurora, then component polish. */
:root{
  --ink:#07090F;--char:#0B0F1A;--paper:#F3F0EA;
  --night3:#111728;
  --dawn1:#2EE6C5;--dawn2:#5EEAD4;--gold:#5EEAD4;--teal:#5EEAD4;--sage:#5CF0A0;
  --violet:#8B6CF6;--violet2:#B9A6FF;--ember:#F0A36A;
  --latte:#0B0F1A;--latte-2:#111728;--cocoa:#F3F0EA;--cocoa-2:#D8D4CC;--muted-l:#B5B2AB;
  --muted-p:#B5B2AB;--muted-d:#B5B2AB;--muted-d2:#B5B2AB;--ink-soft:#D8D4CC;
  --edge-l:rgba(243,240,234,.14);--edge-i:rgba(243,240,234,.14);--edge-p:rgba(243,240,234,.14);
  --edge-field:rgba(243,240,234,.42);
  --lum:linear-gradient(160deg,rgba(94,234,212,.9),rgba(139,108,246,.7) 55%,rgba(240,163,106,.55));
}
/* the old cream sections are now midnight: text-on-dark tokens, scoped */
.sec[data-ground="latte"]{--ink:#F3F0EA;--teal:#5EEAD4;--ember:#F0A36A}
html,body{background:#07090F}
::selection{background:#5EEAD4;color:#07090F}
:focus-visible,.sec[data-ground="latte"] :focus-visible{outline-color:#5EEAD4}
.btn-ember:focus-visible,.nav.light :focus-visible{outline-color:#F3F0EA}

/* grounds: near-black with a blue/violet cast, never flat */
.sec[data-ground="ink"]{background:linear-gradient(180deg,#07090F 0,#0A0E19 50%,#07090F 100%)}
.sec[data-ground="charcoal"]{background:linear-gradient(180deg,#07090F 0,#0B0F1A 18%,#0B0F1A 82%,#07090F 100%)}
.sec[data-ground="latte"]{background:
  radial-gradient(60% 40% at 88% 0,rgba(139,108,246,.10),rgba(139,108,246,0) 70%),
  radial-gradient(55% 38% at 6% 100%,rgba(94,234,212,.07),rgba(94,234,212,0) 70%),
  linear-gradient(180deg,#07090F 0,#0B0F1A 14%,#0B0F1A 86%,#07090F 100%);color:#D8D4CC}
.sec[data-ground="photo"]{background-color:#07090F;
  background-image:linear-gradient(96deg,rgba(7,9,15,.94) 0%,rgba(8,11,20,.86) 34%,rgba(11,15,30,.62) 62%,rgba(24,18,52,.4) 82%,rgba(7,9,15,.6) 100%),url("img/chicago-l-1600.v1.jpg")}
@supports (background-image:image-set(url("x") type("image/avif") 1x)){
  .sec[data-ground="photo"]{background-image:linear-gradient(96deg,rgba(7,9,15,.94) 0%,rgba(8,11,20,.86) 34%,rgba(11,15,30,.62) 62%,rgba(24,18,52,.4) 82%,rgba(7,9,15,.6) 100%),
    image-set(url("img/chicago-l-1600.v1.avif") type("image/avif") 1x,url("img/chicago-l-2400.v1.avif") type("image/avif") 2x,url("img/chicago-l-1600.v1.webp") type("image/webp") 1x,url("img/chicago-l-2400.v1.webp") type("image/webp") 2x,url("img/chicago-l-1600.v1.jpg") type("image/jpeg") 1x,url("img/chicago-l-2400.v1.jpg") type("image/jpeg") 2x)}
}
@media(max-width:899px){
  .sec[data-ground="photo"]{background-image:linear-gradient(178deg,rgba(7,9,15,.92) 0%,rgba(9,12,24,.8) 40%,rgba(16,14,40,.7) 74%,rgba(7,9,15,.92) 100%),url("img/chicago-p-900.v1.jpg")}
  @supports (background-image:image-set(url("x") type("image/avif") 1x)){
    .sec[data-ground="photo"]{background-image:linear-gradient(178deg,rgba(7,9,15,.92) 0%,rgba(9,12,24,.8) 40%,rgba(16,14,40,.7) 74%,rgba(7,9,15,.92) 100%),
      image-set(url("img/chicago-p-900.v1.avif") type("image/avif") 1x,url("img/chicago-p-1350.v1.avif") type("image/avif") 2x,url("img/chicago-p-900.v1.webp") type("image/webp") 1x,url("img/chicago-p-1350.v1.webp") type("image/webp") 2x,url("img/chicago-p-900.v1.jpg") type("image/jpeg") 1x,url("img/chicago-p-1350.v1.jpg") type("image/jpeg") 2x)}
  }
}
.sec[data-ground="photo"] .about-body{color:#E4E0D8}
.sec[data-ground="photo"] .about-credit{color:#B5B2AB}
.sec[data-ground="photo"] .eyebrow{color:#5EEAD4}
.sec[data-ground="photo"] .ghost,.sec[data-ground="ink"] .ghost,.sec[data-ground="charcoal"] .ghost,.sec[data-ground="latte"] .ghost{color:#8B6CF6}
.sec[data-ground="latte"] .ghost,.js .sec[data-ground="latte"] .ghost.lit{opacity:.1}
.sec[data-ground="latte"] .ghost{color:#8B6CF6}

/* eyebrows: teal, with a star-light dash */
.eyebrow,.sec[data-ground="latte"] .eyebrow{color:#5EEAD4}
.eyebrow::before{background:linear-gradient(90deg,#2EE6C5,#8B6CF6);box-shadow:0 0 10px rgba(94,234,212,.7);height:2px;border-radius:2px}
.hero .eyebrow{text-shadow:0 0 2px #07090F,0 1px 16px #07090F}

/* headlines: Fraunces light, near white, with a soft glow that arrives on reveal */
h1.promise,h2.h,.speed .lead,.about,.care-h,.door h3,.bundle h3,.auto h3,.step h3,.speedrep-h{color:#F3F0EA}
h2.h,.about,.care-h{font-weight:400;text-shadow:0 0 0 rgba(94,234,212,0);transition:text-shadow 2.2s ease .2s}
h2.h.lit,.about.lit,.care-h.lit,.rv.lit h2.h,.rv.lit .about,.rv.lit .care-h{text-shadow:0 0 38px rgba(94,234,212,.28),0 0 90px rgba(139,108,246,.16)}
.js .rv::after{background:linear-gradient(90deg,rgba(94,234,212,0) 0%,rgba(94,234,212,.34) 38%,rgba(185,166,255,.5) 58%,rgba(139,108,246,0) 100%)}
.dawn-text{background:linear-gradient(95deg,#2EE6C5,#B9A6FF);-webkit-background-clip:text;background-clip:text;color:#5EEAD4}
.wordmark{filter:drop-shadow(0 0 28px rgba(94,234,212,.34)) drop-shadow(0 0 96px rgba(139,108,246,.3))}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .wordmark{background:linear-gradient(103deg,#F3F0EA 0%,#B9F5EA 24%,#5EEAD4 52%,#B9A6FF 82%,#F3F0EA 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
}
.brand{text-shadow:0 0 22px rgba(94,234,212,.35)}
.lede,.hero-sub,.lead{color:#D8D4CC}
.sec[data-ground="latte"] .lede{color:#D8D4CC}
.hero-note,.cmp-pane figcaption,.cmp-intro,.step p{color:#B5B2AB}
.hero-note b{color:#F3F0EA}

/* numbers glow when they arrive */
.t-price,.c-price,.bar-val,.spd-score-num,.svp-gauge-num,.stat-num{text-shadow:0 0 0 rgba(94,234,212,0);transition:text-shadow 2s ease .3s}
.lit .t-price,.lit .c-price,.lit .bar-val,.lit .spd-score-num,.lit .svp-gauge-num,.t-price.lit,.c-price.lit,.bar-val.lit{text-shadow:0 0 30px rgba(94,234,212,.4),0 0 70px rgba(139,108,246,.22)}

/* ---------------------------------------------------------------- nav */
.nav.solid,.nav.light.solid{background:rgba(7,9,15,.82);border-bottom-color:rgba(243,240,234,.12)}
.nav.light{color:#F3F0EA}
.nav.light .btn-line{border-color:rgba(243,240,234,.42);color:#F3F0EA}
.nav.light .btn-line:hover{border-color:#5EEAD4;color:#F3F0EA}
.nav-links>a,.drop-btn{opacity:.88}
.overlay{background:rgba(7,9,15,.97)}
.overlay>a,.acc-btn{color:#F3F0EA}
.drop-panel{background:#0B0F1A;color:#F3F0EA;border:1px solid rgba(94,234,212,.25);border-top:2px solid #5EEAD4;box-shadow:0 26px 70px rgba(0,0,0,.6),0 0 40px -12px rgba(94,234,212,.3)}
.drop-panel a{color:#F3F0EA}
.drop-panel a:hover,.drop-panel a:focus-visible{background:rgba(94,234,212,.1)}
.acc-panel{border-left-color:rgba(94,234,212,.5)}
.line{background:rgba(94,234,212,.16)}
.line-fill{background:linear-gradient(180deg,#B9A6FF,#5EEAD4);box-shadow:0 0 calc(4px + 14px * var(--p,0)) rgba(94,234,212,.9)}
.line-fill::after{background:#5EEAD4;box-shadow:0 0 12px #5EEAD4,0 0 26px rgba(94,234,212,.6)}
.mprog-fill{background:linear-gradient(90deg,#8B6CF6,#5EEAD4);box-shadow:0 0 10px rgba(94,234,212,.9)}
#glow{background:radial-gradient(circle,rgba(94,234,212,.10) 0%,rgba(139,108,246,.06) 38%,rgba(139,108,246,0) 70%)}
.svc2-panel .svc2-group-btn,.svc2-panel .svc2-group-name{color:#F3F0EA}
.svc2-panel .svc2-tag,.svc2-panel .svc2-tag-request{background:rgba(243,240,234,.08);color:#B5B2AB}
.svc2-tag-ready,.svc2-panel .svc2-tag-ready{background:rgba(94,234,212,.14);color:#5EEAD4}
.svc2-ic{color:#5EEAD4}
.svc2-panel .svc2-price,.svc2-panel .svc2-footer-badge{color:#5EEAD4}
.svc2-panel .acc-btn.svc2-group-btn::after{border-color:#F3F0EA}

/* ---------------------------------------------------------------- buttons */
.btn{border-radius:12px}
.btn-ember,.sec[data-ground="latte"] .btn-ember{color:#07090F;background:#5EEAD4;box-shadow:0 0 0 1px rgba(94,234,212,.4),0 8px 28px -6px rgba(94,234,212,.45)}
.btn-ember::before{box-shadow:0 0 30px rgba(94,234,212,.6),0 0 60px rgba(139,108,246,.25)}
.btn-ember:hover{box-shadow:0 0 0 1px rgba(94,234,212,.7),0 14px 44px -10px rgba(94,234,212,.7),0 0 80px rgba(139,108,246,.25)}
.btn-line,.sec[data-ground="latte"] .btn-line,.nav.light .btn-line{border-color:rgba(243,240,234,.42);color:#F3F0EA}
.btn-line:hover,.sec[data-ground="latte"] .btn-line:hover{border-color:#5EEAD4;color:#F3F0EA;box-shadow:inset 0 0 0 1px rgba(94,234,212,.5),0 14px 44px -14px rgba(94,234,212,.4)}
.bar{background:rgba(7,9,15,.96)}
.sec[data-ground="latte"] .chip,.chip{background:linear-gradient(100deg,#5EEAD4,#5CF0A0);color:#07090F;box-shadow:0 6px 22px rgba(94,234,212,.3)}
.sec[data-ground="latte"] .chip i,.chip i{background:#07090F}
.pane-tag-new{background:linear-gradient(100deg,#5EEAD4,#5CF0A0);color:#07090F;box-shadow:0 6px 22px rgba(94,234,212,.3)}
.pane-tag-old{background:rgba(243,240,234,.12);color:#F3F0EA}
.split-badge{background:linear-gradient(100deg,#5EEAD4,#5CF0A0);color:#07090F;box-shadow:0 0 0 7px #07090F,0 10px 30px rgba(94,234,212,.4)}
.cmp-split::before{background:linear-gradient(90deg,transparent,#5EEAD4,#B9A6FF,transparent)}
@media(min-width:900px){.cmp-split::before{background:linear-gradient(180deg,transparent,#5EEAD4,#B9A6FF,transparent)}}
.pane-frame{box-shadow:0 26px 70px rgba(0,0,0,.6),0 0 0 1px rgba(243,240,234,.12)}
.pane-frame-new{box-shadow:0 26px 70px rgba(0,0,0,.6),0 0 0 1px rgba(94,234,212,.5),0 0 54px -6px rgba(94,234,212,.28)}

/* ---------------------------------------------------------------- cards: thin luminous borders */
.card,.sec[data-ground="latte"] .card,.sec[data-ground="latte"] .promise:not(h1),.sec[data-ground="latte"] .bundle,.sec[data-ground="latte"] .work-empty,div.promise,li.promise,article.promise,.bundle,.work-empty,.site-card,.spd-score,.sec[data-ground="latte"] .spd-score{
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012));
  border:1px solid rgba(243,240,234,.14);box-shadow:0 30px 70px -48px rgba(0,0,0,.9);color:#D8D4CC}
.work-empty{border-left:1px solid rgba(94,234,212,.5);border-radius:14px}
.card{border-radius:18px}
.card:hover{border-color:rgba(94,234,212,.42)}
.tier.lift,.sec[data-ground="latte"] .tier.lift{border:1px solid transparent;
  background:linear-gradient(#111728,#111728) padding-box,var(--lum) border-box;
  box-shadow:0 40px 90px -50px rgba(94,234,212,.5)}
.speed{border:1px solid rgba(94,234,212,.28);background:radial-gradient(120% 140% at 0 0,rgba(94,234,212,.12),rgba(139,108,246,.07) 50%,rgba(7,9,15,0) 80%),#0B0F1A;box-shadow:0 40px 90px -50px rgba(139,108,246,.4)}
.sec[data-ground="latte"] .speed{border-color:rgba(94,234,212,.28)}
.speed::before{background:linear-gradient(90deg,#2EE6C5,#8B6CF6,rgba(240,163,106,.8))}
.sec[data-ground="latte"] .badge,.badge{color:#5EEAD4;border-color:rgba(94,234,212,.4);background:rgba(94,234,212,.08)}
.sec[data-ground="latte"] .price,.price{color:#5EEAD4;border-color:rgba(94,234,212,.35);background:rgba(94,234,212,.08)}
.sec[data-ground="latte"] .tier .t-name,.sec[data-ground="latte"] .tier.lift .t-name,.sec[data-ground="latte"] .care .c-name,.sec[data-ground="latte"] .bundle .b-flag,.tier .t-name,.care .c-name,.bundle .b-flag{color:#5EEAD4}
.sec[data-ground="latte"] .site-card .go,.sec[data-ground="latte"] .pr-ic,.sec[data-ground="latte"] .guar,.sec[data-ground="latte"] .free-offer b,.sec[data-ground="latte"] .svbaf-tag-dawn,.sec[data-ground="latte"] .spd-score-tag{color:#5EEAD4}
.sec[data-ground="latte"] .work-empty .pe-link a,.sec[data-ground="latte"] .spd-score-meta a{color:#5EEAD4;border-bottom-color:rgba(94,234,212,.45)}
.sec[data-ground="latte"] .tier li::before,.sec[data-ground="latte"] .care li::before{border-color:#5CF0A0}
.sec[data-ground="latte"] .sbar,.sec[data-ground="latte"] .spd-score-bar,.ms-bar{background:rgba(243,240,234,.1)}
.sec[data-ground="latte"] .bar-fill{background:#8B8F9E}
.sec[data-ground="latte"] .faq,.sec[data-ground="latte"] .qa,.sec[data-ground="latte"] .qa .plus{border-color:rgba(243,240,234,.14)}
.sec[data-ground="latte"] .qa .plus::before,.sec[data-ground="latte"] .qa .plus::after,.qa .plus::before,.qa .plus::after{background:#5EEAD4}
.sec[data-ground="latte"] .fine,.sec[data-ground="latte"] .speed .note,.sec[data-ground="latte"] .faq-intro,.sec[data-ground="latte"] .svbaf-tag,.sec[data-ground="latte"] .svbaf-caption,.sec[data-ground="latte"] .spd-score-tag2,.sec[data-ground="latte"] .spd-score-meta,.sec[data-ground="latte"] .spd-score-num small{color:#B5B2AB}

/* sunrise band becomes a night horizon with an aurora glow */
.dawn-band{background:linear-gradient(180deg,#07090F 0%,#0B0F1A 24%,#161a3a 46%,#1b4a58 66%,#123238 82%,#0B0F1A 100%)}
.dawn-band .sun{background:radial-gradient(circle,rgba(94,234,212,.55) 0%,rgba(139,108,246,.32) 30%,rgba(139,108,246,.1) 52%,rgba(139,108,246,0) 70%)}
.dawn-band .horizon{background:linear-gradient(90deg,rgba(185,245,234,.9),rgba(185,245,234,0))}
.dawn-band .band-txt{color:#F3F0EA;opacity:1;text-shadow:0 0 18px rgba(7,9,15,.9)}

/* forms + footer stay dark, accents go teal */
.fld input,.fld textarea,.seg-opt span{background:rgba(243,240,234,.05);color:#F3F0EA}
.foot{background:linear-gradient(180deg,#07090F,#0A0D18)}
.socials a:hover{color:#07090F;border-color:#5EEAD4;background:#5EEAD4}
.foot .foot-mark{filter:drop-shadow(0 0 40px rgba(94,234,212,.12))}

/* ---------------------------------------------------------------- HERO: the aurora */
.hero{background-color:#07090F}
.hero::after{background:
  linear-gradient(180deg,rgba(7,9,15,.7) 0%,rgba(7,9,15,.38) 22%,rgba(7,9,15,.5) 52%,rgba(7,9,15,.82) 82%,#07090F 100%),
  linear-gradient(94deg,rgba(7,9,15,.8) 0%,rgba(7,9,15,.5) 46%,rgba(7,9,15,.2) 100%)}
@media (max-width:767px), ((hover:none) and (pointer:coarse) and (max-width:1024px)){.hero::after{background:linear-gradient(180deg,rgba(7,9,15,.78) 0%,rgba(9,12,30,.66) 40%,rgba(9,12,30,.84) 80%,#07090F 100%)}.hero-photo img{filter:saturate(.55) hue-rotate(-14deg) brightness(.85)}}
.hero-photo img{filter:saturate(.8) hue-rotate(-8deg) brightness(.9)}
.aur{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;
  -webkit-mask-image:linear-gradient(180deg,#000 0,#000 62%,rgba(0,0,0,0) 96%);mask-image:linear-gradient(180deg,#000 0,#000 62%,rgba(0,0,0,0) 96%)}
.aur i{position:absolute;display:block;border-radius:50%;will-change:transform}
.aur .a1{width:120%;height:62%;left:-28%;top:-18%;background:radial-gradient(ellipse at 50% 50%,rgba(46,230,197,.5) 0,rgba(46,230,197,.2) 36%,rgba(46,230,197,0) 66%);animation:e-drift-a 38s ease-in-out infinite alternate}
.aur .a2{width:130%;height:72%;right:-46%;top:-18%;background:radial-gradient(ellipse at 50% 50%,rgba(139,108,246,.46) 0,rgba(139,108,246,.18) 40%,rgba(139,108,246,0) 68%);animation:e-drift-b 46s ease-in-out infinite alternate}
.aur .a3{width:210%;height:86%;left:-50%;top:-26%;border-radius:0;background:linear-gradient(100deg,rgba(0,0,0,0) 24%,rgba(92,240,160,.26) 31%,rgba(46,230,197,.36) 37%,rgba(0,0,0,0) 46%,rgba(139,108,246,.28) 56%,rgba(0,0,0,0) 66%);-webkit-mask-image:radial-gradient(ellipse 62% 58% at 50% 50%,#000 20%,rgba(0,0,0,0) 74%);mask-image:radial-gradient(ellipse 62% 58% at 50% 50%,#000 20%,rgba(0,0,0,0) 74%);animation:e-drift-c 31s ease-in-out infinite alternate}
.aur .a4{width:90%;height:26%;left:5%;top:34%;background:radial-gradient(ellipse at 50% 50%,rgba(240,163,106,.22) 0,rgba(240,163,106,0) 64%);animation:e-pulse 44s ease-in-out infinite alternate}
.aur .a5{width:26%;height:70%;left:36%;top:-28%;background:radial-gradient(closest-side,rgba(92,240,160,.46),rgba(92,240,160,.16) 45%,rgba(92,240,160,0));animation:e-drift-e 42s ease-in-out infinite alternate}
@keyframes e-drift-a{from{transform:translate3d(-6%,-4%,0) rotate(-16deg) scale(1)}to{transform:translate3d(9%,7%,0) rotate(-6deg) scale(1.18)}}
@keyframes e-drift-b{from{transform:translate3d(8%,-2%,0) rotate(20deg) scale(1.08)}to{transform:translate3d(-9%,9%,0) rotate(8deg) scale(.94)}}
@keyframes e-drift-c{from{transform:translate3d(-10%,0,0) skewX(-18deg)}to{transform:translate3d(9%,-4%,0) skewX(-8deg)}}
@keyframes e-drift-e{from{transform:translate3d(-14%,2%,0) rotate(-26deg) scale(1.5,1.15)}to{transform:translate3d(22%,-6%,0) rotate(-16deg) scale(1.9,1.1)}}
@keyframes e-pulse{from{opacity:.35;transform:scale(1)}to{opacity:.75;transform:scale(1.12)}}
@media(prefers-reduced-motion:reduce){.aur i{animation:none!important}.t-price,.c-price,.bar-val,h2.h,.about,.care-h{transition:none}}

/* ---- re-tint the remaining warm accents to aurora light ---- */
h1.promise{border:0;background:none;box-shadow:none;padding:0;border-radius:0;display:block}
.card.near,.card:hover,.card:active{border-color:rgba(94,234,212,.5);box-shadow:0 18px 48px -16px rgba(94,234,212,.2)}
.vs-col-yes{border-color:rgba(94,234,212,.4);background:linear-gradient(180deg,rgba(94,234,212,.09),rgba(139,108,246,.03));box-shadow:0 18px 46px -20px rgba(94,234,212,.3)}
.vs-col{background:rgba(255,255,255,.02)}
.spd-score,.svp-gauge-aurora,.svp-tl-with{background:rgba(94,234,212,.07);border:1px solid rgba(94,234,212,.34)}
.svp-chip{background:rgba(94,234,212,.1);border:1px solid rgba(94,234,212,.34)}
.pr-ic{background:rgba(94,234,212,.12);color:#5EEAD4}
.speedrep{border-color:rgba(94,234,212,.3);background:linear-gradient(135deg,rgba(94,234,212,.08),rgba(139,108,246,.05))}
.ci-yes,.ag-flag::before,.chip i,.step .n::before{box-shadow:0 0 12px rgba(94,234,212,.7)}
.steps::before{background:linear-gradient(180deg,#5EEAD4,rgba(139,108,246,.3))}
@media(min-width:900px){.steps::before{background:linear-gradient(90deg,#5EEAD4,rgba(139,108,246,.35))}}
.site-card .quote{border-left-color:rgba(94,234,212,.6)}
.qa[open] .plus{background:rgba(94,234,212,.12)}
.door-order{border-color:rgba(94,234,212,.45)}
.seg-opt input:checked+span{background:rgba(94,234,212,.12);box-shadow:0 0 18px rgba(94,234,212,.2);border-color:#5EEAD4}
.form-ok a,.form-err a,.start-note a,.speedrep-self{border-bottom-color:rgba(94,234,212,.45);text-decoration-color:rgba(94,234,212,.45)}
.socials a{border-color:rgba(94,234,212,.3);background:rgba(94,234,212,.05)}
.foot .foot-mark{text-shadow:0 0 40px rgba(94,234,212,.22),0 0 120px rgba(139,108,246,.2)}
.m-item-lift{border-color:rgba(94,234,212,.5);box-shadow:0 10px 30px -10px rgba(94,234,212,.25)}
.m-item-lift>summary{background:linear-gradient(180deg,rgba(94,234,212,.1),transparent)}
.ms-bar-dawn i,.bar-row.dawn .bar-fill{box-shadow:0 0 22px rgba(94,234,212,.5)}
.sec[data-ground="latte"] .tier.lift{box-shadow:0 40px 90px -50px rgba(94,234,212,.5)}
.sec[data-ground="latte"] .btn-line:hover{box-shadow:inset 0 0 0 1px rgba(94,234,212,.5),0 14px 44px -14px rgba(94,234,212,.4)}

/* ---------------------------------------------------------------- PHONE FIRST (order 10b07dc2)
   Measured at 375 and 390 px: nothing was cut off and nothing scrolled sideways, but
   labels ran 10 to 12 px and two links were under 40 px tall. Everything a thumb or an
   eye meets gets bigger; nothing is reworded. */
@media (max-width:767px), ((hover:none) and (pointer:coarse) and (max-width:1024px)){
  .eyebrow{font-size:12px;letter-spacing:.18em;gap:10px}
  .eyebrow::before{width:22px}
  .speedrep-flag{font-size:12px;letter-spacing:.18em}
  .hero-note{font-size:14px;line-height:1.6;letter-spacing:.02em}
  .hero-ctas .btn{min-height:54px;font-size:1.02rem}
  .lede{font-size:1.1rem}
  .vs-legend{flex-direction:column;align-items:center;gap:8px;margin:0 0 16px;font-size:12px;letter-spacing:.16em}
  .vs-pair{padding:18px 0}
  .vs-pair p{font-size:1.05rem;line-height:1.5;gap:12px}
  .vs-no{margin-top:11px!important}
  .speedrep-self{display:inline-block;padding:12px 8px;font-size:1rem;line-height:1.3}
  .chip,.sec[data-ground="latte"] .chip{font-size:13px;letter-spacing:.14em;padding:12px 16px;line-height:1.4;border-radius:8px}
  .free-offer,.fine{font-size:1.02rem;line-height:1.65}
  .m-item{margin:0 0 12px}
  .m-item>summary{min-height:64px;gap:12px}
  .mi-name{font-size:1.08rem}
  .mi-price{font-size:1.2rem}
  .mi-quote{font-size:12px}
  .mi-body li,.mi-body p{font-size:1.02rem;line-height:1.55}
  .mi-why{font-size:.98rem!important;line-height:1.6}
  .ag-flag,.ag-flag-quiet{font-size:12px;letter-spacing:.16em}
  .promise{padding:24px 18px}
  .pr-h{font-size:1.08rem}
  .pr-p{font-size:1rem;line-height:1.6}
  .care-h{margin-top:48px}
  .spd-score-tag{font-size:12px}
  .spd-score-tag2,.spd-score-meta,.svbaf-caption,.svbaf-tag{font-size:.92rem;line-height:1.7}
  .spd-score-meta a{display:inline-block;padding:10px 6px;margin:-4px 0}
  .guar{font-size:1.02rem}
  .about-credit{font-size:12px;letter-spacing:.03em}
  .faq-intro{font-size:1.02rem}
  .qa summary{font-size:1.05rem;line-height:1.4;padding-top:18px;padding-bottom:18px}
  .qa .a{font-size:1.02rem;line-height:1.6}
  .door-tag{font-size:12px;letter-spacing:.18em}
  .fld label,.seg legend{font-size:12px;letter-spacing:.16em;margin-bottom:9px}
  .fld{margin-bottom:16px}
  .fld input,.fld textarea{font-size:16px;padding:15px 16px;min-height:54px}
  .seg-opt span{min-height:52px;font-size:.98rem}
  .seg-opt span small{font-size:12px}
  .door .btn{min-height:56px;font-size:1.04rem}
  .door-note,.start-note{font-size:1rem;line-height:1.65}
  .step p{font-size:1.02rem;line-height:1.65}
  .step h3{font-size:1.45rem}
  .foot a,.foot li{font-size:1rem}
  .foot-bottom{font-size:.92rem;line-height:1.7}
}

/* ---------------------------------------------------------------- BIGGER ON PHONES (order 43a07bb2)
   Phones only; desktop untouched. Body text 18 px or more, headlines a size up,
   every button full width and 56 px tall, one column everywhere, pictures and
   cards filling the width. Nothing reworded. */
@media (max-width:767px), ((hover:none) and (pointer:coarse) and (max-width:1024px)){
  :root{--gut:20px;--gut-r:20px}
  .sec{padding-top:clamp(64px,9vh,96px);padding-bottom:clamp(64px,9vh,96px)}
  /* body text */
  body{font-size:18px}
  .lede,.sec[data-ground="latte"] .lede,.hero-sub,.cmp-intro,.free-offer,.fine,.faq-intro,.qa .a,.door-note,.start-note,.step p,.about-body,.speedrep-p,.pr-p,.vs-pair p,.mi-body li,.mi-body p,.tier li,.care li,.bundle p,.b-add,.auto p,.svbaf-caption,.cmp-pane figcaption,.spd-score-tag2,.spd-score-meta,.work-empty .pe-body,.work-empty .pe-link,.site-card .quote,.form-ok,.form-err,.guar,.foot li,.foot a,.foot p,.foot-bottom,.speedrep-self,.hero-note{font-size:18px;line-height:1.6}
  .mi-why{font-size:17px!important;line-height:1.6}
  .lede,.hero-sub,.free-offer,.about-body{font-size:19px;line-height:1.62}
  .hero-sub{max-width:none}
  .hero-note{font-size:17px;line-height:1.55}
  /* labels: readable, still labels */
  .eyebrow,.door-tag,.fld label,.seg legend,.spd-score-tag,.ag-flag,.ag-flag-quiet,.m-group-flag,.b-flag,.mi-quote,.speedrep-flag,.about-credit,.vs-legend,.site-card .cat,.site-card .go,.foot h4,.foot-head{font-size:14px;letter-spacing:.14em}
  .chip,.sec[data-ground="latte"] .chip,.pane-tag,.badge,.price{font-size:15px;letter-spacing:.1em;padding:13px 18px}
  .seg-opt span small{font-size:15px}
  /* headlines */
  .wordmark{font-size:clamp(4.4rem,22vw,6rem)}
  h1.promise{font-size:clamp(2.9rem,12vw,3.6rem);line-height:1.02}
  h2.h{font-size:clamp(2.45rem,10.5vw,3rem);line-height:1.06;max-width:none}
  .about{font-size:clamp(2.2rem,9.5vw,2.8rem)}
  .care-h{font-size:1.95rem}
  .step h3,.bundle h3,.auto h3{font-size:1.75rem;line-height:1.12}
  .speedrep-h{font-size:1.9rem;line-height:1.15}
  .door h3{font-size:2.1rem}
  .pr-h{font-size:1.3rem}
  .speed .lead{font-size:clamp(2rem,9vw,2.6rem)}
  .spd-score-num{font-size:3.6rem}
  .qa summary{font-size:1.25rem;line-height:1.35;min-height:64px}
  .mi-name{font-size:1.22rem}
  .mi-price{font-size:1.4rem}
  .m-item>summary{min-height:70px;padding:18px 20px}
  .bar-val{font-size:2.2rem}
  /* buttons: full width, 56 px, 17 px text */
  .btn{font-size:17px;letter-spacing:.02em;min-height:56px;padding:16px 22px}
  .hero-ctas{flex-direction:column;align-items:stretch;gap:14px}
  .hero-ctas .btn,.door .btn,.tier .btn,.mi-body .btn,.bundle .btn,.speedrep-cta .btn,.work-empty .btn,.c-cta,.auto-request .btn,.m-care .btn,.m-tiers .btn{width:100%;align-self:stretch;min-height:58px}
  .speedrep-cta{align-items:stretch}
  .speedrep-self{display:block;text-align:center;padding:14px 8px}
  .bar{grid-template-columns:1fr 1fr;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0))}
  .bar .btn{min-height:54px;font-size:16px;padding:14px 8px}
  /* one column everywhere */
  .seg{flex-direction:column;align-items:stretch;gap:10px}
  .seg-opt{flex:1 1 100%;width:100%}
  .seg-opt span{min-height:58px;font-size:1.05rem;padding:14px 18px}
  .foot-grid{grid-template-columns:1fr;gap:34px}
  .svbaf{display:grid;grid-template-columns:1fr;flex-direction:column;align-items:center;justify-items:center;gap:26px;max-width:100%}
  .svbaf-pane{width:100%;display:flex;flex-direction:column;align-items:center}
  .svbaf-phone{max-width:220px;width:100%}
  .spd-score{max-width:100%}
  .speed{padding:30px 20px 32px}
  /* pictures and cards fill the width */
  .cmp-pane,.pane-frame,.cmp-split,.hero-demo,.site-card,.work-empty,.speedrep,.bundle,.promise,.door{width:100%;max-width:none}
  .hero-copy{max-width:none}
  .promises{gap:16px}
  .promise{padding:28px 22px;gap:12px}
  .pr-ic{width:48px;height:48px}.pr-ic svg{width:24px;height:24px}
  .vs-pair{padding:20px 0}
  .vs-pair p{gap:14px}
  .ci{width:26px;height:26px}
  .mi-body{padding:0 20px 22px}
  .mi-body ul{gap:12px}
  .fld input,.fld textarea{font-size:18px;min-height:58px;padding:16px 18px}
  .fld textarea{min-height:120px}
  .fld{margin-bottom:18px}
  /* nav menu */
  .overlay>a,.acc-btn,.svc2-group-name,.svc2-item-name{font-size:1.3rem}
  .overlay>a,.acc-btn{min-height:60px}
  .svc2-item{min-height:56px}
  .svc2-price,.svc2-footer-badge{font-size:15px}
  .sec[data-ground="latte"] .bundle .b-flag,.bundle .b-flag{font-size:14px;letter-spacing:.14em}
  .sec[data-ground="latte"] .bundle .b-add,.bundle .b-add,.bundle p.b-add{font-size:17px;line-height:1.6}
  .nav .brand{font-size:1.9rem}
}

/* Phone layout for any touch screen without a mouse up to 1024 px (phones held sideways,
   foldables); desktops with a mouse keep the 767 px rule. Order 3adb8148. */

/* ---- 05 · Measured (order 2758bd2d, 2026-10-24): numbers, bars, head to head.
   Phone first: one column of big numbers; two columns from 768px. Bars grow once
   when their block reveals (.lit) and are static without JS or with reduced motion. */
.big-num{margin:18px 0 0;font-family:var(--disp);font-size:clamp(5.6rem,30vw,12rem);line-height:.9;letter-spacing:-.04em;color:var(--ink);font-variant-numeric:tabular-nums}
#numbers .big-lbl{margin:10px 0 0;font-size:clamp(1.25rem,4.6vw,2rem);line-height:1.2;max-width:none}
.gauge{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:34px;align-items:end}
.gauge-col{padding:18px 14px 16px;border-radius:18px;background:var(--latte-2);min-width:0;text-align:center}
.gauge-track{position:relative;height:clamp(180px,48vw,260px);border-radius:14px;background:rgba(243,240,234,.07);overflow:hidden}
.gauge-track i{position:absolute;left:0;right:0;bottom:0;height:var(--h);border-radius:inherit;background:var(--ember);transform-origin:bottom center;transform:scaleY(0);transition:transform 1.1s cubic-bezier(.23,1,.32,1) .15s}
.gauge-us .gauge-track i{background:linear-gradient(180deg,var(--dawn1),#8B6CF6);box-shadow:0 0 28px rgba(46,230,197,.35)}
.rv.lit .gauge-track i,html:not(.js) .gauge-track i,html.rm .gauge-track i{transform:none}
html.rm .gauge-track i{transition:none}
.gauge-val{margin:14px 0 0;font-family:var(--disp);font-size:clamp(2.8rem,12vw,4.6rem);line-height:.95;letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums}
.gauge-val em{display:block;font-style:normal;font-family:inherit;font-size:.3em;letter-spacing:.12em;text-transform:uppercase;color:var(--dawn1);margin-bottom:6px}
.gauge-val small{font-size:.36em;color:var(--muted-d);margin-left:.06em;letter-spacing:0}
.gauge-lbl{margin:8px 0 0;font-size:1rem;color:var(--muted-d)}
.impact{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}
.impact li{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:18px 8px;border-radius:18px;background:var(--latte-2);text-align:center;min-width:0}
.impact li+li::before{content:"";position:absolute;left:-15px;top:50%;width:9px;height:9px;margin-top:-5px;border-top:2px solid var(--dawn1);border-right:2px solid var(--dawn1);transform:rotate(45deg);opacity:.9}
.impact svg{width:30px;height:30px;fill:none;stroke:var(--dawn1);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.impact span{font-size:.92rem;line-height:1.3;color:var(--ink)}
.js .impact li{opacity:0;transform:translateY(10px);transition:opacity .6s ease,transform .6s ease}
.js .impact li:nth-child(2){transition-delay:.25s}
.js .impact li:nth-child(3){transition-delay:.5s}
.js .impact.lit li,.js .impact.rv-done li,html.rm .impact li{opacity:1;transform:none}
html.rm .impact li{transition:none}
.stats{display:grid;grid-template-columns:1fr;gap:14px;margin-top:16px}
.stats-one{align-items:start}
#numbers .fine{margin-top:22px;max-width:70ch}
@media (min-width:768px){
  .big-num{font-size:clamp(8rem,16vw,15rem)}
  .gauge{gap:24px;margin-top:40px}
  .gauge-col{padding:28px 24px 24px}
  .gauge-track{height:300px}
  .gauge-val{font-size:clamp(3.4rem,6vw,5.4rem)}
  .impact{gap:28px;margin-top:24px}
  .impact li{padding:26px 16px;flex-direction:row;justify-content:center;gap:14px}
  .impact li+li::before{left:-19px}
  .impact span{font-size:1.05rem}
  .stats{margin-top:24px}
}