/* styles.css - CONVERSION PSYCHOLOGY LANDING PAGE */
:root{
  /* Core Psychology Colors */
  --brand:#0B5FFF;
  --urgency:#1E3A5F;
  --emergency:#2C4A6E;
  --success:#16A34A;
  --warning:#F59E0B;
  --scarcity:#7C3AED;
  
  /* Background & Surface */
  --bg:#F7F9FC;
  --card:#FFFFFF;
  --text:#334155;
  --head:#0F172A;
  --muted:#64748b;
  --border:#E6EAF1;
  --ok:#16a34a;
  --warn:#eab308;
  --error:#2C4A6E;
  
  /* Advanced Psychological Elements */
  --pulse-primary:#3D5A80;
  --pulse-secondary:#4ECDC4;
  --highlight-blue:#1E3A5F;
  --highlight-green:#30D158;
  --savings-green:#00C896;
  --accent-blue:#3D5A80;

  --radius:16px;
  --shadow:0 1px 2px rgba(2,6,23,0.04), 0 10px 30px rgba(2,6,23,0.08);
  --space-1:6px;
  --space-2:10px;
  --space-3:14px;
  --space-4:18px;
  --space-5:24px;
  --space-6:32px;
  --space-7:56px;
  --maxw:1160px;
}

*{box-sizing:border-box}
html:focus-within{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){ html:focus-within{scroll-behavior:auto} }

body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Arial, "Apple Color Emoji","Segoe UI Emoji";
  color:var(--text);
  background:var(--bg);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}

h1,h2,h3{color:var(--head); line-height:1.22; margin:0 0 var(--space-3)}
h1{font-size:clamp(32px,4.8vw,50px); font-weight:900; letter-spacing:-.015em}
h2{font-size:clamp(22px,3.2vw,34px); font-weight:800}
h3{font-size:clamp(18px,2.3vw,22px); font-weight:750}
p{margin:0 0 var(--space-3)}
a{color:var(--brand); text-decoration:none}
a:hover{text-decoration:underline}
small, .small{font-size:.875rem}
.tiny{font-size:.75rem}
.muted{color:var(--muted)}

.container{max-width:var(--maxw); margin:0 auto; padding:0 var(--space-5)}
.card{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:var(--space-5);
}

