/* ════════════════════════════════════════════════════════════════
   EXTERNAL CSS FILE: styles-main.css
   Extracted from index.html
   Contains all non-critical CSS (keeping critical CSS variables inline)
   ════════════════════════════════════════════════════════════════ */

/* ── SECTION 1: HERO ── */
.hero{position:relative;height:100vh;min-height:720px;overflow:hidden;}
.hero-bg{position:absolute;inset:0;}
.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center 20%;transition:transform 4s ease;filter:brightness(.78);}
.hero-bg::after{content:"";position:absolute;inset:0;
  background:
    linear-gradient(to bottom,
      rgba(7,7,7,.55) 0%,
      rgba(7,7,7,.2) 20%,
      rgba(7,7,7,.05) 45%,
      rgba(7,7,7,.55) 72%,
      rgba(7,7,7,.97) 100%
    ),
    linear-gradient(to right,
      rgba(7,7,7,.75) 0%,
      rgba(7,7,7,.35) 40%,
      transparent 70%
    );
}
.hero-content{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:0 64px 72px;}
.hero-eyebrow{font-family:'DM Sans',sans-serif;font-size:10px;letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin-bottom:16px;display:flex;align-items:center;gap:14px;}
.hero-eyebrow::before{content:"";width:48px;height:1px;background:var(--gold);}
.hero-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(44px,9vw,136px);line-height:.91;letter-spacing:2px;color:var(--white);margin-bottom:22px;max-width:820px;}
.hero-title .gold{color:var(--gold);}
.hero-sub{font-size:15px;color:rgba(244,239,230,.82);max-width:420px;line-height:1.85;margin-bottom:44px;font-weight:300;}
.hero-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;}
.btn-primary{display:inline-flex;align-items:center;gap:10px;background:var(--gold);color:var(--black);padding:17px 38px;font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;transition:all .3s;min-height:48px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;}
.btn-primary:hover{background:var(--gold-light);transform:translateY(-2px);}
.btn-outline{display:inline-flex;align-items:center;gap:10px;border:2px solid rgba(244,239,230,.45);color:rgba(244,239,230,.9);padding:17px 38px;font-size:12px;font-weight:500;letter-spacing:2px;text-transform:uppercase;transition:all .3s;min-height:48px;}
.btn-outline:hover{border-color:var(--gold);color:var(--gold);}
.hero-scroll{position:absolute;right:64px;bottom:88px;z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px;}
.hero-scroll-line{width:1px;height:60px;background:linear-gradient(to bottom,var(--gold),transparent);animation:scrollLine 2s infinite;}
@keyframes scrollLine{0%{transform:scaleY(0);transform-origin:top;}50%{transform:scaleY(1);transform-origin:top;}51%{transform-origin:bottom;}100%{transform:scaleY(0);transform-origin:bottom;}}
.hero-scroll-text{font-size:8px;letter-spacing:3px;text-transform:uppercase;color:var(--text-dim);writing-mode:vertical-rl;}

/* ── SECTION 2: TICKER ── */
.ticker{background:var(--gold);padding:12px 0;overflow:hidden;white-space:nowrap;}
.ticker-inner{display:inline-flex;gap:0;animation:ticker 22s linear infinite;}
.ticker-item{font-family:'Bebas Neue',sans-serif;font-size:15px;letter-spacing:3px;color:var(--black);padding:0 40px;}
.ticker-sep{color:rgba(7,7,7,.4);}
@keyframes ticker{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}

/* ── SECTION 3: STATS ── */
.stats{padding:40px 64px;background:var(--charcoal);border-bottom:1px solid var(--border);}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:1200px;margin:0 auto;}
.stat-item{padding:0 40px;border-right:1px solid var(--border);text-align:center;}
.stat-item:first-child{padding-left:0;text-align:left;}
.stat-item:last-child{border-right:none;}
.stat-num{font-family:'Bebas Neue',sans-serif;font-size:clamp(56px,6vw,88px);color:var(--gold);line-height:1;letter-spacing:1px;}
.stat-label{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--text-dim);margin-top:6px;}
.stat-sub{font-size:12px;color:rgba(244,239,230,.65);margin-top:3px;}

