.v5b{padding-bottom:0}
.v5b .open-hero{min-height:740px}
.product-stage{background:#30233f;position:relative;overflow:hidden;display:grid;place-items:center;perspective:1300px;padding:46px 48px 64px;isolation:isolate}
.product-cascade{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;width:100%;max-width:580px;transform:rotate(-5deg);transform-style:preserve-3d}
.product-tile{display:block;padding:16px 19px 12px;background:#f1e7f5;color:#3a2748;text-decoration:none;border-radius:12px;box-shadow:0 15px 28px #170c2838;transform-origin:50% 70%;will-change:transform;position:relative}
.product-tile:nth-child(even){top:28px;background:#e0cfeb}
.product-tile>span{font:600 17px/1.3 Manrope,sans-serif;display:block;letter-spacing:-.015em;margin-bottom:7px}
.product-tile svg{height:94px;width:100%;fill:none;stroke:#8b6a9e;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.product-tile svg text{font:10px Manrope;stroke:none;fill:#503a60}
.product-tile .preview-strong{stroke:#734c8c;stroke-width:2.5}
.product-tile .preview-alt{stroke:#ba7853;stroke-width:2}
.product-tile .preview-area{fill:#ac8bc22b;stroke:none}
.product-tile .preview-highlight{fill:#b7a0c868;stroke:none}
.product-tile circle{fill:#a684be;stroke:#79548f}
.tile-flow{background:#fff8fc}
.tile-learning{background:#e6ddec}
.product-tile:hover{background:#fff9ff;box-shadow:0 19px 35px #140b264d}
.product-tile:focus-visible{outline:3px solid #f1a278;outline-offset:5px}
.v5b .flow-demo-body{min-height:650px}
.v5b .node-info-panel{will-change:transform,opacity}
@media(min-width:1600px){.v5b .open-hero{min-height:810px}.product-stage{padding:50px 70px 80px}.product-tile svg{height:105px}.product-tile{padding:18px 22px 15px}}
@media(max-width:1150px){.product-stage{padding:38px 28px 65px}.product-cascade{gap:16px}.product-tile{padding:14px 14px 10px}.product-tile svg{height:80px}.product-tile>span{font-size:16px}.v5b .open-hero{min-height:680px}}
@media(max-width:780px){.product-stage{min-height:660px;padding:40px 35px 65px}.product-cascade{max-width:500px}.product-tile svg{height:90px}.v5b .open-hero{padding-bottom:0}.v5b .flow-demo-body{min-height:0}}
@media(prefers-reduced-motion:reduce){.product-tile,.v5b .node-info-panel{will-change:auto}}

/* Full-width surfaces; a single content inset shared by every chapter. */
.v5b{--content-inset:max(6vw,calc((100% - 1400px)/2))}
.v5b main,.v5b .variation-nav,.v5b .complete-footer{max-width:none;width:100%;margin-inline:0}
.v5b .variation-nav,.v5b main>section,.v5b .complete-footer{padding-inline:var(--content-inset)}
.v5b .open-hero{margin:0;position:relative;isolation:isolate}
.v5b .open-hero::before{content:"";position:absolute;inset:0 0 0 calc(var(--content-inset) + (100% - 2 * var(--content-inset)) * .46);background:#30233f;z-index:-1}
.v5b .open-hero>.studio-intro{padding:85px 10% 70px 0}
.v5b .product-stage{background:transparent;padding-inline:36px}
@media(max-width:780px){
 .v5b .open-hero::before{display:none}
 .v5b .open-hero>.studio-intro{padding:15px 0 40px}
 .v5b .product-stage{background:#30233f}
}