/* URGENT ALERT BANNER - Maximum Psychological Impact */
.alert-banner{
  position:sticky; top:0; z-index:80;
  background: linear-gradient(135deg, #1E3A5F 0%, #2C4A6E 100%);
  color:#fff; font-weight:900; font-size:14px;
  padding:12px 0; border-bottom:2px solid rgba(255,255,255,.2);
  box-shadow: 0 4px 20px rgba(30, 58, 95, 0.3);
  animation: urgencyPulse 2s ease-in-out infinite;
}
.alert-content{
  display:flex; align-items:center; justify-content:space-between;
  max-width:1200px; margin:0 auto; padding:0 20px; flex-wrap:wrap; gap:12px;
}
.alert-icon{font-size:18px; animation: shake 1s ease-in-out infinite;}
.alert-text{flex:1; min-width:300px;}
.alert-text .blink{animation: blink 1s ease-in-out infinite;}
.countdown-timer{display:flex; align-items:center; gap:8px; font-size:12px;}
.timer-display{
  background:rgba(255,255,255,0.2); padding:4px 8px; border-radius:6px;
  font-family:monospace; font-weight:bold; letter-spacing:1px;
}

@keyframes urgencyPulse{
  0%, 100% { background: linear-gradient(135deg, #1E3A5F 0%, #2C4A6E 100%); }
  50% { background: linear-gradient(135deg, #3D5A80 0%, #4A6FA5 100%); }
}
@keyframes shake{
  0%, 100% { transform: translateX(0); }
  25% { transform: translateX(-2px); }
  75% { transform: translateX(2px); }
}

/* PROFESSIONAL URGENT BANNER */
.urgent-banner{
  position: sticky; 
  top: 0; 
  z-index: 80;
  background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
  color: #ffffff; 
  font-weight: 500; 
  font-size: 14px;
  padding: 10px 0; 
  border-bottom: 1px solid rgba(255,255,255,.1);
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.2);
  overflow: hidden;
}

.urgent-content{
  display: flex; 
  align-items: center; 
  white-space: nowrap;
  animation: scrollBanner 25s linear infinite;
  padding: 0 20px;
}

.urgent-message{
  display: flex; 
  align-items: center; 
  gap: 12px;
  margin-right: 40px;
}

.alert-icon{
  font-size: 16px;
  opacity: 0.9;
}

.countdown-inline{
  background: rgba(255,255,255,0.15); 
  padding: 2px 8px; 
  border-radius: 4px;
  font-family: monospace; 
  font-weight: 600; 
  font-size: 13px;
  margin-left: 8px;
}

@keyframes scrollBanner {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}
@keyframes blink{
  0%, 100% { opacity: 1; }
  50% { opacity: 0.3; }
}

/* Skip */
.skip-link{position:absolute; left:-999px; top:auto; width:1px; height:1px; overflow:hidden}
.skip-link:focus{left:var(--space-5); top:var(--space-5); width:auto; height:auto; background:#fff; padding:8px 12px; border:1px solid var(--border); z-index:1000}

/* Header */
.site-header{
  position:sticky; top:40px; z-index:70;
  backdrop-filter:saturate(180%) blur(10px);
  background:rgba(255,255,255,.9);
  border-bottom:1px solid var(--border);
}
.nav{
  display:flex; align-items:center; justify-content:space-between;
  min-height:68px;
}
.brand{display:flex; align-items:center; gap:10px; font-weight:900; color:var(--head); letter-spacing:.1px}
.logo-mark{display:inline-grid; place-items:center; width:30px; height:30px; border-radius:999px; background:var(--brand); color:#fff; font-size:14px; box-shadow:inset 0 -2px 0 rgba(0,0,0,.08)}
.logo-text{font-size:19px}
.nav-actions{display:flex; align-items:center; gap:12px}
.nav-phone{display:none; color:var(--head); font-weight:800}
@media(min-width:720px){ .nav-phone{display:inline-flex; align-items:center; gap:8px} }

/* PSYCHOLOGICAL CTA BUTTONS */
.btn{
  appearance:none; border:1px solid var(--border);
  background:#fff; color:var(--head);
  padding:12px 18px; border-radius:14px; font-weight:900; cursor:pointer;
  transition:all .15s cubic-bezier(0.4, 0, 0.2, 1);
  position:relative; overflow:hidden;
}
.btn:hover{
  box-shadow:var(--shadow); 
  transform:translateY(-2px);
}
.btn:active{transform:translateY(0)}

/* MEGA PRIMARY CTA */
.btn-mega-primary{
  background: linear-gradient(135deg, #1E3A5F 0%, #2C4A6E 50%, #3D5A80 100%);
  color:#fff; border:none; padding:20px 32px; border-radius:50px;
  font-size:18px; font-weight:900; text-transform:uppercase;
  letter-spacing:1px; box-shadow: 0 8px 30px rgba(30, 58, 95, 0.4);
  display:flex; align-items:center; justify-content:center; gap:12px;
  min-height:70px; position:relative; overflow:hidden;
}
.btn-mega-primary::before{
  content:''; position:absolute; top:0; left:-100%; width:100%; height:100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
  animation: shimmer 3s ease-in-out infinite;
}
.btn-mega-primary:hover{
  transform:translateY(-4px); 
  box-shadow: 0 15px 40px rgba(30, 58, 95, 0.6);
}
.btn-mega-primary .cta-text{display:flex; flex-direction:column; align-items:center;}
.btn-mega-primary .cta-main{font-size:18px; line-height:1.1;}
.btn-mega-primary .cta-sub{font-size:12px; opacity:0.9; font-weight:600;}
.btn-mega-primary .cta-icon{font-size:24px;}
.btn-mega-primary .cta-arrow{font-size:20px; font-weight:bold;}

/* PULSE ANIMATION */
.pulse-cta{
  animation: ctaPulse 2s ease-in-out infinite;
}
@keyframes ctaPulse{
  0%, 100% { box-shadow: 0 8px 30px rgba(30, 58, 95, 0.4); }
  50% { box-shadow: 0 12px 40px rgba(30, 58, 95, 0.7), 0 0 0 8px rgba(30, 58, 95, 0.2); }
}
@keyframes shimmer{
  0% { left: -100%; }
  100% { left: 100%; }
}

/* EMERGENCY BUTTON */
.btn-emergency{
  background: linear-gradient(45deg, #1E3A5F, #3D5A80);
  color:#fff; border:none; padding:16px 24px; border-radius:12px;
  font-size:16px; font-weight:900; text-transform:uppercase;
  box-shadow: 0 6px 20px rgba(30, 58, 95, 0.4);
  width:100%; display:flex; align-items:center; justify-content:center;
}
.btn-emergency .btn-text{display:flex; flex-direction:column; align-items:center;}
.btn-emergency .btn-subtext{font-size:11px; opacity:0.9; font-weight:600; text-transform:none;}

/* OTHER BUTTON VARIANTS */
.btn-primary{background:linear-gradient(180deg,#1a6bff,#0B5FFF); color:#fff; border-color:transparent; text-shadow:0 1px 0 rgba(0,0,0,.08)}
.btn-secondary{background:#fff; color:#0B5FFF; border-color:#0B5FFF}
.btn-ghost{background:transparent}
.btn-block{width:100%}
.btn-lg{padding:14px 20px; font-size:1.05rem}

.btn-loss-prevention{
  background: linear-gradient(135deg, #7C3AED, #A855F7);
  color:#fff; border:none; padding:16px 32px; border-radius:25px;
  font-size:16px; font-weight:900; text-transform:uppercase;
  box-shadow: 0 6px 25px rgba(124, 58, 237, 0.4);
}

.btn-testimonial-cta{
  background: linear-gradient(135deg, #059669, #10B981);
  color:#fff; border:none; padding:18px 36px; border-radius:30px;
  font-size:16px; font-weight:900; text-transform:uppercase;
  box-shadow: 0 8px 25px rgba(5, 150, 105, 0.4);
  margin-top:24px;
}

/* PSYCHOLOGICAL PRICING & MESSAGING */
.eyebrow{font-weight:900; color:var(--brand); text-transform:uppercase; letter-spacing:.08em; margin-bottom:var(--space-2)}

.price-strike{
  text-decoration:line-through; color:var(--muted); 
  background:#ffe1e1; padding:2px 8px; border-radius:4px;
  font-size:14px; margin-right:8px;
}
.price-now{
  background: linear-gradient(45deg, #00C896, #10B981);
  color:#fff; padding:4px 12px; border-radius:6px;
  font-weight:900; font-size:16px;
}
.scarcity-text{
  color:var(--urgency); font-size:16px; 
  animation: scarcityPulse 1.5s ease-in-out infinite;
}
@keyframes scarcityPulse{
  0%, 100% { opacity: 1; }
  50% { opacity: 0.7; }
}

/* TRUST BADGES */
.trust-badges{
  display:flex; gap:20px; flex-wrap:wrap; margin:20px 0;
  justify-content:center;
}
.trust-badge{
  display:flex; align-items:center; gap:10px;
  background:#fff; padding:12px 16px; border-radius:12px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08);
  border:1px solid #f1f5f9;
}
.trust-badge .badge-icon{font-size:20px;}
.trust-badge .badge-text strong{font-size:14px; color:var(--head);}
.trust-badge .badge-text .muted{font-size:11px;}

/* SOCIAL PROOF ACTIVITY */
.social-proof-line{
  display:flex; align-items:center; gap:8px; margin-top:12px;
  font-size:13px; color:var(--muted);
}
.activity-indicator{
  width:8px; height:8px; background:#1E3A5F; border-radius:50%;
  animation: livePulse 2s ease-in-out infinite;
}
@keyframes livePulse{
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.6; transform: scale(1.2); }
}

/* HERO SECTION - PSYCHOLOGICAL IMPACT */
.hero{
  background: 
    radial-gradient(1200px 400px at 20% -100px, rgba(30, 58, 95, 0.1), transparent 60%),
    radial-gradient(800px 600px at 80% -200px, rgba(11,95,255,.08), transparent 65%),
    linear-gradient(135deg, #ffffff 0%, #f8fafc 50%, #f1f5f9 100%);
  padding:var(--space-6) 0;
  position:relative;
  overflow:hidden;
}
.hero::before{
  content:''; position:absolute; top:0; left:0; right:0; bottom:0;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="0.5" fill="%23000" opacity="0.02"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
  pointer-events:none;
}

/* URGENCY BADGE */
.urgency-badge{
  display:inline-block; background: linear-gradient(45deg, #1E3A5F, #3D5A80);
  color:#fff; padding:8px 16px; border-radius:25px; font-weight:900;
  font-size:14px; text-transform:uppercase; letter-spacing:1px;
  box-shadow: 0 4px 15px rgba(30, 58, 95, 0.4);
  margin-bottom:16px; position:relative;
}
.urgency-badge.pulse{
  animation: urgencyPulse 2s ease-in-out infinite;
}

/* HERO TITLE ENHANCEMENTS */
.hero h1{
  font-size:clamp(28px, 5.5vw, 58px); 
  font-weight:900; 
  line-height:1.1; 
  margin:16px 0 20px;
}
.highlight-blue{
  color:var(--highlight-blue); 
  text-shadow: 2px 2px 4px rgba(30, 58, 95, 0.2);
}
.highlight-blue{
  color:#3b82f6; 
  font-weight:700; 
  text-shadow: 2px 2px 4px rgba(59, 130, 246, 0.2);
}
.highlight-green{
  color:var(--highlight-green);
  text-shadow: 2px 2px 4px rgba(48, 209, 88, 0.2);
}

/* HERO STATS COMPARISON */
.hero-stats{
  display:flex; align-items:center; justify-content:center;
  gap:20px; margin:20px 0; flex-wrap:wrap;
}
.stat-urgent{
  text-align:center; padding:16px; background:#fff;
  border-radius:12px; box-shadow: 0 8px 25px rgba(0,0,0,0.1);
  border:2px solid #f1f5f9;
}
.stat-urgent .stat-number{
  font-size:28px; font-weight:900; 
  color:var(--highlight-blue); line-height:1;
}
.stat-urgent .stat-label{
  font-size:12px; color:var(--muted); 
  text-transform:uppercase; letter-spacing:1px; margin-top:4px;
}
.vs-divider{
  background: linear-gradient(45deg, #1E3A5F, #0B5FFF);
  color:#fff; padding:8px 16px; border-radius:20px;
  font-weight:900; font-size:18px;
}
/* HERO LAYOUT */
.hero-wrap{display:grid; gap:32px; align-items:start;}
.hero-card{align-self:start;}

/* URGENCY CARD STYLING */
.urgency-card{
  background: linear-gradient(135deg, #fff 0%, #f0f4f8 100%);
  border:2px solid #c7d2e0; position:relative; overflow:hidden;
}
.urgency-card::before{
  content:'URGENT'; position:absolute; top:12px; right:-30px;
  background:#1E3A5F; color:#fff; padding:4px 40px; font-size:10px;
  font-weight:900; transform:rotate(45deg); letter-spacing:1px;
}

.urgency-header{
  display:flex; align-items:center; gap:12px; margin-bottom:20px;
  padding-bottom:12px; border-bottom:2px dashed #c7d2e0;
}
.urgency-header h2{
  font-size:20px; color:var(--urgency); margin:0;
  text-transform:uppercase; letter-spacing:1px;
}
.urgency-icon{font-size:24px;}

.crisis-stats{
  display:grid; grid-template-columns:repeat(3, 1fr); gap:16px; 
  margin-bottom:24px;
}
.crisis-stat{
  text-align:center; padding:12px; background:#fff;
  border-radius:8px; border:1px solid #c7d2e0;
}
.crisis-number{
  font-size:20px; font-weight:900; color:var(--urgency);
  line-height:1;
}
.crisis-label{
  font-size:11px; color:var(--muted); 
  text-transform:uppercase; margin-top:4px;
}

.solution-box{
  background:#f0fdf4; border:1px solid #bbf7d0; 
  border-radius:12px; padding:16px; margin-bottom:20px;
}
.solution-box h3{
  margin:0 0 12px; font-size:16px; color:var(--success);
}
.solution-benefits{
  list-style:none; padding:0; margin:0;
}
.solution-benefits li{
  margin:8px 0; font-size:14px; 
  display:flex; align-items:center; gap:8px;
}

.cta-box .btn{margin-bottom:12px;}
.guarantee-line{
  display:flex; align-items:center; gap:6px;
  font-size:11px; color:var(--muted); text-align:center;
  justify-content:center;
}
.guarantee-icon{font-size:14px;}

.subhead{color:var(--muted); font-size:16px; line-height:1.4;}
.cta-row{display:flex; gap:12px; flex-wrap:wrap; margin:var(--space-4) 0}
.trust-row{list-style:none; display:flex; gap:18px; padding:0; margin:var(--space-4) 0 0; flex-wrap:wrap; color:var(--muted)}
.trust-row li{display:flex; align-items:center; gap:8px}
.icon{width:20px;height:20px}

/* FOMO & SCARCITY PANEL */
.fomo-panel{
  background: linear-gradient(135deg, #fff 0%, #f0f4f8 100%);
  border:2px solid #c7d2e0; border-radius:16px; padding:20px;
  margin-top:24px; box-shadow: 0 8px 25px rgba(30, 58, 95, 0.1);
}
.fomo-item{
  display:flex; align-items:center; gap:16px; margin:12px 0;
  padding:12px; background:#fff; border-radius:10px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
.fomo-item.urgent{border-left:4px solid #1E3A5F;}
.fomo-item.live{border-left:4px solid #10B981;}

.fomo-meter{text-align:center; min-width:100px;}
.meter-bar{
  width:80px; height:8px; background:#c7d2e0; border-radius:4px;
  overflow:hidden; margin:0 auto 4px;
}
.meter-fill{
  display:block; height:100%; background: linear-gradient(90deg, #1E3A5F, #3D5A80);
  border-radius:4px; transition:width 0.3s ease;
}
.meter-label{font-size:10px; color:var(--muted); text-transform:uppercase;}

.fomo-text{flex:1;}
.fomo-text strong{color:var(--head); font-size:16px;}
.availability-number{
  font-size:24px; font-weight:900; color:var(--urgency);
}
.availability-status{
  display:flex; align-items:center; gap:6px; margin-top:4px;
  font-size:12px; color:var(--muted);
}
.availability-status.declining{color:#1E3A5F;}
.status-dot{
  width:6px; height:6px; background:#1E3A5F; border-radius:50%;
  animation: statusPulse 1s ease-in-out infinite;
}
@keyframes statusPulse{
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}

.savings-breakdown{font-size:11px; color:var(--muted); margin-top:2px;}
.member-activity{
  font-size:11px; color:var(--muted); margin-top:2px;
  animation: tickerFade 4s ease-in-out infinite;
}
@keyframes tickerFade{
  0%, 100% { opacity: 0.7; }
  50% { opacity: 1; }
}

.live-pulse{
  width:8px; height:8px; background:#10B981; border-radius:50%;
  animation: livePulse 2s ease-in-out infinite;
}

.fomo-icon{font-size:20px;}

/* Sections */
.section{padding:var(--space-7) 0}
.section.alt{background:#fff}

/* Benefits */
.benefits-grid{display:grid; gap:12px; padding:0; list-style:none}
.benefits-grid li{
  padding-left:38px; position:relative; background:#fff; border:1px solid var(--border);
  border-radius:14px; padding:14px 14px 14px 40px;
}
.benefits-grid li::before{
  content:""; position:absolute; left:12px; top:16px; width:16px; height:16px; border-radius:4px; background:var(--brand);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24"><path fill="white" d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"/></svg>') no-repeat center;
          mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24"><path fill="white" d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"/></svg>') no-repeat center;
}

/* Steps */
.steps{list-style:none; display:grid; grid-template-columns:1fr; gap:12px; padding:0; margin-top:var(--space-4)}
.step-badge{
  width:38px;height:38px; border-radius:999px; display:inline-grid; place-items:center; background:var(--brand); color:#fff; font-weight:900; margin-right:10px
}
.steps li{display:flex; align-items:center; background:#fff; border:1px solid var(--border); border-radius:14px; padding:12px 14px}

/* Pricing */
.pricing-head{margin-bottom:var(--space-4)}
.pricing-grid{display:grid; grid-template-columns:1fr; gap:16px}
.price{position:relative}
.price.popular{border-color:var(--brand); box-shadow:0 16px 40px rgba(11,95,255,0.12)}
.pill{position:absolute; top:12px; right:12px; background:var(--brand); color:#fff; padding:6px 10px; border-radius:999px; font-size:.75rem; font-weight:900}
.price-title{margin-bottom:6px}
.price-amt{font-size:36px; font-weight:900; color:var(--head); margin:0 0 8px}
.price-amt .currency{font-size:.8em; margin-right:2px}
.price-amt .per{font-size:.55em; color:var(--muted)}
.price-features{list-style:none; padding:0; margin:0 0 12px}
.price-features li{padding-left:24px; position:relative; margin:8px 0}
.price-features li::before{
  content:\"\"; position:absolute; left:0; top:.45em; width:16px; height:16px; border-radius:4px; background:var(--brand);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"white\" d=\"M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z\"/></svg>') no-repeat center;
          mask: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"white\" d=\"M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z\"/></svg>') no-repeat center;
}

/* Price equivalent text */
.price-equiv{
  font-size:14px; color:var(--ok); font-weight:700;
  margin:-4px 0 12px; padding:6px 12px;
  background:linear-gradient(135deg, #f0fdf4, #dcfce7);
  border-radius:8px; text-align:center;
}

/* Savings callout */
.savings-callout{
  margin-top:24px; padding:16px 24px;
  background:linear-gradient(135deg, #fef3c7, #fde68a);
  border:2px solid #f59e0b; border-radius:12px;
  text-align:center; font-size:15px;
}
.savings-callout p{ margin:0; color:#92400e; }

/* Social proof */
.testimonials{display:grid; grid-template-columns:1fr; gap:16px}
.testimonial blockquote{margin:8px 0 6px}
.star{width:18px; height:18px; fill:#f59e0b}

/* Physicians */
.bullets{list-style:disc; padding-left:20px; margin:var(--space-3) 0}
.stats{display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:var(--space-4)}
.stat{background:#fff; border:1px solid var(--border); border-radius:14px; padding:16px; text-align:center}
.stat-kicker{color:var(--muted); font-size:.85rem}
.stat-value{font-size:20px; font-weight:900; color:var(--head)}

/* Two ways / cards */
.care-ways{display:grid; grid-template-columns:1fr; gap:16px; margin-top:var(--space-3)}
.cards-3{display:grid; grid-template-columns:1fr; gap:16px; margin-top:var(--space-3)}

/* Footer */
.site-footer{border-top:1px solid var(--border); background:#fff; padding:var(--space-6) 0}

/* Mobile sticky */
.mobile-sticky{
  position:fixed; bottom:0; left:0; right:0; display:flex; gap:10px; padding:10px; background:#fffffffa; border-top:1px solid var(--border); backdrop-filter:blur(6px); z-index:90;
}
.mobile-sticky .btn{flex:1}
/* SOCIAL PROOF TICKER */
.social-proof-ticker{
  background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
  padding:20px 0; border-top:1px solid #e0f2fe; border-bottom:1px solid #e0f2fe;
  overflow:hidden; position:relative;
}
.ticker-container{
  max-width:100vw; overflow:hidden; 
  display:flex; align-items:center;
  min-height:50px; /* Ensure consistent height */
}
.ticker-track{
  display:flex; gap:60px; animation: scroll 30s linear infinite;
  white-space:nowrap; padding:0 20px; align-items:center;
  height:50px; /* Fixed height to prevent overlap */
}
.ticker-item{
  display:flex; align-items:center; gap:10px;
  font-size:14px; font-weight:600; color:var(--head);
  white-space:nowrap; min-width:350px;
  line-height:1.2; /* Proper line height */
  padding:8px 0; /* Vertical padding for breathing room */
}
.ticker-item .ticker-icon{font-size:16px; flex-shrink:0;}
@keyframes scroll{
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}

/* LOSS AVERSION SECTION */
.loss-aversion-section{
  background: linear-gradient(135deg, #f0f4f8 0%, #dce4ed 100%);
  padding:60px 0; border-top:3px solid #c7d2e0;
}
.loss-content{text-align:center;}
.loss-title{
  font-size:clamp(24px, 4vw, 40px); color:var(--urgency);
  margin-bottom:32px; display:flex; align-items:center;
  justify-content:center; gap:12px;
}
.warning-icon{font-size:32px;}
.loss-stats{
  display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));
  gap:24px; margin-bottom:32px;
}
.loss-stat{
  background:#fff; padding:24px; border-radius:16px;
  box-shadow: 0 8px 25px rgba(30, 58, 95, 0.15);
  border:2px solid #c7d2e0;
}
.loss-number{
  font-size:36px; font-weight:900; color:var(--urgency);
  line-height:1; margin-bottom:8px;
}
.loss-label{
  font-size:14px; color:var(--muted);
  text-transform:uppercase; letter-spacing:1px;
}
.loss-description{
  font-size:18px; color:var(--head); max-width:600px;
  margin:0 auto 32px; line-height:1.5;
}
.loss-cta{margin-bottom:20px;}
.risk-free{
  font-size:14px; color:var(--muted); margin-top:12px;
}

/* TESTIMONIAL POWER SECTION */
.testimonial-power{
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  padding:80px 0;
}
.testimonial-header{text-align:center; margin-bottom:48px;}
.testimonial-header h2{
  font-size:clamp(28px, 4vw, 42px); margin-bottom:12px;
}
.testimonial-icon{font-size:32px; margin-right:8px;}
.testimonial-subtitle{
  font-size:18px; color:var(--muted); max-width:600px;
  margin:0 auto;
}

.testimonials-grid{
  display:grid; grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));
  gap:24px; margin-bottom:48px;
}
.testimonial-card{
  background:#fff; border-radius:16px; padding:24px;
  box-shadow: 0 8px 30px rgba(0,0,0,0.08);
  border:1px solid #f1f5f9; position:relative;
}
.testimonial-card.featured{
  border:2px solid #10B981;
  box-shadow: 0 12px 40px rgba(16, 185, 129, 0.15);
}
.testimonial-card.urgent{
  border:2px solid #1E3A5F;
  box-shadow: 0 12px 40px rgba(30, 58, 95, 0.15);
}

.testimonial-header-card{
  display:flex; align-items:flex-start; gap:12px;
  margin-bottom:16px; padding-bottom:12px;
  border-bottom:1px solid #f1f5f9;
}
.avatar{font-size:32px; flex-shrink:0;}
.reviewer-info{flex:1;}
.reviewer-info strong{font-size:16px; color:var(--head);}
.reviewer-info .location{
  font-size:12px; color:var(--muted); display:block;
}
.reviewer-info .stars{margin-top:4px;}
.time-saved{text-align:right;}
.savings-amount{
  display:block; font-size:14px; font-weight:900;
  color:var(--savings-green);
}
.time-amount{
  display:block; font-size:12px; color:var(--muted);
}

.testimonial-quote{
  font-size:15px; line-height:1.5; color:var(--head);
  margin-bottom:16px; font-style:normal;
}
.testimonial-proof{
  font-size:12px; color:var(--muted);
  padding:8px 12px; background:#f8fafc;
  border-radius:8px;
}

.testimonial-footer{text-align:center;}
.social-stats{
  display:grid; grid-template-columns:repeat(3, 1fr);
  gap:24px; margin-bottom:32px;
}
.social-stat{
  background:#fff; padding:20px; border-radius:12px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08);
}
.social-stat .stat-number{
  font-size:28px; font-weight:900; color:var(--brand);
}
.social-stat .stat-label{
  font-size:12px; color:var(--muted);
  text-transform:uppercase; margin-top:4px;
}

@media(min-width:780px){
  .mobile-sticky{display:none}
  .pricing-grid{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(4,1fr)}
  .testimonials{grid-template-columns:repeat(3,1fr)}
  .stats{grid-template-columns:repeat(4,1fr)}
  .care-ways{grid-template-columns:repeat(2,1fr)}
  .cards-3{grid-template-columns:repeat(3,1fr)}
  .hero-wrap{grid-template-columns:1.15fr .85fr}
  .crisis-stats{grid-template-columns:repeat(3, 1fr);}
  .fomo-panel{margin-top:0;}
}

@media(max-width:779px){
  .crisis-stats{grid-template-columns:1fr;}
  .hero-stats{flex-direction:column; gap:12px;}
  .trust-badges{justify-content:center;}
  .ticker-track{padding:0 10px;}
  .loss-stats{grid-template-columns:1fr;}
  .social-stats{grid-template-columns:1fr;}
  .testimonials-grid{grid-template-columns:1fr;}
  .btn-mega-primary{padding:16px 24px; font-size:16px;}
  .btn-mega-primary .cta-main{font-size:16px;}
}

/* Modal */
.modal{position:fixed; inset:0; display:none; align-items:center; justify-content:center; z-index:100}
.modal[open]{display:flex}
.modal[aria-hidden="true"]{display:none}
.modal-backdrop{position:absolute; inset:0; background:rgba(2,6,23,0.45)}
.modal-card{
  position:relative; background:#fff; border:1px solid var(--border); border-radius:18px; box-shadow:var(--shadow);
  width:min(720px, 92vw); padding:var(--space-6); max-height:90vh; overflow:auto
}
.modal-close{
  position:absolute; right:16px; top:12px; border:none; background:transparent; font-size:28px; line-height:1; cursor:pointer; color:var(--muted)
}
.modal-sub{margin-top:-4px; margin-bottom:10px}
.form-grid{display:grid; grid-template-columns:1fr; gap:12px}
.field-full{grid-column:1/-1}
.field label{display:block; font-weight:800; margin-bottom:6px}
.field input, .field textarea{
  width:100%; padding:12px 12px; border:1px solid var(--border); border-radius:12px; background:#fff; color:var(--head);
}
.field input:focus, .field textarea:focus{outline:2px solid var(--brand); outline-offset:1px}
.field.checkbox{display:flex; align-items:flex-start; gap:10px}
.field.checkbox input{margin-top:4px}
.req{color:var(--error)}
.error{color:var(--error); min-height:1em; margin:6px 0 0}
.hp{position:absolute; left:-9999px; visibility:hidden}
.actions{display:flex; gap:10px; margin-top:8px}
.lock{display:flex; align-items:center; gap:8px}
.progress{margin-top:12px; height:8px; background:#e2e8f0; border-radius:6px; overflow:hidden}
.progress > span{display:block; height:100%; width:0%; background:linear-gradient(90deg,var(--brand),#5aa0ff)}

/* Exit offer */
.exit-card{
  text-align:center; 
  max-width: 420px; 
  margin: 0 auto; 
  padding: 32px 24px;
  background: linear-gradient(135deg, #f8faff 0%, #ffffff 100%);
  border-radius: 20px;
  border: 1px solid #e1e7f0;
  box-shadow: 0 20px 40px rgba(59, 130, 246, 0.15);
}

.exit-badge{
  display:inline-block; 
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); 
  color: #ffffff; 
  font-weight: 600;
  padding: 8px 16px; 
  border-radius: 20px; 
  margin-bottom: 16px; 
  font-size: 0.875rem;
  letter-spacing: 0.025em;
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

.exit-card h2 {
  color: #1e293b;
  font-size: 1.75rem;
  font-weight: 700;
  margin-bottom: 12px;
  line-height: 1.2;
}

.exit-card p {
  font-size: 1rem;
  color: #64748b;
  margin-bottom: 24px;
  line-height: 1.5;
}

.exit-cta{
  display:flex; 
  gap:12px; 
  justify-content:center; 
  margin-top:24px; 
  flex-wrap:wrap;
}

.exit-cta .btn-primary {
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
  border: none;
  color: #ffffff;
  font-weight: 600;
  padding: 14px 28px;
  border-radius: 12px;
  font-size: 1rem;
  box-shadow: 0 4px 14px rgba(59, 130, 246, 0.4);
  transition: all 0.2s ease;
  min-width: 160px;
}

.exit-cta .btn-primary:hover {
  background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
  box-shadow: 0 6px 20px rgba(59, 130, 246, 0.5);
  transform: translateY(-1px);
}

.exit-cta .btn-ghost {
  color: #64748b;
  border: 1px solid #e2e8f0;
  background: transparent;
  padding: 14px 28px;
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 500;
  transition: all 0.2s ease;
  min-width: 140px;
}

.exit-cta .btn-ghost:hover {
  background: #f8fafc;
  border-color: #cbd5e1;
  color: #475569;
}

/* Exit offer details */
.exit-offer-details {
  background: #f0f9ff;
  border: 1px solid #7dd3fc;
  border-radius: 12px;
  padding: 16px;
  margin: 16px 0;
  text-align: left;
}
.offer-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 0;
  font-size: 14px;
  color: #334155;
}
.offer-item:not(:last-child) {
  border-bottom: 1px solid #e0f2fe;
}
.offer-icon {
  font-size: 18px;
  flex-shrink: 0;
}
.offer-terms {
  font-size: 13px;
  color: #64748b;
  margin: 12px 0 0;
  padding: 8px 12px;
  background: #fef3c7;
  border-radius: 6px;
  text-align: center;
}

/* Toast */
.toast{
  position:fixed; left:50%; transform:translateX(-50%); bottom:84px; background:#0f172a; color:#fff;
  padding:12px 16px; border-radius:12px; box-shadow:var(--shadow); z-index:120;
  max-width:92vw; text-align:center; font-weight:900
}
[hidden]{display:none !important}

/* Focus visible */
:focus-visible{outline:2px solid var(--brand); outline-offset:2px}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  .pulse-cta,
  .pulse,
  .urgency-badge.pulse,
  .ticker-track,
  .urgent-content,
  .activity-indicator,
  .live-pulse,
  .status-dot,
  .btn-mega-primary::before {
    animation: none !important;
  }
}

/* Utilities */
.muted-center{color:var(--muted); text-align:center}

/* Nav CTA visibility */
.nav-cta{display:none}
@media(min-width:640px){ .nav-cta{display:inline-flex} }