.platform-choice-lock{overflow:hidden}.platform-choice-overlay{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:20px;background:#030207d1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}.platform-choice-overlay.is-open{opacity:1;visibility:visible}.platform-choice-dialog{position:relative;width:min(100%,480px);padding:34px;overflow:hidden;border:1px solid #ffffff1f;border-radius:24px;background:radial-gradient(circle at 84% 12%,#8b5cf63d,transparent 34%),#0d0b12;color:#f8f7fb;box-shadow:0 34px 110px #000000b8;transform:translateY(16px) scale(.98);transition:transform .24s cubic-bezier(.2,.8,.2,1)}.platform-choice-overlay.is-open .platform-choice-dialog{transform:none}.platform-choice-close{position:absolute;top:18px;right:18px;width:38px;height:38px;border:1px solid #ffffff1f;border-radius:50%;background:#ffffff0d;color:#fff;font:400 22px/1 Inter,sans-serif;cursor:pointer}.platform-choice-close:hover{border-color:#a855f7b8;background:#a855f71f}.platform-choice-kicker{margin:0 0 13px;color:#b58afc;font:700 10px/1 Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase}.platform-choice-dialog h2{max-width:360px;margin:0;color:#fff;font:600 clamp(28px,5vw,38px)/1.06 "Space Grotesk",Inter,sans-serif;letter-spacing:-.035em}.platform-choice-copy{max-width:370px;margin:13px 0 26px;color:#9892a0;font:400 13px/1.6 Inter,sans-serif}.platform-choice-options{display:grid;gap:11px}.platform-option{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;min-height:76px;padding:13px 17px;border:1px solid #ffffff1c;border-radius:15px;background:#ffffff0b;color:#fff;text-decoration:none;transition:transform .17s ease,border-color .17s ease,background .17s ease}.platform-option:hover{transform:translateY(-2px);border-color:#a855f7c7;background:#8b5cf61a}.platform-logo-shell{display:grid;place-items:center;width:48px;height:48px;overflow:hidden;border-radius:12px;background:#202329}.platform-logo-shell.bandlab{background:#fff}.platform-logo-shell img{display:block;width:48px;height:48px;object-fit:contain}.platform-option strong{display:block;color:#fff;font:600 15px/1.2 "Space Grotesk",Inter,sans-serif}.platform-option small{display:block;margin-top:5px;color:#817b89;font:400 10px/1.2 Inter,sans-serif}.platform-option-arrow{color:#b58afc;font:400 23px/1 Inter,sans-serif}.platform-choice-note{margin:18px 0 0;color:#686270;font:400 9px/1.4 Inter,sans-serif;text-align:center}
.hero-art.product-showcase{height:650px;margin-right:0;overflow:visible}.hero-art.product-showcase .hero-product-image{width:min(100%,610px);max-width:610px;height:auto;object-fit:contain;filter:drop-shadow(0 34px 72px rgba(83,31,160,.34));animation:float 8s ease-in-out infinite}.product-showcase .hero-glow,.product-showcase .floating-pill{display:none}
.platform-compatibility{padding:78px 0;border-bottom:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 80% 50%,rgba(139,92,246,.13),transparent 34%),#09080c}.platform-compatibility-inner{display:grid;grid-template-columns:1fr 1.08fr;gap:90px;align-items:center}.platform-compatibility .eyebrow{margin-bottom:20px}.platform-compatibility h2{margin:0;font:600 clamp(38px,4vw,58px)/1.02 "Space Grotesk",Inter,sans-serif;letter-spacing:-.05em}.platform-compatibility h2 em{font-style:normal;color:transparent;background:linear-gradient(105deg,#d7b8ff,#9a56ff 45%,#6d28d9);-webkit-background-clip:text;background-clip:text}.platform-compatibility-copy>p:last-child{max-width:590px;margin:22px 0 0;color:#8e8995;font-size:14px;line-height:1.7}.platform-compatibility-options{display:grid;grid-template-columns:1fr 1fr;gap:13px}.platform-compatibility-options article{min-height:132px;padding:22px;display:grid;grid-template-columns:58px 1fr;grid-template-rows:1fr auto;gap:0 16px;align-items:center;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:linear-gradient(145deg,#ffffff09,#ffffff03);box-shadow:0 24px 60px #00000035}.platform-compatibility-options article>span{grid-row:1/3;display:grid;place-items:center;width:58px;height:58px;overflow:hidden;border-radius:14px;background:#202329}.platform-compatibility-options article>span.bandlab{background:#fff}.platform-compatibility-options img{display:block;width:58px;height:58px;object-fit:contain}.platform-compatibility-options strong{display:block;font:600 18px/1.2 "Space Grotesk",Inter,sans-serif}.platform-compatibility-options small{display:block;margin-top:6px;color:#77717f;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.platform-compatibility-options b{align-self:end;color:#ae7cff;font-size:9px;text-transform:uppercase;letter-spacing:.15em}
.checkout-card .final-product{display:block;width:210px;height:210px;margin:-118px auto 2px}.checkout-card .final-product img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 38px rgba(82,33,146,.32))}.checkout-card{margin-top:84px}.nav-cta:before{content:none}
@media(max-width:950px){.hero-art.product-showcase{height:540px;margin:0}.hero-art.product-showcase .hero-product-image{width:min(82vw,520px)}.platform-compatibility-inner{grid-template-columns:1fr;gap:36px}.platform-compatibility-options{max-width:700px}.checkout-card{margin-top:92px}}
@media(max-width:600px){.platform-choice-overlay{align-items:end;padding:12px}.platform-choice-dialog{width:100%;padding:30px 20px 22px;border-radius:22px}.platform-choice-dialog h2{padding-right:42px;font-size:30px}.platform-choice-copy{margin-bottom:21px}.platform-option{min-height:72px}.hero-art.product-showcase{width:100%;height:410px;margin:10px 0 18px;overflow:visible}.hero-art.product-showcase .hero-product-image{width:min(100%,360px);max-width:360px}.platform-compatibility{padding:64px 0}.platform-compatibility h2{font-size:40px}.platform-compatibility-options{grid-template-columns:1fr}.platform-compatibility-options article{min-height:108px;padding:18px}.checkout-card .final-product{width:180px;height:180px;margin:-106px auto 4px}.checkout-card{margin-top:82px}.nav-cta{font-size:0}.nav-cta:before{content:"SOUND LIKE A PRO";font-size:10px}}
@media(prefers-reduced-motion:reduce){.platform-choice-overlay,.platform-choice-dialog,.platform-option{transition:none}.hero-art.product-showcase .hero-product-image{animation:none}}
.steps{grid-template-columns:repeat(3,1fr)}
@media(max-width:950px){.steps{grid-template-columns:repeat(3,1fr)}.steps article:nth-child(2){border-right:1px solid var(--line)}}
@media(max-width:600px){.steps{grid-template-columns:1fr}.steps article,.steps article:nth-child(2){border-right:0}.steps article:last-child{border-bottom:0}}
