/* Detailed visual compositions replace the generic standalone-symbol panels. */
.visual-scene{position:relative;min-width:0;height:390px;overflow:hidden;border-radius:16px;background:#181724;isolation:isolate;container-type:inline-size}.visual-scene:before{content:'';position:absolute;width:380px;height:380px;border-radius:50%;background:#9d80c21c;filter:blur(40px);top:-200px;left:-120px}.scene-stage{position:absolute;left:50%;top:48%;width:540px;height:340px;transform:translate(-50%,-50%) scale(.95);transform-origin:center}.scene-caption{position:absolute;bottom:15px;left:20px;right:20px;display:flex;justify-content:space-between;gap:12px;font:8px/1.4 Inter,sans-serif;color:#968da8;letter-spacing:.1em}.scene-window{border-radius:15px;border:1px solid #ffffff1c;box-shadow:0 20px 50px #0005;overflow:hidden;background:#f6f3f8;color:#211c2c;position:absolute}.scene-window-bar{height:27px;padding:0 13px;display:flex;align-items:center;gap:4px;border-bottom:1px solid #ded7e5;background:#ece7f0}.scene-window-bar>i{width:4px;height:4px;border-radius:50%;background:#9e8bae}.scene-window-bar>span{font-size:6px;letter-spacing:.15em;margin-left:8px;color:#8a7b97}.scene-window-bar>b{margin-left:auto;font-size:11px;color:#8a7b97;font-weight:400}.scene-web{inset:18px 25px 18px 5px;transform:rotate(-4deg)}.scene-web-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px}.scene-web-nav>b{font-size:14px;letter-spacing:-.04em}.scene-web-nav>b>span{font-size:8px;margin-left:3px}.scene-web-nav>span{font-size:7px;color:#8b7c98}.scene-web-body{display:grid;grid-template-columns:1.15fr .85fr;gap:10px;padding:0 20px 20px}.scene-web-body>div>p{font-size:6px;letter-spacing:.13em;color:#8b729d;margin:12px 0 13px}.scene-web-body h3{font:500 33px/.98 Inter,sans-serif!important;letter-spacing:-.06em!important;margin:0 0 20px!important;color:#2a2033!important}.scene-web-body h3 em{font-family:Zodiak,Georgia,serif;font-weight:300;color:#8963b0}.scene-faux-button{font-size:7px;background:#b899dc;color:#30213d;border-radius:20px;padding:9px 12px;display:inline-block}.scene-web-image{border-radius:60px 60px 12px 12px;overflow:hidden;height:170px;background:#201b29}.scene-web-image img{width:100%;height:100%;object-fit:cover;object-position:50% 35%}.scene-web-tiles{display:flex;gap:6px;padding:12px 20px;border-top:1px solid #e1d9e9;font-size:6px;color:#867091;justify-content:space-between}.scene-floating{position:absolute;z-index:2;border:1px solid #ffffff28;box-shadow:0 14px 28px #0004;border-radius:12px;background:#d7c2ef;color:#31203e;padding:16px;transform:rotate(7deg)}.scene-responsive{right:0;bottom:4px;width:145px}.scene-responsive>span,.scene-floating>span{font-size:7px;letter-spacing:.1em;display:block;margin-bottom:12px}.scene-responsive>div{display:flex;align-items:end;justify-content:center;gap:10px;height:45px}.scene-responsive i,.scene-responsive b,.scene-responsive em{display:block;border:1.5px solid #6a4b83;border-radius:3px;background:#b89cd8}.scene-responsive i{width:60px;height:39px}.scene-responsive b{width:24px;height:32px}.scene-responsive em{width:14px;height:24px}.scene-card{border-radius:14px;border:1px solid #ffffff20;background:#262334;color:#e7dfef;padding:20px;box-shadow:0 12px 25px #0002}.scene-eyebrow{display:block;font-size:7px;letter-spacing:.13em;color:#ae98c1;margin-bottom:13px}.scene-agent-board{padding:3px 20px}.scene-agent-input{width:78%;margin:auto;transform:rotate(-3deg);background:#ddd0ee;color:#33233f}.scene-agent-input .scene-eyebrow{color:#8d6da3}.scene-agent-input h3{font:500 24px/1.1 Inter,sans-serif!important;letter-spacing:-.035em!important;margin:0 0 12px!important}.scene-files{display:flex;gap:6px}.scene-tag{display:inline-block;padding:5px 8px;border:1px solid #9d83b24d;border-radius:4px;font:7px/1.4 Inter,sans-serif;color:#8e70a4}.scene-agent-connector{height:27px;display:grid;place-items:center;color:#c6aadf;font-size:18px}.scene-agent-core{display:flex;gap:16px;align-items:center;padding:18px 22px;background:#282738}.scene-agent-core>img{width:39px;height:39px;border-radius:50%}.scene-agent-core h3{font:500 19px/1.2 Inter,sans-serif!important;letter-spacing:-.035em!important;color:#eee6f5;margin:0!important}.scene-agent-core .scene-eyebrow{margin-bottom:7px}.scene-pulse{width:7px;height:7px;background:#9bd6df;box-shadow:0 0 20px #9bd6df66;border-radius:50%;margin-left:auto}.scene-agent-outputs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.scene-agent-outputs>.scene-card{padding:15px 18px}.scene-agent-outputs span{font-size:7px;color:#a58dbb;letter-spacing:.1em}.scene-agent-outputs p{font:400 13px/1.5 Inter,sans-serif!important;color:#d0c4dd!important;margin:9px 0 0!important}.scene-search-window{inset:20px 25px 30px 0;transform:rotate(-3deg)}.scene-search-input{margin:20px;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e4dce9;border-radius:20px;padding:9px 14px}.scene-search-input span{font-size:20px;color:#a98ac1}.scene-search-input strong{font-size:11px;font-weight:400;color:#7b6889}.scene-search-result{padding:0 25px}.scene-search-result>span{font-size:7px;color:#8f709e;letter-spacing:.12em}.scene-search-result h3{font:500 26px/1.08 Inter,sans-serif!important;letter-spacing:-.05em!important;color:#50366b!important;max-width:360px;margin:13px 0!important}.scene-search-result p{font:400 11px/1.65 Inter,sans-serif!important;color:#8e7e97!important;max-width:330px;margin:0 0 14px!important}.scene-search-result>div{display:flex;gap:6px}.scene-search-bottom{display:flex;gap:25px;border-top:1px solid #e5deeb;margin-top:20px;padding:15px 25px}.scene-search-bottom span{font-size:6px;letter-spacing:.12em;color:#ac97ba;display:block;margin-bottom:7px}.scene-search-bottom b{font-size:10px;font-weight:500;color:#6c537c}.scene-search-note{right:0;bottom:7px;width:180px;background:#c2dce4}.scene-floating>strong{font-size:18px;line-height:1.2;font-weight:500;letter-spacing:-.03em}.scene-plan-window{inset:10px 15px 25px 0;transform:rotate(-3deg);background:#e3d9ee}.scene-plan-title{padding:20px 23px}.scene-plan-title>span{font-size:7px;letter-spacing:.12em;color:#90739f}.scene-plan-title h3{font:500 31px/1.05 Inter,sans-serif!important;letter-spacing:-.055em!important;margin:10px 0 0!important;color:#2e203b!important}.scene-plan-title em{font-family:Zodiak,Georgia,serif;font-weight:300;color:#72558e}.scene-plan-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 20px 25px}.scene-plan-columns>div{min-height:120px;background:#f4eff9;border-radius:9px;padding:14px 10px}.scene-plan-columns b{font-size:6px;letter-spacing:.06em;display:block;color:#ac92c2;font-weight:500;margin-bottom:15px}.scene-plan-columns span{display:block;margin-top:8px;padding:10px 7px;background:#e7dbf3;font-size:9px;border-radius:4px;color:#79608d}.scene-plan-columns>div:nth-child(2) span{background:#d7e6ed;color:#5f7a88}.scene-plan-note{right:0;bottom:-3px;background:#2c253e;color:#bca5d5;width:190px;transform:rotate(5deg)}.scene-studio-collage{position:relative;width:100%;height:100%}.scene-poster{position:absolute;border-radius:12px;overflow:hidden;box-shadow:0 18px 35px #0004}.scene-poster-back{width:235px;height:290px;background:#bca0df;padding:22px;left:30px;top:5px;transform:rotate(-11deg);color:#33213f}.scene-poster-back>span{font-size:7px;letter-spacing:.13em}.scene-poster-back>strong{font:500 61px/.88 Inter,sans-serif;letter-spacing:-.07em;display:block;margin-top:28px}.scene-poster-back em{font-family:Zodiak,Georgia,serif;font-weight:300}.scene-poster-back small{font-size:6px;letter-spacing:.13em;display:block;margin-top:24px}.scene-poster-front{width:230px;height:285px;right:35px;top:18px;transform:rotate(7deg);background:#211c2c}.scene-poster-front>img{width:100%;height:100%;object-fit:cover;opacity:.8}.scene-poster-front>div{position:absolute;inset:0;padding:22px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(transparent 20%,#13101bbb);color:#f4e6f5}.scene-poster-front span{font-size:7px;letter-spacing:.1em}.scene-poster-front strong{font:500 38px/.95 Inter,sans-serif;letter-spacing:-.05em}.scene-poster-front em{font-family:Zodiak,Georgia,serif;font-weight:300;color:#edc1d7}.scene-studio-rail{position:absolute;bottom:2px;left:25px;right:25px;height:57px;border-radius:10px;background:#282235e8;box-shadow:0 10px 25px #0004;display:flex;align-items:center;justify-content:center;gap:4px;padding:10px 15px}.scene-studio-rail i{height:var(--bar);width:3px;border-radius:5px;background:#b194ce}.scene-studio-rail span{font-size:7px;letter-spacing:.08em;color:#ae9bbf;margin-left:16px}.scene-secure-window{inset:10px 20px 5px 5px;transform:rotate(-3deg);background:#252536;color:#dfd5ec}.scene-secure-window .scene-window-bar{background:#303043;border-color:#ffffff12}.scene-secure-head{display:flex;gap:20px;align-items:center;padding:20px 24px}.scene-secure-head img{width:85px;height:105px;object-fit:cover;border-radius:12px}.scene-secure-head span{font-size:7px;color:#a48bc0;letter-spacing:.12em}.scene-secure-head h3{font:500 30px/1.06 Inter,sans-serif!important;margin:12px 0 0!important;letter-spacing:-.05em!important;color:#eee4f7!important}.scene-secure-head em{font:300 30px/1.06 Zodiak,Georgia,serif;color:#a5dce4}.scene-security-rows{padding:0 23px 20px}.scene-security-rows>div{display:flex;gap:12px;align-items:center;border-top:1px solid #ffffff16;padding:13px 0}.scene-security-rows i{font-size:8px;font-style:normal;color:#917ca6}.scene-security-rows strong{font-size:11px;font-weight:400;color:#d2c6dd}.scene-security-rows span{font-size:6px;margin-left:auto;color:#90b6bc;letter-spacing:.07em}.scene-learning{position:relative;width:100%;height:100%}.scene-course-card{position:absolute;border-radius:16px;box-shadow:0 18px 35px #0005;overflow:hidden}.scene-course-back{left:25px;top:10px;width:245px;height:280px;padding:24px;background:#c2a7e3;transform:rotate(-9deg);color:#372349}.scene-course-back>span{font-size:7px;letter-spacing:.12em}.scene-course-back>strong{font:500 49px/.96 Inter,sans-serif;letter-spacing:-.06em;display:block;margin-top:42px}.scene-course-back em{font-family:Zodiak,Georgia,serif;font-weight:300}.scene-course-back>div{display:flex;gap:4px;flex-wrap:wrap;margin-top:30px}.scene-course-front{right:35px;top:10px;width:245px;background:#f5f0fa;transform:rotate(8deg)}.scene-course-cover{height:160px;position:relative;overflow:hidden;background:#211b2a}.scene-course-cover img{width:100%;height:100%;object-fit:cover;object-position:center 35%;opacity:.8}.scene-course-cover>span{position:absolute;left:18px;bottom:14px;color:#eadcf7;font-size:7px;letter-spacing:.16em}.scene-course-info{padding:19px;color:#3e2d4b}.scene-course-info>span{font-size:6px;color:#9b83b0;letter-spacing:.1em}.scene-course-info>strong{display:block;font:500 23px/1.1 Inter,sans-serif;letter-spacing:-.04em;margin:10px 0 17px}.scene-course-info>div{border-top:1px solid #e0d5e9;display:flex;gap:10px;align-items:center;padding-top:12px}.scene-course-info i{font-size:7px;font-style:normal;color:#a88cbd}.scene-course-info>div>span{font-size:8px;color:#7f668e}.scene-course-info b{font-size:13px;margin-left:auto;color:#a285b5;font-weight:400}
.xp-panel>.visual-scene{height:100%;min-height:390px;border-radius:0}.xp-panel>.visual-scene .scene-caption{font-size:6px}.xp-panel>.visual-scene .scene-stage{transform:translate(-50%,-50%) scale(.72)}
@container(max-width:550px){.scene-stage{transform:translate(-50%,-50%) scale(.84)}}
@container(max-width:460px){.scene-stage{transform:translate(-50%,-50%) scale(.7)}}
@container(max-width:360px){.scene-stage{transform:translate(-50%,-50%) scale(.58)}}
/* Artwork-first expandable showcase cards, using the approved ARDI portraits. */
.route-main .ardi-directory{align-items:start}.route-main .ardi-directory-card.ardi-showcase{display:block;padding:10px;background:#f4eff8;border:1px solid #e4daec;border-radius:26px;box-shadow:0 10px 30px #32223e0a;margin-top:0;overflow:hidden}
.ardi-showcase summary{cursor:pointer;list-style:none}.ardi-showcase summary::-webkit-details-marker{display:none}.ardi-showcase-cover{position:relative;border-radius:19px;overflow:hidden;background:#11121c}.route-main .ardi-showcase img{height:390px;margin:0;border-radius:0;object-fit:cover}.ardi-showcase-caption{position:absolute;left:0;right:0;bottom:0;padding:65px 25px 23px;background:linear-gradient(transparent,#0b0913e6)}.route-main .ardi-showcase-caption h3{color:#fff;font:300 43px/1.06 Zodiak,Georgia,serif;letter-spacing:-.05em;margin:10px 0 0}.ardi-showcase-caption .route-number{color:#b7dbe5;font-size:9px;letter-spacing:.08em}.ardi-showcase-toggle{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:55px;padding:14px 16px 5px;font-size:12px;color:#766183}.ardi-showcase-toggle b{font-size:25px;font-weight:400;line-height:1;color:#9e7eb6;transition:transform .25s}.ardi-showcase[open] .ardi-showcase-toggle b{transform:rotate(45deg)}.ardi-showcase-details{padding:18px 16px 20px;border-top:1px solid #e0d6e9;margin-top:12px;animation:showcase-enter .3s ease}.route-main .ardi-showcase-details p{font-size:15px;line-height:1.8;color:#786782;margin:0 0 12px}.route-main .ardi-showcase-details .text-link{font-size:12px;margin-top:0}.ardi-showcase summary:focus-visible{outline:2px solid #af8aff;outline-offset:3px;border-radius:19px}@keyframes showcase-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:767px){.visual-scene{height:240px;border-radius:12px}.scene-stage{transform:translate(-50%,-50%) scale(.61)}.scene-caption{font-size:6px;left:14px;right:14px;bottom:10px}.xp-panel>.visual-scene{height:200px;min-height:200px;order:-1}.xp-panel>.visual-scene .scene-stage{transform:translate(-50%,-50%) scale(.52)}.xp-panel>.visual-scene .scene-caption{font-size:5px}.route-main .ardi-directory-card.ardi-showcase{padding:6px;border-radius:18px}.ardi-showcase-cover{border-radius:13px}.route-main .ardi-showcase img{height:220px}.ardi-showcase-caption{padding:40px 12px 14px}.route-main .ardi-showcase-caption h3{font-size:28px;margin-top:7px}.ardi-showcase-caption .route-number{font-size:7px;line-height:1.5}.ardi-showcase-toggle{min-height:48px;padding:10px 8px 5px;gap:6px;font-size:10px}.ardi-showcase-toggle b{font-size:20px}.ardi-showcase-details{padding:13px 8px 14px;margin-top:8px}.route-main .ardi-showcase-details p{font-size:12px;line-height:1.7}.route-main .ardi-showcase-details .text-link{font-size:11px;line-height:1.5}}
@media(max-width:359px){.scene-stage{transform:translate(-50%,-50%) scale(.51)}.xp-panel>.visual-scene .scene-stage{transform:translate(-50%,-50%) scale(.46)}.route-main .ardi-showcase img{height:190px}.route-main .ardi-showcase-caption h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){.ardi-showcase-details{animation:none}.ardi-showcase-toggle b{transition:none}}