/* ── KEYFRAMES ──────────────────────────────────────────── */
    @keyframes fadeUp  { from{opacity:0;transform:translateY(28px);}to{opacity:1;transform:translateY(0);} }
    @keyframes fadeIn  { from{opacity:0;}to{opacity:1;} }
    @keyframes shimmer { from{background-position:-200% center;}to{background-position:200% center;} }
    @keyframes blink   { 0%,100%{opacity:1}50%{opacity:.3} }
    @keyframes pulse   { 0%,100%{opacity:.6;transform:scale(1);}50%{opacity:1;transform:scale(1.06);} }
    @keyframes float   { 0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);} }
    @keyframes spin-slow{ from{transform:rotate(0deg);}to{transform:rotate(360deg);} }
    @keyframes glow-pulse{ 0%,100%{box-shadow:0 0 20px rgba(59,130,246,.3);}50%{box-shadow:0 0 40px rgba(59,130,246,.6);} }
    @keyframes slide-in{ from{opacity:0;transform:scaleY(0);}to{opacity:1;transform:scaleY(1);} }

    /* ── REVEAL ─────────────────────────────────────────────── */
    .reveal { opacity:0; transform:translateY(30px); transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1); }
    .reveal.visible { opacity:1; transform:translateY(0); }
    .reveal-d1{transition-delay:.1s;} .reveal-d2{transition-delay:.2s;}
    .reveal-d3{transition-delay:.3s;} .reveal-d4{transition-delay:.4s;}
    .reveal-d5{transition-delay:.5s;}

    /* ── NAVBAR ─────────────────────────────────────────────── */
    #navbar { position:fixed;top:0;left:0;right:0;height:var(--nav-h);z-index:1000;
      background:rgba(2,8,23,.88);backdrop-filter:blur(20px) saturate(180%);
      border-bottom:1px solid rgba(255,255,255,.07); }
    #navbar .container{height:100%;}
    .nav-inner{display:flex;align-items:center;justify-content:space-between;height:100%;}
    .nav-logo{display:flex;align-items:center;gap:.75rem;}
    .nav-logo-mark{width:36px;height:36px;border-radius:9px;display:block;flex-shrink:0;object-fit:contain;}
    .nav-logo-text{font-size:1.2rem;font-weight:800;color:#fff;letter-spacing:-.03em;}
    .nav-links-simple{display:flex;align-items:center;gap:2rem;}
    .nav-links-simple a{font-size:.9rem;font-weight:500;color:rgba(255,255,255,.6);transition:color .2s;}
    .nav-links-simple a:hover{color:#fff;}
    @media(max-width:768px){.nav-links-simple{display:none;}}

    /* ── HERO ───────────────────────────────────────────────── */
    .hero {
      padding: calc(var(--nav-h) + 5rem) 0 4rem;
      background: radial-gradient(ellipse 80% 50% at 50% -5%, rgba(59,130,246,.16) 0%, transparent 60%),
                  linear-gradient(170deg,#020817 0%,#0a1222 60%,#020817 100%);
      text-align:center; position:relative; overflow:hidden;
    }
    .hero::before {
      content:'';position:absolute;inset:0;
      background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='rgba(255,255,255,0.02)' stroke-width='1'%3E%3Cpath d='M0 30h60M30 0v60'/%3E%3C/g%3E%3C/svg%3E") repeat;
      pointer-events:none;
    }
    .hero .container{position:relative;z-index:1;}
    .hero-pill {
      display:inline-flex;align-items:center;gap:.5rem;
      background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.25);
      color:#60a5fa;padding:.4rem 1.1rem;border-radius:999px;
      font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
      margin-bottom:1.6rem;animation:fadeIn .8s ease both;
    }
    .hero-title {
      font-size:clamp(2.5rem,5.5vw,4rem);font-weight:800;line-height:1.06;
      letter-spacing:-.04em;color:#fff;margin-bottom:1.1rem;
      animation:fadeUp .8s .1s cubic-bezier(.16,1,.3,1) both;
    }
    .hero-title em {
      font-style:normal;
      background:linear-gradient(135deg,#60a5fa 0%,#818cf8 50%,#c084fc 100%);
      -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
      background-size:200%;animation:shimmer 5s linear infinite;
    }
    .hero-sub {
      font-size:1.1rem;color:rgba(255,255,255,.6);line-height:1.75;
      max-width:520px;margin:0 auto 1.5rem;
      animation:fadeUp .8s .2s cubic-bezier(.16,1,.3,1) both;
    }
    .hero-note {
      font-size:.8rem;color:rgba(255,255,255,.35);
      animation:fadeUp .8s .3s cubic-bezier(.16,1,.3,1) both;
    }
    .hero-note span { color:rgba(255,255,255,.5); }

    /* ── TOGGLE ─────────────────────────────────────────────── */
    .toggle-section { padding:2.5rem 0 0; }
    .pricing-toggle-wrap {
      display:flex;align-items:center;justify-content:center;gap:1rem;
      margin-bottom:0;
    }
    .pricing-toggle-label {
      font-size:.9375rem;font-weight:600;color:rgba(255,255,255,.4);transition:color .2s;
    }
    .pricing-toggle-label.active { color:#fff; }
    .toggle-switch {
      position:relative;width:52px;height:28px;
      background:var(--c-500);border-radius:var(--radius-full);
      cursor:pointer;transition:background .2s;
    }
    .toggle-switch::after {
      content:'';position:absolute;width:22px;height:22px;
      background:#fff;border-radius:50%;top:3px;left:3px;
      transition:transform .2s;box-shadow:0 2px 6px rgba(0,0,0,.2);
    }
    .toggle-switch.yearly::after { transform:translateX(24px); }
    .yearly-badge {
      background:rgba(34,197,94,.15);color:#4ade80;
      border:1px solid rgba(34,197,94,.25);border-radius:var(--radius-full);
      font-size:.75rem;font-weight:700;padding:.2rem .6rem;
    }

    /* ── PRICING GRID ────────────────────────────────────────── */
    .pricing-section { padding:3rem 0 6rem; }
    .pricing-grid {
      display:grid;grid-template-columns:1fr;gap:1.25rem;
    }
    @media(min-width:640px){ .pricing-grid{grid-template-columns:repeat(2,1fr);} }
    @media(min-width:1024px){ .pricing-grid{grid-template-columns:repeat(4,1fr);} }

    .pricing-card {
      background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-xl);
      padding:2rem;display:flex;flex-direction:column;position:relative;
      transition:all .25s ease;
    }
    .pricing-card:hover{ transform:translateY(-4px);box-shadow:var(--shadow-lg); }
    .pricing-card--featured {
      border-color:var(--c-500);
      box-shadow:0 0 0 1px var(--c-500), 0 10px 40px rgba(59,130,246,.15);
      transform:scale(1.02);
    }
    .pricing-card--featured:hover{ transform:scale(1.02) translateY(-4px); }
    @media(min-width:1024px){
      .pricing-card--featured { transform:scale(1.04); }
      .pricing-card--featured:hover { transform:scale(1.04) translateY(-4px); }
    }

    .plan-popular-badge {
      position:absolute;top:-14px;left:50%;transform:translateX(-50%);
      background:linear-gradient(135deg,var(--c-sky),var(--c-600));
      color:#fff;font-size:.75rem;font-weight:700;
      padding:.3rem 1rem;border-radius:var(--radius-full);
      white-space:nowrap;box-shadow:0 4px 16px rgba(59,130,246,.3);
    }
    .plan-tier {
      font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
      margin-bottom:.75rem;
    }
    .plan-tier--starter { color:var(--text-light); }
    .plan-tier--pro { color:var(--c-500); }
    .plan-tier--business { color:var(--c-indigo); }
    .plan-tier--enterprise { color:var(--c-amber); }

    .plan-price { margin-bottom:.5rem; }
    .plan-price-value {
      font-size:2.25rem;font-weight:800;letter-spacing:-.03em;
      color:var(--text);line-height:1;
    }
    .plan-price-suffix {
      font-size:.875rem;color:var(--text-muted);font-weight:500;margin-left:.25rem;
    }
    .plan-price-yearly { display:none; }
    .yearly-mode .plan-price-monthly { display:none; }
    .yearly-mode .plan-price-yearly { display:inline; }

    .plan-seat-note {
      font-size:.8125rem;color:var(--text-light);margin-bottom:1.25rem;
    }
    .plan-divider { height:1px;background:var(--border);margin:1.25rem 0; }
    .plan-features-list { flex:1;margin-bottom:1.5rem; }
    .plan-feature {
      display:flex;align-items:flex-start;gap:.625rem;
      padding:.4rem 0;font-size:.875rem;color:var(--text-muted);
    }
    .plan-feature-check {
      width:18px;height:18px;flex-shrink:0;border-radius:50%;
      display:flex;align-items:center;justify-content:center;margin-top:.1rem;
    }
    .check-green { background:rgba(34,197,94,.1);color:var(--c-green); }
    .check-blue  { background:rgba(59,130,246,.1);color:var(--c-500); }
    .check-indigo{ background:rgba(99,102,241,.1);color:var(--c-indigo); }
    .check-amber { background:rgba(245,158,11,.1);color:var(--c-amber); }
    .plan-feature-check svg { width:11px;height:11px;stroke-width:3; }
    .plan-cta { margin-top:auto; }

    .btn-outline {
      display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
      padding:.7rem 1.5rem;border-radius:var(--radius-full);
      font-size:.9375rem;font-weight:600;transition:all .2s;
      border:1.5px solid var(--border);color:var(--text);background:transparent;
    }
    .btn-outline:hover{ border-color:var(--c-500);color:var(--c-600); }

    /* ── COMPARISON TABLE ────────────────────────────────────── */
    .comparison { padding:5rem 0;background:var(--surface-muted); }
    .comp-header { text-align:center;margin-bottom:3rem; }
    .section-label-pill {
      display:inline-flex;align-items:center;gap:.5rem;
      padding:.35rem 1rem;border-radius:999px;font-size:.75rem;font-weight:700;
      letter-spacing:.08em;text-transform:uppercase;margin-bottom:1rem;
    }
    .pill-blue { background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);color:#3b82f6; }
    .section-title { font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800;letter-spacing:-.03em;color:var(--text); }
    .section-sub { font-size:1rem;color:var(--text-muted);max-width:520px;margin:.75rem auto 0;line-height:1.7; }

    .comp-table-wrap { overflow-x:auto;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border); }
    table { width:100%;border-collapse:collapse;background:#fff; }
    thead tr { background:linear-gradient(135deg,#020817,#0f172a); }
    thead th { padding:1.25rem 1rem;text-align:left;font-size:.8rem;font-weight:700;color:rgba(255,255,255,.6);letter-spacing:.06em;text-transform:uppercase; }
    thead th:not(:first-child){ text-align:center; }
    thead th:nth-child(3) { color:#60a5fa; }
    .comp-group-header td {
      padding:.625rem 1rem;font-size:.72rem;font-weight:800;text-transform:uppercase;
      letter-spacing:.1em;color:var(--text-muted);background:var(--surface-muted);
      border-top:1px solid var(--border);
    }
    tbody tr:not(.comp-group-header){ border-top:1px solid var(--border); }
    tbody tr:not(.comp-group-header):hover{ background:rgba(59,130,246,.02); }
    td { padding:.875rem 1rem;font-size:.875rem;color:var(--text);vertical-align:middle; }
    td:not(:first-child){ text-align:center; }
    .comp-feat-name { font-weight:500; }
    .comp-feat-desc { font-size:.75rem;color:var(--text-muted);margin-top:.15rem; }
    .check-icon { width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center; }
    .check-icon svg { width:11px;height:11px;stroke-width:2.5; }
    .ci-yes   { background:rgba(34,197,94,.12);color:#22c55e; }
    .ci-no    { background:rgba(239,68,68,.12);color:#ef4444; }
    .ci-pro   { background:rgba(59,130,246,.12);color:#3b82f6; }
    .ci-bus   { background:rgba(99,102,241,.12);color:#6366f1; }
    .ci-ent   { background:rgba(245,158,11,.12);color:#f59e0b; }
    .col-featured { background:rgba(59,130,246,.03); }

    /* ── ADD-ONS ─────────────────────────────────────────────── */
    .addons-section {
      margin-top: 3.5rem;
      padding: 2.75rem 2rem 2.25rem;
      border-radius: var(--radius-xl);
      background: linear-gradient(160deg, #fff 0%, #f8fafc 45%, #eff6ff 100%);
      border: 1px solid var(--border);
      box-shadow: 0 4px 24px rgba(15, 23, 42, .04);
      position: relative;
      overflow: hidden;
    }
    .addons-section::before {
      content: '';
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 3px;
      background: linear-gradient(90deg, #3b82f6, #6366f1, #8b5cf6);
    }
    .addons-header {
      text-align: center;
      max-width: 520px;
      margin: 0 auto 2.25rem;
    }
    .addons-title {
      font-size: clamp(1.35rem, 2.5vw, 1.65rem);
      font-weight: 800;
      letter-spacing: -.02em;
      color: var(--text);
      margin-bottom: .5rem;
    }
    .addons-sub {
      font-size: .9375rem;
      color: var(--text-muted);
      line-height: 1.65;
      margin: 0;
    }
    .addons-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 1rem;
    }
    @media (min-width: 640px) {
      .addons-grid { grid-template-columns: repeat(2, 1fr); }
    }
    @media (min-width: 1100px) {
      .addons-grid--five {
        grid-template-columns: repeat(3, 1fr);
      }
    }
    .addon-card {
      background: #fff;
      border: 1px solid var(--border);
      border-radius: var(--radius-lg);
      padding: 1.5rem;
      display: flex;
      flex-direction: column;
      gap: 1rem;
      position: relative;
      overflow: hidden;
      transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    }
    .addon-card::after {
      content: '';
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 3px;
      opacity: 0;
      transition: opacity .25s ease;
    }
    .addon-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 12px 32px rgba(59, 130, 246, .1);
      border-color: rgba(59, 130, 246, .2);
    }
    .addon-card:hover::after { opacity: 1; }
    .addon-card--blue::after   { background: linear-gradient(90deg, #3b82f6, #60a5fa); }
    .addon-card--indigo::after { background: linear-gradient(90deg, #6366f1, #818cf8); }
    .addon-card--violet::after { background: linear-gradient(90deg, #8b5cf6, #a78bfa); }
    .addon-card--teal::after   { background: linear-gradient(90deg, #14b8a6, #2dd4bf); }
    .addon-card--amber::after  { background: linear-gradient(90deg, #f59e0b, #fbbf24); }
    .addon-card--slate::after  { background: linear-gradient(90deg, #475569, #64748b); }
    .addon-card-top {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: .75rem;
    }
    .addon-icon {
      width: 44px;
      height: 44px;
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }
    .addon-icon svg { width: 22px; height: 22px; stroke-width: 1.75; }
    .addon-badge {
      font-size: .65rem;
      font-weight: 700;
      letter-spacing: .04em;
      text-transform: uppercase;
      padding: .25rem .55rem;
      border-radius: 999px;
      background: rgba(99, 102, 241, .1);
      color: #6366f1;
      border: 1px solid rgba(99, 102, 241, .18);
      white-space: nowrap;
    }
    .addon-name {
      font-size: .9375rem;
      font-weight: 700;
      color: var(--text);
      margin: 0 0 .35rem;
      letter-spacing: -.01em;
    }
    .addon-price {
      font-size: .8125rem;
      color: var(--text-muted);
      margin-bottom: .5rem;
    }
    .addon-price strong {
      font-size: 1.5rem;
      font-weight: 800;
      letter-spacing: -.03em;
      color: var(--text);
      line-height: 1.1;
    }
    .addon-price span {
      font-size: .8125rem;
      font-weight: 500;
      color: var(--text-muted);
    }
    .addon-desc {
      font-size: .8125rem;
      color: var(--text-muted);
      line-height: 1.6;
      margin: 0;
      flex: 1;
    }
    .addon-tiers {
      display: flex;
      flex-wrap: wrap;
      gap: .35rem;
      margin-top: .25rem;
    }
    .addon-tier {
      font-size: .6875rem;
      font-weight: 600;
      padding: .22rem .55rem;
      border-radius: 999px;
      background: var(--surface-muted);
      border: 1px solid var(--border);
      color: var(--text-muted);
    }
    .addon-tier--highlight {
      background: rgba(59, 130, 246, .08);
      border-color: rgba(59, 130, 246, .18);
      color: #2563eb;
    }
    .addons-footnote {
      text-align: center;
      font-size: .8125rem;
      color: var(--text-light);
      margin: 1.75rem 0 0;
      line-height: 1.6;
    }
    .addons-footnote svg {
      display: inline-block;
      vertical-align: -2px;
      margin-right: .35rem;
      color: var(--c-green);
    }

    /* ── FAQ ────────────────────────────────────────────────── */
    .faq { padding:6rem 0;background:#fff; }
    .faq-grid { display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:3rem; }
    @media(max-width:768px){ .faq-grid{grid-template-columns:1fr;} }

    .faq-item {
      border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;
      transition:border-color .2s,box-shadow .2s;
    }
    .faq-item:hover{ border-color:rgba(59,130,246,.25);box-shadow:0 4px 20px rgba(0,0,0,.05); }
    .faq-q {
      display:flex;align-items:center;justify-content:space-between;gap:1rem;
      padding:1.25rem 1.5rem;cursor:pointer;font-size:.9375rem;font-weight:700;color:var(--text);
      list-style:none;
    }
    .faq-q::-webkit-details-marker{ display:none; }
    .faq-q svg{ flex-shrink:0;transition:transform .3s;color:var(--text-muted); }
    details[open] .faq-q svg{ transform:rotate(180deg); }
    details[open] .faq-q{ color:var(--c-600); }
    .faq-a {
      padding:0 1.5rem 1.25rem;font-size:.875rem;color:var(--text-muted);line-height:1.7;
      border-top:1px solid var(--border);padding-top:1rem;
    }

    /* ── GUARANTEE STRIP ─────────────────────────────────────── */
    .guarantee { padding:4rem 0;background:var(--surface-muted); }
    .guarantee-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem; }
    @media(max-width:768px){ .guarantee-grid{grid-template-columns:1fr;} }
    .guarantee-card {
      background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);
      padding:1.75rem;display:flex;gap:1rem;align-items:flex-start;
      transition:transform .2s,box-shadow .2s;
    }
    .guarantee-card:hover{ transform:translateY(-3px);box-shadow:var(--shadow-md); }
    .guarantee-icon { width:48px;height:48px;border-radius:var(--radius-md);flex-shrink:0;display:flex;align-items:center;justify-content:center; }
    .guarantee-icon svg{ width:22px;height:22px; }
    .guarantee-title { font-size:1rem;font-weight:700;color:var(--text);margin-bottom:.4rem; }
    .guarantee-desc { font-size:.875rem;color:var(--text-muted);line-height:1.65; }

    /* ── DARK CTA ─────────────────────────────────────────────── */
    .dark-cta {
      padding:6rem 0;
      background:linear-gradient(135deg,#020817 0%,#0f1629 40%,#1e1b4b 70%,#020817 100%);
      position:relative;overflow:hidden;text-align:center;
    }
    .dark-cta::before {
      content:'';position:absolute;top:-200px;left:50%;transform:translateX(-50%);
      width:700px;height:400px;border-radius:50%;
      background:radial-gradient(ellipse,rgba(59,130,246,.2) 0%,transparent 65%);
      pointer-events:none;
    }
    .dark-cta .container{ position:relative;z-index:1; }
    .dark-cta-title { font-size:clamp(1.75rem,4vw,3rem);font-weight:800;letter-spacing:-.03em;color:#fff;margin-bottom:1rem; }
    .dark-cta-title em { font-style:normal;background:linear-gradient(135deg,#60a5fa,#818cf8,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
    .dark-cta-sub { font-size:1.05rem;color:rgba(255,255,255,.6);margin-bottom:2.5rem;max-width:520px;margin-left:auto;margin-right:auto;line-height:1.7; }
    .dark-cta-btns { display:flex;gap:1rem;justify-content:center;flex-wrap:wrap; }
    .btn-dark-primary {
      padding:.875rem 2rem;background:linear-gradient(135deg,#3b82f6,#6366f1);
      color:#fff;border-radius:999px;font-weight:700;font-size:.95rem;
      box-shadow:0 4px 24px rgba(59,130,246,.35);
      transition:transform .2s,box-shadow .2s;
      display:inline-flex;align-items:center;gap:.5rem;
    }
    .btn-dark-primary:hover{ transform:translateY(-2px);box-shadow:0 8px 32px rgba(59,130,246,.5); }
    .btn-dark-ghost {
      padding:.875rem 2rem;border:1.5px solid rgba(255,255,255,.18);
      color:rgba(255,255,255,.75);border-radius:999px;font-weight:600;font-size:.95rem;
      transition:border-color .2s,color .2s;
    }
    .btn-dark-ghost:hover{ border-color:rgba(255,255,255,.5);color:#fff; }

    /* ── FOOTER ──────────────────────────────────────────────── */
    footer { background:#020817;border-top:1px solid rgba(255,255,255,.06);padding:3rem 0 2rem; }
    .footer-nav { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem;margin-bottom:2.5rem; }
    .footer-logo { display:flex;align-items:center;gap:.75rem; }
    .footer-logo-mark { width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#0ea5e9,#1d4ed8);display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:800;color:#fff; }
    .footer-logo-text { font-size:1.1rem;font-weight:800;color:#fff;letter-spacing:-.03em; }
    .footer-tagline { font-size:.8rem;color:rgba(255,255,255,.3);max-width:260px;line-height:1.6;margin-top:.4rem; }
    .footer-bottom { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.06); }
    .footer-copy { font-size:.8rem;color:rgba(255,255,255,.3); }
    .footer-links-row { display:flex;gap:1.5rem; }
    .footer-links-row a { font-size:.8rem;color:rgba(255,255,255,.3);transition:color .2s; }
    .footer-links-row a:hover{ color:rgba(255,255,255,.7); }
    .footer-flag { font-size:.8rem;color:rgba(255,255,255,.3); }

    /* ── Mobile responsive ─────────────────────────────────── */
    @media (max-width: 767px) {
      .pricing-toggle-wrap { gap: .625rem; flex-wrap: wrap; }
      .pricing-toggle-label { font-size: .85rem; }
      .addons-section { padding: 2rem 1.25rem 1.75rem; margin-top: 2.5rem; }
      .dark-cta { padding: 4rem 0; }
      .dark-cta-btns { flex-direction: column; align-items: center; }
      .dark-cta-btns a { width: 100%; max-width: 320px; text-align: center; justify-content: center; }
      footer .container > div:first-child { grid-template-columns: 1fr 1fr !important; }
    }
    @media (max-width: 480px) {
      .hero { padding: calc(var(--nav-h) + 3rem) 0 3rem; }
      .pricing-card { padding: 1.5rem; }
      .plan-price-value { font-size: 1.75rem; }
      .hero-title { font-size: clamp(1.5rem, 6vw, 2rem); }
      .hero-sub { font-size: .98rem; line-height: 1.65; }
      .toggle-section { padding-top: 2rem; }
      footer .container > div:first-child { grid-template-columns: 1fr !important; }
    }
    @media (max-width: 374px) {
      .pricing-card { padding: 1.25rem; }
    }

    /* Checkmark SVG – override feature-shared.css global svg reset */
    .svg-check { display:inline-block;vertical-align:middle; }
    .plan-feature-check svg,
    .check-icon svg,
    .guarantee-icon svg,
    .faq-q svg,
    .hero-pill svg,
    .plan-popular-badge svg,
    .toggle-switch svg,
    .addon-icon svg,
    .addons-footnote svg { display:inline-block;max-width:none; }