:root{--ring:0 0% 0%}
.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.25rem;border-radius:1rem;border:1px solid rgb(203 213 225);background:#111827;color:#fff;font-weight:600}
.btn-primary:hover{filter:brightness(1.05)}
.btn-outline{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.25rem;border-radius:1rem;border:1px solid rgb(203 213 225);background:#fff;color:#0f172a;font-weight:600}
.chip{display:inline-flex;align-items:center;gap:.375rem;border:1px solid rgb(226 232 240);background:#fff;border-radius:9999px;padding:.25rem .6rem}
.mockup{height:320px;border-radius:1.25rem;border:1px solid rgb(226 232 240);background:linear-gradient(135deg,#f1f5f9,#ffffff);box-shadow:0 20px 60px -30px rgba(2,6,23,.25)}
.section-header{margin-bottom:2rem;text-align:center}
.section-header p{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:#64748b}
.section-header h2{font-size:1.875rem;font-weight:700;margin-top:.5rem}
.section-header span{display:block;color:#475569;margin-top:.5rem}
.section-header.small h2{font-size:1.5rem}
.card{border:1px solid rgb(226 232 240);background:#fff;border-radius:1rem;padding:1rem}
.card h3{font-weight:700}
.card .price{font-weight:700;margin:.25rem 0 .5rem 0}
.card ul{color:#475569}
.list{list-style:none}
.input{border:1px solid rgb(203 213 225);background:#fff;border-radius:.8rem;padding:.65rem .9rem}
.review{border:1px solid rgb(226 232 240);background:#fff;border-radius:1rem;padding:1rem}
.review .stars{color:#f59e0b;font-size:1.05rem;margin-bottom:.25rem}
.faq h4{font-weight:700;margin-bottom:.25rem}