@font-face {
  font-family: 'Inter';
  src: url('/assets/fonts/inter-variable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; line-height: 1.6; -webkit-font-smoothing: antialiased; }
button, input, select, textarea { font-family: inherit; }
h1, h2, h3 { font-weight: 650; letter-spacing: -.035em; }
.hero h1 { font-weight: 650; line-height: 1.08; }
.wordmark { font-weight: 800; letter-spacing: -.065em; }
.site-header { gap: 30px; }
.eyebrow, .tag { font-size: 12px; font-weight: 650; letter-spacing: .075em; }
.primary-navigation a, .catalog-header nav a, .demo-header nav a { font-weight: 600; }
.announcement { font-weight: 600; }
.accessories-page .home-product-card h3, .accessories-page .catalog-card h3 { min-height: 48px; font-size: 17px; line-height: 1.4; letter-spacing: -.025em; font-weight: 600; }
.accessories-page .home-product-card p, .accessories-page .catalog-card p { font-size: 14px; line-height: 1.7; }
.purchase-button, .catalog-card .purchase-button, .button { font-size: 14px; font-weight: 600; }
.product-price { font-weight: 650; letter-spacing: -.03em; }
.home-product-card__link, .catalog-card .catalog-card__details { font-size: 13px; font-weight: 600; }
.checkout-card label, .quantity-label { font-size: 14px; font-weight: 500; }
.checkout-card input, .checkout-card select { font-size: 16px; font-weight: 400; }
.form-note, .summary-warning, .cart-demo-note, .checkout-note { font-size: 13px; line-height: 1.7; }
.checkout-card__heading p { font-size: 11px; font-weight: 600; }
.checkout-submit:disabled, .button:disabled { opacity: .5; cursor: not-allowed; }
.admin-metrics span, .admin-metrics small, .orders-panel__head p, .orders-panel__footer p { font-size: 12px; }
.orders-table th { font-size: 11px; font-weight: 600; }
.orders-table td { font-size: 13px; }
.orders-table td strong { font-weight: 550; }
.orders-table td small { font-size: 12px; }
.fulfill-button, .status { font-size: 12px; font-weight: 600; }
@media (max-width: 720px) { .site-header { gap: 18px; } .purchase-button, .catalog-card .purchase-button { font-size: 13px; } }