/* AUTO-GENERATED page CSS for /in/pricing/ — 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) / 0.92);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      border-bottom: 1px solid rgb(var(--color-black) / 0.07);
    }

    .btn-primary {
      background: linear-gradient(135deg, rgb(var(--color-primary-500)) 0%, rgb(var(--color-primary-glow)) 100%);
      box-shadow: 0 4px 20px rgb(var(--color-primary-500) / 0.30);
      transition: all 0.2s;
    }
    .btn-primary:hover { transform: translateY(-1px); box-shadow: 0 6px 28px rgb(var(--color-primary-500) / 0.4); }
    .btn-primary:active { transform: translateY(0); }

    .plan-card {
      border-radius: 1rem;
      transition: all 0.2s;
    }
    .plan-card:hover { transform: translateY(-3px); }

    .popular-badge {
      background: linear-gradient(135deg, rgb(var(--color-primary-500)), rgb(var(--color-primary-glow)));
      font-size: 0.7rem; font-weight: 700;
      color: rgb(var(--color-white)); letter-spacing: 0.04em;
      padding: 3px 10px; border-radius: 999px;
    }

    /* Toggle pill */
    .toggle-track {
      width: 48px; height: 26px;
      background: rgb(var(--color-slate-200)); border-radius: 999px;
      position: relative; cursor: pointer;
      transition: background 0.2s;
    }
    .toggle-track.on { background: rgb(var(--color-primary-500)); }
    .toggle-thumb {
      position: absolute; top: 3px; left: 3px;
      width: 20px; height: 20px;
      background: rgb(var(--color-white)); border-radius: 50%;
      box-shadow: 0 1px 4px rgb(var(--color-black) / 0.2);
      transition: transform 0.2s;
    }
    .toggle-track.on .toggle-thumb { transform: translateX(22px); }

    .tick { color: rgb(var(--color-primary-500)); font-size: 0.85rem; }
    .cross { color: rgb(var(--color-slate-300)); font-size: 0.85rem; }

    .faq-item { border-bottom: 1px solid rgb(var(--color-slate-200)); }
    .faq-question { cursor: pointer; user-select: none; }
    .faq-answer { display: none; }
    .faq-answer.open { display: block; }

    .comparison-sticky {
      position: sticky;
      top: 65px;
      z-index: 10;
      background: rgb(var(--color-white));
    }

    @keyframes fadeUp {
      from { opacity: 0; transform: translateY(16px); }
      to   { opacity: 1; transform: translateY(0); }
    }
    .animate-in { animation: fadeUp 0.4s ease forwards; }