/* Mobile start box (progressive enhancement of the primary trial button). Tokens come from site.css / home.css. */
.mobile-start{display:grid;gap:8px;width:100%;max-width:520px}
.mobile-start-link[hidden]{display:none!important}
.mobile-start-label{font-size:14.5px;font-weight:650;line-height:1.7;color:var(--ink)}
.mobile-start-row{display:grid;gap:10px}
.mobile-start-input{width:100%;min-height:52px;padding:10px 16px;border:1.5px solid var(--line);border-radius:16px;background:var(--white);color:var(--ink);font:inherit;font-size:18px;direction:ltr;text-align:left;letter-spacing:.5px}
.mobile-start-input::placeholder{color:#8a9a90;opacity:1}
.mobile-start-input:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:16px;border-color:var(--forest)}
.mobile-start-input[aria-invalid="true"]{border-color:#b42318}
.mobile-start .mobile-start-row .button{width:100%}
.mobile-start-error{font-size:14px;line-height:1.8;color:#b42318;font-weight:650}
.mobile-start-error[hidden]{display:none}
.mobile-start-note{font-size:13.5px;line-height:1.8;color:var(--muted)}
.mobile-start--on-dark .mobile-start-label{color:#fff}
.mobile-start--on-dark .mobile-start-note{color:#cddbd3}
.mobile-start--on-dark .mobile-start-error{color:#ffb4a8}
.mobile-start--on-dark .mobile-start-input[aria-invalid="true"]{border-color:#ffb4a8}
.hero-actions .mobile-start,.page-hero .guide-cta .mobile-start{flex:1 1 100%}
@media(min-width:601px){
 .mobile-start-row{grid-template-columns:minmax(0,260px) auto;align-items:stretch}
 .mobile-start .mobile-start-row .button{width:auto}
 .hero-actions .mobile-start .mobile-start-row .button,.page-hero .guide-cta .mobile-start .mobile-start-row .button{width:auto}
}
.see-start .mobile-start{margin-top:22px}
.see-start .mobile-start .mobile-start-row .button{margin-top:0}