/*
Theme Name: LONGi Solar Verify
Description: LONGi Solar panel verification portal. Blue and white.
Version: 3.0.0
Author: DI TECH SOLUTIONS
*/

:root {
  --blue:      #005BAC;
  --blue-dk:   #003875;
  --blue-md:   #0074D4;
  --blue-lt:   #EBF4FF;
  --blue-pale: #F4F9FF;
  --white:     #FFFFFF;
  --text:      #0D1F35;
  --text2:     #3D5A73;
  --text3:     #7A9BB5;
  --bdr:       #C8DFF5;
  --r:         8px;
  --r2:        14px;
  --sh:        0 4px 24px rgba(0,91,172,0.10);
  --sh2:       0 12px 48px rgba(0,91,172,0.16);
  --fd:        'Big Shoulders Display',sans-serif;
  --fb:        'IBM Plex Sans',sans-serif;
  --fm:        'IBM Plex Mono',monospace;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--fb);background:#fff;color:var(--text);-webkit-font-smoothing:antialiased;font-size:16px}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}

/* ============================================================
   HEADER
   ============================================================ */
.lg-header{
  position:sticky;top:0;z-index:900;
  background:#fff;border-bottom:3px solid var(--blue);
  height:68px;display:flex;align-items:center;
  justify-content:space-between;padding:0 40px;
  box-shadow:0 2px 12px rgba(0,91,172,0.08);
}
.lg-header-logo img{height:38px;width:auto}
.lg-header-nav{display:flex;align-items:center;gap:6px}
.lg-header-nav a{
  font-size:13.5px;font-weight:500;color:var(--text2);
  padding:8px 15px;border-radius:var(--r);transition:all .18s;
}
.lg-header-nav a:hover{background:var(--blue-lt);color:var(--blue)}
.lg-nav-primary{background:var(--blue)!important;color:#fff!important;font-weight:700!important}
.lg-nav-primary:hover{background:var(--blue-md)!important}
.lg-nav-outline{border:1.5px solid var(--bdr)!important;color:var(--blue)!important}
.lg-nav-outline:hover{border-color:var(--blue)!important;background:var(--blue-lt)!important}

/* Burger */
.lg-burger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:6px}
.lg-burger span{width:24px;height:2px;background:var(--blue);border-radius:2px;transition:all .28s}
.lg-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.lg-burger.open span:nth-child(2){opacity:0}
.lg-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* Drawer */
.lg-overlay{display:none;position:fixed;inset:0;background:rgba(0,20,50,0.45);z-index:950}
.lg-overlay.open{display:block}
.lg-drawer{
  position:fixed;top:0;right:-290px;width:280px;height:100vh;
  background:#fff;border-left:3px solid var(--blue);
  z-index:960;transition:right .3s ease;overflow-y:auto;
  display:flex;flex-direction:column;
}
.lg-drawer.open{right:0}
.lg-drawer-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:18px 20px;border-bottom:1px solid var(--bdr);
}
.lg-drawer-head img{height:28px}
.lg-drawer-close{background:none;border:none;font-size:22px;cursor:pointer;color:var(--text2)}
.lg-drawer-nav{display:flex;flex-direction:column;padding:16px;gap:4px}
.lg-drawer-nav a{display:block;padding:12px 14px;border-radius:var(--r);font-size:14px;font-weight:500;color:var(--text);transition:all .18s}
.lg-drawer-nav a:hover{background:var(--blue-lt);color:var(--blue)}

/* ============================================================
   HERO VIDEO — fully responsive
   ============================================================ */
.lg-hero{
  width:100%;
  overflow:hidden;
  position:relative;
  background:var(--blue-dk);
  /* 21:10-ish cinematic ratio on desktop, shrinks gracefully */
  aspect-ratio: 21 / 10;
  max-height: 680px;
}
.lg-hero-video{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
}

/* ============================================================
   STATS BAR
   ============================================================ */
