/* ── NAV ── */
.topbar{background:var(--navy);padding:6px 48px;display:flex;justify-content:space-between;font-size:12px;color:var(--muted);}
.topbar a{color:var(--muted);text-decoration:none;}
.topbar a:hover{color:var(--red);}
nav{background:var(--navy);padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--navy-light);position:sticky;top:0;z-index:100;box-shadow:0 2px 20px rgba(0,0,0,.3);}
.nav-logo{padding:13px 0;}
.nav-logo img{height:44px;width:auto;display:block;}
.nav-links{display:flex;}
.nav-a{color:#c8d3e8;font-size:13px;font-weight:500;padding:20px 16px;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s;text-decoration:none;display:block;}
.nav-a:hover,.nav-a.active{color:var(--white);border-bottom-color:var(--red);}
.nav-cta{background:var(--red);color:var(--white);font-size:13px;font-weight:600;padding:9px 20px;border:none;cursor:pointer;border-radius:3px;font-family:'DM Sans',sans-serif;}

/* ── HERO ── */
.hero{background:var(--navy);padding:80px 48px 72px;position:relative;overflow:hidden;}
.hero::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 80% at 80% 50%,rgba(247,148,29,.06),transparent 60%);pointer-events:none;}
.hero-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:56px 56px;}
.hero-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 420px;gap:64px;align-items:center;position:relative;z-index:2;}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(247,148,29,.12);border:1px solid rgba(247,148,29,.25);padding:5px 14px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);margin-bottom:22px;}
.hero-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);}
.hero h1{font-family:'Playfair Display',serif;font-size:50px;color:var(--white);font-weight:400;line-height:1.1;margin-bottom:20px;letter-spacing:-.5px;}
.hero h1 em{color:var(--gold);font-style:italic;}
.hero h1 strong{font-weight:600;}
.hero-sub{font-size:16px;color:#aab3c8;line-height:1.75;margin-bottom:32px;max-width:500px;}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:48px;}
.btn-gold{background:var(--gold);color:var(--navy);border:none;padding:13px 28px;font-size:14px;font-weight:700;cursor:pointer;border-radius:3px;font-family:'DM Sans',sans-serif;transition:all .2s;}
.btn-gold:hover{background:#e8870a;}
.btn-ghost{background:transparent;color:var(--white);border:1.5px solid rgba(255,255,255,.25);padding:12px 26px;font-size:14px;font-weight:500;cursor:pointer;border-radius:3px;font-family:'DM Sans',sans-serif;transition:all .2s;}
.btn-ghost:hover{border-color:rgba(255,255,255,.6);}
.hero-proof{display:flex;gap:32px;padding-top:32px;border-top:1px solid rgba(255,255,255,.07);flex-wrap:wrap;}
.proof-stat .num{font-family:'Playfair Display',serif;font-size:30px;color:var(--gold);font-weight:400;}
.proof-stat .lbl{font-size:12px;color:var(--muted);margin-top:3px;}

/* HERO RIGHT — live health card */
.hero-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;}
.hc-header{background:rgba(247,148,29,.1);border-bottom:1px solid rgba(247,148,29,.15);padding:13px 18px;display:flex;align-items:center;justify-content:space-between;}
.hc-title{font-size:11px;font-weight:600;color:var(--gold);letter-spacing:.5px;}
.hc-live{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:700;color:var(--green);letter-spacing:.5px;text-transform:uppercase;}
.hc-live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
.hc-body{padding:18px;}
.hc-score-row{display:flex;gap:10px;margin-bottom:14px;}
.hc-score{flex:1;background:rgba(255,255,255,.04);border-radius:8px;padding:12px;border:1px solid rgba(255,255,255,.06);text-align:center;}
.hc-score-num{font-family:'Playfair Display',serif;font-size:22px;font-weight:400;}
.hc-score-num.gold{color:var(--gold);}
.hc-score-num.green{color:var(--green);}
.hc-score-num.red{color:#e24b4a;}
.hc-score-lbl{font-size:10px;color:var(--muted);margin-top:2px;}
.hc-alerts{display:flex;flex-direction:column;gap:7px;}
.hc-alert{background:rgba(255,255,255,.03);border-radius:6px;padding:9px 12px;display:flex;gap:8px;align-items:flex-start;border:1px solid rgba(255,255,255,.05);}
.hc-alert-dot{width:7px;height:7px;min-width:7px;border-radius:50%;margin-top:4px;}
.dot-red{background:#e24b4a;}
.dot-amber{background:#ef9f27;}
.dot-green{background:var(--green);}
.hc-alert-text{font-size:12px;color:#c8d8f0;line-height:1.45;}
.hc-alert-text strong{color:var(--gold);}
.hc-footer{padding:11px 18px;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;font-size:11px;color:var(--muted);}
.hc-footer-link{color:var(--gold);font-weight:600;cursor:pointer;}

/* ── PAIN SECTION ── */
.pain-section{background:var(--off);padding:80px 48px;}
.pain-inner{max-width:1100px;margin:0 auto;}
.section-eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:12px;}
.ey-red{color:var(--red);}
.ey-gold{color:var(--gold);}
.ey-green{color:var(--green);}
.section-title{font-family:'Playfair Display',serif;font-size:36px;font-weight:400;line-height:1.2;margin-bottom:12px;letter-spacing:-.3px;}
.section-sub{font-size:15px;color:var(--gray);line-height:1.75;max-width:600px;}

.pain-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;margin-top:48px;}
.pain-list{display:flex;flex-direction:column;gap:16px;}
.pain-item{background:var(--white);border:1px solid var(--gray-light);border-radius:12px;padding:20px 22px;display:flex;gap:16px;align-items:flex-start;border-left:3px solid var(--red);}
.pain-icon{width:38px;height:38px;min-width:38px;border-radius:9px;background:var(--red-soft);display:flex;align-items:center;justify-content:center;font-size:18px;}
.pain-item h4{font-size:15px;font-weight:600;color:var(--navy);margin-bottom:4px;}
.pain-item p{font-size:13px;color:var(--gray);line-height:1.6;}
.pain-stat-block{background:var(--navy);border-radius:16px;padding:32px;position:sticky;top:100px;}
.psb-label{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-bottom:20px;}
.psb-stat{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.07);}
.psb-stat:last-child{border-bottom:none;padding-bottom:0;}
.psb-num{font-family:'Playfair Display',serif;font-size:38px;color:var(--red);font-weight:400;line-height:1;}
.psb-num.gold{color:var(--gold);}
.psb-num.green{color:var(--green);}
.psb-desc{font-size:13px;color:#aab3c8;line-height:1.55;margin-top:6px;}
.psb-source{font-size:10px;color:var(--muted);margin-top:4px;}

/* ── WHAT'S INCLUDED ── */
.included-section{background:var(--white);padding:80px 48px;}
.included-inner{max-width:1100px;margin:0 auto;}
.inc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--gray-light);border:1px solid var(--gray-light);margin-top:48px;border-radius:12px;overflow:hidden;}
.inc-tile{background:var(--white);padding:28px 24px;transition:background .15s;position:relative;}
.inc-tile:hover{background:var(--off);}
.inc-tile:hover .inc-arrow{opacity:1;transform:translateX(0);}
.inc-badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:3px 9px;border-radius:20px;margin-bottom:14px;}
.badge-support{background:rgba(37,199,140,.1);color:#0f6e3a;}
.badge-cap{background:rgba(247,148,29,.1);color:#8a5200;}
.badge-ai{background:rgba(100,130,255,.1);color:#2233aa;}
.inc-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:14px;}
.inc-tile h4{font-family:'Playfair Display',serif;font-size:17px;font-weight:400;color:var(--navy);margin-bottom:7px;}
.inc-tile p{font-size:13px;color:var(--gray);line-height:1.6;}
.inc-arrow{font-size:16px;color:var(--red);margin-top:10px;display:block;opacity:0;transform:translateX(-4px);transition:all .2s;}

/* ── HOW IT WORKS ── */
.how-section{background:var(--navy);padding:80px 48px;}
.how-inner{max-width:1100px;margin:0 auto;}
.how-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:48px;position:relative;}
.how-timeline::before{content:'';position:absolute;top:28px;left:calc(12.5%);right:calc(12.5%);height:2px;background:rgba(247,148,29,.2);z-index:0;}
.how-step{padding:0 20px;text-align:center;position:relative;z-index:1;}
.how-dot{width:56px;height:56px;border-radius:50%;border:2px solid var(--gold);background:var(--navy-mid);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:20px;position:relative;}
.how-dot-num{position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:50%;background:var(--gold);color:var(--navy);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;}
.how-step h4{font-family:'Playfair Display',serif;font-size:17px;color:var(--white);font-weight:400;margin-bottom:8px;}
.how-step p{font-size:13px;color:#aab3c8;line-height:1.6;}
.how-step-tag{display:inline-block;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:3px 9px;border-radius:20px;background:rgba(247,148,29,.12);color:var(--gold);margin-bottom:10px;}

/* ── PLANS ── */
.plans-section{background:var(--off);padding:80px 48px;}
.plans-inner{max-width:1100px;margin:0 auto;}
.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;}
.plan-card{background:var(--white);border:1px solid var(--gray-light);border-radius:14px;padding:32px 26px;position:relative;transition:all .2s;}
.plan-card:hover{box-shadow:0 12px 40px rgba(0,0,0,.08);}
.plan-card.featured{background:var(--navy);border-color:var(--navy);}
.plan-badge{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:4px 12px;border-radius:20px;display:inline-block;margin-bottom:14px;}
.pb-start{background:var(--gold-soft);color:#8a5200;}
.pb-grow{background:rgba(224,48,48,.08);color:var(--red);}
.pb-scale{background:rgba(255,255,255,.08);color:#aab3c8;}
.plan-name{font-family:'Playfair Display',serif;font-size:22px;font-weight:400;color:var(--navy);margin-bottom:6px;}
.plan-card.featured .plan-name{color:var(--white);}
.plan-tagline{font-size:13px;color:var(--gray);margin-bottom:20px;line-height:1.5;}
.plan-card.featured .plan-tagline{color:#aab3c8;}
.plan-price{font-family:'Playfair Display',serif;font-size:36px;color:var(--navy);font-weight:400;margin-bottom:4px;}
.plan-card.featured .plan-price{color:var(--white);}
.plan-price sub{font-family:'DM Sans',sans-serif;font-size:13px;color:var(--muted);font-weight:400;}
.plan-price-note{font-size:12px;color:var(--muted);margin-bottom:22px;}
.plan-card.featured .plan-price-note{color:rgba(255,255,255,.4);}
.plan-divider{border:none;border-top:1px solid var(--gray-light);margin:0 0 18px;}
.plan-card.featured .plan-divider{border-color:rgba(255,255,255,.08);}
.plan-feat{display:flex;gap:9px;font-size:13px;color:var(--gray);margin-bottom:10px;align-items:flex-start;line-height:1.5;}
.plan-card.featured .plan-feat{color:#aab3c8;}
.pf-check{color:var(--red);font-weight:700;flex-shrink:0;margin-top:1px;}
.plan-card.featured .pf-check{color:var(--gold);}
.plan-btn{display:block;width:100%;margin-top:24px;padding:12px;font-size:14px;font-weight:600;cursor:pointer;border-radius:8px;text-align:center;font-family:'DM Sans',sans-serif;transition:all .2s;}
.plan-btn.red-outline{background:transparent;border:1.5px solid var(--red);color:var(--red);}
.plan-btn.red-outline:hover{background:var(--red);color:var(--white);}
.plan-btn.white-solid{background:var(--white);color:var(--navy);border:none;}
.plan-btn.white-solid:hover{background:var(--off);}
.featured-ribbon{position:absolute;top:-1px;left:50%;transform:translateX(-50%);background:var(--red);color:var(--white);font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:5px 16px;border-radius:0 0 8px 8px;}

/* ── COMPARISON ── */
.compare-section{background:var(--white);padding:80px 48px;}
.compare-inner{max-width:1100px;margin:0 auto;}
.compare-table{border:1px solid var(--gray-light);border-radius:14px;overflow:hidden;margin-top:48px;}
.compare-hdr{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;background:var(--navy);}
.compare-hdr-cell{padding:16px 22px;font-size:13px;font-weight:600;color:var(--white);}
.compare-hdr-cell:not(:first-child){text-align:center;}
.compare-hdr-cell.hl{color:var(--gold);}
.compare-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;border-bottom:1px solid var(--gray-light);}
.compare-row:last-child{border-bottom:none;}
.compare-row:nth-child(even){background:var(--off);}
.compare-cell{padding:14px 22px;font-size:13px;color:var(--navy);display:flex;align-items:center;}
.compare-cell:not(:first-child){justify-content:center;font-weight:600;}
.cc-yes-enc{color:var(--green);}
.cc-partial{color:var(--gold);}
.cc-no{color:var(--muted);font-weight:400;}
.compare-cell .lbl{font-weight:500;}
.compare-cell .sub{font-size:11px;color:var(--muted);display:block;margin-top:2px;font-weight:400;}

/* ── ROI SECTION ── */
.roi-section{background:var(--red);padding:80px 48px;}
.roi-inner{max-width:1100px;margin:0 auto;}
.roi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.15);border-radius:14px;overflow:hidden;margin-top:48px;}
.roi-tile{background:rgba(255,255,255,.08);padding:36px 24px;text-align:center;}
.roi-num{font-family:'Playfair Display',serif;font-size:46px;color:var(--white);font-weight:400;line-height:1;margin-bottom:6px;}
.roi-label{font-size:14px;color:rgba(255,255,255,.9);font-weight:600;margin-bottom:5px;}
.roi-sub{font-size:12px;color:rgba(255,255,255,.6);line-height:1.5;}

/* ── TESTIMONIALS ── */
.testi-section{background:var(--off);padding:80px 48px;}
.testi-inner{max-width:1100px;margin:0 auto;}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;}
.testi-card{background:var(--white);border:1px solid var(--gray-light);border-radius:14px;padding:28px 24px;position:relative;overflow:hidden;}
.testi-card::before{content:'"';font-family:'Playfair Display',serif;font-size:72px;color:rgba(224,48,48,.07);position:absolute;top:-4px;right:18px;line-height:1;}
.testi-tag{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:3px 10px;border-radius:20px;background:var(--red-soft);color:var(--red);margin-bottom:14px;}
.testi-quote{font-family:'Playfair Display',serif;font-size:15px;color:var(--navy);font-style:italic;line-height:1.65;margin-bottom:16px;}
.testi-attr{font-size:12px;color:var(--gray);}
.testi-attr strong{color:var(--red);font-family:'DM Sans',sans-serif;}
.testi-result{margin-top:14px;padding:9px 12px;background:var(--gold-soft);border-radius:8px;border-left:3px solid var(--gold);font-size:12px;color:var(--navy);font-weight:600;}

/* ── FAQ ── */
.faq-section{background:var(--white);padding:80px 48px;}
.faq-inner{max-width:800px;margin:0 auto;}
.faq-list{margin-top:48px;display:flex;flex-direction:column;gap:0;}
.faq-item{border-bottom:1px solid var(--gray-light);}
.faq-q{width:100%;background:none;border:none;padding:20px 0;text-align:left;font-size:15px;font-weight:600;color:var(--navy);cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:'DM Sans',sans-serif;gap:16px;}
.faq-q:hover{color:var(--red);}
.faq-icon{font-size:20px;color:var(--red);flex-shrink:0;transition:transform .25s;line-height:1;}
.faq-icon.open{transform:rotate(45deg);}
.faq-a{font-size:14px;color:var(--gray);line-height:1.75;padding:0 0 18px;display:none;}
.faq-a.open{display:block;}

/* ── FINAL CTA ── */
.final-cta{background:var(--navy);padding:96px 48px;position:relative;overflow:hidden;text-align:center;}
.final-cta::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 70% at 50%,rgba(247,148,29,.08),transparent 70%);}
.final-cta-inner{position:relative;z-index:2;max-width:680px;margin:0 auto;}
.final-cta h2{font-family:'Playfair Display',serif;font-size:42px;color:var(--white);font-weight:400;line-height:1.15;margin-bottom:14px;letter-spacing:-.3px;}
.final-cta h2 em{color:var(--gold);font-style:italic;}
.final-cta p{font-size:16px;color:#aab3c8;margin-bottom:36px;line-height:1.7;}
.final-cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.final-cta-list{display:flex;gap:24px;justify-content:center;margin-top:28px;flex-wrap:wrap;}
.final-cta-list-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);}
.final-cta-list-item i{color:var(--green);}

