/* Figma 1920px master-frame alignment and responsive scaling */
:root{--figma-page:#fdfbf7;--figma-ink:#402f34;--figma-content:1460px;--figma-gutter:max(24px,calc((100vw - var(--figma-content))/2))}
html{font-size:16px}body{overflow-x:hidden;background:var(--figma-page)}img{max-width:100%}

/* Common 127px header from the Figma master */
.sub-header,.lp-header,.a-header,.clinic-header{height:127px;padding-inline:clamp(32px,4.7vw,90px)}
.sub-header .logo,.lp-header .logo,.a-logo,.clinic-header .logo{width:222px}
.sub-header nav,.lp-header nav,.a-header nav,.clinic-header nav{font-size:17px;gap:clamp(24px,3vw,58px)}
.sub-header .contact,.lp-header .contact,.a-contact,.clinic-header .contact{font-size:14px}

/* Rounded 96% hero */
.sub-hero,.lp-hero{height:762px;min-height:762px;margin:127px 2.3vw 0;border:1px solid rgba(64,47,52,.3);border-radius:37px;grid-template-columns:minmax(0,1fr) minmax(560px,1fr)}
.sub-hero-copy,.lp-hero-copy{padding:150px 3vw 70px max(7vw,calc((100vw - 1460px)/2))}
.sub-hero-copy>p,.lp-hero .eyebrow{font-size:22px;letter-spacing:.06em}
.sub-hero h1,.lp-hero h1{font-size:clamp(64px,4.69vw,90px);line-height:1.02;letter-spacing:-.06em;margin:26px 0}
.sub-hero-copy>span,.lp-hero-copy>span{font-size:22px;line-height:1.65;color:var(--figma-ink)}
.tags,.pill-row{gap:14px;margin-top:38px}.tags i,.pill-row i{padding:15px 28px;border:0;background:var(--accent);color:#fff;font-size:19px;font-weight:700}
.sub-hero-media,.lp-hero-media{margin:56px clamp(30px,5vw,96px) 56px 0;border-radius:230px 40px 230px 40px;background:#fff;box-shadow:0 34px 90px rgba(143,83,98,.18)}
.sub-hero-media img,.lp-hero-media img{height:100%;object-fit:cover;object-position:center top}

/* Figma 1460px / 670px columns / 120px gap */
.content-section,.lp-section,.clinic-section,.info-section{width:min(calc(100% - 48px),1460px);max-width:1460px;padding:135px 0}
.content-section{grid-template-columns:minmax(0,670px) minmax(0,670px);gap:120px}
.content-section .visual{border-radius:42px}.content-section .visual img{height:650px}
.copy .num{font-size:100px}.copy h2,.principles h2,.recommend h2{font-size:60px;line-height:1.22}.copy>p:not(.kicker){font-size:20px;line-height:1.8}
.principle-grid article{min-height:430px;padding:48px;border-radius:20px}.principle-grid b{font-size:64px}.principle-grid h3{font-size:26px}.principle-grid p{font-size:17px}

/* Diagnosis page: exact hero proportions and larger type */
.a-hero{margin:137px 2.3vw 0;height:762px;min-height:762px;border-radius:37px;grid-template-columns:52% 48%}
.a-hero-copy{padding:165px 2vw 55px max(8vw,calc((100vw - 1460px)/2))}.a-hero-copy>p{font-size:18px}.a-hero h1{font-size:60px;line-height:1.25;letter-spacing:.02em}.a-hero-copy>span{font-size:22px;line-height:1.64}.a-hero-image img{height:705px;object-fit:cover;object-position:center top}.a-specs{grid-template-columns:repeat(6,1fr);margin-top:42px}.a-specs i{font-size:13px}.a-specs b{font-size:15px}
.section{padding:140px var(--figma-gutter)}.section>*,.a-cause,.a-ba,.diagnostic,.solution{max-width:1460px;margin-inline:auto}.type-grid img{height:430px}.detail-links a{height:363px;border-radius:18px}

/* Laser/ultrasound pages already use the same frame, refine only typography */
.clinic-hero{height:762px}.clinic-hero .hero-copy h1{font-size:clamp(64px,4.2vw,80px)}.clinic-hero .hero-copy>p:not(.eyebrow){font-size:22px}.clinic-section .section-image img{height:650px}.clinic-section .section-copy h2,.feature h2,.faq h2{font-size:58px}

/* Tablet */
@media(max-width:1400px) and (min-width:901px){
  .sub-header,.lp-header,.a-header,.clinic-header{height:100px}.sub-header .logo,.lp-header .logo,.a-logo,.clinic-header .logo{width:175px}.sub-header nav,.lp-header nav,.a-header nav,.clinic-header nav{font-size:14px;gap:20px}.sub-header .contact,.lp-header .contact,.a-contact,.clinic-header .contact{display:none}
  .sub-hero,.lp-hero{height:680px;min-height:680px;margin-top:100px;grid-template-columns:52% 48%}.sub-hero-copy,.lp-hero-copy{padding:105px 30px 50px 7vw}.sub-hero h1,.lp-hero h1{font-size:clamp(52px,5vw,70px)}.sub-hero-copy>span,.lp-hero-copy>span{font-size:18px}.sub-hero-media,.lp-hero-media{margin:38px 38px 38px 0}.tags i,.pill-row i{font-size:15px;padding:12px 20px}
  .content-section{width:calc(100% - 80px);grid-template-columns:1fr 1fr;gap:60px}.content-section .visual img{height:540px}.copy h2,.principles h2,.recommend h2{font-size:46px}.principle-grid article{min-height:330px;padding:34px}
  .a-hero{margin-top:100px;height:680px;min-height:680px}.a-hero-copy{padding:120px 30px 45px 7vw}.a-hero h1{font-size:48px}.a-hero-copy>span{font-size:18px}.a-hero-image img{height:620px}.a-specs{grid-template-columns:repeat(3,1fr)}
  .clinic-hero{height:680px}.clinic-hero .hero-copy{padding:90px 45px 55px 7vw}.clinic-hero .hero-copy h1{font-size:58px}.clinic-hero .hero-copy>p:not(.eyebrow){font-size:18px}.info-hero{min-height:500px;padding-inline:7vw}.info-hero h1{font-size:58px}
}

/* Mobile */
@media(max-width:900px){
  .sub-header,.lp-header,.a-header,.clinic-header{height:68px;padding:0 20px}.sub-header .logo,.lp-header .logo,.a-logo,.clinic-header .logo{width:125px}
  .sub-hero,.lp-hero,.a-hero,.clinic-hero{height:auto;min-height:0;margin:68px 0 0;border:0;border-radius:0;grid-template-columns:1fr}
  .sub-hero-copy,.lp-hero-copy,.a-hero-copy,.clinic-hero .hero-copy{padding:58px 22px 36px}.sub-hero-copy>p,.lp-hero .eyebrow{font-size:14px}.sub-hero h1,.lp-hero h1,.a-hero h1,.clinic-hero .hero-copy h1{font-size:clamp(38px,11vw,48px);line-height:1.12;letter-spacing:-.05em}.sub-hero-copy>span,.lp-hero-copy>span,.a-hero-copy>span,.clinic-hero .hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.7}
  .sub-hero-media,.lp-hero-media{height:440px;margin:0;border-radius:0;box-shadow:none}.sub-hero-media img,.lp-hero-media img,.a-hero-image img,.clinic-hero .hero-image img{height:440px;object-position:center top}.tags i,.pill-row i{font-size:13px;padding:10px 16px}
  .content-section,.lp-section,.clinic-section,.info-section{width:100%;padding:78px 22px}.content-section{grid-template-columns:1fr;gap:42px}.content-section.reverse .visual{order:0}.content-section .visual img,.clinic-section .section-image img{height:clamp(340px,105vw,460px)}.copy .num{font-size:64px}.copy h2,.principles h2,.recommend h2{font-size:34px}.copy>p:not(.kicker){font-size:16px}.principle-grid article{min-height:230px;padding:30px}.principle-grid b{font-size:44px}.principle-grid h3{font-size:21px}.principle-grid p{font-size:15px}
  .a-specs{grid-template-columns:repeat(2,1fr)}.section{padding:80px 22px}.type-grid img{height:320px}.detail-links a{height:160px}
}

@media(max-width:420px){.sub-hero-media,.lp-hero-media,.a-hero-image img,.clinic-hero .hero-image img{height:390px}.sub-hero h1,.lp-hero h1,.a-hero h1,.clinic-hero .hero-copy h1{font-size:37px}.tags,.pill-row{gap:8px}.tags i,.pill-row i{padding:9px 13px;font-size:12px}}
