:root { --orange: #2fb6a4; }
.brandmark { font: 900 13px Inter, ui-sans-serif, system-ui; letter-spacing: -.7px; }
.hero { background: radial-gradient(circle at 12% 20%, rgba(47,182,164,.12), transparent 30%), linear-gradient(105deg,#f7f5f1 0%,#f2f0ea 52%,#e8eeed 52%,#f7f6f3 100%); }
select:focus, input:focus { box-shadow: 0 0 0 3px rgba(47,182,164,.14); }
.primaryButton { box-shadow: 0 9px 24px rgba(47,182,164,.23); }
.primaryButton:hover { background: #249989; }
.categoryStrip i { background: #e7f7f4; }