.preview-quick .hiw-label { display: inline-flex; align-items: center; gap: 12px; font-size: 12px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--lp-madder); }
.preview-quick .hiw-label::before { content: ''; width: 28px; height: 1px; background: currentColor; opacity: .6; }
/* ==========================================================================
   1. TRY IT FREE
   ========================================================================== */
.preview-quick .hiw-try { position: relative; padding: clamp(28px, 4vw, 56px) 0 clamp(40px, 5vw, 64px); background: linear-gradient(180deg, var(--lp-paper-deep) 0%, var(--lp-paper) 100%); }
.preview-quick .hiw-try__grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(28px, 5vw, 80px); align-items: center; }
.preview-quick .hiw-try__title { margin-top: 18px; font-size: clamp(38px, 4.6vw, 64px); line-height: 1.02; letter-spacing: -.03em; }
.preview-quick .hiw-try__title em { color: var(--lp-madder); font-weight: 400; }
.preview-quick .hiw-try__lede { margin-top: 18px; font-size: 18px; max-width: 34ch; }

.preview-quick .hiw-form { padding: clamp(20px, 3vw, 32px); border-radius: 22px; background: var(--lp-surface); border: 1px solid var(--lp-line); box-shadow: var(--lp-shadow-paper); }
.preview-quick .hiw-form__fields { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr) minmax(0, 1fr); gap: 14px; }
.preview-quick .hiw-field { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.preview-quick .hiw-field label { font-size: 11.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--lp-ink-soft); }
.preview-quick .hiw-field input {
  width: 100%; min-width: 0; height: 56px; padding: 0 14px; font: 500 17px/1 var(--lp-sans); color: var(--lp-ink);
  background: var(--lp-paper); border: 1px solid var(--lp-line-strong); border-radius: 12px; -moz-appearance: textfield; appearance: none;
  transition: border-color .35s var(--lp-ease), box-shadow .35s var(--lp-ease), background-color .35s var(--lp-ease);
}
/* The home page is light-only, but a device in dark mode still gets data-theme="dark", and tokens.css then
   forces light input text with !important (:root[data-theme="dark"] input). Keep these fields readable. */
.preview-quick .hiw-field input { color: var(--lp-ink) !important; -webkit-text-fill-color: var(--lp-ink); caret-color: var(--lp-madder); color-scheme: light; }
.preview-quick .hiw-field input::placeholder { color: var(--lp-ink-soft); opacity: 1; }
.preview-quick .hiw-field input::-webkit-outer-spin-button, .preview-quick .hiw-field input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.preview-quick .hiw-field input[type="date"] { cursor: pointer; }
.preview-quick .hiw-field input[type="date"]::-webkit-calendar-picker-indicator { cursor: pointer; opacity: .6; padding: 6px; border-radius: 6px; }
.preview-quick .hiw-field input[type="date"]::-webkit-calendar-picker-indicator:hover { opacity: 1; background: rgba(var(--lp-madder-rgb), .08); }
.preview-quick .hiw-field input:hover { border-color: var(--lp-ink-soft); }
.preview-quick .hiw-field input:focus { outline: none; background: var(--lp-surface); border-color: var(--lp-madder); box-shadow: 0 0 0 4px rgba(var(--lp-madder-rgb), .14); }
.preview-quick .hiw-field input[aria-invalid="true"] { border-color: var(--lp-madder); background: rgba(var(--lp-madder-rgb), .04); box-shadow: 0 0 0 4px rgba(var(--lp-madder-rgb), .12); }

.preview-quick .hiw-stepper { position: relative; display: grid; grid-template-columns: 44px minmax(0, 1fr) 44px; align-items: center; height: 56px; border: 1px solid var(--lp-line-strong); border-radius: 12px; background: var(--lp-paper); transition: border-color .35s var(--lp-ease), box-shadow .35s var(--lp-ease); }
.preview-quick .hiw-stepper:hover { border-color: var(--lp-ink-soft); }
.preview-quick .hiw-stepper:focus-within { border-color: var(--lp-madder); box-shadow: 0 0 0 4px rgba(var(--lp-madder-rgb), .14); background: var(--lp-surface); }
.preview-quick .hiw-stepper input { height: 54px; border: 0; background: transparent; text-align: center; padding: 0 2px; font-variant-numeric: tabular-nums; box-shadow: none !important; }
.preview-quick .hiw-stepper input:focus { box-shadow: none; }
.preview-quick .hiw-stepper:has(input[aria-invalid="true"]) { border-color: var(--lp-madder); box-shadow: 0 0 0 4px rgba(var(--lp-madder-rgb), .12); }
.preview-quick .hiw-stepper button { height: 44px; width: 44px; margin: 0 auto; border: 0; border-radius: 10px; background: transparent; color: var(--lp-ink-soft); font-size: 20px; line-height: 1; cursor: pointer; transition: background-color .3s var(--lp-ease), color .3s var(--lp-ease), transform .2s var(--lp-ease); }
.preview-quick .hiw-stepper button:hover { background: rgba(var(--lp-madder-rgb), .08); color: var(--lp-madder); }
.preview-quick .hiw-stepper button:active { transform: scale(.92); }
.preview-quick .hiw-stepper button:disabled { opacity: .35; cursor: not-allowed; background: transparent; }

.preview-quick .hiw-form__error { min-height: 22px; margin-top: 12px; font-size: 14px; font-weight: 600; color: var(--lp-madder); }
.preview-quick .hiw-form__foot { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 22px; margin-top: 6px; }
.preview-quick .hiw-form__submit { min-height: 56px; padding: 0 28px; border-radius: 12px; font-size: 16px; }
.preview-quick .hiw-form__submit[aria-busy="true"] { pointer-events: none; }
.preview-quick .hiw-form__submit[aria-busy="true"] svg { animation: hiwNudge .9s var(--lp-ease) infinite; }
@keyframes hiwNudge { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(5px); } }
.preview-quick .hiw-form__note { display: inline-flex; align-items: center; gap: 8px; flex: 1 1 220px; font-size: 13.5px; line-height: 1.45; }
.preview-quick .hiw-form__note svg { flex: 0 0 auto; color: var(--lp-dusk); }

@media (max-width: 960px) { .preview-quick .hiw-try__grid { grid-template-columns: 1fr; } }
@media (max-width: 640px) {
  .preview-quick .hiw-form__fields { grid-template-columns: 1fr 1fr; }
  .preview-quick .hiw-field--date { grid-column: 1 / -1; }
  .preview-quick .hiw-form__submit { width: 100%; }
}
@media (max-width: 360px) { .preview-quick .hiw-form__fields { grid-template-columns: 1fr; } }


@media (prefers-reduced-motion: reduce) { .preview-quick *, .preview-quick *::before { animation: none !important; transition: none !important; } }