.hero-phone{display:block;text-decoration:none}
.hero-phone>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:28px}
.hero-phone:focus-visible{outline:3px solid var(--accent-text);outline-offset:6px}
.hero-phone:hover{filter:brightness(.98)}
.catalog .filter.active{color:var(--accent-ink)}
.catalog :focus-visible,.pricing :focus-visible{outline-color:var(--accent-text)}
@media(prefers-reduced-motion:reduce){.hero-phone{transition:none}}

/* pricing: per-package feature breakdown */
.plan{display:flex;flex-direction:column;position:relative}
.plan.featured{background:var(--soft);border-color:var(--accent)}
.plan-badge{position:absolute;top:18px;right:18px;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--accent-text);background:color-mix(in srgb,var(--accent) 22%,var(--surface));border:1px solid var(--accent);border-radius:20px;padding:4px 11px}
.plan-lead{font-size:13.5px;line-height:1.6;color:var(--muted);margin:0 0 20px;max-width:400px}
.plan-features{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:10px}
.plan-features li{font-size:13.5px;line-height:1.5;display:grid;grid-template-columns:17px 1fr;gap:9px;align-items:start;color:var(--text)}
.plan-features li:before{content:'\2713';color:var(--accent-text);font-weight:700;font-size:13px;line-height:1.5}
.plan-features li.plan-all{font-weight:650}
.plan-features li.plan-all:before{content:'\2605';color:var(--accent-text)}
.plan .button{margin-top:auto}

/* catalog card: multiple tag chips */
.template-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:3px}
.tag-chip{font-size:10px;line-height:1;color:var(--muted);background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:4px 8px;white-space:nowrap}
.tag-chip-main{color:var(--accent-text);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface))}