:root{
  --tqr-ink:#0f172a;
  --tqr-primary:#4f46e5;   /* indigo */
  --tqr-primary-d:#4338ca;
  --tqr-accent:#f59e0b;    /* amber */
  --tqr-soft:#f6f7fb;
  --tqr-border:#e7e9f2;
}
*{scroll-behavior:smooth}
body{color:var(--tqr-ink);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.tqr-accent{color:var(--tqr-accent)!important}
.py-6{padding-top:4.5rem;padding-bottom:4.5rem}
.tqr-soft{background:var(--tqr-soft)}
.tqr-kicker{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tqr-primary);margin-bottom:.5rem}

/* Buttons */
.btn-primary{background:var(--tqr-primary);border-color:var(--tqr-primary)}
.btn-primary:hover{background:var(--tqr-primary-d);border-color:var(--tqr-primary-d)}
.btn-outline-primary{color:var(--tqr-primary);border-color:var(--tqr-primary)}
.btn-outline-primary:hover{background:var(--tqr-primary);border-color:var(--tqr-primary)}

/* Nav */
.tqr-nav{background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--tqr-border)}
.tqr-nav .navbar-brand{font-size:1.4rem}
.tqr-nav .nav-link{font-weight:500;color:#475569}
.tqr-nav .nav-link:hover{color:var(--tqr-primary)}

/* Hero */
.tqr-hero{padding:4.5rem 0;background:radial-gradient(1200px 500px at 80% -10%,rgba(79,70,229,.12),transparent),linear-gradient(180deg,#fff, #fbfbff)}
.tqr-badge{background:rgba(79,70,229,.1);color:var(--tqr-primary);font-weight:600;padding:.5em .9em;border-radius:999px}
.tqr-hero-visual{position:relative;display:flex;justify-content:center;align-items:center;min-height:420px}
.tqr-phone{position:relative;width:260px;height:520px;background:#0f172a;border-radius:38px;padding:14px;box-shadow:0 30px 70px rgba(15,23,42,.28)}
.tqr-phone-notch{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:120px;height:22px;background:#0f172a;border-radius:0 0 16px 16px;z-index:2}
.tqr-phone-screen{background:#fff;border-radius:26px;height:100%;overflow:hidden;padding:18px 16px}
.tqr-menu-head{margin-top:14px;margin-bottom:12px}
.tqr-menu-head strong{display:block;font-size:1.1rem}
.tqr-menu-sub{color:#94a3b8;font-size:.8rem}
.tqr-menu-img{width:100%;height:120px;object-fit:cover;border-radius:14px;margin-bottom:12px}
.tqr-menu-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px dashed var(--tqr-border);font-size:.92rem}
.tqr-menu-tag{margin-top:14px;text-align:center;font-size:.72rem;color:#16a34a;background:#ecfdf5;border-radius:999px;padding:.35em}
.tqr-qrbubble{position:absolute;right:12%;bottom:8%;width:76px;height:76px;background:#fff;border:1px solid var(--tqr-border);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2.2rem;color:var(--tqr-primary);box-shadow:0 16px 40px rgba(15,23,42,.18)}

/* Stats */
.tqr-stats{background:var(--tqr-ink);color:#fff;padding:2.4rem 0}
.tqr-stat-num{font-size:1.7rem;font-weight:800;color:#fff}
.tqr-stat-lbl{color:#94a3b8;font-size:.85rem}

/* Features */
.tqr-feature{background:#fff;border:1px solid var(--tqr-border);border-radius:18px;padding:1.6rem;transition:transform .15s,box-shadow .15s}
.tqr-feature:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(15,23,42,.08)}
.tqr-feature-icon{width:52px;height:52px;border-radius:14px;background:rgba(79,70,229,.1);color:var(--tqr-primary);display:flex;align-items:center;justify-content:center;font-size:1.5rem}

/* Steps */
.tqr-step{background:#fff;border:1px solid var(--tqr-border);border-radius:18px;padding:1.8rem;text-align:center}
.tqr-step-num{width:46px;height:46px;margin:0 auto 1rem;border-radius:50%;background:var(--tqr-primary);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:1.2rem}
.tqr-shot{border:1px solid var(--tqr-border)}
.tqr-check li{padding:.35rem 0}
.tqr-check i{color:#16a34a;margin-right:.5rem}

/* Pricing */
.tqr-toggle{display:inline-flex;background:#eef0f7;border-radius:999px;padding:5px;margin-top:1rem;gap:4px}
.tqr-toggle button{border:0;background:transparent;padding:.5em 1.2em;border-radius:999px;font-weight:600;color:#475569;cursor:pointer}
.tqr-toggle button.active{background:#fff;color:var(--tqr-primary);box-shadow:0 4px 12px rgba(15,23,42,.08)}
.tqr-save{color:#16a34a;font-size:.75rem;font-weight:700;margin-left:.25em}
.tqr-price{background:#fff;border:1px solid var(--tqr-border);border-radius:20px;padding:2rem;position:relative}
.tqr-price-pop{border:2px solid var(--tqr-primary);box-shadow:0 24px 60px rgba(79,70,229,.16)}
.tqr-pop-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--tqr-primary);color:#fff;font-size:.75rem;font-weight:700;padding:.35em 1em;border-radius:999px}
.tqr-price-amount{margin:.4rem 0}
.tqr-amt{font-size:2.2rem;font-weight:800}
.tqr-per{color:#94a3b8;margin-left:.25rem}
.tqr-price-list{list-style:none;padding:0;margin:1.2rem 0}
.tqr-price-list li{padding:.4rem 0;border-bottom:1px dashed var(--tqr-border)}
.tqr-price-list i{color:var(--tqr-primary);margin-right:.5rem}
.tqr-price-list li.text-muted i{color:#cbd5e1}

/* Quotes */
.tqr-quote{background:#fff;border:1px solid var(--tqr-border);border-radius:18px;padding:1.6rem}
.tqr-stars{color:var(--tqr-accent);margin-bottom:.6rem}

/* FAQ */
.tqr-faq .accordion-button{font-weight:600}
.tqr-faq .accordion-button:not(.collapsed){color:var(--tqr-primary);background:rgba(79,70,229,.06)}
.tqr-faq .accordion-button:focus{box-shadow:none}

/* CTA */
.tqr-cta{background:linear-gradient(120deg,var(--tqr-primary),#7c3aed);color:#fff;padding:4rem 0}

/* Footer */
.tqr-footer{background:var(--tqr-ink);color:#cbd5e1;padding:3rem 0 2rem}
.tqr-footer a{color:#cbd5e1;text-decoration:none}
.tqr-footer a:hover{color:#fff}
.tqr-footer h6{margin-bottom:.8rem}

@media (max-width:575px){
  .tqr-amt{font-size:1.9rem}
  .py-6{padding-top:3rem;padding-bottom:3rem}
}