/* ASA Portal v2.1.5.B — Character Storytelling Integration & Motion Enhancement */
/* ASA_DEPLOY_MARKER_PORTAL_V2_1_5_B_CHARACTER_STORYTELLING_CSS */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.asa-story-hero{isolation:isolate;min-height:580px;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d}
.asa-story-hero-art{position:relative;margin:0;width:min(760px,52vw);filter:drop-shadow(0 35px 55px rgba(3,10,35,.28));transform:translate3d(var(--asa-parallax-x,0),var(--asa-parallax-y,0),0);transition:transform .22s ease-out}
.asa-story-hero-art:after{content:"";position:absolute;inset:12% 9% 4%;z-index:-1;border-radius:45% 55% 48% 52%;background:radial-gradient(circle,rgba(75,139,255,.22),transparent 65%);filter:blur(28px)}
.asa-story-hero-art img{display:block;width:100%;height:auto;border-radius:30px;mask-image:linear-gradient(to bottom,#000 0 88%,transparent 100%)}
.asa-story-orbit{position:absolute;z-index:4;display:grid;gap:2px;padding:10px 13px;border:1px solid rgba(255,255,255,.22);border-radius:14px;background:rgba(8,25,66,.68);box-shadow:0 14px 30px rgba(0,0,0,.18);backdrop-filter:blur(14px);animation:asaFloat 5.2s ease-in-out infinite}
.asa-story-orbit b{font-size:10px;letter-spacing:.12em;color:#f9cb5a}.asa-story-orbit span{font-size:11px;color:rgba(255,255,255,.75)}.orbit-learn{left:2%;top:19%}.orbit-assess{right:-1%;top:25%;animation-delay:-1.3s}.orbit-progress{right:6%;bottom:18%;animation-delay:-2.4s}
.asa-story-outcome{position:absolute;left:5%;bottom:10%;z-index:4;padding:11px 14px;border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,247,222,.92));box-shadow:0 16px 34px rgba(0,0,0,.15);border:1px solid rgba(223,175,61,.3)}.asa-story-outcome span{display:block;font-size:9px;font-weight:800;letter-spacing:.14em;color:#7b6a42}.asa-story-outcome b{display:block;margin-top:2px;font-size:12px;color:#0b1f3a}
@keyframes asaFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.asa-character-journey{overflow:hidden;background:linear-gradient(180deg,#fff 0%,#f7faff 100%)}.asa-character-journey .section-head{max-width:820px}.asa-character-journey .section-head p{color:#64748b;font-size:17px;line-height:1.7}.asa-character-story{margin-top:34px;border-radius:30px;overflow:hidden;border:1px solid #e4ebf6;background:#fff;box-shadow:0 26px 65px rgba(15,23,42,.1)}.asa-character-story-media{position:relative;overflow:hidden;background:#eef4ff}.asa-character-story-media:after{content:"";position:absolute;inset:auto 0 0;height:90px;background:linear-gradient(transparent,#fff)}.asa-character-story-media img{display:block;width:100%;height:auto;transform:scale(1.002)}
.asa-character-story-steps{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:0;padding:0 22px 26px}.asa-character-story-steps:before{content:"";position:absolute;left:8%;right:8%;top:28px;height:2px;background:linear-gradient(90deg,#c9d9fb,#dfaf3d)}.asa-character-story-steps article{position:relative;z-index:1;padding:0 12px;text-align:center}.asa-character-story-steps i{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 13px;border-radius:18px;background:#f2f6ff;border:1px solid #dce7fb;color:#1d4e89;font-style:normal;font-weight:800;box-shadow:0 8px 20px rgba(37,99,235,.08)}.asa-character-story-steps b{display:block;color:#0f172a;font-size:16px}.asa-character-story-steps span{display:block;margin-top:6px;color:#6b7890;font-size:12px;line-height:1.55}.asa-character-story-steps .is-goal i{background:linear-gradient(145deg,#fff4cf,#fff);border-color:#ead28a;color:#8b6414}
.asa-support-story{background:linear-gradient(180deg,#f7f9fd,#fff)}.asa-support-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);gap:58px;align-items:center}.asa-support-media{position:relative;overflow:hidden;border-radius:30px;background:#fff;box-shadow:0 26px 65px rgba(15,23,42,.11);border:1px solid #e5ecf7}.asa-support-media img{display:block;width:100%;height:auto}.asa-support-copy h2{font-size:clamp(36px,4.2vw,56px);line-height:1.08;letter-spacing:-.04em;color:#0f172a;margin:16px 0 18px}.asa-support-copy>p{color:#64748b;font-size:17px;line-height:1.72}.asa-support-points{display:grid;gap:11px;margin-top:26px}.asa-support-points article{display:grid;grid-template-columns:42px 1fr;gap:13px;padding:14px 15px;border-radius:17px;border:1px solid #e5ebf5;background:rgba(255,255,255,.88);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.asa-support-points article:hover{transform:translateX(5px);border-color:#ccdafa;box-shadow:0 12px 25px rgba(15,23,42,.07)}.asa-support-points article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#eef4ff;color:#2563eb;font-size:11px;font-weight:800}.asa-support-points h3{font-size:15px;margin:0 0 4px;color:#17223b}.asa-support-points p{margin:0;color:#728096;font-size:12px;line-height:1.55}
.asa-motion-ready [data-asa-motion]{will-change:transform,opacity}
@media(max-width:1100px){.asa-story-hero{min-height:480px}.asa-story-hero-art{width:min(620px,50vw)}.asa-character-story-steps{grid-template-columns:repeat(5,190px);overflow-x:auto;justify-content:flex-start;padding-bottom:24px}.asa-character-story-steps:before{display:none}.asa-support-grid{grid-template-columns:1fr 1fr;gap:32px}}
@media(max-width:767px){.asa-hero-grid-v215a{display:flex!important;flex-direction:column}.asa-hero-copy{order:1}.asa-story-hero{order:2;min-height:0;width:100%;margin-top:0}.asa-story-hero-art{width:100%;max-width:690px}.asa-story-hero-art img{border-radius:22px;mask-image:linear-gradient(to bottom,#000 0 92%,transparent 100%)}.asa-story-orbit{display:none}.asa-story-outcome{left:10px;bottom:7px;padding:8px 10px}.asa-character-story{border-radius:22px}.asa-character-story-media{min-height:260px}.asa-character-story-media img{width:150%;max-width:none;transform:translateX(-24%) scale(1.01)}.asa-character-story-steps{grid-template-columns:repeat(5,205px);padding-left:14px;padding-right:14px}.asa-support-grid{grid-template-columns:1fr;gap:26px}.asa-support-media{border-radius:22px}.asa-support-copy h2{font-size:34px}.asa-support-points article:hover{transform:none}}
@media(max-width:430px){.asa-story-outcome{display:none}.asa-character-story-media img{width:172%;transform:translateX(-32%)}.asa-support-copy>p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.asa-story-orbit{animation:none}.asa-story-hero-art{transform:none!important;transition:none}.asa-support-points article{transition:none}}