/* ── SECTION 4: ABOUT / COACH SECTION ── */
.about{display:grid;grid-template-columns:1fr 1fr;min-height:85vh;overflow:hidden;}
.about-photo{position:relative;overflow:hidden;}
.about-photo img{width:100%;height:100%;object-fit:cover;object-position:55% 18%;filter:brightness(.9);}
.about-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(to right,transparent 60%, var(--black) 100%),linear-gradient(to top,var(--black) 0%,transparent 25%);}
.about-photo .photo-tag{position:absolute;bottom:40px;left:40px;z-index:2;background:var(--gold);color:var(--black);padding:16px 22px;}
.about-photo .photo-tag .big{font-family:'Bebas Neue',sans-serif;font-size:44px;line-height:1;letter-spacing:1px;}
.about-photo .photo-tag .small{font-size:9px;letter-spacing:2.5px;text-transform:uppercase;margin-top:4px;}
.about-text{background:var(--black);display:flex;flex-direction:column;justify-content:center;padding:80px 72px 80px 64px;}
.section-eyebrow{font-size:10px;letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin-bottom:20px;display:flex;align-items:center;gap:12px;}
.section-eyebrow::before{content:"";width:32px;height:1px;background:var(--gold);}
.section-heading{font-family:'Bebas Neue',sans-serif;font-size:clamp(52px,5vw,80px);line-height:.93;letter-spacing:2px;color:var(--white);margin-bottom:28px;}
.section-heading em{font-family:'Cormorant Garamond',serif;font-style:italic;color:var(--gold);font-size:1.1em;}
.about-body{font-size:16px;line-height:1.9;color:rgba(244,239,230,.78);margin-bottom:36px;font-weight:300;max-width:440px;}
.creds{display:flex;flex-direction:column;gap:10px;margin-bottom:40px;}
.cred{display:flex;align-items:center;gap:12px;font-size:13px;color:rgba(244,239,230,.65);}
.cred::before{content:"";width:5px;height:5px;background:var(--gold);border-radius:50%;flex-shrink:0;}

/* ── SECTION 5: FULLWIDTH PHOTO SPLIT ── */
.photo-split{display:grid;grid-template-columns:1.2fr .8fr;height:600px;}
.photo-split-main{position:relative;overflow:hidden;}
.photo-split-main img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;transition:transform .8s ease;}
.photo-split-main:hover img{transform:scale(1.04);}
.photo-split-secondary{position:relative;overflow:hidden;}
.photo-split-secondary img{width:100%;height:100%;object-fit:cover;object-position:50% 12%;transition:transform .8s ease;}
.photo-split-secondary:hover img{transform:scale(1.04);}
.photo-overlay-text{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:48px;background:linear-gradient(transparent 40%,rgba(7,7,7,.85) 100%);z-index:2;}
.photo-overlay-text h3{font-family:'Bebas Neue',sans-serif;font-size:42px;letter-spacing:2px;color:var(--white);line-height:1;}
.photo-overlay-text p{font-size:12px;color:rgba(244,239,230,.65);letter-spacing:1.5px;text-transform:uppercase;margin-top:6px;}