.lg-stats{background:var(--blue)}
.lg-stats-row{
  max-width:1200px;margin:0 auto;
  display:grid;grid-template-columns:repeat(4,1fr);
}
.lg-stat{
  padding:28px 20px;text-align:center;
  border-right:1px solid rgba(255,255,255,0.15);
}
.lg-stat:last-child{border-right:none}
.lg-stat-n{
  font-family:var(--fd);font-size:clamp(28px,4vw,44px);
  font-weight:800;color:#fff;line-height:1;letter-spacing:-1px;
}
.lg-stat-l{
  font-size:11px;font-family:var(--fm);
  letter-spacing:1.2px;text-transform:uppercase;
  color:rgba(255,255,255,0.6);margin-top:7px;
}

/* ============================================================
   SHARED SECTION ATOMS
   ============================================================ */
.lg-eyebrow{
  font-family:var(--fm);font-size:11px;font-weight:600;
  letter-spacing:2.5px;text-transform:uppercase;
  color:var(--blue);margin-bottom:12px;
  display:flex;align-items:center;gap:10px;
}
.lg-eyebrow::before{content:'';width:26px;height:2px;background:var(--blue);flex-shrink:0}

.lg-h2{
  font-family:var(--fd);
  font-size:clamp(28px,4vw,46px);
  font-weight:800;color:var(--blue-dk);
  line-height:1.08;letter-spacing:-.3px;margin-bottom:16px;
}
.lg-body{font-size:15.5px;line-height:1.72;color:var(--text2)}

/* ============================================================
   SPLIT SECTIONS
   ============================================================ */