/* ── FOOTER ── */
footer{background:#060e1c;padding:48px 48px 24px;}
.ftr-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;max-width:1100px;margin:0 auto;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.06);}
.ftr-logo img{height:40px;width:auto;display:block;margin-bottom:12px;}
.ftr-tagline{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--red);margin-bottom:10px;}
.ftr-desc{font-size:12px;color:#6b7a99;line-height:1.7;}
.ftr-col h5{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#aab3c8;font-weight:700;margin-bottom:14px;}
.ftr-col a{display:block;font-size:13px;color:#6b7a99;text-decoration:none;margin-bottom:8px;cursor:pointer;}
.ftr-col a:hover{color:var(--red);}
.ftr-bot{max-width:1100px;margin:20px auto 0;display:flex;justify-content:space-between;font-size:12px;color:#4a5580;}
.ftr-bot a{color:#4a5580;text-decoration:none;margin-left:20px;}


/* ====================================================
   ENCODLE — RESPONSIVE / MOBILE CSS
   Injected into all standalone HTML files.
   Breakpoints: tablet ≤1024px  |  mobile ≤768px  |  small ≤480px
   ==================================================== */

/* ── SHARED LAYOUT UTILITIES ── */
@media (max-width:1024px){
  /* Global padding */
  .topbar,nav,.sec,.pain-section,.included-section,.how-section,
  .plans-section,.compare-section,.metrics-section,.testi-section,
  .faq-section,.advantage-section,.final-cta,.cta-section,
  .editions-section,.segment-section,.modules-section,
  .why-section,.capabilities-section,.roi-section,
  footer,.hero,
  .hero-inner,.pain-inner,.included-inner,.how-inner,.plans-inner,
  .compare-inner,.metrics-inner,.testi-inner,.roi-inner,
  .insight-section,.insight-inner,.advantage-section{
    padding-left:28px !important;
    padding-right:28px !important;
  }
  /* Footer columns */
  .ftr-top,.footer-top{ grid-template-columns:1fr 1fr !important; gap:28px !important; }
  /* Metrics always 2-col on tablet */
  .met-grid,.metrics-grid,.roi-grid,.rgrid{ grid-template-columns:repeat(2,1fr) !important; }
  /* Plans: single col centered */
  .plans-grid,.pgrid2,.ed-grid,.editions-grid{ grid-template-columns:1fr !important; max-width:480px; margin-left:auto; margin-right:auto; }
  /* Testi: 2-col */
  .testi-grid,.tgrid{ grid-template-columns:1fr 1fr !important; }
  /* Nav */
  .nav-links,.nav-links{ display:none; }
  nav{ position:relative; flex-wrap:wrap; }
}

/* ── MOBILE ── */
@media (max-width:768px){
  /* Global padding */
  .topbar,nav,.sec,.pain-section,.included-section,.how-section,
  .plans-section,.compare-section,.metrics-section,.testi-section,
  .faq-section,.advantage-section,.final-cta,.cta-section,
  .editions-section,.segment-section,.modules-section,.why-section,
  .capabilities-section,.roi-section,footer,
  .hero,.hero-inner,.pain-inner,.how-inner,.plans-inner,
  .compare-inner,.metrics-inner,.testi-inner,.roi-inner,
  .included-inner,.insight-section,.insight-inner,
  .approach-grid,.approach-section{
    padding-left:20px !important;
    padding-right:20px !important;
  }

  /* ── NAV ── */
  nav{ padding:0 20px !important; gap:0; }
  .topbar{ display:none; }
  .nav-links,.enc-nav-menu{ display:none !important; }
  .nav-cta,.nc,.enc-nav-cta{ display:none !important; }
  .nav-logo img,.logo-img{ height:36px !important; }

  /* Mobile hamburger button */
  .enc-mobile-toggle{
    display:flex !important;
    flex-direction:column;
    justify-content:center;
    gap:5px;
    background:none;
    border:none;
    cursor:pointer;
    padding:12px 0;
    margin-left:auto;
  }
  .enc-mobile-toggle span{
    display:block;
    width:22px;
    height:2px;
    background:rgba(255,255,255,.8);
    border-radius:2px;
    transition:all .25s;
  }
  .enc-mobile-menu{
    display:none;
    position:fixed;
    top:0; left:0; right:0; bottom:0;
    background:rgba(15,26,46,.98);
    z-index:9999;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:8px;
    overflow-y:auto;
    padding:60px 32px;
  }
  .enc-mobile-menu.open{ display:flex !important; }
  .enc-mobile-menu a{
    color:#c8d3e8;
    font-size:20px;
    font-weight:500;
    text-decoration:none;
    padding:12px 0;
    display:block;
    text-align:center;
    width:100%;
    border-bottom:1px solid rgba(255,255,255,.06);
    font-family:'DM Sans',sans-serif;
  }
  .enc-mobile-menu a:hover{ color:#fff; }
  .enc-mobile-menu .mob-cta{
    margin-top:16px;
    background:#e03030;
    color:#fff !important;
    padding:14px 32px !important;
    border-radius:3px;
    font-weight:700 !important;
    font-size:16px !important;
    border:none;
    border-bottom:none !important;
  }
  .enc-mobile-close{
    position:absolute;
    top:20px; right:20px;
    background:none;
    border:none;
    color:rgba(255,255,255,.6);
    font-size:28px;
    cursor:pointer;
    line-height:1;
    padding:4px;
  }

  /* ── HERO ── */
  .hero{ padding-top:48px !important; padding-bottom:48px !important; }
  .hero-inner,.hi,.hero-top{
    grid-template-columns:1fr !important;
    gap:32px !important;
  }
  .hero h1{ font-size:34px !important; line-height:1.15 !important; }
  .hero-sub,.hsub{ font-size:14px !important; }
  .hero-btns,.hbtns{ flex-direction:column; }
  .hero-btns button,.hbtns button,.hero-btns a,.hbtns a{
    width:100%;
    text-align:center;
  }
  /* Hero stat strip */
  .hero-proof,.hproof{ flex-wrap:wrap; gap:20px !important; }
  .proof-stat{ min-width:calc(50% - 10px); }
  /* Hero journey cards — hide on mobile, show CTA instead */
  .hero-cards,.hcard{ display:none !important; }
  /* Hero apps mosaic */
  .apps-mosaic,.apps-grid,.odoo-apps-grid{ grid-template-columns:repeat(4,1fr) !important; }
  /* Platform pills */
  .plat-pills,.home-plat-pills,.hpills{ gap:6px !important; }
  .plat-pill,.home-plat-pill{ font-size:11px !important; padding:4px 10px !important; }
  /* Trust strip */
  .home-hero-trust{ flex-direction:column; align-items:flex-start; gap:10px !important; }
  .ht-logos,.home-trust-logos{ gap:14px !important; }

  /* ── SECTION TITLES ── */
  .section-title,.sec-title,.st,.enc-section-title{ font-size:26px !important; }
  .section-sub,.sec-sub,.ss,.enc-section-sub{ font-size:14px !important; }

  /* ── GRIDS → SINGLE COL ── */
  .hero-inner,.hi,
  .why-grid,.pgrid,
  .journeys-grid,.home-journeys-grid,
  .serve-grid,.home-serve-grid,.sgg,
  .seg-grid,.odoo-seg-grid,
  .testi-grid,.tgrid,.enc-testi-grid,
  .advantage-grid,.adv-grid,.advg,
  .ftr-top,.footer-top,
  .insight-inner,.home-insight-inner,
  .cap-panel.active,.cpanel.active,
  .ns-cap-panel.active,
  .adv-visual,.adv-vis,
  .apanel.active,.odoo-app-panel.active,
  .home-plat-panel.active,.pp-left+.pp-right,
  .home-plat-panel.active,
  .plat-panel.active,
  .pp-left,.pp-right{ grid-template-columns:1fr !important; }

  /* Pain + stat side by side */
  .pgrid,.pain-grid,.pitch-pain-grid{ grid-template-columns:1fr !important; }
  /* Stat block */
  .psb,.pain-stat-block{ position:relative !important; top:auto !important; }

  /* ── 2-col grids → 1-col ── */
  .adv-comparison .adv-row{ flex-direction:column; gap:4px; }
  .adv-comparison .adv-row-label{ min-width:auto; }

  /* ── MODULES ── */
  .modules-grid,.ns-modules-grid,.mod-grid{ grid-template-columns:repeat(2,1fr) !important; }

  /* ── METRICS ── */
  .met-grid,.metrics-grid,.roi-grid,.rgrid,.met-tile,.mgt{ grid-template-columns:repeat(2,1fr) !important; }
  .met-num,.rnum,.mgn{ font-size:36px !important; }

  /* ── HOW-IT-WORKS TIMELINE ── */
  .how-timeline,.htl,.process-grid,.prg,.approach-grid,.home-approach-grid{
    grid-template-columns:1fr 1fr !important;
    position:relative;
  }
  .how-timeline::before,.htl::before{ display:none !important; }
  .process-connector,.prc,.ap-connector{ display:none !important; }

  /* ── PLANS ── */
  .plans-grid,.pgrid2,.enc-plans-grid{
    grid-template-columns:1fr !important;
    max-width:100% !important;
  }
  .featured-ribbon,.feat-ribbon,.frib{ font-size:9px !important; padding:3px 10px !important; }

  /* ── COMPARISON TABLE ── */
  .compare-table,.ctable,.compare-section table{
    display:block;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    font-size:12px;
  }
  .compare-hdr,.chdr,.compare-header{ min-width:520px; }
  .compare-row,.crow{ min-width:520px; }

  /* ── TABS ── */
  .cap-tabs,.ns-cap-tabs,.odoo-cat-tabs,.plat-tabs,.home-plat-tabs,
  .svc-tabs,.home-svc-tabs,.act-tabs{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    flex-wrap:nowrap !important;
    gap:0 !important;
    scrollbar-width:none;
  }
  .cap-tabs::-webkit-scrollbar,.ns-cap-tabs::-webkit-scrollbar,
  .act-tabs::-webkit-scrollbar{ display:none; }
  .cap-tab,.ctab,.ns-cap-tab,.odoo-ctab,.ptab,.home-ptab,.stab,.home-stab{
    white-space:nowrap;
    font-size:12px !important;
    padding:10px 14px !important;
  }
  .svc-panel.active,.home-svc-panel.active{ grid-template-columns:repeat(2,1fr) !important; }

  /* ── BLOG GRID ── */
  .blog-grid,.home-blog-grid{ grid-template-columns:1fr !important; }

  /* ── EDITIONS ── */
  .ed-grid,.editions-grid,.odoo-editions-grid{ grid-template-columns:1fr !important; }

  /* ── FOOTER ── */
  .ftr-top,.footer-top{ grid-template-columns:1fr !important; gap:28px !important; }
  .ftr-bot,.footer-bottom{ flex-direction:column; gap:8px; text-align:center; }
  .ftr-bot a,.footer-bottom a{ margin-left:10px; }

  /* ── BUTTONS ── */
  .hero-btns,.hbtns,.cta-btns,.fcta-btns,.home-cta-btns,.final-cta-btns{
    flex-direction:column;
    align-items:stretch;
  }
  .hero-btns button,.hero-btns a,
  .hbtns button,.hbtns a,
  .cta-btns button,.fcta-btns button,
  .home-cta-btns button,.home-cta-btns a,
  .final-cta-btns button{
    width:100% !important;
    text-align:center !important;
  }

  /* ── FORMS (contact popup) ── */
  .ec-row,.enc-form-row,.ec-form-row{ grid-template-columns:1fr !important; }
  .ec-modal-box,.ec-modal,.enc-modal-box{
    max-height:95vh;
    border-radius:12px 12px 0 0;
    margin-bottom:0;
  }
  #encodle-overlay,#enc-modal-overlay{
    align-items:flex-end !important;
    padding:0 !important;
  }
  .erp-grid{ grid-template-columns:repeat(2,1fr) !important; }
  .svc-grid,.enc-svc-grid{ grid-template-columns:1fr !important; }
  .tl-grid,.timeline-row{ grid-template-columns:repeat(2,1fr) !important; }

  /* ── ODOO HERO MOSAIC ── */
  .hero-apps{ display:none !important; }

  /* ── FAQ ── */
  .faq-q,.pitch-faq-q,.enc-faq-q{ font-size:14px !important; }

  /* ── BREADCRUMB ── */
  .breadcrumb-strip,.bc{ display:none; }
}

/* ── SMALL PHONES ── */
@media (max-width:480px){
  .hero h1{ font-size:28px !important; }
  .section-title,.sec-title,.st{ font-size:22px !important; }
  .met-num,.rnum,.mgn,.met-num{ font-size:30px !important; }
  .modules-grid,.ns-modules-grid,.mod-grid{ grid-template-columns:1fr !important; }
  .svc-panel.active,.home-svc-panel.active{ grid-template-columns:1fr !important; }
  .how-timeline,.htl,.process-grid,.prg,.approach-grid{ grid-template-columns:1fr !important; }
  .erp-grid{ grid-template-columns:repeat(2,1fr) !important; }
  .odoo-editions-grid,.ed-grid{ grid-template-columns:1fr !important; }
  .hero-proof,.hproof{ flex-direction:column; gap:14px !important; }
  .odoo-cat-tabs .odoo-ctab,.act-tabs .act{ font-size:11px !important; padding:6px 10px !important; }
  nav { padding: 0 16px !important; }
  .nav-logo img,.logo-img { height:32px !important; }
  .final-cta h2,.home-cta-inner h2{ font-size:26px !important; }
}

/* ── MOBILE NAV TOGGLE BUTTON BASE (hidden on desktop) ── */
.enc-mobile-toggle{ display:none; }