/* ── SECTION 6: PROGRAMS ── */
.programs{padding:80px 64px;background:var(--black);}
.programs-header{max-width:1200px;margin:0 auto 72px;}
.programs-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:1200px;margin:0 auto;gap:1px;background:var(--border);}
.prog-card{background:var(--black);padding:52px 40px;position:relative;overflow:hidden;transition:background .3s;}
.prog-card:hover{background:var(--charcoal);}
.prog-card.featured{background:var(--charcoal);box-shadow:0 0 0 1px var(--gold);transform:translateY(-4px);}
.prog-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:transparent;transition:background .3s;}
.prog-card:hover::before,.prog-card.featured::before{background:var(--gold);}
.prog-num{font-family:'Bebas Neue',sans-serif;font-size:80px;color:rgba(200,164,90,.07);line-height:1;margin-bottom:-20px;}
.prog-tag{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:16px;}
.prog-name{font-family:'Bebas Neue',sans-serif;font-size:36px;letter-spacing:2px;margin-bottom:12px;}
.prog-desc{font-size:14px;color:var(--text-dim);margin-bottom:32px;line-height:1.75;font-weight:300;}
.prog-price{font-family:'Bebas Neue',sans-serif;font-size:60px;color:var(--gold);line-height:1;}
.prog-price-sub{font-size:11px;color:rgba(244,239,230,.65);margin-top:6px;margin-bottom:32px;letter-spacing:1px;}
.prog-list{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:40px;}
.prog-list li{font-size:14px;color:rgba(244,239,230,.65);display:flex;gap:10px;align-items:flex-start;line-height:1.55;}
.prog-list li::before{content:"→";color:var(--gold);flex-shrink:0;font-size:11px;margin-top:1px;}
.featured-pill{position:absolute;top:28px;right:28px;background:var(--gold);color:var(--black);font-size:8px;font-weight:500;letter-spacing:2px;text-transform:uppercase;padding:4px 12px;}

/* ── SECTION 7: CTA BANNER (waterfall photo) ── */
.cta-banner{position:relative;height:600px;overflow:hidden;display:flex;align-items:center;justify-content:center;}
@media(max-width:600px){body{font-size:15px;} .articles-grid{grid-template-columns:1fr !important;} .article-card{padding:28px 20px !important;} .lead-form-box{padding:28px 20px !important;} .testi-card{padding:32px 20px !important;} .prog-card{padding:36px 20px !important;} .phil-content{padding:48px 24px !important;} .about-text{padding:48px 24px !important;} .hero-content{padding:0 24px 48px !important;} .footer-top{grid-template-columns:1fr !important;} .process-steps{grid-template-columns:repeat(2,1fr) !important;} .stats-grid{grid-template-columns:repeat(2,1fr) !important;} .sticky-cta{padding:12px 16px;flex-direction:row;gap:8px;justify-content:space-between;align-items:center;} .sticky-cta-text{font-size:11px;} 
  .cta-banner{height:auto;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;}
  .cta-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;filter:brightness(.45);}
  .cta-banner-content{position:relative;z-index:2;text-align:center;padding:0 24px 72px;width:100%;}
  .cta-banner-content h2{font-size:clamp(52px,14vw,80px);}
}
.cta-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:brightness(.5);}
@media(max-width:600px){.cta-banner img{object-fit:cover;object-position:center 35%;background:#070707;}}
.cta-banner::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(7,7,7,0) 30%,rgba(7,7,7,.7) 100%);}
.cta-banner-content{position:relative;z-index:2;text-align:center;padding:0 40px;}
.cta-banner-content h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(60px,8vw,120px);letter-spacing:3px;line-height:.9;color:var(--white);margin-bottom:24px;}
.cta-banner-content h2 em{font-family:'Cormorant Garamond',serif;font-style:italic;color:var(--gold);}
.cta-banner-content p{font-size:15px;color:rgba(244,239,230,.65);margin-bottom:36px;font-weight:300;}

/* ── SECTION 8: TESTIMONIALS ── */
.testimonials{padding:80px 64px;background:var(--charcoal);}
.testi-header{max-width:1200px;margin:0 auto 64px;}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;max-width:1200px;margin:0 auto;background:var(--border);}
.testi-card{background:var(--charcoal);padding:44px 36px;}
.testi-stars{color:var(--gold);letter-spacing:3px;font-size:12px;margin-bottom:20px;}
.testi-quote{font-family:'Cormorant Garamond',serif;font-size:18px;line-height:1.8;color:rgba(244,239,230,.82);margin-bottom:28px;font-style:italic;}
.testi-name{font-size:13px;font-weight:500;color:var(--white);}
.testi-meta{font-size:10px;color:var(--text-dim);margin-top:3px;letter-spacing:1px;}

