@import url("https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@500;700&family=Space+Grotesk:wght@600;700&display=swap");*{box-sizing:border-box}body{margin:0;background:#061534;color:#eafbff;font-family:Manrope;overflow-x:hidden}.top{position:sticky;top:0;z-index:9;background:#061534eF;border-bottom:1px solid #8eeeff;padding:13px max(17px,calc((100% - 1180px)/2));display:flex;justify-content:space-between}.brand{font:700 20px 'Space Grotesk';color:#b9f7ff;text-decoration:none}.btn{background:#b9f7ff;color:#07306d;text-decoration:none;padding:12px 17px;font-weight:700}.hero{width:min(1180px,calc(100% - 34px));margin:35px auto 60px;display:grid;grid-template-columns:1.05fr .95fr;background:#073b86;position:relative;overflow:hidden}.copy{padding:clamp(31px,5vw,70px);position:relative;z-index:3}.eyebrow{font:12px 'DM Mono';letter-spacing:.08em}h1,h2,h3{font-family:'Space Grotesk';line-height:.9;letter-spacing:-.05em;margin:16px 0 25px}h1{font-size:clamp(54px,8vw,110px)}h2{font-size:clamp(35px,4vw,57px)}h3{font-size:23px;color:#b9f7ff;margin:0 0 12px}p{font-size:17px;line-height:1.68}.notice{border-left:5px solid #b9f7ff;padding-left:15px}.visual,.media{position:relative;overflow:hidden}.visual{min-height:540px}.visual img,.media img{width:100%;height:100%;object-fit:cover}.backlight{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,#e9ffffcc,transparent 55%);mix-blend-mode:screen;animation:backlight 4.5s ease-in-out infinite alternate;pointer-events:none}@keyframes backlight{from{opacity:.18}to{opacity:.9}}.panels{width:min(1180px,calc(100% - 34px));margin:0 auto;display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.panel{grid-column:span 6;display:grid;grid-template-columns:minmax(0,1fr) 260px;min-height:450px;background:#0b397d;border:1px solid #8eeeff;box-shadow:0 0 28px #65dff022;overflow:hidden}.panel:nth-child(3n){grid-column:span 12;grid-template-columns:1.1fr .9fr;background:#0b2b63}.panel:nth-child(even) .media{grid-column:1;grid-row:1}.panel:nth-child(even) .copy{grid-column:2;grid-row:1}.panel .copy{padding:36px}.panel .media{min-height:100%}.panel .copy h2{font-size:clamp(31px,3.2vw,47px)}.panel .btn{display:inline-block;margin-top:5px}.faq,.legal{width:min(930px,calc(100% - 34px));margin:70px auto;padding:42px;background:#0b397d;border:1px solid #8eeeff;box-shadow:0 0 32px #65dff020}.legal{background:#03102b}.legal h2{color:#b9f7ff}.legal p{font-size:18px}details{padding:14px 0;border-top:1px solid #4d84b8}summary{font-weight:700}footer{padding:35px;background:#b9f7ff;color:#07306d;text-align:center}footer a{color:#07306d}@media(max-width:800px){.top{padding:11px 17px}.hero{width:100%;margin:0;display:flex;flex-direction:column}.hero .copy{order:1;padding:42px 19px}.visual{order:2;height:280px;min-height:280px}.panels{display:block;width:100%;padding:0 17px}.panel,.panel:nth-child(n){display:flex;flex-direction:column;min-height:0;margin:22px 0}.panel .copy,.panel:nth-child(even) .copy{order:1;padding:31px 19px}.panel .media,.panel:nth-child(even) .media{order:2;height:270px;min-height:270px}.panel .btn{display:block;text-align:center}.faq,.legal{width:calc(100% - 34px);padding:27px 19px}.legal p{font-size:17px}}
/* Final information architecture: illuminated account route. */
.hero{display:block!important;width:100%!important;margin:0!important;min-height:650px!important;border:0!important;background:linear-gradient(115deg,#031435 0 52%,#0b66a4 52% 100%)!important}.hero .copy{width:min(780px,calc(100% - 34px))!important;margin-left:max(17px,calc((100% - 1180px)/2))!important;padding:clamp(62px,10vw,150px) 0 80px!important}.hero .visual{position:absolute!important;right:0!important;top:0!important;width:48%!important;height:100%!important;min-height:650px!important;opacity:.8;clip-path:polygon(23% 0,100% 0,100% 100%,0 100%)}.panels{display:block!important;width:min(1050px,calc(100% - 34px))!important;margin:70px auto!important;padding-left:96px!important;position:relative!important}.panels:before{content:'';position:absolute;left:22px;top:0;bottom:0;width:2px;background:linear-gradient(#b9f7ff,transparent 92%);box-shadow:0 0 15px #65dff0}.panel,.panel:nth-child(n){display:block!important;position:relative!important;width:100%!important;min-height:0!important;margin:0 0 56px!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}.panel:before{content:'';position:absolute;left:-84px;top:42px;width:22px;height:22px;border-radius:50%;background:#b9f7ff;box-shadow:0 0 18px #b9f7ff}.panel .copy,.panel:nth-child(n) .copy{position:relative!important;width:68%!important;min-height:0!important;padding:42px 44px!important;background:#0a397dcc!important;border:1px solid #8eeeff!important;box-shadow:0 0 35px #65dff028!important;backdrop-filter:blur(12px)!important}.panel .media,.panel:nth-child(n) .media{position:absolute!important;right:-8%!important;top:50%!important;transform:translateY(-50%)!important;width:47%!important;height:300px!important;min-height:300px!important;border:1px solid #8eeeff!important;box-shadow:0 0 45px #65dff044!important;z-index:-1!important;overflow:hidden!important}.panel:nth-child(even) .copy{margin-left:auto!important;background:#0b2b63dd!important}.panel:nth-child(even) .media{right:auto!important;left:-8%!important}.panel .media img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important}.panel .copy h2{font-size:clamp(37px,4.4vw,62px)!important}.panel .copy p{font-size:17px!important;line-height:1.64!important}.panel .btn{display:inline-block!important}.panel:nth-child(3n){margin-top:86px!important;margin-bottom:86px!important}.faq,.legal{width:min(930px,calc(100% - 34px))!important}@media(max-width:800px){.hero{min-height:0!important;display:flex!important;flex-direction:column!important;background:#073b86!important}.hero .copy{order:1!important;width:100%!important;margin:0!important;padding:42px 19px!important}.hero .visual{position:relative!important;right:auto!important;top:auto!important;width:100%!important;height:280px!important;min-height:280px!important;opacity:1!important;clip-path:none!important;order:2!important}.panels{width:100%!important;margin:0!important;padding:34px 17px 0 32px!important}.panels:before{left:12px!important}.panel,.panel:nth-child(n){margin:0 0 36px!important}.panel:before{left:-27px!important;top:28px!important;width:14px!important;height:14px!important}.panel .copy,.panel:nth-child(n) .copy{width:100%!important;margin:0!important;padding:31px 19px!important;background:#0a397dcc!important}.panel .media,.panel:nth-child(n) .media{position:relative!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;width:100%!important;height:270px!important;min-height:270px!important;z-index:0!important}.panel .btn{display:block!important;text-align:center!important}}


/* Image prominence correction: make each lightbox visual at least equal to the reading panel. */
@media(min-width:801px){
 .panels{width:min(1240px,calc(100% - 34px))!important;padding-left:70px!important}
 .panel,.panel:nth-child(n){min-height:610px!important;margin-bottom:72px!important}
 .panel .copy,.panel:nth-child(n) .copy{width:58%!important;min-height:520px!important;padding:52px 54px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
 .panel .media,.panel:nth-child(n) .media{width:62%!important;height:560px!important;min-height:560px!important;box-shadow:0 0 95px #65dff099!important}
 .panel:not(:nth-child(even)) .media{right:-20%!important}.panel:nth-child(even) .media{left:-20%!important}
 .panel .media:before{inset:-24px!important;box-shadow:0 0 60px #b9f7ff88!important}
 .panel .media img{object-fit:cover!important}
}
@media(max-width:800px){.panel .media,.panel:nth-child(n) .media{height:330px!important;min-height:330px!important}.panel .media:before{content:'';position:absolute;inset:10px;border:1px solid #b9f7ff77;z-index:2;pointer-events:none}}


/* Desktop containment after media enlargement: keep the large lightboxes within the route canvas. */
@media(min-width:801px){
 .panels{width:min(1180px,calc(100% - 34px))!important;padding-left:70px!important;overflow:hidden!important}
 .panel .copy,.panel:nth-child(n) .copy{width:55%!important}
 .panel .media,.panel:nth-child(n) .media{width:58%!important;right:0!important;left:auto!important}
 .panel:nth-child(even) .media{left:0!important;right:auto!important}
}