/* ViewerFirst — free-trial (design system ViewerFirst) */
.page-hero{padding-top:calc(var(--spacing-96) + 40px);padding-bottom:var(--spacing-48);display:grid;justify-items:center;gap:var(--spacing-16);text-align:center}
.page-hero .vf-eyebrow{color:var(--ash-mist)}
.page-hero .vf-display{font-size:clamp(34px,7vw,56px);line-height:1;text-wrap:balance}
.page-hero .lead{max-width:56ch;color:var(--ash-mist);line-height:1.6}
.perks{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-8) var(--spacing-24);color:var(--snow)}
.perks li{display:flex;align-items:center;gap:var(--spacing-8)}
.perks svg,.vf-feature svg{width:14px;height:14px;fill:none;stroke:var(--signal-blue);stroke-width:2;flex:none}
.trial{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:var(--spacing-32);align-items:start;padding-bottom:var(--section-gap)}
@media (max-width:900px){.trial{grid-template-columns:minmax(0,1fr)}}
.form-card{background:var(--snow);color:var(--eclipse-indigo);border-radius:var(--radius-md);padding:clamp(24px,4vw,40px);display:grid;gap:var(--spacing-20)}
.form-card h2{margin:0}
.form-card .sub{color:var(--card-muted);margin-top:calc(var(--spacing-12) * -1)}
.fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-16)}
@media (max-width:560px){.fgrid{grid-template-columns:minmax(0,1fr)}}
.field{display:grid;gap:var(--spacing-8);min-width:0}
.field--full{grid-column:1/-1}
.field label{font-size:14px;font-weight:600}
.field label span{font-weight:400;color:var(--card-muted)}
.field input,.field select{width:100%;box-sizing:border-box;font:inherit;font-size:16px;color:var(--eclipse-indigo);background:#fff;border:1px solid #c9c7cd;border-radius:var(--radius-lg);padding:var(--spacing-12) var(--spacing-16);appearance:none}
.field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 8l5 5 5-5' fill='none' stroke='%235f5c66' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px;padding-right:44px}
.field input:focus-visible,.field select:focus-visible{outline:2px solid var(--focus-ring-on-card);outline-offset:1px;border-color:var(--signal-blue)}
.field[data-error] input,.field[data-error] select{border-color:#b42318}
.err{font-size:13px;color:#b42318;min-height:0}
.err:empty{display:none}
.hint{font-size:13px;color:var(--card-muted)}
.consent{display:flex;gap:var(--spacing-12);align-items:flex-start;font-size:14px;color:var(--card-muted);line-height:1.5}
.consent input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--signal-blue);flex:none}
.consent a{color:var(--signal-blue)}
.form-card .vf-btn{width:100%;padding-block:var(--spacing-16);font-size:16px}
.form-card .vf-btn:focus-visible{outline-color:var(--focus-ring-on-card)}
.or{display:flex;align-items:center;gap:var(--spacing-12);color:var(--card-muted);font-size:13px}
.or::before,.or::after{content:"";flex:1;height:1px;background:#e2e1e5}
.chat{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-12)}
.chat a{display:flex;align-items:center;justify-content:center;gap:var(--spacing-8);padding:var(--spacing-12);border:1px solid #c9c7cd;border-radius:var(--radius-lg);color:var(--eclipse-indigo);text-decoration:none;font-weight:600;font-size:14px}
.chat a:hover{border-color:var(--eclipse-indigo)}
.chat a:focus-visible{outline:2px solid var(--focus-ring-on-card);outline-offset:2px}
.chat svg{width:16px;height:16px;fill:currentColor}
.done{display:grid;gap:var(--spacing-12);justify-items:start;text-align:left}
.done[hidden]{display:none}
.done__ic{width:48px;height:48px;border-radius:var(--radius-full);background:var(--signal-blue);display:grid;place-items:center}
.done__ic svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:2.5}
.done p{color:var(--card-muted);line-height:1.6;margin:0}
.side{display:grid;gap:var(--spacing-16)}
.side .box{padding:var(--card-padding);border:1px solid var(--hairline);border-radius:var(--radius-md);background:var(--smoke);display:grid;gap:var(--spacing-16)}
.side .box h2{margin:0}
.side .vf-features{display:grid;gap:var(--spacing-12)}
.side .note{color:var(--ash-mist);line-height:1.6}
.side .note a{color:var(--glacier-beam)}
.how{padding-block:0 var(--section-gap)}
.cta-band{border-top:1px solid var(--hairline);padding-block:var(--section-gap);display:grid;justify-items:center;gap:var(--spacing-16);text-align:center}
.cta-band p{color:var(--ash-mist);margin:0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cf-trap { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.vf-section-heading--flush { padding-top: 0 !important; }
#trial-form .vf-notice { margin-bottom: var(--spacing-16); }