.signup-page { max-width:1080px; padding-top:34px; }
.signup-header { max-width:760px; margin-bottom:34px; }.back-link { display:inline-flex; margin-bottom:25px; color:#536176; font-size:13px; font-weight:700; }.signup-header h1 { margin:13px 0 10px; color:var(--brand-navy); font-size:clamp(34px,5vw,55px); line-height:1.2; letter-spacing:-1.5px; }.signup-header p { margin:0; color:var(--muted); font-size:16px; }
.purchase-steps { display:grid; grid-template-columns:repeat(4,1fr); margin:0 0 28px; padding:0; list-style:none; border:1px solid var(--line); border-radius:20px; background:rgba(255,255,255,.7); overflow:hidden; }.purchase-steps li { display:grid; grid-template-columns:36px 1fr; grid-template-rows:auto auto; column-gap:10px; padding:16px 18px; border-left:1px solid var(--line); color:#667085; }.purchase-steps li:last-child { border-left:0; }.purchase-steps li>span { grid-row:1/3; width:34px; height:34px; display:grid; place-items:center; align-self:center; border-radius:11px; background:#eef2f6; font-weight:800; }.purchase-steps strong { color:#475467; font-size:12px; }.purchase-steps small { font-size:10px; }.purchase-steps .active { background:#fff8f3; }.purchase-steps .active>span { color:white; background:linear-gradient(145deg,var(--brand-orange),var(--brand-orange-deep)); }.purchase-steps .active strong { color:var(--brand-navy); }
.signup-layout { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(285px,.65fr); gap:24px; align-items:start; }.signup-form { display:grid; gap:16px; }.form-alert { padding:14px 17px; border:1px solid #f7b6ad; border-radius:14px; color:#912018; background:#fff1f0; }.form-alert .errorlist { margin:0; }
.form-section { padding:28px; border:1px solid rgba(4,44,113,.1); border-radius:24px; background:rgba(255,255,255,.84); box-shadow:0 12px 40px rgba(4,44,113,.06); }.form-section-heading { display:flex; gap:13px; align-items:flex-start; margin-bottom:24px; }.form-section-heading>span { width:35px; height:35px; flex:0 0 auto; display:grid; place-items:center; border-radius:12px; color:var(--brand-navy); background:#eaf3fb; font-weight:900; }.form-section-heading h2 { margin:0; color:var(--brand-navy); font-size:20px; }.form-section-heading p { margin:2px 0 0; color:var(--muted); font-size:12px; }.field-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }.field-grid .field,.compact-section .field { margin:0; }.field-wide { grid-column:1/-1; }.field-note { display:block; margin-top:6px; color:#7a8699; font-size:10px; line-height:1.65; }.compact-section { padding-bottom:22px; }
.selected-plan-row { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:14px 16px; border:1px solid var(--line); border-radius:14px; background:#f7f9fc; }.selected-plan-row strong,.selected-plan-row small { display:block; }.selected-plan-row strong { color:var(--brand-navy); }.selected-plan-row small { color:var(--muted); font-size:10px; }.selected-plan-row a { flex:0 0 auto; font-size:11px; font-weight:800; }
.terms-box { position:relative; padding:18px 52px 15px 18px; border:1px solid #b7d5ea; border-radius:17px; background:#f2f8fc; }.terms-box input { position:absolute; right:19px; top:22px; width:19px; height:19px; accent-color:var(--brand-blue); }.terms-box label { color:#344054; font-size:13px; font-weight:800; }.terms-box p { margin:4px 0 0; color:var(--muted); font-size:11px; }.terms-box .errorlist { margin:7px 0 0; }
.signup-submit { display:flex; flex-direction:column; width:100%; min-height:62px; }.signup-submit span { font-size:15px; }.signup-submit small { opacity:.78; font-size:10px; font-weight:400; }.signin-prompt { margin:0; color:var(--muted); text-align:center; font-size:12px; }.signin-prompt a { font-weight:800; }
.signup-summary { position:sticky; top:102px; display:grid; gap:14px; }.summary-card { padding:25px; border:1px solid rgba(243,107,28,.22); border-radius:24px; background:radial-gradient(circle at 100% 0,rgba(243,107,28,.13),transparent 38%),rgba(255,255,255,.92); box-shadow:0 18px 50px rgba(4,44,113,.1); }.summary-label { color:var(--brand-orange-deep); font-size:11px; font-weight:800; }.summary-title { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:5px; }.summary-title h2,.summary-card>h2 { margin:0; color:var(--brand-navy); font-size:27px; }.summary-title span { padding:4px 8px; border-radius:999px; color:#9b330d; background:#fff0e8; font-size:9px; font-weight:800; }.summary-card>p { margin:7px 0 20px; color:var(--muted); font-size:12px; }.summary-card dl { margin:0; }.summary-card dl>div { display:flex; justify-content:space-between; gap:14px; padding:10px 0; border-bottom:1px solid var(--line); }.summary-card dt { color:var(--muted); font-size:11px; }.summary-card dd { margin:0; color:#344054; font-size:12px; font-weight:800; text-align:left; }.summary-card .summary-total { align-items:end; padding-top:17px; border:0; }.summary-total dd { color:var(--brand-navy); font-size:23px; }.summary-total dd small { font-size:10px; }.summary-caveat { display:block; color:#7a8699; font-size:9px; }
.security-note { display:flex; gap:11px; padding:17px; border:1px solid var(--line); border-radius:18px; background:rgba(255,255,255,.72); }.security-note>span { width:30px; height:30px; flex:0 0 auto; display:grid; place-items:center; border-radius:10px; color:#067647; background:#eafaf1; font-weight:900; }.security-note strong { color:#344054; font-size:11px; }.security-note p { margin:3px 0 0; color:var(--muted); font-size:9px; }.summary-assurances { display:grid; gap:6px; margin:0; padding:0; list-style:none; color:#536176; font-size:10px; }.summary-assurances li { position:relative; padding-right:20px; }.summary-assurances li:before { content:"✓"; position:absolute; right:0; color:#067647; font-weight:900; }
@media (max-width:900px) { .signup-layout { grid-template-columns:1fr; }.signup-summary { position:static; grid-row:1; grid-template-columns:1fr 1fr; }.summary-card { grid-row:span 2; }.purchase-steps li { padding:13px 10px; } }
@media (max-width:640px) { .signup-page { padding-top:20px; }.signup-header h1 { font-size:36px; }.purchase-steps { grid-template-columns:1fr 1fr; }.purchase-steps li { border-bottom:1px solid var(--line); }.purchase-steps li:nth-child(2) { border-left:0; }.purchase-steps li:nth-child(3),.purchase-steps li:nth-child(4) { border-bottom:0; }.signup-summary { grid-template-columns:1fr; }.summary-card { grid-row:auto; }.form-section { padding:22px 18px; border-radius:20px; }.field-grid { grid-template-columns:1fr; }.field-wide { grid-column:auto; }.terms-box { padding-left:14px; }.purchase-steps strong { font-size:11px; } }

/* The trial is a first experience of the product, not a checkout screen. */
.trial-signup-page .signup-page { max-width:1180px; }
.signup-header--trial { position:relative; min-height:520px; max-width:none; display:flex; align-items:center; margin-bottom:30px; border-radius:32px; overflow:hidden; isolation:isolate; background:#061b35; box-shadow:0 28px 70px rgba(4,44,113,.2); }
.trial-hero-media,.trial-hero-media:after { position:absolute; inset:0; }
.trial-hero-media { z-index:-2; display:block; }
.trial-hero-media img { width:100%; height:100%; display:block; object-fit:cover; object-position:center; }
.signup-header--trial:after { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,rgba(3,16,35,.06) 23%,rgba(3,20,43,.58) 59%,rgba(3,18,40,.94) 100%); pointer-events:none; }
.trial-hero-copy { width:min(510px,49%); padding:48px 54px 46px; color:white; }
.trial-hero-copy .back-link { width:max-content; margin-bottom:38px; color:rgba(255,255,255,.78); }
.trial-hero-copy .eyebrow { display:block; width:max-content; color:#ffd4b8; }
.trial-hero-copy h1 { max-width:490px; margin:14px 0 14px; color:white; font-size:clamp(38px,4.8vw,61px); line-height:1.13; letter-spacing:-2px; }
.trial-hero-copy>p { max-width:470px; margin:0; color:rgba(255,255,255,.86); font-size:16px; line-height:1.95; }
.trial-hero-assurances { display:flex; flex-wrap:wrap; gap:8px; margin:23px 0 0; padding:0; list-style:none; }
.trial-hero-assurances li { padding:7px 11px; border:1px solid rgba(255,255,255,.24); border-radius:999px; color:white; background:rgba(1,15,34,.26); backdrop-filter:blur(6px); font-size:10px; font-weight:800; }
.trial-hero-assurances li:before { content:"✓"; margin-left:5px; color:#9fe3bd; }
.trial-hero-cta { display:inline-flex; align-items:center; gap:10px; margin-top:24px; padding:13px 18px; border-radius:14px; color:#18202f; background:white; font-size:12px; font-weight:900; box-shadow:0 12px 28px rgba(0,0,0,.18); }
.trial-hero-cta:hover { color:#18202f; transform:translateY(-2px); }
.trial-signup-page .purchase-steps--trial { grid-template-columns:repeat(3,1fr); max-width:900px; margin-inline:auto; }
.trial-signup-page .signup-layout { grid-template-columns:minmax(0,1.55fr) minmax(280px,.62fr); }
.trial-signup-page .signup-form { scroll-margin-top:110px; }
.trial-signup-page .form-section { background:rgba(255,255,255,.93); }
.trial-signup-page .selected-plan-row { border-color:rgba(6,118,71,.18); background:#f2faf6; }
.trial-signup-page .summary-card { background:radial-gradient(circle at 100% 0,rgba(243,107,28,.13),transparent 38%),rgba(255,255,255,.96); }

@media (max-width:900px) {
  .signup-header--trial { min-height:500px; }
  .trial-hero-copy { width:58%; padding:40px 34px; }
  .trial-signup-page .signup-layout { grid-template-columns:1fr; }
  .trial-signup-page .signup-summary { grid-row:auto; }
}
@media (max-width:640px) {
  .trial-signup-page .signup-page { padding-top:12px; }
  .signup-header--trial { min-height:550px; align-items:flex-end; margin-inline:-8px; border-radius:25px; }
  .trial-hero-media img { object-position:38% center; }
  .signup-header--trial:after { background:linear-gradient(0deg,rgba(2,16,36,.97) 0%,rgba(2,17,38,.77) 48%,rgba(2,17,38,.04) 82%); }
  .trial-hero-copy { width:100%; padding:24px 24px 28px; }
  .trial-hero-copy .back-link { position:absolute; top:20px; right:22px; margin:0; padding:7px 10px; border-radius:999px; background:rgba(1,15,34,.48); backdrop-filter:blur(6px); }
  .trial-hero-copy h1 { max-width:340px; margin-top:10px; font-size:35px; line-height:1.2; letter-spacing:-1px; }
  .trial-hero-copy>p { font-size:13px; line-height:1.85; }
  .trial-hero-assurances { margin-top:15px; }
  .trial-hero-cta { margin-top:17px; }
  .trial-signup-page .purchase-steps--trial { grid-template-columns:1fr 1fr 1fr; border-radius:16px; }
  .trial-signup-page .purchase-steps--trial li { display:flex; flex-direction:column; align-items:center; gap:3px; padding:11px 5px; border-bottom:0; text-align:center; }
  .trial-signup-page .purchase-steps--trial li>span { width:30px; height:30px; }
  .trial-signup-page .purchase-steps--trial small { display:none; }
  .trial-signup-page .form-section-heading { margin-bottom:18px; }
}