/* Dr Carlos Lijo — site styles · Modern Clinical direction · Belmont Global */
:root{
  --navy:#14324F; --navy-deep:#0E2439; --teal:#1E8A97; --teal-soft:#7FC6CF;
  --slate:#64798A; --mist:#EEF3F5; --line:#E6EBF0; --ink:#2E3E4E; --white:#FFFFFF;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Lato',Arial,sans-serif;color:var(--navy);background:var(--white);
  line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{display:block}
img{max-width:100%}
a{text-decoration:none;color:inherit}
.wrap{width:min(1180px,92%);margin:0 auto}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:3.5px;text-transform:uppercase;color:var(--teal);margin-bottom:16px}
h2{font-weight:900;font-size:clamp(28px,4vw,42px);letter-spacing:-.6px;line-height:1.1}
h3{font-weight:700}
.lede{font-size:17px;color:var(--slate);max-width:58ch;margin-top:16px}
.btn{display:inline-block;border-radius:8px;padding:15px 30px;font-weight:700;font-size:14.5px;letter-spacing:.3px;
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease;cursor:pointer;border:none;font-family:inherit}
.btn:hover{transform:translateY(-2px)}
.btn.primary{background:var(--teal);color:#fff;box-shadow:0 6px 20px rgba(30,138,151,.35)}
.btn.primary:hover{box-shadow:0 10px 28px rgba(30,138,151,.45)}
.btn.outline{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.55)}
.btn.outline:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.btn.outline-navy{background:transparent;color:var(--navy);border:1.5px solid var(--navy)}
.btn.outline-navy:hover{background:var(--navy);color:#fff}

/* ---------- reveal animations ---------- */
.reveal{opacity:0;transform:translateY(34px);transition:opacity .9s cubic-bezier(.2,.65,.25,1),transform .9s cubic-bezier(.2,.65,.25,1)}
.reveal.in{opacity:1;transform:none}
.reveal.d1{transition-delay:.12s}.reveal.d2{transition-delay:.24s}.reveal.d3{transition-delay:.36s}.reveal.d4{transition-delay:.48s}

/* ---------- header ---------- */
header{position:fixed;top:0;left:0;right:0;z-index:100;transition:background .4s ease, box-shadow .4s ease;padding:16px 0}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}
header.solid, header.always-solid{background:rgba(14,36,57,.92);backdrop-filter:blur(14px);box-shadow:0 4px 24px rgba(14,36,57,.25)}
.brand{display:flex;align-items:center;gap:10px;perspective:340px}
.brand .mark{width:19px;height:44px;animation:markSpin 5s linear infinite}
@keyframes markSpin{from{transform:rotateY(0deg)}to{transform:rotateY(360deg)}}
@media (prefers-reduced-motion:reduce){.brand .mark{animation:none}}
.brand .word{height:53px;width:auto}
nav{display:flex;align-items:center;gap:30px}
nav a{color:rgba(255,255,255,.82);font-size:13.5px;font-weight:700;letter-spacing:.4px;position:relative;padding:4px 0}
nav a::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--teal-soft);transition:width .3s ease}
nav a:hover::after,nav a.active::after{width:100%}
nav a.btn::after{display:none}
nav .btn{padding:11px 22px;font-size:13px;color:#fff}
.burger{display:none;background:none;border:none;cursor:pointer;width:34px;height:26px;position:relative}
.burger span{position:absolute;left:0;width:100%;height:2.5px;background:#fff;border-radius:2px;transition:.3s}
.burger span:nth-child(1){top:2px}.burger span:nth-child(2){top:12px}.burger span:nth-child(3){top:22px}

/* ---------- hero (home) ---------- */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;
  background:linear-gradient(155deg,#14324F 0%,#0E2439 62%,#0B1E30 100%);color:#fff;overflow:hidden}
#spine-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1}
.hero::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:radial-gradient(ellipse at 28% 50%, rgba(14,36,57,.55) 0%, rgba(14,36,57,0) 55%)}
.hero .wrap{position:relative;z-index:3;padding:150px 0 110px}
.hero .eyebrow{color:#fff}
.hero h1{font-weight:900;font-size:clamp(30px,4.5vw,51px);line-height:1.06;letter-spacing:-1px;max-width:13ch}
.hero h1 em{font-style:normal;color:var(--teal-soft)}
.hero .sub{font-size:18px;font-weight:300;color:#B9C9D6;max-width:52ch;margin-top:26px;line-height:1.7}
.hero .ctas{display:flex;gap:16px;margin-top:40px;flex-wrap:wrap}
.hero .langs{margin-top:44px;font-size:12px;letter-spacing:2.5px;text-transform:uppercase;color:#8DA2B5;font-weight:700}
.hero .langs b{color:var(--teal-soft)}
.scroll-cue{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:8px;color:#8DA2B5;font-size:10px;letter-spacing:2.5px;text-transform:uppercase;font-weight:700}
.scroll-cue .line{width:1.5px;height:44px;background:linear-gradient(#1E8A97,transparent);animation:cue 2.2s ease infinite}
@keyframes cue{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* ---------- interior page banner (typography matches home hero) ---------- */
.page-hero{background:linear-gradient(155deg,#14324F 0%,#0E2439 62%,#0B1E30 100%);color:#fff;padding:190px 0 96px;position:relative;overflow:hidden}
.page-hero .eyebrow{color:#fff}
.page-hero h1{font-weight:900;font-size:clamp(30px,4.5vw,51px);line-height:1.06;letter-spacing:-1px;max-width:16ch}
.page-hero h1 em{font-style:normal;color:var(--teal-soft)}
.page-hero .sub{font-size:18px;font-weight:300;color:#B9C9D6;max-width:52ch;margin-top:26px;line-height:1.7}
.page-hero .mark-bg{position:absolute;right:-100px;top:50%;transform:translateY(-50%) rotate(8deg);opacity:.05;pointer-events:none}
.page-hero .wrap{position:relative;z-index:2}

/* ---------- page transitions: dissolve top to bottom, header never animates ---------- */
@media (prefers-reduced-motion:no-preference){
  body > *:not(header){animation:pageDissolve 1s ease backwards}
  @keyframes pageDissolve{from{opacity:0}to{opacity:1}}
  /* stagger: each block of the page dissolves in slightly after the one above it */
  body > *:nth-child(2){animation-delay:.02s}
  body > *:nth-child(3){animation-delay:.16s}
  body > *:nth-child(4){animation-delay:.30s}
  body > *:nth-child(5){animation-delay:.44s}
  body > *:nth-child(6){animation-delay:.58s}
  body > *:nth-child(7){animation-delay:.72s}
  body > *:nth-child(8){animation-delay:.86s}
  body.page-exit > *:not(header){opacity:0;transition:opacity .32s ease}
}

/* ---------- stats band ---------- */
.stats{background:var(--white);border-bottom:1px solid var(--line)}
.stats .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:44px 0}
.stat{text-align:center}
.stat .n{font-weight:900;font-size:clamp(30px,3.4vw,44px);letter-spacing:-1px;color:var(--navy)}
.stat .n span{color:var(--teal)}
.stat .l{font-size:12px;letter-spacing:1.8px;text-transform:uppercase;color:var(--slate);font-weight:700;margin-top:4px}

/* ---------- sections ---------- */
section{padding:110px 0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}

/* ---------- home teaser cards ---------- */
.teasers{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;margin-top:56px}
.teaser{border:1px solid var(--line);border-radius:18px;padding:38px 36px;background:#fff;position:relative;overflow:hidden;
  transition:box-shadow .35s ease, transform .35s ease, border-color .35s ease;display:block}
.teaser:hover{box-shadow:0 24px 60px rgba(20,50,79,.13);transform:translateY(-5px);border-color:rgba(30,138,151,.4)}
.teaser .ic{width:48px;height:48px;border-radius:12px;background:rgba(30,138,151,.1);display:flex;align-items:center;justify-content:center;margin-bottom:22px}
.teaser h3{font-weight:900;font-size:20px;margin-bottom:10px}
.teaser p{font-size:14px;color:var(--slate);line-height:1.7;max-width:44ch}
.teaser .go{display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-weight:700;font-size:13px;color:var(--teal);letter-spacing:.5px}
.teaser .go svg{transition:transform .3s ease}
.teaser:hover .go svg{transform:translateX(5px)}

/* ---------- about ---------- */
.portrait{position:relative}
.portrait .frame{aspect-ratio:4/5;background:linear-gradient(165deg,var(--mist),#DDE7EB);border-radius:18px;overflow:hidden;
  display:flex;align-items:center;justify-content:center;box-shadow:0 30px 70px rgba(20,50,79,.16)}
.portrait .frame img{width:100%;height:100%;object-fit:cover}
.portrait::before{content:"";position:absolute;top:26px;left:-26px;right:26px;bottom:-26px;border:1.5px solid var(--teal);border-radius:18px;z-index:-1;opacity:.45}
.creds{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.chip{border:1px solid var(--line);border-radius:30px;padding:9px 18px;font-size:13px;color:var(--ink);background:#fff;
  transition:border-color .3s, box-shadow .3s}
.chip:hover{border-color:var(--teal);box-shadow:0 4px 14px rgba(30,138,151,.15)}
.chip b{color:var(--navy)}
p.body{font-size:15.5px;color:var(--ink);margin-top:18px;max-width:56ch}
.timeline{margin-top:60px;border-left:2px solid var(--line);padding-left:34px}
.tl{position:relative;padding:0 0 34px}
.tl:last-child{padding-bottom:0}
.tl::before{content:"";position:absolute;left:-41px;top:5px;width:12px;height:12px;border-radius:4px;background:var(--teal)}
.tl h3{font-size:16.5px;font-weight:900}
.tl p{font-size:14px;color:var(--slate);margin-top:4px;max-width:64ch}

/* ---------- endoscopic ---------- */
.endo{background:linear-gradient(160deg,var(--navy) 0%,var(--navy-deep) 100%);color:#fff;position:relative;overflow:hidden}
.endo .eyebrow{color:var(--teal-soft)}
.endo h2{color:#fff}
.endo .lede{color:#AEC0CF}
.endo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px}
.endo-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:30px 28px;
  transition:transform .35s ease, background .35s ease, border-color .35s ease}
.endo-card:hover{transform:translateY(-6px);background:rgba(255,255,255,.09);border-color:rgba(127,198,207,.4)}
.endo-card .ic{width:46px;height:46px;border-radius:12px;background:rgba(30,138,151,.25);display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.endo-card h3{font-size:17px;font-weight:700;margin-bottom:10px}
.endo-card p{font-size:13.5px;color:#AEC0CF;line-height:1.65}
.vertebra-bg{position:absolute;right:-140px;top:50%;transform:translateY(-50%);opacity:.05;pointer-events:none}

/* ---------- treatments ---------- */
.treat-cols{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:52px}
.treat-card{border:1px solid var(--line);border-radius:18px;padding:38px 36px;background:#fff;
  transition:box-shadow .35s ease, transform .35s ease}
.treat-card:hover{box-shadow:0 24px 60px rgba(20,50,79,.12);transform:translateY(-4px)}
.treat-card .tag{display:inline-block;font-size:10px;font-weight:900;letter-spacing:2.5px;text-transform:uppercase;
  padding:6px 14px;border-radius:20px;margin-bottom:20px}
.treat-card .tag.s{background:var(--navy);color:#fff}
.treat-card .tag.ns{background:rgba(30,138,151,.12);color:var(--teal)}
.treat-card h3{font-weight:900;font-size:21px;margin-bottom:8px}
.treat-card .d{font-size:14px;color:var(--slate);margin-bottom:18px}
.tlist{list-style:none}
.tlist li{padding:12px 0 12px 30px;position:relative;font-size:14.5px;color:var(--ink);border-top:1px solid var(--mist)}
.tlist li:first-child{border-top:none}
.tlist li::before{content:"";position:absolute;left:2px;top:19px;width:9px;height:9px;border-radius:3px;background:var(--teal)}
.honest{margin-top:36px;background:var(--mist);border-radius:16px;padding:30px 34px;display:flex;gap:22px;align-items:flex-start}
.honest svg{flex:none;margin-top:3px}
.honest p{font-size:14.5px;color:var(--ink);max-width:75ch}
.honest b{color:var(--navy)}

/* ---------- fees ---------- */
.fees-band{background:var(--mist)}
.fee-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:52px}
.fee-card{background:#fff;border-radius:18px;padding:36px 32px;text-align:center;box-shadow:0 10px 30px rgba(20,50,79,.07);
  transition:transform .35s ease, box-shadow .35s ease}
.fee-card:hover{transform:translateY(-6px);box-shadow:0 24px 54px rgba(20,50,79,.13)}
.fee-card .big{font-weight:900;font-size:38px;letter-spacing:-1px;color:var(--navy)}
.fee-card .big span{color:var(--teal)}
.fee-card h3{font-size:15px;font-weight:700;margin-top:8px}
.fee-card p{font-size:13px;color:var(--slate);margin-top:10px;line-height:1.65}
.faq{margin-top:64px;max-width:820px}
.faq details{border-top:1px solid var(--line);padding:4px 0}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;font-weight:700;font-size:15.5px;padding:18px 34px 18px 0;list-style:none;position:relative;color:var(--navy)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:14px;font-size:22px;font-weight:300;color:var(--teal);transition:transform .3s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq .a{font-size:14.5px;color:var(--ink);padding:0 0 20px;max-width:70ch}

/* ---------- referrers ---------- */
.refer .split{align-items:start}
.refer-box{background:linear-gradient(160deg,var(--navy),var(--navy-deep));border-radius:20px;padding:44px 42px;color:#fff}
.refer-box h3{font-weight:900;font-size:22px;margin-bottom:14px}
.refer-box p{font-size:14px;color:#AEC0CF;line-height:1.7}
.refer-box .em{display:block;margin-top:22px;font-weight:900;font-size:19px;color:var(--teal-soft);letter-spacing:.3px;word-break:break-all}
.refer-box .btn{margin-top:26px}
.rlist{list-style:none;margin-top:26px}
.rlist li{padding:14px 0 14px 32px;position:relative;font-size:15px;color:var(--ink);border-top:1px solid var(--line)}
.rlist li:first-child{border-top:none}
.rlist li::before{content:"✓";position:absolute;left:0;top:12px;color:var(--teal);font-weight:900}

/* ---------- locations ---------- */
.loc-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:52px}
.loc-grid.three{grid-template-columns:1fr 1fr 1fr}
.loc{background:#fff;border:1px solid var(--line);border-radius:16px;padding:32px 30px;transition:border-color .35s, box-shadow .35s, transform .35s}
.loc:hover{border-color:rgba(30,138,151,.45);box-shadow:0 18px 44px rgba(20,50,79,.1);transform:translateY(-4px)}
.loc .lt{display:inline-block;font-size:9.5px;font-weight:900;letter-spacing:2.5px;text-transform:uppercase;
  padding:5px 12px;border-radius:20px;margin-bottom:16px}
.loc .lt.c{background:rgba(30,138,151,.12);color:var(--teal)}
.loc .lt.o{background:var(--mist);color:var(--slate)}
.loc h3{font-weight:900;font-size:18px;color:var(--navy)}
.loc p{font-size:13.5px;color:var(--slate);margin-top:8px;line-height:1.7}
.loc.on-dark{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}
.loc.on-dark h3{color:#fff}
.loc.on-dark p{color:#AEC0CF}
.loc.on-dark:hover{border-color:rgba(127,198,207,.45);box-shadow:none}

/* ---------- contact page ---------- */
.contact-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:start}
.c-block{border:1px solid var(--line);border-radius:18px;padding:34px 32px;margin-bottom:22px;background:#fff}
.c-block h3{font-weight:900;font-size:17px;margin-bottom:12px}
.c-block p{font-size:14.5px;color:var(--ink);line-height:1.75}
.c-block .muted{color:var(--slate);font-size:13px}
.c-block a.mail{color:var(--teal);font-weight:700}
.form-card{background:var(--mist);border-radius:20px;padding:42px 40px}
.form-card h3{font-weight:900;font-size:22px;margin-bottom:6px}
.form-card .fs{font-size:13.5px;color:var(--slate);margin-bottom:26px}
.fld{margin-bottom:18px}
.fld label{display:block;font-size:11px;font-weight:900;letter-spacing:1.8px;text-transform:uppercase;color:var(--navy);margin-bottom:8px}
.fld input,.fld select,.fld textarea{width:100%;border:1.5px solid var(--line);border-radius:10px;padding:13px 16px;
  font-family:inherit;font-size:14.5px;color:var(--navy);background:#fff;transition:border-color .3s, box-shadow .3s}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(30,138,151,.15)}
.fld textarea{min-height:130px;resize:vertical}
.form-note{font-size:12px;color:var(--slate);margin-top:16px;line-height:1.6}
.form-note.ok{font-size:13.5px;color:#14324F;background:rgba(30,138,151,.10);border:1px solid rgba(30,138,151,.30);border-radius:10px;padding:14px 16px}
.form-note.err{font-size:13px;color:#8A2B2B;background:rgba(176,58,58,.08);border:1px solid rgba(176,58,58,.28);border-radius:10px;padding:14px 16px}
.form-note.err a{color:#8A2B2B;text-decoration:underline}
button[type="submit"]:disabled{opacity:.6;cursor:progress}

/* ---------- CTA band ---------- */
.cta-band{background:linear-gradient(160deg,var(--navy) 0%,var(--navy-deep) 100%);color:#fff;text-align:center;padding:90px 0}
.cta-band h2{color:#fff;max-width:22ch;margin:0 auto}
.cta-band p{color:#AEC0CF;font-size:16px;margin:18px auto 34px;max-width:52ch}
.cta-band .btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}

/* ---------- footer ---------- */
footer{background:var(--navy-deep);color:#8DA2B5;padding:56px 0 40px}
.f-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:44px;padding-bottom:38px;border-bottom:1px solid rgba(255,255,255,.08)}
.f-brand{display:flex;align-items:flex-start;gap:13px}
.f-brand .bt b{display:block;color:#fff;font-weight:900;font-size:15px;letter-spacing:1px}
.f-brand .bt span{display:block;font-size:9px;letter-spacing:2.5px;color:var(--teal-soft);text-transform:uppercase;margin-top:2px}
.f-brand p{font-size:12.5px;margin-top:14px;line-height:1.7;max-width:36ch}
.f-col h4{color:#fff;font-size:11px;font-weight:900;letter-spacing:2.5px;text-transform:uppercase;margin-bottom:16px}
.f-col a,.f-col span{display:block;font-size:13px;color:#8DA2B5;padding:5px 0;transition:color .3s}
.f-col a:hover{color:var(--teal-soft)}
.f-bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:24px;font-size:11.5px}
footer b{color:#fff}

@media (max-width:960px){
  .split,.treat-cols,.loc-grid,.loc-grid.three,.contact-grid,.teasers{grid-template-columns:1fr;gap:44px}
  .endo-grid,.fee-cards{grid-template-columns:1fr;gap:18px}
  .stats .wrap{grid-template-columns:repeat(2,1fr);gap:30px}
  .f-grid{grid-template-columns:1fr;gap:34px}
  nav{position:fixed;inset:0;background:rgba(14,36,57,.98);flex-direction:column;justify-content:center;gap:34px;
    opacity:0;pointer-events:none;transition:opacity .35s}
  nav.open{opacity:1;pointer-events:auto}
  nav a{font-size:19px}
  .burger{display:block;z-index:110}
  .burger.x span:nth-child(1){top:12px;transform:rotate(45deg)}
  .burger.x span:nth-child(2){opacity:0}
  .burger.x span:nth-child(3){top:12px;transform:rotate(-45deg)}
  section{padding:80px 0}
  .page-hero{padding:140px 0 60px}
  .portrait::before{display:none}
}
@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none}
  .scroll-cue .line{animation:none}
  html{scroll-behavior:auto}
}

/* ---------- v3: fine print (fees) ---------- */
.finep{margin-top:60px;border-top:1px solid var(--line);padding-top:28px;max-width:920px}
.finep h4{font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:var(--slate);font-weight:900;margin-bottom:16px}
.finep ul{list-style:none}
.finep li{font-size:13.5px;line-height:1.75;color:var(--slate);padding-left:18px;position:relative;margin-bottom:13px}
.finep li::before{content:"";position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;background:var(--teal)}
.finep b{color:var(--navy)}

/* ---------- v3: endoscopy caveat (dark section) ---------- */
.endo-note{margin-top:36px;max-width:74ch;font-size:14.5px;line-height:1.75;color:#B9C9D6;
  border-left:2px solid var(--teal);padding-left:18px}
.endo-note b{color:#fff}

/* ---------- v3: mobile hero — keep the 3D spine clear of the headline ---------- */
@media (max-width:820px){
  .hero{align-items:flex-start;min-height:100svh}
  .hero .wrap{padding:164px 0 0}
  /* fade the spinning spine right back so the copy always dominates on phones */
  #spine-canvas{opacity:.34}
  .hero::after{background:linear-gradient(180deg,
    rgba(11,30,48,.96) 0%, rgba(11,30,48,.90) 42%, rgba(11,30,48,.45) 72%, rgba(11,30,48,.12) 100%)}
  .hero h1{max-width:none;font-size:clamp(28px,7.6vw,38px)}
  .hero .sub{font-size:16.5px;margin-top:20px}
  .hero .ctas{margin-top:40px}
  .hero .ctas .btn{width:100%;text-align:center}
  .hero .langs{margin-top:32px;padding-bottom:200px}
  .scroll-cue{display:none}
}

/* ---------- v3: small phones ---------- */
@media (max-width:560px){
  .wrap{padding:0 20px}
  section{padding:60px 0}
  #spine-canvas{opacity:.24}
  .hero .wrap{padding:146px 0 0}
  .hero h1{font-size:clamp(26px,8.4vw,34px)}
  .hero .langs{padding-bottom:170px}
  /* single-column stats read better than a cramped 2×2 on narrow screens */
  .stats .wrap{grid-template-columns:1fr;gap:22px;padding:34px 0;text-align:center}
  .stats .stat{display:flex;flex-direction:column;align-items:center}
  .page-hero{padding:120px 0 48px}
  .finep li{font-size:13px}
  .f-bottom{flex-direction:column;gap:6px}
  .brand .word{height:44px}
}