:root{
  --purple1:#8B5CF6;
  --purple2:#A855F7;
  --purple3:#7C3AED;
  --purple4:#C4B5FD;
  --purple5:#F3E8FF;
  --dark:#111418;
  --text:#1F2937;
  --muted:#6B7280;
  --accent:#8B5CF6;
  --bg:#FAFAFA;
  --radius:16px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;width:100%;max-width:100vw;}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

/* FORCE HIDE mobile menu toggle button on desktop - HIGHEST PRIORITY */
button.mobile-menu-toggle{
  display:none !important;
}

@media (min-width: 769px){
  button.mobile-menu-toggle,
  .mobile-menu-toggle{
    display:none !important;
  }
}

@media (min-width: 900px){
  button.mobile-menu-toggle,
  .mobile-menu-toggle{
    display:none !important;
  }
}

@media (min-width: 1366px){
  button.mobile-menu-toggle,
  .mobile-menu-toggle{
    display:none !important;
  }
}

.container{width:min(1200px,92%);margin:0 auto;max-width:100%;overflow-x:hidden}
header .container{overflow:visible}

header.site-header{
  position:sticky;top:0;z-index:100;
  background:rgba(255,255,255,0.95);
  box-shadow:0 2px 10px rgba(0,0,0,.05);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  transition:all 0.3s ease;
  overflow:visible;
}

/* Enhanced sticky navbar on scroll */
header.site-header.scrolled{
  background:rgba(255,255,255,0.98);
  box-shadow:0 4px 20px rgba(0,0,0,.1);
  backdrop-filter:blur(15px);
  -webkit-backdrop-filter:blur(15px);
}
.navbar{display:flex;align-items:center;justify-content:space-between;padding:14px 0;position:relative;overflow:visible}
.navbar .brand{display:flex;align-items:center;gap:12px;font-weight:700}
.brand img{height:44px;width:auto}
.nav{display:flex;gap:22px;font-weight:500}
.nav a{opacity:.85}
.nav a:hover{opacity:1}

