/* start — Able Small Business: the plan copy left, the form card right at >=1024 (native POST to the billing door). */
[data-cmp="start"] .st, [data-cmp="start"].st { background: var(--surface-base); }
[data-cmp="start"] .st-hero, [data-cmp="start"].st-hero { position: relative; overflow: hidden; padding: var(--space-10) 0 var(--space-12); background: var(--surface-base); }
[data-cmp="start"] .st-inner, [data-cmp="start"].st-inner { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-10); align-items: start; }

[data-cmp="start"] .st-copy, [data-cmp="start"].st-copy { max-width: 40rem; }
[data-cmp="start"] .st-eyebrow, [data-cmp="start"].st-eyebrow { margin: 0 0 var(--space-3); color: var(--accent-active); }
[data-cmp="start"] .st-copy .asio-h1, [data-cmp="start"].st-copy .asio-h1 { margin: 0; }
[data-cmp="start"] .st-green, [data-cmp="start"].st-green { color: var(--accent); }
[data-cmp="start"] .st-lead, [data-cmp="start"].st-lead { margin: var(--space-5) 0 0; max-width: 36rem; }

[data-cmp="start"] .st-plan, [data-cmp="start"].st-plan { margin-top: var(--space-8); max-width: 32rem; background: var(--surface-card);
  border: 1px solid var(--border-default); border-radius: var(--radius-xl); box-shadow: var(--asio-shadow-soft);
  padding: var(--space-6); }
[data-cmp="start"] .st-plan-head, [data-cmp="start"].st-plan-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-2); }
[data-cmp="start"] .st-plan-name, [data-cmp="start"].st-plan-name { font-size: 0.75rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--text-muted); }
[data-cmp="start"] .st-plan-trial, [data-cmp="start"].st-plan-trial { display: inline-flex; align-items: center; min-height: 28px; padding: 0 var(--space-3);
  border-radius: var(--radius-full); background: var(--accent-soft); color: var(--accent-active);
  font-size: 0.8125rem; font-weight: 600; }
[data-cmp="start"] .st-price, [data-cmp="start"].st-price { display: flex; align-items: baseline; gap: var(--space-2); margin: var(--space-3) 0 0; }
[data-cmp="start"] .st-amount, [data-cmp="start"].st-amount { font-size: clamp(2.25rem, 1.8rem + 1.8vw, 3rem); font-weight: 700; letter-spacing: -0.025em; line-height: 1;
  color: var(--text-primary); font-variant-numeric: tabular-nums; }
[data-cmp="start"] .st-per, [data-cmp="start"].st-per { font-size: 1rem; color: var(--text-muted); }
[data-cmp="start"] .st-points, [data-cmp="start"].st-points { list-style: none; margin: var(--space-5) 0 0; padding: var(--space-5) 0 0;
  border-top: 1px solid var(--border-default); display: flex; flex-direction: column; gap: var(--space-3);
  color: var(--text-secondary); line-height: 1.5; }
[data-cmp="start"] .st-points .ic, [data-cmp="start"].st-points .ic { font-size: 16px; --ic-stroke: 2.25; color: var(--accent-hover); }

[data-cmp="start"] .st-card, [data-cmp="start"].st-card { width: 100%; max-width: 32rem; background: var(--surface-card); border: 1px solid var(--border-default);
  border-radius: var(--radius-xl); box-shadow: var(--asio-shadow-large); padding: var(--space-6); }
@media (min-width: 640px) { [data-cmp="start"] .st-card, [data-cmp="start"].st-card { padding: var(--space-8); }}
[data-cmp="start"] .st-card-title, [data-cmp="start"].st-card-title { margin: 0; font-size: 1.5rem; font-weight: 700; letter-spacing: -0.02em; color: var(--text-primary); }
[data-cmp="start"] .st-card-sub, [data-cmp="start"].st-card-sub { margin: var(--space-2) 0 var(--space-4); font-size: 0.875rem; line-height: 1.5; color: var(--text-secondary); }

[data-cmp="start"] .st-form, [data-cmp="start"].st-form { display: grid; gap: var(--space-2); }
[data-cmp="start"] .st-label, [data-cmp="start"].st-label { display: block; margin-top: var(--space-2); font-size: 0.875rem; font-weight: 600; color: var(--text-primary); }
[data-cmp="start"] .st-form input, [data-cmp="start"].st-form input { width: 100%; box-sizing: border-box; height: 48px; padding: var(--space-3);
  font-family: var(--font-sans); font-size: max(16px, 1rem); color: var(--text-primary);
  background: var(--surface-base); border: 1px solid var(--border-default); border-radius: var(--radius-md); }
[data-cmp="start"] .st-form input::placeholder, [data-cmp="start"].st-form input::placeholder { color: var(--text-muted); }
[data-cmp="start"] .st-form input:focus-visible, [data-cmp="start"].st-form input:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; border-color: var(--accent); }
[data-cmp="start"] .st-turnstile, [data-cmp="start"].st-turnstile { min-height: 65px; margin: var(--space-2) 0 var(--space-1); }
[data-cmp="start"] .st-submit, [data-cmp="start"].st-submit { width: 100%; }
[data-cmp="start"] .st-fine, [data-cmp="start"].st-fine { margin: var(--space-3) 0 0; font-size: 0.75rem; line-height: 1.5; text-align: center; color: var(--text-muted); }
[data-cmp="start"] .st-fine a, [data-cmp="start"].st-fine a { color: var(--accent-active); }

@media (min-width: 1024px) {
  [data-cmp="start"] .st-hero, [data-cmp="start"].st-hero { padding: var(--space-12) 0 calc(var(--space-12) + var(--space-8)); }
  [data-cmp="start"] .st-inner, [data-cmp="start"].st-inner { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: var(--space-12); }
  [data-cmp="start"] .st-card, [data-cmp="start"].st-card { max-width: none; }}