/* Dedicated, progressively usable trial request form. No client-side dependency. */
.trial-skip{ position:fixed; left:20px; top:-100px; z-index:120; padding:12px 20px; background:var(--ink); color:var(--paper); }
.trial-skip:focus{ top:12px; }
.trial-header-link{ font-size:15px; white-space:nowrap; }
.trial{ padding-block:clamp(48px, 7vw, 96px); }
.trial-heading{ max-width:820px; margin-bottom:40px; }
.trial-heading h1{ margin-top:20px; font-size:clamp(38px, 5vw, 64px); }
.trial-heading .lede{ margin-top:24px; max-width:48ch; }
.trial-grid{ display:grid; grid-template-columns:minmax(0, 1.5fr) minmax(0, 1fr); gap:clamp(32px, 6vw, 88px); align-items:start; }
.trial .form{ display:grid; gap:24px; min-width:0; }
.trial .form__row{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:24px; }
.trial .form__f{ display:flex; flex-direction:column; gap:10px; min-width:0; }
.trial .field{ width:100%; }
.trial .form__f .label{ line-height:1.7; }
.trial-optional{ text-transform:none; letter-spacing:0; }
.trial .form__err{ font-size:14px; color:var(--forj-brand-ember-deep); }
.trial [aria-invalid="true"]{ border-color:var(--forj-brand-ember-deep); }
.trial .form__banner{ padding:14px 18px; border:1px solid var(--forj-brand-ember-deep); color:var(--forj-brand-ember-deep); border-radius:var(--radius); }
.trial .form__hint,.trial .form__fine{ font-size:14px; color:var(--ink-label); }
.trial .form__actions{ display:grid; justify-items:start; gap:18px; margin-top:6px; }
.trial .hp{ position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; }
.trial-details{ border-top:1px solid var(--paper-line); padding-top:24px; }
.trial-details h2{ font-size:28px; margin-bottom:22px; }
.trial-details ol{ padding-left:22px; }
.trial-details li + li{ margin-top:24px; }
.trial-details li p{ font-size:16px; margin-top:7px; }
.trial-details__end{ margin-top:26px; font-size:15px; }
.trial-thanks{ min-height:70vh; display:flex; align-items:center; }
.trial-thanks .trial-heading{ margin-bottom:0; }
.trial-thanks .trial-actions{ display:flex; flex-wrap:wrap; gap:16px 24px; align-items:center; margin-top:28px; }
@media (max-width:900px){ .trial-grid{ grid-template-columns:1fr; max-width:720px; } }
@media (max-width:560px){
  .trial .form__row{ grid-template-columns:1fr; }
  .trial .form__actions .btn{ width:100%; padding-inline:14px; white-space:normal; line-height:1.4; }
}