@import url("legal.css");
.flow-step[data-step="1"] .flow-note, .flow-step[data-step="3"] .flow-note { display: none; }
.flow-label input.has-error { border-color: #e25b6c; color: #c43f52; }.email-error { display: block; margin-top: .35rem; color: #d2475a; font-size: .72rem; font-weight: 650; }
.check.has-error { background: #fff3f4; color: #c43f52; }.checks-error { display: block; margin-top: .55rem; color: #d2475a; font-size: .72rem; font-weight: 650; }
.start-copy > p { display: none; }
.start-copy h1 em { font-style: italic; font-weight: inherit; }.heading-card-icon { display: inline-block; width: .78em; height: .54em; margin-left: .15em; background: url("card-icon.svg") center / contain no-repeat; vertical-align: .04em; }
.start-launch { display: flex; align-items: center; justify-content: center; gap: .45rem; width: min(100%, 28rem); min-height: 3.15rem; margin: 1.65rem auto 0; padding: 0 1.25rem; border: 0; border-radius: 999px; background: #245bff; color: #fff; font: inherit; font-size: .84rem; font-weight: 750; cursor: pointer; }.start-launch:hover { background: #1649dd; }.start-launch svg { width: 1rem; }.start-flow { display: none; }.start-layout.is-flowing { display: block; max-width: 38rem; }.start-layout.is-flowing .start-copy { display: none; }.start-layout.is-flowing .start-flow { display: block; animation: fade-up .3s ease both; }
.start-copy h1 { position: static; min-height: 0; color: #252a3a; font-size: clamp(3rem, 6vw, 5.3rem); line-height: .94; }.start-copy h1::before, .start-copy h1::after { content: none; }.start-copy h1 em { font-style: italic; }.heading-card-icon { display: inline-block; width: .78em; height: .54em; margin-left: .15em; background: url("card-icon.svg") center / contain no-repeat; vertical-align: .04em; }@media(max-width:700px){.start-copy h1{font-size:clamp(2.8rem,13vw,4.3rem)}}
.card-option::before { display: inline-block; width: 1.15rem; height: .82rem; margin: 0 .38rem 0 0; background: url("card-icon.svg") center / contain no-repeat; content: ""; filter: grayscale(1) brightness(.35); vertical-align: -.08em; }.card-option + .card-option::before { width: auto; height: auto; margin: 0 .38rem 0 0; background: none; color: #3b4659; content: "★"; filter: none; font-size: 1.05rem; line-height: 1; vertical-align: -.04em; }
.contact-fields { display: grid; gap: .75rem; }
.start-layout.is-flowing .start-flow.is-checking { position: relative; display: grid; min-height: 24rem; place-items: center; overflow: hidden; }.start-flow.is-checking > * { visibility: hidden; }.start-flow.is-checking::before { position: absolute; top: calc(50% - 2.3rem); left: calc(50% - 1.125rem); width: 2.25rem; height: 2.25rem; border: .24rem solid #dce5ff; border-top-color: #245bff; border-radius: 50%; content: ""; animation: eligibility-spin .75s linear infinite; }.start-flow.is-checking::after { position: absolute; top: calc(50% + 1.25rem); left: 50%; color: #252a3a; content: "Checking eligibility"; font-size: .9rem; font-weight: 750; letter-spacing: -.02em; transform: translateX(-50%); white-space: nowrap; }@keyframes eligibility-spin { to { transform: rotate(360deg); } }
.start-benefit:last-child { position: relative; display: block; padding-left: 1.9rem; font-size: 0; }.start-benefit:last-child i { position: absolute; top: 0; left: 0; }.start-benefit:last-child::after { content: "Manage everything in one place"; font-size: .85rem; line-height: 1.25rem; }
body { min-height: 100vh; }.start-surface { min-height: calc(100vh - 5.5rem); margin: 0 2.25vw 2.25vw; overflow: hidden; border-radius: .625rem; background: radial-gradient(circle at 96% 0%, #dfe7ff 0, transparent 31%), #fff; }.start-layout { display: grid; grid-template-columns: minmax(18rem, .9fr) minmax(20rem, 1.1fr); gap: clamp(2rem, 8vw, 8rem); max-width: 70rem; margin: 0 auto; padding: clamp(3rem, 7vw, 6rem) 6vw; }.start-copy { align-self: center; }.start-copy .eyebrow { display:none; }.start-copy h1 { max-width: 32rem; margin: 0; color: #252a3a; font-size: clamp(3rem, 6vw, 5.3rem); line-height: .94; letter-spacing: -.07em; }.start-copy > p { max-width: 28rem; margin: 1.25rem 0 0; color: #667085; font-size: 1rem; line-height: 1.65; }.start-benefits { display: grid; gap: .7rem; margin-top: 2rem; }.start-benefit { display: flex; align-items: center; gap: .65rem; color: #596579; font-size: .85rem; }.start-benefit i { display: grid; width: 1.25rem; height: 1.25rem; place-items: center; border-radius: 50%; background: #e7fff4; color: #149364; font-style: normal; font-size: .75rem; }.start-flow { padding: 1.3rem; border: 1px solid #e5e9f1; border-radius: 1.15rem; background: #fff; box-shadow: 0 1.5rem 3.5rem rgb(31 58 120 / .08); }.flow-progress { display: grid; grid-template-columns: repeat(3, 1fr); gap: .3rem; margin-bottom: .85rem; }.flow-progress span { height: .24rem; border-radius: 99px; background: #e5e9f1; }.flow-progress span.is-active { background: #245bff; }.flow-step { display: none; }.flow-step.is-active { display: block; animation: fade-up .25s ease both; }@keyframes fade-up { from { opacity: 0; transform: translateY(.5rem); } to { opacity: 1; transform: none; } }.flow-kicker { margin: 0 0 .55rem; color: #245bff; font-size: .72rem; font-weight: 750; letter-spacing: .09em; text-transform: uppercase; }.flow-step h2 { margin: 0; color: #252a3a; font-size: clamp(1.65rem, 4vw, 2.3rem); line-height: 1; letter-spacing: -.055em; }.flow-step > p { margin: .75rem 0 1.3rem; color: #697386; font-size: .87rem; line-height: 1.55; }.choice-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: .55rem; }.choice { display: flex; align-items: center; gap: .5rem; min-height: 3.15rem; padding: .7rem; border: 1px solid #e1e6ef; border-radius: .7rem; background: #fff; color: #3a465a; font: inherit; font-size: .78rem; font-weight: 650; text-align: left; cursor: pointer; }.choice:hover, .choice.is-selected, .card-option:has(input:checked) { border-color: #9db4ff; background: #f4f7ff; color: #245bff; }.choice i { width: .55rem; height: .55rem; border-radius: 50%; background: #d8e1ff; }.choice.is-selected i { background: #245bff; box-shadow: 0 0 0 .25rem #dce5ff; }.choice-grid.has-error { outline: 2px solid #e25b6c; outline-offset: .3rem; border-radius: .75rem; }.checks { display: grid; gap: .6rem; }.check { display: flex; gap: .65rem; align-items: flex-start; padding: .8rem; border-radius: .7rem; background: #f6f8fc; color: #536075; font-size: .8rem; line-height: 1.45; }.check input { margin-top: .08rem; accent-color: #245bff; }.flow-label { display: grid; gap: .4rem; color: #4f5b6e; font-size: .78rem; font-weight: 700; }.flow-label input { height: 3rem; padding: 0 .8rem; border: 1px solid #dce2ec; border-radius: .65rem; outline-color: #245bff; font: inherit; }.card-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; margin-top: 1rem; }.card-option { position: relative; display: block; min-height: 5rem; padding: .8rem; border: 1px solid #e1e6ef; border-radius: .7rem; color: #3b4659; cursor: pointer; }.card-option input { position: absolute; opacity: 0; }.card-option b { display:block; font-size:.84rem; }.card-option small { display:block; margin-top:.3rem; color:#7a8495; font-size:.72rem; line-height:1.35; }.flow-actions { display:flex; justify-content:space-between; align-items:center; gap:.8rem; margin-top:1.35rem; }.flow-back { border:0; background:transparent; color:#657187; font:inherit; font-size:.8rem; font-weight:700; cursor:pointer; }.flow-next { display:inline-flex; align-items:center; gap:.4rem; min-height:2.7rem; padding:0 1.1rem; border:0; border-radius:.7rem; background:#245bff; color:#fff; font:inherit; font-size:.8rem; font-weight:750; cursor:pointer; }.flow-next svg { width:1rem; }.flow-note { margin:1rem 0 0; color:#8a94a5; font-size:.7rem; line-height:1.45; }.success-mark { display:grid; width:3rem; height:3rem; place-items:center; margin-bottom:1rem; border-radius:50%; background:#e7fff4; color:#149364; font-size:1.2rem; }.request-summary { padding:.85rem; border-radius:.75rem; background:#f4f7ff; color:#5063a0; font-size:.8rem; }@media(max-width:700px){.start-surface{margin:0 .75rem .75rem}.start-layout{grid-template-columns:1fr;padding:3rem 1.4rem}.start-copy h1{font-size:clamp(2.8rem,13vw,4.3rem)}.start-benefits{margin-top:1.5rem}.start-flow{margin-top:.8rem}.choice-grid{grid-template-columns:repeat(2,1fr)}}

.choice-flag { width: 1.35rem; height: 1rem; flex: 0 0 auto; border-radius: .12rem; object-fit: cover; box-shadow: 0 1px 2px rgb(31 58 120 / .16); }
.account-created[hidden], #start-form[hidden], #password-form[hidden], #password-done[hidden], .eligibility-error[hidden] { display: none !important; }
.account-created { animation: fade-up .35s ease both; }
.account-created h2 { margin: 0; color: #252a3a; font-size: clamp(1.7rem, 4vw, 2.3rem); letter-spacing: -.05em; line-height: 1.1; }
.account-created > p:not(.flow-kicker), #password-done p { color: #697386; font-size: .88rem; line-height: 1.55; }
#password-form { display: grid; gap: .85rem; margin-top: 1.4rem; }
.password-strength { display: grid; gap: .4rem; margin: -.35rem 0 .1rem; --strength-color: #c9d2df; }
.password-strength-bars { display: grid; grid-template-columns: repeat(4, 1fr); gap: .3rem; }
.password-strength-bars span { height: .35rem; border-radius: 99px; background: #e7ebf2; transition: background-color .2s ease; }
.password-strength-label { color: #697386; font-size: .74rem; font-weight: 700; }
.password-strength[data-level="1"] { --strength-color: #dc5d6a; }
.password-strength[data-level="2"] { --strength-color: #e8a33c; }
.password-strength[data-level="3"] { --strength-color: #4e7ee8; }
.password-strength[data-level="4"] { --strength-color: #13966c; }
.password-strength .is-active { background: var(--strength-color); }
.password-strength[data-level="1"] .password-strength-label, .password-strength[data-level="2"] .password-strength-label, .password-strength[data-level="3"] .password-strength-label, .password-strength[data-level="4"] .password-strength-label { color: var(--strength-color); }
.password-submit { justify-content: center; width: 100%; margin-top: .3rem; text-decoration: none; }
.password-submit:disabled { opacity: .6; cursor: wait; }
.form-message { margin: 0; color: #c43f52; font-size: .78rem; line-height: 1.4; }
.eligibility-error { margin-top: 1rem; }
.confetti-layer { position: fixed; inset: 0; z-index: 1000; overflow: hidden; pointer-events: none; }
.confetti-layer i { position: absolute; top: -1.5rem; left: var(--x); width: .5rem; height: .85rem; border-radius: .1rem; background: var(--color); opacity: 0; animation: confetti-fall var(--duration) var(--delay) ease-in forwards; }
@keyframes confetti-fall { 0% { opacity: 1; transform: translateY(-1rem) rotate(0); } 100% { opacity: 0; transform: translateY(105vh) rotate(var(--rotation)); } }
@media (prefers-reduced-motion: reduce) { .confetti-layer { display: none; } }
.wallet-option[hidden] { display: none !important; }
.wallet-option { margin-top: 1.1rem; }
.wallet-divider { display: flex; align-items: center; gap: .7rem; margin: 0 0 .8rem; color: #8792a5; font-size: .75rem; text-align: center; }
.wallet-divider::before, .wallet-divider::after { content: ""; flex: 1; height: 1px; background: #e5e9f1; }
.wallet-help { margin: .7rem 0; color: #697386; font-size: .75rem; line-height: 1.5; }