/* Template 4 — Fresh Modern / YourBrand
   Palette tokens: white #FFFFFF, teal #0E9594, coral #F26430,
   sunny #FFD166, mint #E6F2F0, ink #14342B, muted #5C6B66 */
:root{
  --white:#FFFFFF;
  --teal:#0E9594;
  --teal-dark:#0B7574;
  --coral:#F26430;
  --coral-soft:#FDE9E0;
  --sunny:#FFD166;
  --sunny-soft:#FFF4D6;
  --mint:#E6F2F0;
  --mint-deep:#D4E9E4;
  --ink:#14342B;
  --muted:#5C6B66;
  --line:#DFE9E6;
  --radius:16px;
  --font:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
html{scroll-behavior:smooth}
body{font-family:var(--font);color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased}
.wrap{max-width:72rem;margin:0 auto;padding-left:1.25rem;padding-right:1.25rem}
.section{padding-top:4.5rem;padding-bottom:4.5rem}
.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--teal-dark);background:var(--mint);border-radius:999px;padding:.45rem 1rem}
.h-display{font-weight:800;letter-spacing:-.03em;line-height:1.05}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:800;border-radius:999px;padding:.9rem 1.8rem;font-size:1rem;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}
.btn-teal{background:var(--teal);color:#fff;box-shadow:0 10px 24px -12px rgba(14,149,148,.7)}
.btn-teal:hover{background:var(--teal-dark)}
.btn-coral{background:var(--coral);color:#fff}
.btn-coral:hover{filter:brightness(.94)}
.btn-ghost{background:#fff;color:var(--ink);border:2px solid var(--line)}
.btn-ghost:hover{border-color:var(--teal);color:var(--teal-dark)}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.card-lift:hover{transform:translateY(-3px);box-shadow:0 18px 40px -22px rgba(20,52,43,.35)}
.dot{width:.65rem;height:.65rem;border-radius:999px;display:inline-block;flex:none}
.dot-teal{background:var(--teal)}.dot-coral{background:var(--coral)}.dot-sunny{background:var(--sunny)}.dot-mint{background:#3BB69B}.dot-ink{background:var(--ink)}.dot-plum{background:#7C6FF0}
.navlink{font-weight:700;color:var(--ink);font-size:.95rem}
.navlink:hover{color:var(--teal-dark)}
.stat-mint{background:var(--mint)}.stat-sunny{background:var(--sunny-soft)}.stat-coral{background:var(--coral-soft)}.stat-teal{background:#DDF3F1}
.faq-item{border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.faq-item summary{cursor:pointer;list-style:none;font-weight:800;padding:1.1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:hover{color:var(--teal-dark)}
.faq-item .faq-a{padding:0 1.25rem 1.25rem;color:var(--muted);line-height:1.7}
.spec-table{width:100%;border-collapse:collapse;font-size:.95rem}
.spec-table th,.spec-table td{text-align:left;padding:.85rem 1rem;border-bottom:1px solid var(--line);vertical-align:top}
.spec-table th{width:38%;font-weight:800;background:var(--mint);border-radius:6px}
.input{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:.85rem 1rem;font-size:1rem;color:var(--ink);background:#fff}
.input:focus{outline:3px solid rgba(14,149,148,.22);border-color:var(--teal)}
img{max-width:100%}
.hero-blob{position:absolute;border-radius:999px;filter:blur(2px)}
@media(max-width:640px){.section{padding-top:3.25rem;padding-bottom:3.25rem}}