.home-stem-landing{--stem-voice:255, 184, 107;--stem-drums:124, 227, 255;--stem-bass:142, 240, 194;--stem-guitar:150, 170, 255;--stem-piano:201, 166, 255;--stem-other:95, 212, 208;--stem-solo:255, 212, 110;--stem-mute:255, 128, 112;z-index:1;width:min(var(--content-home-marketing-shell), 100%);grid-template-columns:minmax(0,1fr);gap:42px;margin:42px auto 0;display:grid;position:relative}.home-stem-landing .home-section-head{margin-bottom:30px}.home-stem-landing .home-section-head h2,.home-stem-cta h2{text-wrap:balance;max-width:22ch}.home-stem-landing h3{letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:1.18rem}.home-stem-landing p{color:var(--muted);margin:0;line-height:1.7}.home-stem-facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.home-stem-facts li{text-align:center;background:linear-gradient(#0c1421e6,#080e18b8);border:1px solid #bccde31f;border-radius:22px;justify-items:center;gap:4px;padding:18px 12px;display:grid;container-type:inline-size}.home-stem-facts strong{background:linear-gradient(90deg, rgb(var(--stem-voice)), var(--accent));color:#0000;font-size:min(clamp(2rem, 4vw, 2.7rem), calc(100cqi / (var(--fact-chars,3) * .66)));letter-spacing:-.04em;white-space:nowrap;-webkit-background-clip:text;background-clip:text;font-weight:800;line-height:1}.home-stem-facts span{color:var(--muted);font-size:.9rem}.stem-demo{gap:16px;display:grid}.stem-demo-songs{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.stem-demo-song{min-width:0;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:#080e18b3;border:1px solid #bccde324;border-radius:18px;align-content:start;gap:4px;padding:16px 18px;transition:border-color .16s,background-color .16s,box-shadow .16s;display:grid}.stem-demo-song:hover{border-color:#7ce3ff57}.stem-demo-song.active{background:linear-gradient(160deg,#7ce3ff24,#080e18db 70%);border-color:#7ce3ff99;box-shadow:inset 0 0 0 1px #7ce3ff29,0 18px 40px #0000004d}.stem-demo-song:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.stem-demo-song-genre{color:rgb(var(--stem-voice));letter-spacing:.12em;text-transform:uppercase;background:#ffb86b1a;border:1px solid #ffb86b57;border-radius:999px;justify-self:start;margin-bottom:6px;padding:3px 10px;font-size:.72rem;font-weight:700}.stem-demo-song-title{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;overflow:hidden}.stem-demo-song-artist,.stem-demo-song-instruments{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;overflow:hidden}.stem-demo-song-instruments{opacity:.85;font-size:.8rem}.stem-demo-deck{--lane-pad:12px;--lane-name-col:clamp(96px, calc(var(--lane-name-chars,8) * .68 * .95rem), 132px);--lane-head:calc(40px + var(--lane-name-col) + 64px + 30px);--part-indent:14px;background:radial-gradient(120% 80% at 0 0,#ffb86b12,#0000 55%),radial-gradient(120% 90% at 100% 100%,#7ce3ff14,#0000 55%),linear-gradient(#0a121ff5,#060b14f0);border:1px solid #bccde324;border-radius:24px;gap:14px;padding:18px;display:grid;box-shadow:0 30px 80px #0000006b,inset 0 0 0 1px #ffffff05}.stem-demo-transport{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.stem-demo-play{background:linear-gradient(135deg, rgb(var(--stem-voice)), var(--accent));color:#08111d;cursor:pointer;border:0;border-radius:50%;place-items:center;width:58px;height:58px;padding:0;transition:transform .14s,box-shadow .14s;display:grid;box-shadow:0 10px 30px #7ce3ff3d}.stem-demo-play:hover{transform:scale(1.05);box-shadow:0 12px 36px #7ce3ff57}.stem-demo-play:focus-visible{outline:2px solid var(--text);outline-offset:3px}.stem-demo-play svg{fill:currentColor;width:26px;height:26px}.stem-demo-spinner{border:3px solid #08111d40;border-top-color:#08111d;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite stem-demo-spin}@keyframes stem-demo-spin{to{transform:rotate(360deg)}}.stem-demo-now{gap:4px;min-width:0;display:grid}.stem-demo-now strong{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:1.1rem;overflow:hidden}.stem-demo-now>span{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:.9rem;display:flex}.stem-demo-chip{color:var(--text);font-variant-numeric:tabular-nums;background:#ffffff0a;border:1px solid #bccde32e;border-radius:999px;padding:2px 8px;font-size:.76rem}.stem-demo-time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.92rem}.stem-demo-presets{flex-wrap:wrap;gap:8px;display:flex}.stem-demo-presets button{color:var(--text);font:inherit;cursor:pointer;background:#ffffff08;border:1px solid #bccde32e;border-radius:999px;padding:8px 14px;font-size:.88rem;transition:border-color .14s,background-color .14s,color .14s}.stem-demo-presets button:hover{border-color:#7ce3ff66}.stem-demo-presets button.active{color:#dff8ff;background:#7ce3ff29;border-color:#7ce3ffb3}.stem-demo-status{min-height:0;font-size:.86rem}.stem-demo-status:empty{display:none}.stem-demo-lanes-wrap{position:relative}.stem-demo-lanes{gap:6px;margin:0;padding:0;list-style:none;display:grid}.stem-demo-lane{--lane-color:var(--stem-other);--stem-demo-level:0;grid-template-columns:40px var(--lane-name-col) 64px minmax(0, 1fr);padding:6px var(--lane-pad);background:#ffffff05;border:1px solid #bccde314;border-radius:14px;align-items:center;column-gap:10px;transition:background-color .16s,border-color .16s;display:grid}.stem-demo-lane-vocals{--lane-color:var(--stem-voice)}.stem-demo-lane-drums{--lane-color:var(--stem-drums)}.stem-demo-lane-bass{--lane-color:var(--stem-bass)}.stem-demo-lane-guitar{--lane-color:var(--stem-guitar)}.stem-demo-lane-piano{--lane-color:var(--stem-piano)}.stem-demo-lane.soloed{border-color:rgba(var(--stem-solo), .4);background:rgba(var(--stem-solo), .05)}.stem-demo-lane-icon{background:radial-gradient(circle at 50% 50%, rgba(var(--lane-color), .16), transparent 70%);width:40px;height:40px;box-shadow:0 0 calc(4px + var(--stem-demo-level) * 22px) rgba(var(--lane-color), calc(.12 + var(--stem-demo-level) * .5));color:rgb(var(--lane-color));transform:scale(calc(1 + var(--stem-demo-level) * .08));border-radius:50%;place-items:center;transition:opacity .16s;display:grid}.stem-demo-lane-icon svg{fill:currentColor;width:22px;height:22px}.stem-demo-lane-name{-webkit-line-clamp:2;font-size:max(.7rem, min(.95rem, calc((var(--lane-name-col) - 2px) / (var(--lane-chars,6) * .68))));-webkit-box-orient:vertical;font-weight:600;line-height:1.15;transition:opacity .16s,color .16s;display:-webkit-box;overflow:hidden}.stem-demo-lane.soloed .stem-demo-lane-name{color:rgb(var(--stem-solo))}.stem-demo-lane-toggle{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-items:start;gap:1px;padding:0;display:grid}.stem-demo-lane-toggle .stem-demo-lane-name{max-width:100%}.stem-demo-lane-parts{color:rgb(var(--lane-color));white-space:nowrap;align-items:center;gap:3px;font-size:.7rem;font-weight:700;display:inline-flex}.stem-demo-lane-parts svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:9px;height:9px;transition:transform .16s}.stem-demo-lane-toggle[aria-expanded=true] .stem-demo-lane-parts svg{transform:rotate(180deg)}.stem-demo-lane-toggle:hover .stem-demo-lane-parts,.stem-demo-lane-toggle:focus-visible .stem-demo-lane-parts{text-underline-offset:2px;text-decoration:underline}.stem-demo-lane.part{grid-template-columns:calc(40px - var(--part-indent)) var(--lane-name-col) 64px minmax(0, 1fr);margin-left:var(--part-indent);border-color:rgba(var(--lane-color), .12);background:rgba(var(--lane-color), .025);box-shadow:inset 2px 0 0 rgba(var(--lane-color), .5);padding-block:3px;animation:.2s both stem-demo-part-in}.stem-demo-lane.part .stem-demo-lane-icon{justify-self:center;width:24px;height:24px}.stem-demo-lane.part .stem-demo-lane-icon svg{width:13px;height:13px}.stem-demo-lane.part .stem-demo-lane-name{font-size:max(.66rem, min(.86rem, calc((var(--lane-name-col) - 2px) / (var(--lane-chars,6) * .68))));font-weight:500}.stem-demo-lane.part .stem-demo-wave{height:32px}.stem-demo-lane.pending .stem-demo-wave{opacity:.45}@keyframes stem-demo-part-in{0%{opacity:0;transform:translateY(-4px)}}.stem-demo-lane-buttons{gap:6px;display:flex}.stem-demo-lane-buttons button{width:29px;height:29px;color:var(--muted);font:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #bccde333;border-radius:8px;place-items:center;padding:0;font-size:.78rem;font-weight:800;transition:background-color .12s,border-color .12s,color .12s;display:grid}.stem-demo-lane-buttons button:disabled{cursor:wait;opacity:.4}.stem-demo-lane-buttons button:hover:not(:disabled):not([aria-pressed=true]){color:var(--text);border-color:#bccde366}.stem-demo-lane-buttons button[aria-pressed=true]:hover{filter:brightness(1.08)}.stem-demo-solo[aria-pressed=true]{border-color:rgb(var(--stem-solo));background:rgb(var(--stem-solo));color:#1b1405}.stem-demo-mute[aria-pressed=true]{border-color:rgb(var(--stem-mute));background:rgb(var(--stem-mute));color:#200806}.stem-demo-wave{cursor:pointer;height:42px;position:relative}.stem-demo-wave svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.stem-demo-wave path{fill:none;stroke-width:.62px;stroke-linecap:round}.stem-demo-wave-base path{stroke:rgba(var(--lane-color), .32)}.stem-demo-wave-played{clip-path:inset(0 calc((1 - var(--stem-demo-progress)) * 100%) 0 0)}.stem-demo-wave-played path{stroke:rgb(var(--lane-color));filter:drop-shadow(0 0 3px rgba(var(--lane-color), .4))}.stem-demo-lane.silent .stem-demo-wave,.stem-demo-lane.silent .stem-demo-lane-icon,.stem-demo-lane.silent .stem-demo-lane-name{opacity:.3}.stem-demo-playhead{top:2px;bottom:2px;left:calc(var(--lane-pad) + var(--lane-head) + (100% - 2 * var(--lane-pad) - var(--lane-head)) * var(--stem-demo-progress));pointer-events:none;background:#ffffffd9;border-radius:2px;width:2px;position:absolute;transform:translate(-1px);box-shadow:0 0 10px #7ce3ffb3}.stem-demo-seek-row{padding:0 var(--lane-pad) 0 calc(var(--lane-pad) + var(--lane-head))}.stem-demo-seek{cursor:pointer;touch-action:none;background:#bccde324;border-radius:999px;height:6px;position:relative}.stem-demo-seek:before{content:"";position:absolute;inset:-9px 0}.stem-demo-seek:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.stem-demo-seek-fill{width:calc(var(--stem-demo-progress) * 100%);border-radius:inherit;background:linear-gradient(90deg, rgb(var(--stem-voice)), var(--accent));position:absolute;inset:0 auto 0 0}.home-stem-landing .stem-demo-note{margin:0;font-size:.8rem;line-height:1.5}.stem-demo-artist{color:inherit;text-decoration:none}.stem-demo-artist:hover,.stem-demo-license:hover{color:var(--text);text-underline-offset:3px;text-decoration:underline}.stem-demo-license{color:inherit;opacity:.75;font-size:.74rem;text-decoration:none}.home-stem-step-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid;position:relative}.home-stem-step-grid:before{content:"";background:linear-gradient(90deg,#0000,#ffb86b59,#7ce3ff59,#0000);height:1px;position:absolute;top:37px;left:16%;right:16%}.home-stem-step{text-align:center;align-content:start;justify-items:center;gap:12px;padding:0 8px;display:grid;position:relative}.home-stem-step-index{width:54px;height:54px;color:var(--text);letter-spacing:.08em;background:radial-gradient(circle at 30% 30%,#7ce3ff38,#080e18f5 70%);border:1px solid #7ce3ff57;border-radius:50%;place-items:center;margin:10px 0 6px;font-size:.92rem;font-weight:700;display:grid;box-shadow:0 0 24px #7ce3ff24}.home-stem-card-icon{width:46px;height:46px;color:var(--accent);background:#7ce3ff14;border:1px solid #7ce3ff3d;border-radius:14px;place-items:center;display:grid}.home-stem-card-icon svg{fill:currentColor;width:22px;height:22px}.home-stem-deeper-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.home-stem-deeper-card{background:linear-gradient(#0c1421e6,#080e18b8);border:1px solid #bccde31f;border-radius:20px;grid-template-rows:auto auto 1fr auto;gap:12px;padding:20px;display:grid}.home-stem-deeper-vocals .home-stem-card-icon{color:rgb(var(--stem-voice));background:#ffb86b1a;border-color:#ffb86b4d}.home-stem-parts{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.home-stem-parts li{background:#ffffff0a;border:1px solid #bccde329;border-radius:999px;padding:4px 10px;font-size:.8rem}.home-stem-tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.home-stem-tool{background:#080e18b3;border:1px solid #bccde31f;border-radius:20px;align-content:start;gap:12px;padding:20px;display:grid}.home-stem-tool-icon{width:46px;height:46px;color:var(--accent-2);background:#8ef0c214;border:1px solid #8ef0c242;border-radius:14px;place-items:center;display:grid}.home-stem-tool-icon svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.home-stem-use-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.home-stem-use{background:#080e18b3;border:1px solid #bccde31f;border-radius:20px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:16px;padding:20px;display:grid}.home-stem-use>div{gap:6px;display:grid}.home-stem-format-list{flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 24px;padding:0;list-style:none;display:flex}.home-stem-format-list li{text-align:center;background:#080e18b3;border:1px solid #bccde324;border-radius:16px;gap:2px;min-width:150px;padding:12px 16px;display:grid}.home-stem-format-list strong{letter-spacing:.04em;font-size:1.05rem}.home-stem-format-list span{color:var(--muted);font-size:.82rem}.home-stem-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.home-stem-plan{background:#080e18b3;border:1px solid #bccde324;border-radius:20px;align-content:start;gap:14px;padding:22px;display:grid}.home-stem-plan.unlimited{background:linear-gradient(160deg,#7ce3ff1f,#080e18db 70%);border-color:#7ce3ff66}.home-stem-plan ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.home-stem-plan li{color:var(--muted);padding-left:26px;line-height:1.5;position:relative}.home-stem-plan li:before{content:"";border-bottom:2px solid var(--accent-2);border-left:2px solid var(--accent-2);width:12px;height:7px;position:absolute;top:.38em;left:2px;transform:rotate(-45deg)}.home-stem-plan-note{text-align:center;margin-top:18px!important}.home-stem-plan-note a{color:var(--accent);font-weight:600}.home-stem-cta .download-button{font-weight:700}@media (max-width:1080px){.home-stem-deeper-grid,.home-stem-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-stem-deeper-card:last-child:nth-child(odd){grid-column:1/-1}}@media (max-width:860px){.stem-demo-songs{grid-template-columns:1fr}.stem-demo-song{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:12px;padding:12px 14px}.stem-demo-song-genre{grid-row:1/span 3;margin:0}.stem-demo-song-instruments{display:none}}@media (max-width:720px){.home-stem-landing{gap:28px;margin-top:28px}.home-stem-facts,.home-stem-deeper-grid,.home-stem-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-stem-deeper-card,.home-stem-tool{padding:16px}.home-stem-step-grid,.home-stem-use-grid,.home-stem-plan-grid{grid-template-columns:1fr}.home-stem-step-grid{gap:24px}.home-stem-step-grid:before{display:none}.stem-demo-deck{--lane-pad:8px;--lane-name-col:clamp(56px, calc(var(--lane-name-chars,8) * .68 * .82rem), 84px);--lane-head:calc(30px + var(--lane-name-col) + 64px + 6px);--part-indent:8px;border-radius:18px;padding:12px}.stem-demo-lane{grid-template-columns:30px var(--lane-name-col) 64px minmax(0, 1fr);column-gap:2px}.stem-demo-lane.part{grid-template-columns:calc(30px - var(--part-indent)) var(--lane-name-col) 64px minmax(0, 1fr)}.stem-demo-lane.part .stem-demo-lane-icon{width:20px;height:20px}.stem-demo-lane.part .stem-demo-lane-name{font-size:max(.6rem, min(.78rem, calc((var(--lane-name-col) - 2px) / (var(--lane-chars,6) * .68))))}.stem-demo-lane-parts{font-size:.64rem}.stem-demo-lane-icon{width:30px;height:30px}.stem-demo-lane-icon svg{width:17px;height:17px}.stem-demo-lane-name{font-size:max(.6rem, min(.82rem, calc((var(--lane-name-col) - 2px) / (var(--lane-chars,6) * .68))))}.stem-demo-lane-buttons{gap:4px}.stem-demo-lane-buttons button{width:27px;height:27px}.stem-demo-play{width:50px;height:50px}}@media (max-width:480px){.home-stem-deeper-grid,.home-stem-tool-grid{grid-template-columns:1fr}.stem-demo-time{grid-area:2/2;font-size:.82rem}.stem-demo-transport{grid-template-rows:auto auto;row-gap:2px}.stem-demo-play{grid-row:1/span 2}}@media (prefers-reduced-motion:reduce){.stem-demo-song,.stem-demo-play,.stem-demo-presets button,.stem-demo-lane,.stem-demo-lane-icon{transition:none}.stem-demo-lane-icon{transform:none}.stem-demo-lane.part{animation:none}.stem-demo-spinner{animation-duration:2s}}.home-stem-landing :is(h2,h3){overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}