/* ── SECTION 9: PROCESS ── */
.process{padding:80px 64px;background:var(--black);}
.process-inner{max-width:1200px;margin:0 auto;}
.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:72px;position:relative;}
.process-steps::before{content:"";position:absolute;top:28px;left:12.5%;right:12.5%;height:1px;background:var(--border);}
.process-step{text-align:center;padding:0 28px;}
.step-num{width:56px;height:56px;border:1px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue',sans-serif;font-size:22px;color:var(--gold);margin:0 auto 24px;background:var(--black);position:relative;z-index:1;}
.step-title{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:2px;margin-bottom:12px;}
.step-desc{font-size:13px;color:var(--text-dim);line-height:1.7;font-weight:300;}

/* ── SECTION 10: PHILOSOPHY PHOTO SECTION ── */
.philosophy{display:grid;grid-template-columns:.85fr 1.15fr;min-height:640px;overflow:hidden;}
.phil-photo{position:relative;overflow:hidden;}
.phil-photo img{width:100%;height:100%;object-fit:cover;object-position:center 58%;filter:brightness(.65);}
.phil-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(to right,transparent 50%,var(--black) 100%);}
.phil-content{background:var(--black);display:flex;flex-direction:column;justify-content:center;padding:80px 72px;}
.phil-pillars{display:flex;flex-direction:column;gap:40px;margin-top:40px;}
.phil-pillar{display:flex;gap:28px;align-items:flex-start;}
.pillar-num{font-family:'Bebas Neue',sans-serif;font-size:48px;color:rgba(200,164,90,.18);line-height:1;flex-shrink:0;width:48px;}
.pillar-title{font-family:'Bebas Neue',sans-serif;font-size:24px;letter-spacing:2px;margin-bottom:8px;}
.pillar-desc{font-size:13px;color:var(--text-dim);line-height:1.75;font-weight:300;}

/* ── SECTION 11: LEAD MAGNET ── */
.lead-magnet{padding:80px 64px;background:var(--mid);border-top:1px solid var(--border);}
.lead-inner{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.lead-form-box{background:var(--black);border:1px solid var(--border);padding:44px;}
.lead-form-title{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:24px;}
.form-inp{width:100%;background:var(--mid);border:1px solid var(--border);padding:15px 18px;color:var(--white);font-size:13px;font-family:'DM Sans',sans-serif;outline:none;margin-bottom:12px;transition:border-color .3s;}
.form-inp:focus{border-color:var(--gold);}
.form-inp::placeholder{color:rgba(244,239,230,.65);}

/* ── SECTION 12: ARTICLES ── */
.articles{padding:80px 64px;background:var(--black);}
.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;max-width:1200px;margin:64px auto 0;background:var(--border);}
.article-card{background:var(--black);padding:40px 32px;transition:background .3s;}
.article-card:hover{background:var(--charcoal);}
.article-cat{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:16px;}
.article-title{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:600;line-height:1.3;margin-bottom:14px;color:var(--white);}
.article-desc{font-size:13px;color:var(--text-dim);line-height:1.7;margin-bottom:24px;font-weight:300;}
.article-link{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);display:inline-flex;align-items:center;gap:8px;}

/* ── SECTION 13: FOOTER ── */
footer{background:var(--charcoal);border-top:1px solid var(--border);padding:80px 64px 48px;}
.footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:64px;margin-bottom:64px;max-width:1200px;margin-left:auto;margin-right:auto;}
.footer-brand{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:3px;margin-bottom:16px;}
.footer-brand span{color:var(--gold);}
.footer-tagline{font-size:13px;color:var(--text-dim);line-height:1.8;max-width:240px;font-weight:300;}
.footer-col h4{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:20px;}
.footer-col a{display:block;font-size:13px;color:rgba(244,239,230,.65);margin-bottom:10px;transition:color .2s;font-weight:300;}
.footer-col a:hover{color:var(--white);}
.footer-bottom{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding-top:32px;border-top:1px solid var(--border);font-size:11px;color:var(--text-dim);}

