:root {
  --font-display: 'Montserrat', Arial, sans-serif;
  --font-body:    'Inter', Arial, sans-serif;
  --accent:       #f97316;
  --accent-soft:  rgba(249,115,22,.12);
  --btn-text:     #fff;
  --bg:           #ffffff;
  --surface:      #f8fafc;
  --card:         #ffffff;
  --border:       #e2e8f0;
  --shadow:       rgba(0,0,0,.08);
  --text:         #1e293b;
  --heading:      #0f172a;
  --muted:        #64748b;
  --nav-text:     #fff;
  --hero-bg:      linear-gradient(135deg, #1e3a5f 0%, #1d4ed8 60%, #2563eb 100%);
  --hero-text:    #fff;
  --hero-sub:     rgba(255,255,255,.8);
  --badge-bg:     rgba(249,115,22,.9);
  --badge-text:   #fff;
  --footer-bg:    #0f172a;
  --footer-text:  #e2e8f0;
  --footer-muted: #64748b;
}
.hero-title{letter-spacing:-.02em}
.plan-featured{box-shadow:0 0 0 4px rgba(249,115,22,.2)}