/*Home Page Calculator CSS */
    .card{max-width:900px;margin:0 auto;border-radius:12px;padding:28px;background:linear-gradient(135deg,#fff 0%, rgba(126,67,216,0.03) 100%);box-shadow:0 8px 30px rgba(2,6,23,0.06);border:1px solid rgba(126,67,216,0.12)}
    .center{text-align:center}
    .price{font-size:48px;font-weight:800;color:#0f172a}
    .sub{color:var(--muted);margin-top:6px}
    .pill{display:inline-flex;align-items:center;gap:8px;background:#ecfdf5;color:#065f46;padding:8px 12px;border-radius:999px;font-weight:600}
    .controls{margin:22px 0}
    .label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
    .spinner{display:flex;align-items:center;gap:12px}
    .btn{width:40px;height:40px;border-radius:8px;background:#e6eef8;border:0;cursor:pointer;font-weight:700}
    .count{width:64px;text-align:center;font-weight:700;font-size:20px}
    input[type=range]{width:100%;height:6px;background:#e6eef8;border-radius:999px;appearance:none}
    .features{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 0}
    .feature{display:flex;gap:10px;align-items:flex-start;color:#0f172a}
    .cta{width:100%;display:inline-flex;align-items:center;justify-content:center;padding:14px;border-radius:10px;background:var(--brand);color:white;border:0;font-size:16px;cursor:pointer}
    .dark-card{background:#0f172a;padding:20px;border-radius:14px;color:white;margin-top:18px;text-align:center}
    .toggle{display:inline-flex;align-items:center;gap:8px;padding:6px;border-radius:999px;background:#fff;color:#0f172a;border:1px solid rgba(255,255,255,0.08)}
    .meta-row{display:flex;justify-content:space-between;color:#64748b;font-size:13px;margin-top:8px}
    .small{font-size:13px;color:var(--muted)}
    .savings{font-weight:700;color:var(--green)}
  </style>