/* Minimal, Webflow-friendly styles */
* { box-sizing: border-box; }
body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji"; color: #111827; background: #f7fafc;}
.container { max-width: 1120px; margin: 0 auto; padding: 48px 24px; }
.heading-xxl { font-size: 42px; line-height: 1.15; margin: 0 0 8px; }
.subhead { color: #6b7280; margin: 0 0 16px; }
.billing-toggle { display: inline-flex; border: 1px solid #e5e7eb; border-radius: 9999px; padding: 4px; gap: 4px; background: #fff; }
.toggle-btn { border: 0; background: transparent; padding: 8px 16px; border-radius: 9999px; cursor: pointer; font-weight: 600; color: #374151; }
.toggle-btn.is-active { background: #3b82f6; color: #fff; }
.toggle-hint { font-size: 12px; color: #6b7280; margin-top: 6px; }
.cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 32px; }
.plan-card { background: #fff; border: 1px solid #e5e7eb; border-radius: 16px; padding: 24px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }
.plan-title { font-size: 24px; margin: 0 0 8px; }
.plan-requests { color: #6b7280; margin: 0 0 16px; }
.label { display: block; font-size: 12px; color: #6b7280; margin-bottom: 6px; }
.requests-dropdown { width: 100%; padding: 10px 12px; border: 1px solid #d1d5db; border-radius: 10px; margin-bottom: 16px; font-size: 14px; background: #fff; }
.plan-price { font-size: 28px; font-weight: 700; margin: 4px 0; }
.plan-free { color: #10b981; font-weight: 700; }
.overage { color: #6b7280; margin-top: 4px; margin-bottom: 16px; }
.btn { display: inline-block; width: 100%; padding: 12px 16px; border-radius: 10px; border: 0; cursor: pointer; font-weight: 700; }
.btn.primary { background: #2563eb; color: #fff; }
@media (max-width: 900px) { .cards { grid-template-columns: 1fr; } }