:root{
  --accent: #e83e8c;
  --brand: #111827;
  --muted: #6b7280;
  --card: #fff;
  --maxw: 1100px;
}
*{box-sizing:border-box}
html{font-size:16px}
body{font-family:system-ui,Segoe UI,Roboto,Arial;margin:0;color:var(--brand);line-height:1.5;background:#fff}
.container{max-width:var(--maxw);margin:0 auto;padding:0 16px}
img,video{max-width:100%;height:auto;display:block;object-fit:cover}
button,a.button{min-height:44px;padding:10px 14px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center}
h1{font-size:clamp(1.6rem,3.2vw,2.4rem);margin:0 0 .4rem}
p,li,a{font-size:clamp(.95rem,1.6vw,1.05rem);color:var(--muted)}
.header{position:sticky;top:0;background:#fff;z-index:90;padding:10px 0;border-bottom:1px solid #eee}
.hero{display:flex;gap:20px;flex-wrap:wrap;align-items:center;padding:28px 0}
.hero-left,.hero-right{flex:1;min-width:260px}
.price-card{background:var(--card);box-shadow:0 6px 18px rgba(0,0,0,.06);padding:16px;border-radius:12px}
@media (max-width:520px){.hero{padding:18px 0}.nav-links{display:flex;gap:8px;flex-wrap:wrap}.container{padding:0 12px}}
.lazy{opacity:0;transition:opacity .3s ease-in-out}.lazy.loaded{opacity:1}