.cta-btn,.ghost-btn{
  display:inline-block;padding:12px 18px;border-radius:999px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.85rem;
}
.cta-btn{background:var(--accent);color:#fff;box-shadow:0 8px 24px rgba(139,92,246,.35)}
.cta-btn:hover{transform:translateY(-1px)}
.ghost-btn{border:2px solid var(--accent);color:var(--accent)}

.hero{
  position:relative;
  background:
    radial-gradient(1200px 240px at 50% -20px, #C4B5FD22, transparent),
    linear-gradient(180deg,#ffffff 0%, #F3E8FF 55%, #E9D5FF 100%);
  max-width:100vw;
  width:100%;
  overflow:hidden;
}
.hero-wave{
  position:absolute;left:0;right:0;bottom:-1px;height:80px;
  background:linear-gradient(120deg,var(--purple1),var(--purple2));
  clip-path:polygon(0 40%,100% 0,100% 100%,0 100%);
  opacity:.9;
}
.hero .inner{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;padding:64px 0 120px;max-width:100%;overflow-x:hidden}
.hero h1{font-size:2.4rem;line-height:1.15;margin:0 0 8px}
.lead{color:var(--muted);font-size:1.05rem}
.hero-art{justify-self:end;max-width:520px;filter:drop-shadow(0 12px 40px rgba(0,0,0,.15));overflow:hidden;max-width:100%}

.badges{background:#fff;padding:36px 0;border-top:1px solid #eef;border-bottom:1px solid #eef}
.badges .row{display:flex;flex-wrap:wrap;gap:28px;justify-content:center;align-items:center;opacity:.9}
.badges .row span{font-weight:700;letter-spacing:.06em;color:#9aa3af}

.reviews{padding:56px 0}
#case-studies{background:#fff;padding:80px 0}
#case-studies h2{color:var(--purple3)}
#case-studies > .container > h2{
  background:linear-gradient(135deg,var(--purple1),var(--purple2));
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  font-weight:700;
}
#case-studies > .container > p{
  color:var(--muted);
  max-width:800px;
  margin-left:auto;
  margin-right:auto;
}

/* Track Record Box Styling */
.track-record-box > div > div:hover{
  transform:translateY(-5px);
  box-shadow:0 8px 25px rgba(139,92,246,.2) !important;
}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{background:var(--purple3);color:#fff;padding:22px;border-radius:var(--radius);box-shadow:0 12px 32px rgba(124,58,237,.18)}
.card p{margin:0;font-size:.98rem;line-height:1.55}

.split{padding:74px 0;background:linear-gradient(180deg,#F3E8FF,#E9D5FF)}
.split .grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.pricing{background:#fff;border-radius:18px;box-shadow:0 14px 40px rgba(0,0,0,.12);overflow:hidden}
.pricing .head{background:linear-gradient(120deg,var(--purple1),var(--purple2));color:#fff;padding:18px 22px;font-weight:800}
.pricing .body{padding:18px 22px}
.price{font-size:3rem;margin:0.2rem 0 1rem;color:var(--purple3)}
.pricing ul{margin:0;padding-left:18px;color:#374151}
.pricing li{margin:10px 0}

.banner{background:linear-gradient(120deg,var(--purple1),var(--purple2));color:#fff;text-align:center;padding:64px 0}
.banner h2{font-size:2rem;margin:0 0 10px}

.contact{padding:70px 0;background:#fff}
.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form .full{grid-column:1/-1}
input,textarea{
  width:100%;padding:12px 14px;border-radius:12px;border:1px solid #e5e7eb;background:#fbfbfc;
  font-size:1rem
}
textarea{min-height:120px;resize:vertical}
.form .submit{justify-self:start}

/* Enhanced Footer Styles */
footer{
  background:linear-gradient(135deg,#1a1f24,#111418);
  color:#cbd5e1;
  padding:60px 0 0;
  margin-top:0;
  position:relative;
  overflow:hidden;
}

footer::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:4px;
  background:linear-gradient(90deg,var(--purple1),var(--purple2),var(--purple3));
}

.footer-main{
  display:grid;
  grid-template-columns:1fr 2fr;
  gap:50px;
  margin-bottom:40px;
  padding-bottom:40px;
  border-bottom:1px solid #374151;
}

.footer-brand{
  max-width:400px;
}

.footer-tagline{
  color:#94a3b8;
  line-height:1.6;
  margin-bottom:30px;
  font-size:1rem;
}

.footer-stats{
  display:flex;
  gap:30px;
}

.stat-item{
  text-align:center;
}

.stat-number{
  font-size:1.8rem;
  font-weight:bold;
  color:var(--purple1);
  margin-bottom:5px;
}

.stat-label{
  font-size:0.85rem;
  color:#94a3b8;
  text-transform:uppercase;
  letter-spacing:0.5px;
}

.footer-links{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:40px;
}

.footer-column h4{
  color:white;
  font-size:1.1rem;
  margin-bottom:20px;
  font-weight:600;
}

.footer-column a{
  display:block;
  color:#94a3b8;
  text-decoration:none;
  margin-bottom:12px;
  transition:color 0.3s ease;
  font-size:0.9rem;
}

.footer-column a:hover{
  color:var(--purple1);
}

.contact-link{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:20px;
  color:var(--purple1) !important;
  font-weight:500;
}

.contact-icon{
  font-size:1.2rem;
}

.contact-info p{
  color:#94a3b8;
  margin:8px 0;
  font-size:0.9rem;
}

.footer-bottom{
  background:#111418;
  padding:30px 0;
}

.footer-bottom-content{
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.copyright p{
  margin:5px 0;
  color:#94a3b8;
  font-size:0.9rem;
}

.footer-badges{
  display:flex;
  gap:15px;
}

.badge{
  background:linear-gradient(135deg,var(--purple1),var(--purple2));
  color:white;
  padding:8px 16px;
  border-radius:20px;
  font-size:0.8rem;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:0.5px;
}

/* Mobile Footer */
@media (max-width: 900px){
  .footer-main{
    grid-template-columns:1fr;
    gap:40px;
  }
  
  .footer-links{
    grid-template-columns:repeat(2,1fr);
    gap:30px;
  }
  
  .footer-bottom-content{
    flex-direction:column;
    gap:20px;
    text-align:center;
  }
  
  .footer-stats{
    justify-content:center;
  }
}

@media (max-width: 600px){
  .footer-links{
    grid-template-columns:1fr;
  }
  
  .footer-badges{
    flex-wrap:wrap;
    justify-content:center;
  }
}

.fab{
 position:fixed;right:16px;bottom:16px;background:var(--accent);color:#fff;
 border:none;border-radius:999px;padding:12px 18px;font-weight:800;box-shadow:0 10px 24px rgba(139,92,246,.4);cursor:pointer;z-index:60
}

.success-toast{
 position:fixed;left:50%;transform:translateX(-50%);top:16px;background:#10b981;color:#fff;padding:12px 18px;border-radius:12px;display:none;z-index:100;font-weight:700
}

/* FAQ Styles */
.faq-item{
  margin-bottom:20px;
  border-bottom:1px solid #e5e7eb;
  padding-bottom:15px;
}
.faq-question{
  font-weight:600;
  color:var(--purple3);
  cursor:pointer;
  padding:10px 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  transition:color 0.3s ease;
}
.faq-question:hover{
  color:var(--purple1);
}
.faq-question::after{
  content:'+';
  font-size:1.2rem;
  font-weight:bold;
  color:var(--purple1);
  transition:transform 0.3s ease;
}
.faq-question.active::after{
  content:'−';
  transform:rotate(180deg);
}
.faq-answer{
  max-height:0;
  overflow:hidden;
  transition:max-height 0.3s ease;
  color:var(--muted);
  line-height:1.6;
  padding:0 10px;
}
.faq-answer.active{
  max-height:200px;
  padding:10px;
}

/* Prevent horizontal overflow */
*{max-width:100%;box-sizing:border-box}
body{overflow-x:hidden;width:100%;max-width:100vw}
.container{max-width:100%;overflow-x:hidden}
.grid{max-width:100%;overflow-x:hidden}
.cards{max-width:100%;overflow-x:hidden}

/* Fix common overflow issues */
.hero{max-width:100vw;overflow-x:hidden;width:100%}
.hero .inner{max-width:100%;overflow-x:hidden}
.hero-art{max-width:100%;overflow:hidden}
.split .grid{max-width:100%;overflow-x:hidden}
.banner{max-width:100%;overflow-x:hidden}
.contact{max-width:100%;overflow-x:hidden}
footer{max-width:100%;overflow-x:hidden}

/* Prevent hero scrollbars specifically */
.hero *{max-width:100%;box-sizing:border-box}
.hero img{max-width:100%;height:auto;overflow:hidden}
.hero h1{word-wrap:break-word;overflow-wrap:break-word}
.hero p{word-wrap:break-word;overflow-wrap:break-word}

/* Fix specific elements that commonly cause overflow */
.hero-art{max-width:100%;overflow-x:hidden}
.badges .row{max-width:100%;overflow-x:hidden;flex-wrap:wrap}
.pricing{max-width:100%;overflow-x:hidden}
.form{max-width:100%;overflow-x:hidden}
.fab{max-width:100%;overflow-x:hidden}

/* Fix inline styles that might cause overflow */
[style*="display:grid"]{max-width:100%;overflow-x:hidden}
[style*="grid-template-columns"]{max-width:100%;overflow-x:hidden}
[style*="display:flex"]{max-width:100%;overflow-x:hidden}

/* Ensure all sections are contained */
section{max-width:100%;overflow-x:hidden}
div{max-width:100%;overflow-x:hidden}

/* Mobile Responsive Design */
@media (max-width: 900px){
 .hero .inner{grid-template-columns:1fr;padding:44px 0 100px;text-align:center}
 .hero-art{justify-self:center;max-width:400px}
 .hero h1{font-size:2rem;line-height:1.2}
 .lead{font-size:1rem}
 .cards{grid-template-columns:1fr;gap:20px}
 .split .grid{grid-template-columns:1fr;gap:30px}
 .form{grid-template-columns:1fr;gap:20px}
 footer .cols{grid-template-columns:1fr;gap:30px}
 
 /* Navigation - Desktop */
 .navbar{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
 .nav{display:flex;gap:22px;font-weight:500}
 .nav a{opacity:.85;transition:opacity 0.3s ease}
 .nav a:hover{opacity:1}
 
/* CRITICAL: Hide mobile menu toggle on desktop by default */
.mobile-menu-toggle{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
  position:absolute !important;
  left:-9999px !important;
  width:0 !important;
  height:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:none !important;
  overflow:hidden !important;
}

/* Ensure it stays hidden on desktop screens - multiple breakpoints for safety */
@media (min-width: 769px){
  .mobile-menu-toggle,
  button.mobile-menu-toggle,
  .navbar .mobile-menu-toggle{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
    position:absolute !important;
    left:-9999px !important;
    width:0 !important;
    height:0 !important;
    padding:0 !important;
    margin:0 !important;
    border:none !important;
    font-size:0 !important;
    line-height:0 !important;
    overflow:hidden !important;
  }
}

@media (min-width: 900px){
  .mobile-menu-toggle{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
    position:absolute !important;
    left:-9999px !important;
  }
}

@media (min-width: 1024px){
  .mobile-menu-toggle{
    display:none !important;
    visibility:hidden !important;
  }
}

/* Target the button element specifically on desktop */
@media screen and (min-width: 769px){
  button.mobile-menu-toggle{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
    position:absolute !important;
    left:-9999px !important;
    width:0 !important;
    height:0 !important;
  }
}

/* Additional safety - hide on any non-mobile screen */
@media not all and (max-width: 768px){
  .mobile-menu-toggle,
  button.mobile-menu-toggle{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
  }
}
 
   /* Mobile Navigation - ONLY on mobile screens */
   @media screen and (max-width: 768px){
     .navbar{flex-direction:row;justify-content:space-between;align-items:center;padding:15px 0;position:relative;max-width:100%;overflow:visible}
     .nav{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(255,255,255,0.98);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 4px 20px rgba(0,0,0,.15);border-radius:0 0 15px 15px;padding:20px;flex-direction:column;gap:0;z-index:1000;transform:translateY(-10px);opacity:0;transition:all 0.3s ease;width:100%;overflow:visible}
   .nav.active{display:flex;transform:translateY(0);opacity:1}
   .nav a{padding:12px 20px;border-radius:8px;margin:5px 0;background:rgba(139,92,246,0.1);color:var(--purple3);font-weight:500;transition:all 0.3s ease;text-decoration:none;display:block;text-align:center;max-width:100%;word-wrap:break-word}
   .nav a:hover{background:var(--purple1);color:white;transform:translateX(5px)}
   .nav a.cta-btn{background:var(--purple1);color:white;margin-top:10px;font-weight:600}
   .nav a.cta-btn:hover{background:var(--purple2);transform:translateX(0)}
   
   /* Mobile menu toggle - ONLY show on mobile */
   .mobile-menu-toggle{
     display:block !important;
     visibility:visible !important;
     opacity:1 !important;
     pointer-events:auto !important;
     position:static !important;
     left:auto !important;
     width:auto !important;
     height:auto !important;
     background:none;
     border:none;
     font-size:1.5rem !important;
     line-height:1.5rem !important;
     color:var(--purple3);
     cursor:pointer;
     padding:8px;
     border-radius:8px;
     transition:all 0.3s ease;
   }
   .mobile-menu-toggle:hover{color:var(--purple1);background:rgba(139,92,246,0.1)}
   
   /* Brand adjustments for mobile */
   .brand{max-width:100%;overflow-x:hidden}
   .brand span{font-size:0.9rem;word-wrap:break-word}
   .brand img{height:36px;max-width:100%}
   
   /* Enhanced mobile sticky navbar */
   header.site-header.scrolled .navbar{padding:12px 0}
   header.site-header.scrolled .brand img{height:32px}
   header.site-header.scrolled .brand span{font-size:0.85rem}
 }
 
 /* Hero section mobile */
 .hero{background:linear-gradient(180deg,#ffffff 0%, #F3E8FF 55%, #E9D5FF 100%)}
 .hero .inner > div:first-child{margin-bottom:30px}
 
 /* Badges section */
 .badges .row{flex-direction:column;gap:20px;text-align:center}
 .badges .row img{max-width:120px;height:auto}
 
 /* Pricing section */
 .pricing .head{font-size:0.9rem;padding:15px 18px}
 .price{font-size:2.5rem}
 
 /* Banner sections */
 .banner{padding:40px 0}
 .banner h2{font-size:1.5rem}
 .banner .grid{grid-template-columns:1fr;gap:30px}
 
 /* Contact section */
 .contact .grid{grid-template-columns:1fr;gap:30px}
 .contact .form{grid-template-columns:1fr}
 
 /* Footer mobile */
 .footer-main{grid-template-columns:1fr;gap:40px;text-align:center}
 .footer-links{grid-template-columns:repeat(2,1fr);gap:30px}
 .footer-stats{justify-content:center;flex-wrap:wrap}
}

@media (max-width: 600px){
 .container{width:95%;padding:0 10px}
 
 /* Typography */
 .hero h1{font-size:1.8rem}
 .hero .lead{font-size:0.95rem}
 h2{font-size:1.5rem}
 h3{font-size:1.2rem}
 
 /* Navigation */
 .navbar{flex-direction:column;gap:15px}
 .nav{flex-direction:column;gap:10px;text-align:center}
 .nav a{padding:8px 12px;border-radius:8px;background:rgba(255,255,255,0.1)}
 
 /* Hero section */
 .hero .inner{padding:30px 0 80px}
 .hero-art{max-width:300px}
 
 /* Cards and sections */
 .cards{grid-template-columns:1fr;gap:15px}
 .card{padding:20px}
 .card h3{font-size:1.1rem}
 .card p{font-size:0.9rem}
 
 /* Split sections */
 .split{padding:40px 0}
 .split .grid{gap:25px}
 
 /* Forms */
 .form{grid-template-columns:1fr;gap:15px}
 .form label{font-size:0.9rem}
 input,textarea{font-size:0.9rem;padding:10px 12px}
 
 /* Buttons */
 .cta-btn,.ghost-btn{padding:10px 16px;font-size:0.8rem}
 .fab{right:10px;bottom:10px;padding:10px 16px;font-size:0.8rem}
 
 /* Footer */
 .footer-links{grid-template-columns:1fr;gap:25px}
 .footer-column h4{font-size:1rem;margin-bottom:15px}
 .footer-column a{font-size:0.85rem;margin-bottom:10px}
 .footer-badges{flex-direction:column;gap:10px;align-items:center}
 .badge{font-size:0.7rem;padding:6px 12px}
 
 /* Growth charts mobile */
 .growth-chart{grid-template-columns:1fr;gap:20px;padding:20px;max-width:100%;overflow-x:hidden}
 .growth-chart h4{font-size:1rem}
 .growth-chart svg{height:150px;max-width:100%;overflow-x:hidden}
 .growth-chart .chart-container{height:150px;padding:15px;max-width:100%;overflow-x:hidden}
 .growth-chart .chart-labels{font-size:0.7rem}
 
 /* Fix growth chart grid for mobile */
 .growth-chart > div[style*="grid-template-columns"]{
   display:flex !important;
   flex-direction:column !important;
   gap:30px !important;
 }
 
 .growth-chart > div[style*="grid-template-columns"] > div{
   width:100% !important;
 }
 
 /* Fix metrics grid for mobile */
 div[style*="grid-template-columns:repeat(auto-fit,minmax(150px,1fr))"]{
   display:grid !important;
   grid-template-columns:repeat(2,1fr) !important;
   gap:15px !important;
 }
 
 /* FAQ mobile */
 .faq-grid{grid-template-columns:1fr;gap:20px}
 .faq-item{margin-bottom:15px}
 .faq-question{font-size:0.9rem;padding:8px 0}
 .faq-answer{font-size:0.85rem}
 
 /* Comparison section mobile */
 .comparison-grid{grid-template-columns:1fr;gap:20px}
 .comparison-card{padding:20px}
 .comparison-card h3{font-size:1rem}
 .comparison-card ul li{font-size:0.85rem;margin:8px 0}
 
 /* Fix comparison table for mobile */
 div[style*="grid-template-columns:1fr 1fr 1fr"]{
   display:flex !important;
   flex-direction:column !important;
   gap:20px !important;
 }
 
 div[style*="grid-template-columns:1fr 1fr 1fr"] > div{
   border:none !important;
   padding:20px !important;
   border-bottom:2px solid var(--purple1) !important;
 }
 
 div[style*="grid-template-columns:1fr 1fr 1fr"] > div:nth-child(2){
   border:2px solid var(--purple1) !important;
   border-radius:15px !important;
   background:rgba(139,92,246,0.05) !important;
 }
 
 /* How it works mobile */
 .how-it-works .grid{grid-template-columns:repeat(2,1fr);gap:20px}
 .how-it-works .step{text-align:center}
 .how-it-works .step-number{width:60px;height:60px;font-size:1.5rem}
 
 /* Scarcity section mobile */
 .scarcity-grid{grid-template-columns:1fr;gap:20px}
 .scarcity-card{padding:20px}
 .scarcity-card h3{font-size:1rem}
 .scarcity-card p{font-size:0.85rem}
 
 /* Case studies mobile */
 .case-study-featured{grid-template-columns:1fr;gap:25px;padding:30px}
 .case-study-grid{grid-template-columns:1fr;gap:20px}
 .case-study-card{padding:20px}
 .case-study-card h3{font-size:1rem}
 .case-study-card p{font-size:0.85rem}
 
 /* Fix featured case study grid for mobile */
 div[style*="background:linear-gradient(135deg"] > div[style*="grid-template-columns:1fr 1fr"]{
   display:flex !important;
   flex-direction:column !important;
   gap:30px !important;
 }
 
 div[style*="background:linear-gradient(135deg"] div[style*="grid-template-columns:1fr 1fr"][style*="gap:20px"]{
   display:grid !important;
   grid-template-columns:1fr !important;
   gap:15px !important;
 }
 
 /* Stats and metrics */
 .stats-grid{grid-template-columns:repeat(2,1fr);gap:15px}
 .stat-item{padding:15px}
 .stat-number{font-size:1.2rem}
 .stat-label{font-size:0.75rem}
 
 /* Fix track record stats grid */
 div[style*="background:rgba(255,255,255,.1)"] div[style*="grid-template-columns:repeat(auto-fit,minmax(150px,1fr))"]{
   display:grid !important;
   grid-template-columns:repeat(2,1fr) !important;
   gap:20px !important;
 }
 
 /* CTA sections */
 .cta-section{padding:30px 20px}
 .cta-section h3{font-size:1.2rem}
 .cta-section p{font-size:0.9rem}
 .cta-btn{font-size:0.9rem;padding:12px 20px}
}

@media (max-width: 480px){
 .container{width:98%}
 
 /* Extra small screens */
 .hero h1{font-size:1.6rem}
 .hero .lead{font-size:0.9rem}
 h2{font-size:1.3rem}
 h3{font-size:1.1rem}
 
 /* Navigation */
 .nav{flex-direction:column;gap:8px}
 .nav a{padding:6px 10px;font-size:0.8rem}
 
 /* Cards */
 .card{padding:15px}
 .card h3{font-size:1rem}
 .card p{font-size:0.85rem}
 
 /* Forms */
 input,textarea{font-size:0.85rem;padding:8px 10px}
 
 /* Buttons */
 .cta-btn,.ghost-btn{padding:8px 14px;font-size:0.75rem}
 
 /* Footer */
 .footer-column a{font-size:0.8rem}
 .badge{font-size:0.65rem;padding:5px 10px}
 
 /* Growth charts */
 .growth-chart svg{height:120px}
 .growth-chart{padding:15px !important}
 
 /* Comparison table - stack vertically */
 div[style*="grid-template-columns:1fr 1fr 1fr"]{
   display:flex !important;
   flex-direction:column !important;
   gap:15px !important;
 }
 
 div[style*="grid-template-columns:1fr 1fr 1fr"] > div{
   padding:15px !important;
 }
 
 div[style*="grid-template-columns:1fr 1fr 1fr"] h3{
   font-size:1rem !important;
 }
 
 div[style*="grid-template-columns:1fr 1fr 1fr"] ul li{
   font-size:0.85rem !important;
   margin:8px 0 !important;
 }
 
 /* Featured case study - smaller screens */
 div[style*="background:linear-gradient(135deg"]{
   padding:20px !important;
 }
 
 div[style*="background:linear-gradient(135deg"] h3{
   font-size:1.3rem !important;
 }
 
 div[style*="background:linear-gradient(135deg"] h4{
   font-size:1rem !important;
 }
 
 /* Track record stats - smaller on mobile */
 div[style*="background:rgba(255,255,255,.1)"] div[style*="font-size:2.5rem"]{
   font-size:1.8rem !important;
 }
 
 /* How it works */
 .how-it-works .grid{grid-template-columns:1fr;gap:15px}
 .how-it-works .step-number{width:50px;height:50px;font-size:1.2rem}
 
 /* Stats */
 .stats-grid{grid-template-columns:1fr;gap:10px}
 .stat-number{font-size:1rem}
 .stat-label{font-size:0.7rem}
 
 /* Metrics comparison - single column on small screens */
 div[style*="grid-template-columns:repeat(auto-fit,minmax(150px,1fr))"]{
   grid-template-columns:1fr !important;
   gap:10px !important;
 }
}