/* ── SECTION 14: WHATSAPP ── */
.wa-float{position:fixed;bottom:94px;right:18px;z-index:900;background:#25D366;color:#fff;padding:13px 20px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;letter-spacing:.3px;box-shadow:0 6px 24px rgba(37,211,102,.35);transition:all .3s;}
.wa-float:hover{transform:translateY(-2px);}
@media(max-width:600px){.wa-float{bottom:72px;right:16px;padding:11px 16px;font-size:11px;gap:7px;}}

/* ── SECTION 15: DIAGNOSIS WIDGET ── */
.diagnosis{padding:80px 64px;background:var(--charcoal);border-top:1px solid var(--border);}
.diag-inner{max-width:800px;margin:0 auto;}
.diag-box{background:var(--black);border:1px solid var(--border);padding:56px;}
.diag-panel{display:none;}.diag-panel.active{display:block;}
.diag-q{font-family:'DM Sans',sans-serif;font-size:20px;font-weight:500;margin-bottom:32px;line-height:1.5;}
.diag-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:32px;}
.diag-option{background:var(--mid);border:1px solid var(--border);padding:20px;cursor:pointer;transition:all .25s;text-align:left;}
.diag-option:hover,.diag-option.selected{border-color:var(--gold);background:var(--gold-dim);}
.diag-option-label{font-size:13px;font-weight:500;color:var(--white);}
.diag-option-sub{font-size:11px;color:var(--text-dim);margin-top:4px;}
.diag-result{display:none;text-align:center;padding:20px 0;}.diag-result.show{display:block;}
.diag-result-title{font-family:'Bebas Neue',sans-serif;font-size:40px;letter-spacing:2px;margin-bottom:12px;}
.diag-result-desc{font-size:14px;color:rgba(244,239,230,.65);margin-bottom:28px;line-height:1.8;max-width:480px;margin-left:auto;margin-right:auto;}

/* ── SECTION 16: STICKY CTA & RESPONSIVE ── */
.sticky-cta{position:fixed;bottom:0;left:0;right:0;z-index:800;background:rgba(7,7,7,.97);border-top:1px solid var(--border);padding:14px 64px;display:flex;align-items:center;justify-content:space-between;transform:translateY(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(24px);overflow:visible;gap:16px;}
.sticky-cta.show{transform:translateY(0);}
.sticky-cta-text{font-size:13px;color:rgba(244,239,230,.7);flex:1;min-width:0;}
.sticky-cta-text strong{color:var(--white);}
.sticky-cta-actions{display:flex;gap:12px;align-items:center;}
@media(max-width:768px){.sticky-cta{padding:10px 16px;flex-direction:row;gap:8px;align-items:center;} .sticky-cta-text{font-size:12px;}}
@media(max-width:1100px){
  nav{padding:0 20px;}.nav-links{display:none;}.nav-ham{display:flex;}
  .hero-content{padding:0 28px 56px;}
  .hero-title{font-size:clamp(60px,14vw,120px);}
  .hero-scroll{display:none;}
  .stats{padding:28px 28px;}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border);}
  .stat-item{background:var(--charcoal);padding:28px;text-align:center;border-right:none;}
  .about{grid-template-columns:1fr;} .about-photo{height:420px;}
  .about-photo{height:520px;}
  .about-text{padding:60px 28px;}
  .photo-split{grid-template-columns:1fr;height:auto;}
  .photo-split-main,.photo-split-secondary{height:420px;}
  .programs{padding:56px 28px;}
  .programs-grid{grid-template-columns:1fr;} .prog-card{padding:36px 24px;}
  .philosophy{grid-template-columns:1fr;}
  .phil-photo{height:480px;}
  .phil-content{padding:60px 28px;}
  .lead-magnet{padding:56px 28px;}.lead-inner{grid-template-columns:1fr;gap:48px;}
  .testimonials{padding:56px 28px;}.testi-grid{grid-template-columns:1fr;}
  .process{padding:56px 28px;}.process-steps{grid-template-columns:1fr 1fr;gap:40px;}.process-steps::before{display:none;}
  .articles{padding:56px 28px;}.articles-grid{grid-template-columns:1fr;}
  footer{padding:60px 28px 28px;}.footer-top{grid-template-columns:1fr 1fr;gap:40px;}
  .diag-options{grid-template-columns:1fr;}
  .diagnosis{padding:48px 20px;}.diag-box{padding:28px 20px;}
}