.lg-split{display:grid;grid-template-columns:1fr 1fr;overflow:hidden}
.lg-split-img{overflow:hidden;min-height:380px}
.lg-split-img img{width:100%;height:100%;object-fit:cover;display:block}
.lg-split-body{
  display:flex;flex-direction:column;justify-content:center;
  padding:64px 56px;
}
.lg-split--blue .lg-split-body{background:var(--blue-dk)}
.lg-split--blue .lg-h2{color:#fff}
.lg-split--blue .lg-body{color:rgba(255,255,255,0.78)}
.lg-split--blue .lg-eyebrow{color:rgba(255,255,255,0.55)}
.lg-split--blue .lg-eyebrow::before{background:rgba(255,255,255,0.35)}
.lg-split--white .lg-split-body{background:#fff}
.lg-split--rev .lg-split-img{order:1}
.lg-split--rev .lg-split-body{order:0}

.lg-split-btn{
  display:inline-flex;align-items:center;gap:8px;
  margin-top:28px;padding:13px 26px;border-radius:var(--r);
  font-size:14.5px;font-weight:700;width:fit-content;transition:all .2s;
}
.lg-btn-white{background:#fff;color:var(--blue-dk)}
.lg-btn-white:hover{background:var(--blue-lt)}
.lg-btn-blue{background:var(--blue);color:#fff}
.lg-btn-blue:hover{background:var(--blue-md)}

/* ============================================================
   VERIFY SECTION — clean 2-col, no clip-path
   ============================================================ */
.lg-verify-wrap{
  background:var(--blue-pale);
  padding:80px 24px;
  border-top:1px solid var(--bdr);
}
.lg-verify-grid{
  max-width:1120px;margin:0 auto;
  display:grid;grid-template-columns:1fr 1.1fr;
  gap:48px;align-items:start;
}

/* Left: how-to on blue card */
.lg-how-panel{
  background:var(--blue-dk);
  border-radius:var(--r2);
  padding:40px 36px;
  color:#fff;
}
.lg-how-panel .lg-eyebrow{color:rgba(255,255,255,0.5)}
.lg-how-panel .lg-eyebrow::before{background:rgba(255,255,255,0.3)}
.lg-how-panel .lg-h2{color:#fff;font-size:clamp(24px,3vw,34px)}
.lg-how-desc{font-size:14.5px;color:rgba(255,255,255,0.62);line-height:1.65;margin-bottom:28px}

.lg-how-steps{display:flex;flex-direction:column;gap:18px}
.lg-how-step{display:flex;align-items:flex-start;gap:14px}
.lg-step-circle{
  width:34px;height:34px;min-width:34px;border-radius:50%;
  background:rgba(255,255,255,0.12);
  border:1.5px solid rgba(255,255,255,0.28);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--fm);font-size:13px;font-weight:700;color:#fff;
}
.lg-step-body h4{font-size:14px;font-weight:600;color:#fff;margin-bottom:3px}
.lg-step-body p{font-size:13px;color:rgba(255,255,255,0.6);line-height:1.5}

/* Right: verify card */
.lg-verify-card-wrap{}
.lg-verify-card{
  background:#fff;border-radius:var(--r2);
  box-shadow:var(--sh2);overflow:hidden;
}
.lg-vc-head{background:var(--blue);padding:22px 28px}
.lg-vc-head h3{
  font-family:var(--fd);font-size:21px;font-weight:800;
  color:#fff;letter-spacing:.2px;
}
.lg-vc-head p{font-size:13px;color:rgba(255,255,255,0.72);margin-top:4px}
.lg-vc-body{padding:28px}

.lg-field{margin-bottom:18px}
.lg-label{
  display:block;font-family:var(--fm);
  font-size:11px;font-weight:600;
  letter-spacing:1.2px;text-transform:uppercase;
  color:var(--text2);margin-bottom:7px;
}
.lg-input{
  width:100%;padding:12px 14px;
  border:1.5px solid var(--bdr);border-radius:var(--r);
  font-size:14.5px;font-family:var(--fb);color:var(--text);
  background:#fff;outline:none;transition:border-color .2s,box-shadow .2s;
}
.lg-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,91,172,0.12)}

.lg-captcha{
  margin-top:10px;padding:13px 15px;
  background:var(--blue-lt);border:1.5px solid var(--bdr);
  border-radius:var(--r);
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
}
.lg-captcha-label{font-family:var(--fm);font-size:10.5px;letter-spacing:.5px;color:var(--text3)}
.lg-captcha-code{font-family:var(--fm);font-size:19px;font-weight:700;color:var(--blue-dk);letter-spacing:4px}
.lg-captcha-btns{display:flex;gap:6px}
.lg-cap-btn{
  display:flex;align-items:center;gap:5px;
  padding:7px 12px;border:1.5px solid var(--bdr);
  border-radius:var(--r);background:#fff;color:var(--blue);
  font-size:11.5px;font-weight:600;font-family:var(--fm);
  cursor:pointer;transition:all .18s;
}
.lg-cap-btn:hover{background:var(--blue);color:#fff;border-color:var(--blue)}
.lg-cap-hint{font-size:11px;color:var(--text3);margin-top:7px;font-family:var(--fm)}

.lg-hint{
  display:flex;align-items:flex-start;gap:10px;
  padding:12px 14px;margin-bottom:18px;
  background:var(--blue-lt);border-left:3px solid var(--blue);
  border-radius:0 var(--r) var(--r) 0;
  font-size:13px;color:var(--text2);line-height:1.5;
}
.lg-hint svg{color:var(--blue);flex-shrink:0;margin-top:1px}

.lg-verify-btn{
  width:100%;padding:15px;
  background:var(--blue);color:#fff;border:none;
  border-radius:var(--r);font-size:15px;font-weight:700;
  font-family:var(--fb);cursor:pointer;
  display:flex;align-items:center;justify-content:center;gap:10px;
  letter-spacing:.3px;transition:background .2s,transform .15s;
}
.lg-verify-btn:hover{background:var(--blue-md);transform:translateY(-1px)}

.lg-result{margin-bottom:18px}
.jv-result-success{background:var(--blue-lt);border:2px solid var(--blue);border-radius:var(--r2);padding:26px}
.jv-result-error{background:#fff0f0;border:2px solid #c00;border-radius:var(--r2);padding:26px}
.jv-result-badge{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.jv-result-badge svg{color:var(--blue)!important}
.jv-result-badge-text{font-family:var(--fd);font-size:20px;font-weight:800;color:var(--blue-dk)}
.jv-result-table{width:100%;border-collapse:collapse}
.jv-result-table td{padding:9px 0;border-bottom:1px solid var(--bdr);font-size:13.5px}
.jv-result-table td:first-child{color:var(--text3);width:42%;font-family:var(--fm);font-size:11.5px}
.jv-result-table td:last-child{color:var(--text);font-weight:600}

/* ============================================================
   BRAND SECTION
   ============================================================ */
.lg-brand-wrap{background:var(--blue-dk);padding:80px 24px}
.lg-brand-inner{max-width:1160px;margin:0 auto}
.lg-brand-top{
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:32px;margin-bottom:44px;
}
.lg-brand-top .lg-eyebrow{color:rgba(255,255,255,0.45)}
.lg-brand-top .lg-eyebrow::before{background:rgba(255,255,255,0.25)}
.lg-brand-top .lg-h2{color:#fff;margin-bottom:0}
.lg-brand-tagline{font-size:15px;color:rgba(255,255,255,0.5);max-width:300px;text-align:right;line-height:1.6}
.lg-brand-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.lg-brand-card{
  background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.12);
  border-radius:var(--r2);padding:28px 24px;transition:all .22s;
}
.lg-brand-card:hover{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.28);transform:translateY(-3px)}
.lg-brand-card-icon{
  width:44px;height:44px;border-radius:var(--r);
  background:rgba(255,255,255,0.12);
  display:flex;align-items:center;justify-content:center;margin-bottom:16px;
}
.lg-brand-card-icon svg{stroke:#fff}
.lg-brand-card-num{font-family:var(--fd);font-size:38px;font-weight:800;color:#fff;line-height:1;margin-bottom:6px}
.lg-brand-card-lbl{font-size:13px;color:rgba(255,255,255,0.52);line-height:1.45}

/* ============================================================
   FEATURES
   ============================================================ */
.lg-feat-wrap{background:#fff;padding:80px 24px;border-top:1px solid var(--bdr)}
.lg-feat-inner{max-width:1160px;margin:0 auto}
.lg-feat-head{text-align:center;margin-bottom:48px}
.lg-feat-head .lg-eyebrow{justify-content:center}
.lg-feat-head .lg-eyebrow::before{display:none}
.lg-feat-head .lg-h2{max-width:540px;margin:0 auto}

.lg-feat-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:2px;background:var(--bdr);
  border:1.5px solid var(--bdr);border-radius:var(--r2);overflow:hidden;
}
.lg-feat-item{
  background:#fff;padding:28px 24px;
  display:flex;gap:16px;align-items:flex-start;transition:background .2s;
}
.lg-feat-item:hover{background:var(--blue-lt)}
.lg-feat-icon{
  width:40px;height:40px;min-width:40px;border-radius:var(--r);
  background:var(--blue-lt);display:flex;align-items:center;justify-content:center;
}
.lg-feat-icon svg{stroke:var(--blue)}
.lg-feat-item h3{font-size:14.5px;font-weight:700;color:var(--blue-dk);margin-bottom:5px}
.lg-feat-item p{font-size:13px;color:var(--text2);line-height:1.55}

/* ============================================================
   WARRANTY
   ============================================================ */
.lg-warranty-wrap{background:var(--blue-pale);padding:80px 24px;border-top:1px solid var(--bdr)}
.lg-warranty-inner{
  max-width:1100px;margin:0 auto;
  display:grid;grid-template-columns:1.1fr 1fr;gap:72px;align-items:center;
}
.lg-warranty-h{font-family:var(--fd);font-size:clamp(26px,3.5vw,40px);font-weight:800;color:var(--blue-dk);margin-bottom:14px}
.lg-warranty-p{font-size:15px;color:var(--text2);line-height:1.72;margin-bottom:24px}
.lg-warranty-p strong{color:var(--blue-dk);font-weight:700}

.lg-w-list{
  display:flex;flex-direction:column;gap:1px;
  background:var(--bdr);border:1.5px solid var(--bdr);
  border-radius:var(--r2);overflow:hidden;margin-bottom:24px;
}
.lg-w-row{display:flex;align-items:flex-start;gap:13px;padding:15px 17px;background:#fff}
.lg-w-icon{
  width:33px;height:33px;min-width:33px;border-radius:var(--r);
  background:var(--blue-lt);display:flex;align-items:center;justify-content:center;
}
.lg-w-icon svg{stroke:var(--blue)}
.lg-w-title{font-size:13.5px;font-weight:600;color:var(--text)}
.lg-w-sub{font-size:12px;color:var(--text2);margin-top:2px}

.lg-w-cta{
  display:inline-flex;align-items:center;gap:8px;
  padding:13px 26px;background:var(--blue);color:#fff;
  border-radius:var(--r);font-weight:700;font-size:14.5px;
  transition:background .2s;
}
.lg-w-cta:hover{background:var(--blue-md)}
.lg-seal-wrap{display:flex;align-items:center;justify-content:center}

/* ============================================================
   FOOTER
   ============================================================ */
.lg-footer{
  background:var(--blue-dk);
  padding:56px 40px 36px;
  border-top:4px solid var(--blue);
}
.lg-footer-inner{
  max-width:1200px;margin:0 auto;
  display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:48px;
}
.lg-footer-brand img{height:30px;margin-bottom:14px}
.lg-footer-tagline{font-size:13.5px;color:rgba(255,255,255,0.45);line-height:1.65;max-width:260px}
.lg-footer-col h4{
  font-family:var(--fm);font-size:10.5px;font-weight:600;
  letter-spacing:1.8px;text-transform:uppercase;
  color:rgba(255,255,255,0.38);margin-bottom:14px;
}
.lg-footer-col a{display:block;font-size:13.5px;color:rgba(255,255,255,0.62);padding:4px 0;transition:color .18s}
.lg-footer-col a:hover{color:#fff}
.lg-footer-bottom{
  max-width:1200px;margin:36px auto 0;
  padding-top:22px;border-top:1px solid rgba(255,255,255,0.1);
}
.lg-footer-copy{font-size:12px;color:rgba(255,255,255,0.32);font-family:var(--fm)}
.lg-ditech{
  background:rgba(0,0,0,0.22);font-family:var(--fm);
  font-size:11px;letter-spacing:.12em;text-transform:uppercase;
  color:rgba(255,255,255,0.3);text-align:center;padding:10px 20px;
}
.lg-ditech strong{color:rgba(255,255,255,0.6);font-weight:700}

/* ============================================================
   AUTH PAGES
   ============================================================ */
.jv-auth-wrap{min-height:100vh;display:grid;grid-template-columns:1fr 1.2fr;background:#fff}
.jv-auth-side{
  background:var(--blue-dk);position:relative;overflow:hidden;
  padding:52px 48px;display:flex;flex-direction:column;justify-content:space-between;
}
.jv-auth-side::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 25% 55%,rgba(0,116,212,0.4) 0%,transparent 68%)}
.jv-auth-side-logo{position:relative;z-index:1}
.jv-auth-side-logo img{height:36px}
.jv-auth-side-body{position:relative;z-index:1}
.jv-auth-side-title{font-family:var(--fd);font-size:clamp(26px,3.5vw,40px);font-weight:800;color:#fff;line-height:1.1;margin-bottom:14px}
.jv-auth-side-desc{font-size:15px;color:rgba(255,255,255,0.62);line-height:1.65}
.jv-auth-side-footer{position:relative;z-index:1;font-size:12px;color:rgba(255,255,255,0.32);font-family:var(--fm)}
.jv-auth-box{padding:64px 52px;max-width:480px;width:100%;margin:auto}
.jv-auth-logo{display:none}
.jv-auth-title{font-family:var(--fd);font-size:28px;font-weight:800;color:var(--blue-dk);margin-bottom:6px}
.jv-auth-sub{font-size:14px;color:var(--text2);margin-bottom:32px}
.jv-auth-form .jv-field{margin-bottom:18px}
.jv-auth-form label{display:block;font-size:11.5px;font-weight:600;color:var(--text);text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px;font-family:var(--fm)}
.jv-auth-form input{width:100%;padding:12px 14px;border:1.5px solid var(--bdr);border-radius:var(--r);font-size:14.5px;color:var(--text);outline:none;transition:border-color .2s,box-shadow .2s;font-family:var(--fb)}
.jv-auth-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,91,172,0.12)}
.jv-auth-submit{width:100%;padding:14px;background:var(--blue);color:#fff;border:none;border-radius:var(--r);font-size:15px;font-weight:700;cursor:pointer;transition:background .2s;font-family:var(--fb)}
.jv-auth-submit:hover{background:var(--blue-md)}
.jv-auth-link{font-size:13.5px;color:var(--text2);margin-top:18px;text-align:center}
.jv-auth-link a{color:var(--blue);font-weight:600}
.jv-auth-notice{padding:12px 16px;border-radius:var(--r);font-size:13.5px;margin-bottom:18px;border-left:3px solid var(--blue);background:var(--blue-lt);color:var(--text)}
.jv-auth-notice.error{background:#fff0f0;border-left-color:#c00;color:#6a1010}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:1024px){
  .lg-hero{aspect-ratio:16/9;max-height:520px}
  .lg-split{grid-template-columns:1fr}
  .lg-split--rev .lg-split-img{order:0}
  .lg-split--rev .lg-split-body{order:1}
  .lg-split-img{min-height:260px}
  .lg-split-body{padding:44px 36px}
  .lg-warranty-inner{grid-template-columns:1fr}
  .lg-seal-wrap{order:-1}
  .lg-brand-cards{grid-template-columns:1fr 1fr}
  .lg-brand-top{flex-direction:column;align-items:flex-start}
  .lg-brand-tagline{text-align:left;max-width:100%}
}
@media(max-width:900px){
  .lg-verify-grid{grid-template-columns:1fr}
  .lg-feat-grid{grid-template-columns:1fr 1fr}
  .lg-footer-inner{grid-template-columns:1fr 1fr;gap:32px}
}
@media(max-width:768px){
  .lg-header{padding:0 20px;height:60px}
  .lg-header-nav{display:none}
  .lg-burger{display:flex}
  .lg-stats-row{grid-template-columns:1fr 1fr}
  .lg-stat{padding:20px 14px;border-bottom:1px solid rgba(255,255,255,0.1)}
  .lg-stat-n{font-size:28px}
  .lg-stat-l{font-size:10px}
  .lg-split-body{padding:36px 22px}
  .lg-how-panel{padding:28px 22px}
  .lg-feat-grid{grid-template-columns:1fr}
  .lg-brand-cards{grid-template-columns:1fr}
  .lg-footer-inner{grid-template-columns:1fr;gap:28px}
  .lg-footer{padding:44px 22px 28px}
  .lg-hero{aspect-ratio:16/10;max-height:420px}
  .jv-auth-wrap{grid-template-columns:1fr}
  .jv-auth-side{display:none}
  .jv-auth-box{padding:40px 22px}
  .lg-warranty-wrap{padding:56px 20px}
  .lg-verify-wrap{padding:56px 16px}
  .lg-brand-wrap{padding:56px 16px}
  .lg-feat-wrap{padding:56px 16px}
}
@media(max-width:480px){
  .lg-hero{aspect-ratio:4/5;max-height:380px}
  .lg-stats-row{grid-template-columns:1fr 1fr}
  .lg-stat-n{font-size:24px}
  .lg-vc-body{padding:20px}
  .lg-how-panel{padding:22px 18px}
  .lg-split-body{padding:28px 18px}
  .lg-h2{font-size:26px}
}

/* ============================================================
   FONT SIZE CORRECTIONS — smaller, proper proportions
   ============================================================ */

/* Global body smaller */
body { font-size: 15px; }

/* Stats bar — smaller numbers */
.lg-stat-n {
  font-size: clamp(22px, 3vw, 34px) !important;
  letter-spacing: -0.5px;
}
.lg-stat-l {
  font-size: 10px !important;
  letter-spacing: 1px;
  margin-top: 5px;
}
.lg-stat { padding: 22px 16px !important; }

/* Section headings — tighter sizes */
.lg-h2 {
  font-size: clamp(22px, 3.2vw, 36px) !important;
  margin-bottom: 14px;
}

/* Split section body text */
.lg-body { font-size: 14.5px !important; line-height: 1.68; }

/* Brand cards number */
.lg-brand-card-num {
  font-size: clamp(28px, 3vw, 36px) !important;
}
.lg-brand-card-lbl { font-size: 12.5px !important; }

/* Eyebrow */
.lg-eyebrow { font-size: 10.5px !important; letter-spacing: 2px; }

/* Verify section heading */
.lg-how-panel .lg-h2 {
  font-size: clamp(20px, 2.8vw, 30px) !important;
}

/* Verify card head */
.lg-vc-head h3 { font-size: 18px !important; }
.lg-vc-head p  { font-size: 12.5px !important; }

/* Input + labels */
.lg-input  { font-size: 14px !important; padding: 11px 13px !important; }
.lg-label  { font-size: 10.5px !important; }
.lg-verify-btn { font-size: 14px !important; padding: 14px !important; }

/* How-to steps */
.lg-step-body h4 { font-size: 13.5px !important; }
.lg-step-body p  { font-size: 12.5px !important; }
.lg-how-desc     { font-size: 13.5px !important; }

/* Feature cards */
.lg-feat-item h3 { font-size: 14px !important; }
.lg-feat-item p  { font-size: 12.5px !important; }

/* Split button */
.lg-split-btn { font-size: 13.5px !important; padding: 11px 22px !important; margin-top: 22px; }

/* Warranty section removed — keep these for other uses */
.lg-warranty-h { font-size: clamp(22px, 3vw, 34px) !important; }
.lg-warranty-p { font-size: 14px !important; }
.lg-w-title    { font-size: 13px !important; }
.lg-w-sub      { font-size: 11.5px !important; }

/* Footer */
.lg-footer-tagline { font-size: 13px !important; }
.lg-footer-col a   { font-size: 13px !important; }
.lg-footer-col h4  { font-size: 10px !important; }
.lg-footer-copy    { font-size: 11.5px !important; }

/* Mobile font size overrides */
@media (max-width: 768px) {
  .lg-stat-n  { font-size: 22px !important; }
  .lg-stat-l  { font-size: 9px !important; letter-spacing: 0.8px; }
  .lg-stat    { padding: 16px 10px !important; }
  .lg-h2      { font-size: 22px !important; }
  .lg-body    { font-size: 13.5px !important; }
  .lg-split-body { padding: 30px 20px !important; }
  .lg-how-panel  { padding: 24px 18px !important; }
  .lg-brand-card-num { font-size: 26px !important; }
}

@media (max-width: 480px) {
  .lg-stat-n  { font-size: 18px !important; }
  .lg-stat-l  { font-size: 8.5px !important; }
  .lg-h2      { font-size: 20px !important; }
}

/* ============================================================
   FOOTER DITECH BAR — white bg, blue text
   ============================================================ */
.lg-ditech {
  background: #fff !important;
  color: var(--blue) !important;
  border-top: 1px solid var(--bdr) !important;
  font-size: 11px !important;
  padding: 12px 20px !important;
}
.lg-ditech strong {
  color: var(--blue-dk) !important;
  font-weight: 700;
}