/* landing_extra.css */
/* Hero Section */
.lnd-hero-container { z-index: 2; }
.hero-title-anim { transition-delay: .08s; }
.hero-lead-anim { transition-delay: .16s; font-size: 1.15rem; }
.hero-search-anim { transition-delay: .20s; }
.hero-btns-anim { transition-delay: .24s; }
.hero-mock-anim { transition-delay: .2s; }
.mock-dot-red { background: #ff5f57; }
.mock-dot-yellow { background: #febc2e; }
.mock-dot-green { background: #28c840; }
.mock-avatar-b { background: rgba(245,158,11,0.15); color: #f59e0b; }
.mock-avatar-f { background: rgba(16,185,129,0.15); color: #10b981; }

/* Ticker */
.ticker-wrap-top-style { position: relative; height: 44px; overflow: hidden; background: #0f172a; border-bottom: 1px solid rgba(255,255,255,0.1); }
.ticker-top-inner { width: 100%; height: 100%; }
.ticker-wrap-bottom { height: 44px; overflow: hidden; }

/* Catalog Section */
.catalog-section { padding-top: 80px; padding-bottom: 40px; }

/* Features */
.features-subtitle { max-width: 600px; }
.glass-card-feat { padding: 40px; background: var(--color-white); }
.feat-anim-0 { transition-delay: 0s; }
.feat-anim-1 { transition-delay: 0.07s; }
.feat-anim-2 { transition-delay: 0.14s; }
.feat-anim-3 { transition-delay: 0.21s; }
.feat-anim-4 { transition-delay: 0.28s; }
.feat-anim-5 { transition-delay: 0.35s; }
.feat-anim-6 { transition-delay: 0.42s; }
.feat-anim-7 { transition-delay: 0.49s; }
.feat-anim-8 { transition-delay: 0.56s; }
.feat-anim-9 { transition-delay: 0.63s; }
.feat-anim-10 { transition-delay: 0.70s; }
.feat-anim-11 { transition-delay: 0.77s; }
.feat-anim-12 { transition-delay: 0.84s; }

/* Steps */
.glass-card-step { padding: 30px 16px; }
.step-anim-0 { transition-delay: 0s; }
.step-anim-1 { transition-delay: 0.12s; }
.step-anim-2 { transition-delay: 0.24s; }
.step-anim-3 { transition-delay: 0.36s; }
.step-anim-4 { transition-delay: 0.48s; }

/* Pre Koho */
.pre-koho-anim { transition-delay: .1s; }
.pre-koho-title { margin-bottom: 20px; }
.pre-koho-desc { font-size: 0.95rem; color: #64748b; line-height: 1.75; margin-bottom: 24px; }
.pre-koho-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.side-hustle-title { margin-bottom: 20px; }
.side-hustle-desc { font-size: 0.95rem; color: #64748b; line-height: 1.75; margin-bottom: 20px; }
.stat-chip-1 { color: #2563eb; }
.stat-chip-2 { color: #10b981; }
.stat-chip-3 { color: #f59e0b; }

/* Why Us & Benefits */
.why-us-label { color: #93c5fd; }
.benefit-anim-0 { transition-delay: 0.1s; }
.benefit-anim-1 { transition-delay: 0.18s; }
.benefit-anim-2 { transition-delay: 0.26s; }
.benefit-anim-3 { transition-delay: 0.34s; }
.benefit-anim-4 { transition-delay: 0.42s; }
.benefit-anim-5 { transition-delay: 0.5s; }

/* Plans */
.plan-vendor-card { transition-delay: .15s; padding: 36px; background: rgba(255,255,255,0.05); color: white; }
.plan-company-card { transition-delay: .25s; border: 1px solid rgba(52,211,153,0.3); position: relative; padding: 36px; background: rgba(255,255,255,0.05); color: white; }
.plan-label { color: #93c5fd; margin-bottom: 12px; }
.plan-popular-badge { position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background: #34d399; color: #000; font-size: 0.7rem; font-weight: 800; padding: 4px 12px; border-radius: 3px; text-transform: uppercase; }
.plan-promo-badge { background: rgba(52,211,153,0.15); color: #34d399; padding: 4px 12px; border-radius: 3px; font-size: 0.75rem; font-weight: 800; border: 1px solid rgba(52,211,153,0.2); }
.plan-desc { font-size: 0.78rem; color: rgba(255,255,255,0.55); margin-bottom: 16px; margin-top: 0; min-height: 40px; }
.plan-tag-icon { margin-right: 5px; color: #34d399; }
.plan-highlight { color: #34d399; }
.vendor-btn { background: rgba(255,255,255,0.1); color: #fff !important; }

/* FAQs */
.faq-anim-0 { transition-delay: 0s; }
.faq-anim-1 { transition-delay: 0.06s; }
.faq-anim-2 { transition-delay: 0.12s; }
.faq-anim-3 { transition-delay: 0.18s; }
.faq-anim-4 { transition-delay: 0.24s; }
.faq-anim-5 { transition-delay: 0.3s; }
.faq-anim-6 { transition-delay: 0.36s; }
.faq-anim-7 { transition-delay: 0.42s; }
.faq-anim-8 { transition-delay: 0.48s; }
.faq-anim-9 { transition-delay: 0.54s; }
.faq-anim-10 { transition-delay: 0.6s; }
.faq-anim-11 { transition-delay: 0.66s; }
.faq-anim-12 { transition-delay: 0.72s; }
.faq-anim-13 { transition-delay: 0.78s; }
.faq-anim-14 { transition-delay: 0.84s; }
.faq-anim-15 { transition-delay: 0.9s; }

/* Final CTA */
.final-cta-badge { margin: 0 auto 24px; width: fit-content; }
.final-cta-title-anim { transition-delay: .05s; }
.final-cta-gradient-text { background: linear-gradient(90deg,rgba(255,255,255,0.95),rgba(255,255,255,0.65)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.final-cta-sub-anim { transition-delay: .1s; }
.final-cta-btn-anim { transition-delay: .15s; }
.final-cta-btn { background: white; color: black !important; }
.final-cta-trust-anim { transition-delay: .2s; }