/* ═══════════════════════════════════════════════════════
   GlideEV — Premium Light Design System
   Used by: website (all pages), inner pages, rider app, admin
   ═══════════════════════════════════════════════════════ */

*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html,body{margin:0;padding:0;background:#FAFAF7;color:#1A1A1A;font-family:'Inter',sans-serif;-webkit-font-smoothing:antialiased;}

/* ── COLORS ── */
:root{
  --canvas:#FAFAF7;
  --surface:#FFFFFF;
  --ink-50:#F7F7F4;
  --ink-100:#EFEFE9;
  --ink-200:#E8E6DF;
  --ink-300:#D1CFC6;
  --ink-400:#A8A6A0;
  --ink-500:#6B7280;
  --ink-600:#4B5563;
  --ink-700:#374151;
  --ink-800:#1F2937;
  --ink-900:#1A1A1A;

  --leaf-50:#ECFDF5;
  --leaf-100:#D1FAE5;
  --leaf-200:#A7F3D0;
  --leaf-300:#6EE7B7;
  --leaf-400:#34D399;
  --leaf-500:#10B981;
  --leaf-600:#059669;
  --leaf-700:#047857;
  --leaf-800:#065F46;
  --leaf-900:#0F5132;

  --amber:#F59E0B;
  --red:#DC2626;
  --blue:#2563EB;
  --purple:#7C3AED;
}

/* ── TYPE ── */
.headline{font-weight:800;letter-spacing:-0.04em;line-height:0.92;}
.eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:0.14em;text-transform:uppercase;font-weight:500;}
.mono{font-family:'JetBrains Mono',monospace;font-variant-numeric:tabular-nums;}

/* ── SHADOWS ── */
.shadow-soft{box-shadow:0 1px 2px rgba(15,81,50,0.04), 0 4px 12px rgba(15,81,50,0.06);}
.shadow-card{box-shadow:0 1px 3px rgba(15,81,50,0.06), 0 8px 24px rgba(15,81,50,0.08);}
.shadow-lifted{box-shadow:0 4px 6px rgba(15,81,50,0.05), 0 12px 32px rgba(15,81,50,0.12);}

/* ── INTERACTIONS ── */
.lift{transition:all 0.3s cubic-bezier(0.16,1,0.3,1);}
.lift:hover{transform:translateY(-3px);box-shadow:0 8px 16px rgba(15,81,50,0.08), 0 20px 48px rgba(15,81,50,0.12);}

