/* Match the illustration to the surrounding cobalt panels and typography. */
.hero{background:radial-gradient(ellipse at 85% 35%,#347ae5 0%,transparent 64%),linear-gradient(120deg,#1949a5,#2565cd)}
.hero-art.refined-art{padding:10px 4px 10px 28px;min-height:410px}
.launch-stack{max-width:370px;transform:none;padding-top:76px}
.stack-layer{border-color:#a7cbff32;border-radius:12px;box-shadow:none;color:#c2d9f9;font-size:10px;letter-spacing:.35px;padding:12px 18px}
.layer-one{left:24px;right:24px;background:#2a65b9}
.layer-two{top:38px;left:12px;right:12px;background:#255aa7}
.layer-step,.layer-arrow{color:#9dbfea}
.stack-main{border:1px solid #82afee66;border-radius:13px;background:linear-gradient(145deg,#2256a2,#1b448a);box-shadow:0 14px 34px #0d347426,0 1px 0 #d5e7ff12 inset}
.stack-toolbar{height:40px;background:#275ba4;border-color:#96bdf52b;color:#bdd5f6;font-size:9px;padding-inline:23px}
.stack-dots i{background:#8fb4e6}.stack-infinity{color:#a5c8f3;font-size:18px}
.stack-content{padding:24px 26px 23px}
.stack-brand{gap:12px;margin-bottom:19px}
.stack-brand img{width:34px;height:34px}
.stack-brand>span{color:#abcdf8;font-size:8px;letter-spacing:1.3px;font-weight:500}
.stack-content h3{font-size:27px;line-height:1.25;letter-spacing:-1px;font-weight:600;margin-bottom:25px;color:#edf5ff}
.stack-content h3 span{color:#b8ddff}
.stack-punchline{border-color:#95bff02b;padding-top:16px;font-size:10px;color:#c5dcfb;font-weight:400}
.stack-punchline>span:last-child{color:#b8ddff;font-size:16px}
@media(max-width:1100px){.hero-art.refined-art{padding-left:15px}.stack-content{padding:23px}.stack-content h3{font-size:24px}.stack-brand>span{font-size:7px;letter-spacing:1px}}
@media(max-width:850px){.hero-art.refined-art{padding:24px 10px 10px;min-height:410px}.launch-stack{max-width:365px}}
@media(max-width:540px){.hero-art.refined-art{padding:26px 0 8px;min-height:380px}.launch-stack{padding-top:70px}.layer-one{left:20px;right:20px}.layer-two{top:35px;left:10px;right:10px}.stack-layer{padding:10px 13px;font-size:9px}.stack-content{padding:21px}.stack-toolbar{padding-inline:18px}.stack-content h3{font-size:23px}.stack-brand{gap:10px}.stack-brand img{width:31px;height:31px}.stack-brand>span{font-size:6.5px;letter-spacing:.8px}}
/* Diagonal fan: preserve clear exposed headers and opaque surfaces. */
.hero-art.refined-art{padding:15px 0 15px 8px;min-height:435px}
.launch-stack{max-width:420px;padding-top:104px;transform:rotate(-4deg)}
.stack-layer{width:82%;right:auto;height:205px;padding:15px 18px}
.layer-one{top:0;left:0;transform:rotate(-3deg);background:#2a65b9}
.layer-two{top:52px;left:8%;transform:rotate(-1deg);background:#255aa7}
.stack-main{width:84%;margin-left:16%;transform:rotate(1deg)}
.stack-content{padding:25px}.stack-content h3{font-size:25px}
@media(max-width:1100px){.hero-art.refined-art{padding-left:0}.stack-content{padding:22px}.stack-content h3{font-size:23px}}
@media(max-width:850px){.hero-art.refined-art{max-width:450px;padding:28px 8px 15px;min-height:455px}.launch-stack{max-width:410px}}
@media(max-width:540px){.hero-art.refined-art{padding:30px 0 10px;min-height:410px}.launch-stack{padding-top:92px;transform:rotate(-3deg)}.stack-layer{width:86%;padding:12px;font-size:8px}.layer-one{left:0}.layer-two{top:46px;left:6%}.stack-main{width:88%;margin-left:12%}.stack-content{padding:18px}.stack-content h3{font-size:21px;letter-spacing:-.8px}.stack-toolbar{padding-inline:13px;gap:10px}.stack-brand{gap:8px}.stack-brand>span{font-size:6px;letter-spacing:.65px}.stack-punchline{font-size:9px}}