@layer components {
.problem-grid article,.area-card,.solution-card,.price-grid article{padding:25px;border:1px solid var(--color-line);border-radius:var(--radius-md);background:#fff}.area-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--color-navy),var(--color-blue));color:#fff;font-size:13px;font-weight:900;letter-spacing:.08em}.area-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.area-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card);border-color:#b7d8f2}.price-grid article.featured{border:2px solid var(--color-blue);box-shadow:var(--shadow-card);position:relative}.price-grid article.featured>span{position:absolute;right:16px;top:12px;background:var(--color-gold);padding:4px 10px;border-radius:99px;font-size:12px;font-weight:900}.price-grid strong{font-size:30px;color:var(--color-navy)}.solution-card__meta{display:flex;justify-content:space-between;color:var(--color-blue);font-size:11px;font-weight:900}.solution-card h2,.solution-card h3{font-size:21px;color:var(--color-navy)}.solution-card p{font-size:14px;color:var(--color-muted)}.sidebar-card{position:sticky;top:110px;border:1px solid var(--color-line);border-radius:var(--radius-md);overflow:hidden}.sidebar-card img{width:100%;aspect-ratio:1;object-fit:cover}.sidebar-card h3,.sidebar-card p{margin-left:18px;margin-right:18px}.scope-box,.audit-result{background:var(--color-pale);border:1px solid var(--color-line);padding:26px;border-radius:var(--radius-md);margin:30px 0}
@media(max-width:900px){.sidebar-card{position:static;max-width:420px}}
}