/* AUTO-GENERATED page CSS for /in/features/ — DO NOT EDIT.
   Imported from the page's inline <style> by lib/import-pages.cjs.
   Shared rules also live in styles/components.css; trim duplicates in a later pass. */

    *{-webkit-font-smoothing:antialiased}html{scroll-behavior:smooth}
    .nav-glass{background:rgb(var(--color-white) / .92);backdrop-filter:blur(16px);border-bottom:1px solid rgb(var(--color-black) / .07)}
    .btn-primary{background:linear-gradient(135deg,rgb(var(--color-primary-500)),rgb(var(--color-primary-glow)));box-shadow:0 4px 20px rgb(var(--color-primary-500) / .3);transition:all .2s}
    .btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 28px rgb(var(--color-primary-500) / .4)}
    .module-card{border-radius:1rem;transition:all .25s;cursor:pointer}
    .module-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.1)}
    .module-card:hover .card-arrow{transform:translateX(4px)}
    .card-arrow{transition:transform .2s}
    .feature-pill{display:inline-flex;align-items:center;gap:5px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:500;color:#475569}
    .highlight-card{border-radius:.875rem;transition:all .2s}
    .highlight-card:hover{transform:translateY(-2px)}
    @keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
    .animate-in{animation:fadeUp .5s ease forwards}
    .stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}
    .stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}
    .dropdown{display:none}.dropdown-trigger:hover .dropdown{display:block}