@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url("assets/Montserrat-Regular.ttf") format("truetype")}
@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url("assets/Montserrat-SemiBold.ttf") format("truetype")}
@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url("assets/Montserrat-Bold.ttf") format("truetype")}
:root{color-scheme:dark;--navy:#10253f;--yellow:#fdd769;--white:#fff;--muted:#c5d1df;font-family:Montserrat,Arial,sans-serif;background:var(--navy);color:var(--white);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 100% 0,#1d3955 0,transparent 60%),var(--navy)}
.page{width:min(100%,600px);min-height:100vh;min-height:100svh;margin:auto;padding:clamp(24px,5svh,48px) 24px max(20px,calc(env(safe-area-inset-bottom) + 16px));display:flex;flex-direction:column;gap:24px}
.brand{display:flex;align-items:center;justify-content:center;gap:20px}.norwest-logo{display:block;width:142px;height:auto}.brand-divider{width:1px;height:48px;background:#698095;opacity:.65}h1{font-size:21px;line-height:1.3;font-weight:600;letter-spacing:-.035em;margin:0;white-space:nowrap}
main{flex:1;display:flex;flex-direction:column;justify-content:center;padding:10px 0 18px}.intro{color:var(--muted);font-size:16px;line-height:1.65;text-align:center;max-width:410px;margin:0 auto clamp(24px,5svh,40px);text-wrap:pretty}
.choices{display:grid;gap:16px}.choice{display:flex;align-items:center;gap:18px;min-height:116px;padding:22px;background:linear-gradient(120deg,#1d3b56,#19334e);border:1px solid #51667a;border-radius:14px;color:var(--white);text-decoration:none;box-shadow:0 8px 24px #07182a33;transition:background-color .15s,border-color .15s,transform .15s}
.choice-icon{display:flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;background:var(--yellow);border-radius:12px;color:var(--navy)}.choice-icon svg{width:29px;height:29px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.choice-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px}.choice-title{font-size:20px;font-weight:700;line-height:1.25;letter-spacing:-.035em}.choice-description{color:var(--muted);font-size:13px;line-height:1.5}.arrow{flex:0 0 21px;width:21px;height:21px;stroke:var(--yellow);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.choice:hover{border-color:var(--yellow);background:#22425d}.choice:active{transform:translateY(1px)}a:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}
footer{display:flex;justify-content:center}footer a{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;color:#c0cddd;text-decoration:none;border-radius:4px;font-size:11px;line-height:1.5}footer img{width:32px;height:32px;object-fit:contain}footer strong{color:#e2e9ef;font-weight:600}footer a:hover strong{text-decoration:underline;text-underline-offset:3px}
@media(max-width:380px){.page{padding-inline:20px;gap:20px}.brand{gap:15px}.norwest-logo{width:122px}.brand-divider{height:42px}h1{font-size:18px}.intro{font-size:14px;line-height:1.6}.choice{padding:19px 16px;min-height:108px;gap:13px}.choice-icon{flex-basis:40px;width:40px;height:44px;border-radius:10px}.choice-icon svg{width:26px;height:26px}.choice-title{font-size:18px}.choice-description{font-size:12px}.arrow{flex-basis:18px;width:18px;height:18px}}
@media(max-height:600px){.page{padding-top:20px;padding-bottom:max(16px,calc(env(safe-area-inset-bottom) + 12px));gap:16px}.brand-divider{height:38px}.norwest-logo{width:122px}h1{font-size:18px}main{padding:0}.intro{font-size:14px;line-height:1.5;margin-bottom:20px}.choices{gap:12px}.choice{min-height:94px;padding-block:15px}.choice-copy{gap:5px}footer a{min-height:44px}}
@media(prefers-reduced-motion:reduce){.choice{transition:none}}

@media(max-height:480px){.page{padding-top:16px;gap:12px}.intro{margin-bottom:16px}}