/* ════════════════════════════════════════════════════════════════
   CRITICAL MOBILE FIXES v2 — Based on Gemini Audit
   Issues found: WA button overlap, text too small, 3-col not stacking,
   footer unreadable, padding insufficient, stats layout broken
   ════════════════════════════════════════════════════════════════ */

/* ── FIX 1: WhatsApp Float — NEVER overlap content ── */
.wa-float {
  bottom: 90px !important;
  right: 16px !important;
  z-index: 900 !important;
}

/* ── FIX 2: Sticky CTA — proper bottom bar ── */
.sticky-cta {
  z-index: 800 !important;
  gap: 12px !important;
}

/* ── FIX 3: All body content gets bottom padding so nothing hides behind sticky bars ── */
body {
  padding-bottom: 0 !important;
}

/* ═══════════════════════════════════════════════════════════════
   390px MOBILE FIXES
   ═══════════════════════════════════════════════════════════════ */

@media (max-width: 768px) {

  /* Hero photos — show face/head on mobile */
  .hero-bg img { object-position: center 18% !important; }
  .page-hero-bg img { object-position: center 20% !important; }
  /* About section — show full face */
  .about-photo img { object-position: 55% 20% !important; }
  /* Photo split — Strength First (maddy4) */
  .photo-split-main img { object-position: 48% 25% !important; }
  /* Photo split — Mind & Body (maddy7) — head must be fully visible */
  .photo-split-secondary img { object-position: 50% 10% !important; }
  /* CTA banner waterfall */
  .cta-banner img { object-fit: cover !important; object-position: center 40% !important; background: none !important; }
  /* Philosophy waterfall — show meditating person */
  .phil-photo img { object-position: center 60% !important; }

  /* WA float repositioned */
  .wa-float {
    bottom: 84px !important;
    right: 12px !important;
    padding: 12px 16px !important;
    font-size: 12px !important;
  }

  /* ─ NAVIGATION ─ */
  nav {
    padding: 0 16px !important;
    height: 60px !important;
  }
  .nav-links { display: none !important; }
  .nav-ham {
    display: flex !important;
    min-width: 44px !important;
    min-height: 44px !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 8px !important;
  }
  .nav-ham span { width: 22px !important; }
  .nav-logo { font-size: 18px !important; }

  /* ─ HERO ─ */
  .hero-content {
    padding: 0 20px 44px !important;
  }
  .hero-title {
    font-size: clamp(38px, 11vw, 64px) !important;
    line-height: 0.92 !important;
    margin-bottom: 16px !important;
  }
  .hero-sub {
    font-size: 15px !important;
    line-height: 1.75 !important;
    max-width: 100% !important;
    margin-bottom: 28px !important;
    color: rgba(244,239,230,0.85) !important;
  }
  .hero-eyebrow {
    font-size: 10px !important;
    letter-spacing: 2.5px !important;
    margin-bottom: 14px !important;
  }
  .hero-actions {
    flex-direction: row !important;
    gap: 10px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
  }
  .btn-primary, .btn-outline {
    justify-content: center !important;
    padding: 14px 18px !important;
    font-size: 11px !important;
    min-height: 46px !important;
    letter-spacing: 1.2px !important;
  }

  /* ─ TICKER ─ */
  .ticker { padding: 10px 0 !important; }
  .ticker-item { font-size: 13px !important; padding: 0 24px !important; }

  /* ─ STATS BAR (4 items → 2x2) ─ */
  .stats { padding: 16px 12px !important; }
  .stats-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 1px !important;
    background: rgba(200,164,90,0.18) !important;
  }
  .stat-item {
    background: #0e0e0e !important;
    padding: 20px 12px !important;
    border-right: none !important;
    text-align: center !important;
  }
  .stat-num {
    font-size: 36px !important;
    line-height: 1 !important;
  }
  .stat-label {
    font-size: 10px !important;
    letter-spacing: 2px !important;
    margin-top: 4px !important;
  }
  .stat-sub { font-size: 12px !important; }

  /* ─ ABOUT SECTION ─ */
  .about { grid-template-columns: 1fr !important; }
  /* About section — tall enough to show body */
  .about-photo { height: 500px !important; }
  /* Photo split sections — taller */
  .photo-split-main, .photo-split-secondary { height: 480px !important; }
  /* Philosophy */
  .phil-photo { height: 420px !important; }
  .about-text {
    padding: 36px 20px 40px !important;
  }
  .section-heading {
    font-size: clamp(34px, 9vw, 52px) !important;
    margin-bottom: 18px !important;
  }
  .about-body {
    font-size: 15px !important;
    line-height: 1.8 !important;
    color: rgba(244,239,230,0.82) !important;
    max-width: 100% !important;
  }
  .cred { font-size: 13px !important; }

  /* ─ PHOTO SPLIT ─ */
  .photo-split {
    grid-template-columns: 1fr !important;
    height: auto !important;
  }
  .photo-split-main {
    height: 480px !important;
    margin-bottom: 0 !important;
  }
  .photo-split-secondary {
    height: 480px !important;
  }
  .photo-overlay-text {
    padding: 32px 20px !important;
  }
  .photo-overlay-text h3 {
    font-size: 32px !important;
  }

  /* ─ PROGRAMS SECTION ─ */
  .programs {
    padding: 48px 20px !important;
  }
  .programs-grid {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }
  .prog-card {
    padding: 32px 20px !important;
    border: 1px solid rgba(200,164,90,.15) !important;
  }
  .prog-num {
    font-size: 44px !important;
    margin-bottom: -10px !important;
  }
  .prog-name {
    font-size: 28px !important;
    margin-bottom: 10px !important;
  }
  .prog-desc {
    font-size: 14px !important;
    line-height: 1.7 !important;
    margin-bottom: 24px !important;
  }
  .prog-price {
    font-size: 42px !important;
    margin-bottom: 8px !important;
  }
  .prog-list li {
    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  /* ─ CTA BANNER ─ */
  .cta-banner {
    height: auto !important;
    min-height: 500px !important;
    padding: 40px 20px 80px !important;
  }
  .cta-banner-content {
    padding: 0 !important;
  }
  .cta-banner-content h2 {
    font-size: clamp(40px, 12vw, 64px) !important;
    margin-bottom: 18px !important;
  }
  .cta-banner-content p {
    font-size: 15px !important;
    line-height: 1.7 !important;
    margin-bottom: 28px !important;
  }

  /* ─ TESTIMONIALS ─ */
  .testimonials {
    padding: 48px 20px !important;
  }
  .testi-grid {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }
  .testi-card {
    padding: 28px 20px !important;
    border: 1px solid rgba(200,164,90,.15) !important;
  }
  .testi-quote {
    font-size: 16px !important;
    line-height: 1.7 !important;
    margin-bottom: 20px !important;
  }

  /* ─ PROCESS ─ */
  .process {
    padding: 48px 20px !important;
  }
  .process-steps {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px !important;
    margin-top: 40px !important;
  }
  .process-steps::before {
    display: none !important;
  }
  .process-step {
    padding: 0 !important;
  }
  .step-num {
    width: 48px !important;
    height: 48px !important;
    font-size: 18px !important;
    margin-bottom: 16px !important;
  }
  .step-title {
    font-size: 18px !important;
  }
  .step-desc {
    font-size: 14px !important;
    line-height: 1.65 !important;
  }

  /* ─ PHILOSOPHY ─ */
  .philosophy {
    grid-template-columns: 1fr !important;
  }
  .phil-photo {
    height: 420px !important;
  }
  .phil-content {
    padding: 48px 20px !important;
  }
  .phil-pillars {
    gap: 28px !important;
    margin-top: 24px !important;
  }
  .phil-pillar {
    gap: 16px !important;
  }
  .pillar-num {
    font-size: 32px !important;
    width: 40px !important;
  }
  .pillar-title {
    font-size: 18px !important;
  }
  .pillar-desc {
    font-size: 14px !important;
    line-height: 1.65 !important;
  }

  /* ─ LEAD MAGNET ─ */
  .lead-magnet {
    padding: 48px 20px !important;
  }
  .lead-inner {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
  .lead-form-box {
    padding: 28px 20px !important;
  }
  .form-inp {
    padding: 14px 16px !important;
    font-size: 16px !important;
    margin-bottom: 12px !important;
  }

  /* ─ ARTICLES ─ */
  .articles {
    padding: 48px 20px !important;
  }
  .articles-grid {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    margin: 32px auto 0 !important;
  }
  .article-card {
    padding: 28px 20px !important;
    border: 1px solid rgba(200,164,90,.15) !important;
  }
  .article-title {
    font-size: 20px !important;
    margin-bottom: 10px !important;
    line-height: 1.3 !important;
  }
  .article-desc {
    font-size: 14px !important;
    line-height: 1.65 !important;
    margin-bottom: 16px !important;
  }

  /* ─ FOOTER ─ */
  footer {
    padding: 48px 20px 24px !important;
  }
  .footer-top {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
    margin-bottom: 36px !important;
  }
  .footer-brand {
    font-size: 18px !important;
    margin-bottom: 12px !important;
  }
  .footer-tagline {
    font-size: 13px !important;
    line-height: 1.65 !important;
  }
  .footer-col h4 {
    font-size: 11px !important;
    letter-spacing: 2.5px !important;
    margin-bottom: 14px !important;
  }
  .footer-col a {
    font-size: 14px !important;
    margin-bottom: 10px !important;
    line-height: 1.5 !important;
  }
  .footer-bottom {
    flex-direction: column !important;
    gap: 12px !important;
    padding-top: 20px !important;
    text-align: center !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
  }

  /* ─ DIAGNOSIS ─ */
  .diagnosis {
    padding: 48px 20px !important;
  }
  .diag-box {
    padding: 28px 20px !important;
  }
  .diag-q {
    font-size: 17px !important;
    line-height: 1.5 !important;
    margin-bottom: 22px !important;
  }
  .diag-options {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  .diag-option {
    padding: 16px !important;
  }
  .diag-option-label {
    font-size: 14px !important;
  }
  .diag-result-title {
    font-size: 28px !important;
  }
  .diag-result-desc {
    font-size: 14px !important;
    line-height: 1.7 !important;
  }

  /* ─ STICKY CTA ─ */
  .sticky-cta {
    padding: 10px 12px !important;
    gap: 8px !important;
  }
  .sticky-cta-text {
    font-size: 12px !important;
    flex: 1 !important;
    line-height: 1.4 !important;
  }
  .sticky-cta-actions {
    gap: 6px !important;
  }
}

/* ═══════════════════════════════════════════════════════════════
   ULTRA-SMALL DEVICES (≤480px) — iPhone SE, Galaxy S series
   ═══════════════════════════════════════════════════════════════ */

@media (max-width: 480px) {
  .hero-title {
    font-size: clamp(32px, 10vw, 48px) !important;
  }
  .hero-sub {
    font-size: 14px !important;
    line-height: 1.7 !important;
  }
  .btn-primary, .btn-outline {
    padding: 13px 16px !important;
    font-size: 10px !important;
    letter-spacing: 1px !important;
    width: 100% !important;
    justify-content: center !important;
  }
  .hero-actions {
    flex-direction: column !important;
    gap: 10px !important;
  }
  .section-heading {
    font-size: clamp(28px, 8vw, 40px) !important;
  }
  .stat-num {
    font-size: 30px !important;
  }
  .stat-label {
    font-size: 9px !important;
    letter-spacing: 1.5px !important;
  }
  .prog-price {
    font-size: 36px !important;
  }
  .prog-num {
    font-size: 36px !important;
  }
  .prog-name {
    font-size: 24px !important;
  }
  .cta-banner-content h2 {
    font-size: clamp(36px, 11vw, 56px) !important;
  }
  .photo-overlay-text h3 {
    font-size: 26px !important;
  }
  .process-steps {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
  .pillar-num {
    font-size: 28px !important;
    width: 36px !important;
  }
  .diag-result-title {
    font-size: 24px !important;
  }
}