@font-face{font-family:A;src:url(../fonts/albertsans.woff2) format("woff2");font-weight:300 800;font-display:swap}
@font-face{font-family:M;src:url(../fonts/marcellus.woff2) format("woff2");font-display:swap}
*{box-sizing:border-box}body{margin:0;font:16px/1.6 A,system-ui,sans-serif;color:var(--ink);background:var(--bg)}
.tag{background:#111;color:#fff;text-align:center;font-size:.8rem;padding:.4rem}
.nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 5vw}.logo{font:1.4rem M,serif;display:flex;gap:.5rem;align-items:center}
.logo i{width:30px;height:30px;border-radius:8px;background:var(--ac);display:inline-block}
.btn{display:inline-block;background:var(--ac);color:#fff;padding:.8rem 1.3rem;border-radius:999px;text-decoration:none;font-weight:700}
.hero{padding:3rem 5vw 4rem;background:var(--hero);color:#fff}.hero h1{font:clamp(2rem,6vw,3.4rem)/1.1 M,serif;margin:.5rem 0 1rem;max-width:16ch}
.stars{color:#ffd76a}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;padding:2.5rem 5vw}
.card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 18px rgba(0,0,0,.08)}.card div{height:120px;background:var(--c)}.card p{margin:0;padding:1rem;font-weight:700}
.wa{position:fixed;right:16px;bottom:16px;background:#1f8f4e;color:#fff;border-radius:999px;padding:.8rem 1.1rem;font-weight:700}