.pulse-dot{position:relative;}
.pulse-dot::before{content:'';position:absolute;inset:-3px;border-radius:50%;background:#059669;opacity:0.4;animation:ping 2s ease-out infinite;}
@keyframes ping{0%{transform:scale(0.8);opacity:0.5;}80%,100%{transform:scale(2);opacity:0;}}

/* ── BUTTONS ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:999px;font-weight:600;font-size:15px;border:none;cursor:pointer;transition:all 0.2s;font-family:inherit;text-decoration:none;}
.btn-primary{background:#059669;color:#fff;box-shadow:0 4px 12px rgba(5,150,105,0.25);}
.btn-primary:hover{background:#047857;transform:translateY(-1px);box-shadow:0 6px 20px rgba(5,150,105,0.35);}
.btn-secondary{background:#fff;color:#1A1A1A;border:1px solid #E8E6DF;}
.btn-secondary:hover{border-color:#059669;color:#059669;}
.btn-ghost{background:transparent;color:#374151;}
.btn-ghost:hover{background:#F7F7F4;}
.btn-dark{background:#0F5132;color:#fff;}
.btn-dark:hover{background:#065F46;transform:translateY(-1px);}
.btn-sm{padding:10px 22px;font-size:14px;}
.btn-lg{padding:18px 36px;font-size:16px;}

/* ── CHIP ── */
.chip{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:#ECFDF5;border:1px solid #A7F3D0;font-size:13px;color:#065F46;font-weight:500;}
.chip-mono{font-family:'JetBrains Mono',monospace;font-size:11.5px;}

/* ── CARDS ── */
.card{background:#fff;border-radius:24px;padding:24px;border:1px solid #E8E6DF;}
.card-soft{background:#fff;border-radius:24px;padding:24px;box-shadow:0 1px 2px rgba(15,81,50,0.04), 0 4px 12px rgba(15,81,50,0.06);}
.card-leaf{background:#ECFDF5;border:1px solid #A7F3D0;border-radius:24px;padding:24px;}

/* ── DECORATIVE ── */
.scallop{background:radial-gradient(ellipse at top left, #ECFDF5 0%, transparent 50%);}
.scallop-r{background:radial-gradient(ellipse at top right, #ECFDF5 0%, transparent 50%);}

/* ── FORM ── */
.fld{background:#fff;border:1px solid #E8E6DF;color:#1A1A1A;padding:13px 16px;border-radius:12px;font-family:inherit;font-size:15px;width:100%;outline:none;transition:all 0.2s;}
.fld:focus{border-color:#059669;background:#F7FEF9;box-shadow:0 0 0 3px rgba(5,150,105,0.1);}
.fld::placeholder{color:#A8A6A0;}

/* ── ACCORDION ── */
.acc{background:#fff;border:1px solid #E8E6DF;border-radius:18px;margin-bottom:10px;overflow:hidden;transition:all 0.3s;}
.acc:hover{border-color:#A7F3D0;}
.acc-head{padding:20px 24px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;}
.acc-q{font-size:16px;font-weight:600;color:#1A1A1A;}
.acc-icon{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:#ECFDF5;border:1px solid #A7F3D0;display:flex;align-items:center;justify-content:center;color:#059669;font-size:20px;font-weight:600;transition:all 0.3s;}
.acc.open .acc-icon{transform:rotate(45deg);background:#059669;color:#fff;border-color:#059669;}
.acc-body{max-height:0;overflow:hidden;transition:max-height 0.4s cubic-bezier(0.16,1,0.3,1);}
.acc.open .acc-body{max-height:800px;}
.acc-inner{padding:0 24px 24px;font-size:15px;color:#4B5563;line-height:1.7;}
.acc-inner strong{color:#1A1A1A;font-weight:600;}
.acc-inner a{color:#059669;font-weight:500;}
.acc-inner ul{margin:10px 0;padding-left:20px;}
.acc-inner li{margin:6px 0;}

/* ── MARQUEE ── */
.marquee-wrap{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);}
.marquee{display:flex;width:max-content;animation:scroll 45s linear infinite;}
@keyframes scroll{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}

/* ── REVEAL ── */
.reveal{opacity:0;transform:translateY(16px);transition:opacity 0.7s ease,transform 0.7s ease;}
.reveal.in{opacity:1;transform:none;}

/* ── PROSE (for terms etc.) ── */
.prose h2{font-weight:700;font-size:24px;color:#1A1A1A;margin:40px 0 14px;letter-spacing:-0.02em;}
.prose h3{font-weight:600;font-size:17px;color:#1A1A1A;margin:28px 0 10px;}
.prose p{color:#4B5563;line-height:1.75;margin-bottom:14px;font-size:15.5px;}
.prose ul{color:#4B5563;margin:14px 0;padding-left:22px;}
.prose li{margin:8px 0;line-height:1.65;}
.prose strong{color:#1A1A1A;font-weight:600;}
.prose a{color:#059669;font-weight:500;text-decoration:underline;}

/* ── SCROLLBAR ── */
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-track{background:#F7F7F4;}
::-webkit-scrollbar-thumb{background:#E8E6DF;border-radius:5px;border:2px solid #F7F7F4;}
::-webkit-scrollbar-thumb:hover{background:#D1CFC6;}

/* ── PILLS / BADGES ── */
.pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:600;letter-spacing:0.02em;}
.pill-success{background:#ECFDF5;color:#065F46;border:1px solid #A7F3D0;}
.pill-warn{background:#FEF3C7;color:#92400E;border:1px solid #FDE68A;}
.pill-danger{background:#FEE2E2;color:#B91C1C;border:1px solid #FECACA;}
.pill-info{background:#DBEAFE;color:#1E40AF;border:1px solid #BFDBFE;}
.pill-neutral{background:#F1F5F9;color:#475569;border:1px solid #E2E8F0;}

/* ── UTILITY ── */
.divider{height:1px;background:linear-gradient(90deg,transparent,#E8E6DF,transparent);}

/* ── PAGE HERO ── */
.page-hero{position:relative;padding:120px 0 64px;overflow:hidden;background:#FAFAF7;}
.page-hero::before{content:'';position:absolute;top:-200px;right:-200px;width:500px;height:500px;background:#ECFDF5;border-radius:50%;opacity:0.6;}
.page-hero::after{content:'';position:absolute;top:200px;left:-150px;width:300px;height:300px;background:#D1FAE5;border-radius:50%;opacity:0.4;}