/* SoniqBrand v5.7.0 - Arrangement / Song Architecture */
.sbar{--ar-bg:#f5f6fb;--ar-panel:#fff;--ar-soft:#eef0f7;--ar-text:#171626;--ar-muted:#74798c;--ar-line:#e4e7f1;--ar-cyan:#00c2ff;--ar-violet:#6d5dfc;--ar-purple:#9c48ff;--ar-pink:#dd08d9;--ar-blue:#1747d5;--ar-deep:#0437bf;position:relative;overflow:clip;background:var(--ar-bg);color:var(--ar-text);font-family:var(--sb-font,Manrope,sans-serif)}
html[data-theme="dark"] .sbar{--ar-bg:#090d19;--ar-panel:#111728;--ar-soft:#171d31;--ar-text:#eaf0ff;--ar-muted:#9da8c4;--ar-line:#26304a}.sbar *{box-sizing:border-box}.sbar img{max-width:100%;display:block}.sbar button,.sbar a{font:inherit}.sbar-wrap{width:min(95%,1600px);margin:0 auto}.sbar-skip{position:fixed;left:16px;top:-60px;z-index:1200;padding:10px 14px;border-radius:10px;background:#111728;color:#fff;text-decoration:none;transition:.2s}.sbar-skip:focus{top:12px}.sbar-read-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:1090;pointer-events:none}.sbar-read-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--ar-cyan),var(--ar-violet),var(--ar-pink));box-shadow:0 0 20px rgba(109,93,252,.45)}
.sbar-kicker{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--ar-violet)}.sbar-kicker i{color:var(--ar-cyan)}.sbar h1,.sbar h2,.sbar h3,.sbar p{margin-top:0}.sbar h1{font-size:clamp(42px,5.7vw,88px);line-height:.98;letter-spacing:-.055em;font-weight:850;max-width:900px}.sbar h2{font-size:clamp(31px,4vw,60px);line-height:1.02;letter-spacing:-.045em;font-weight:850}.sbar h3{font-size:18px;line-height:1.25;font-weight:800}.sbar p,.sbar-copy{color:var(--ar-muted);line-height:1.75;font-size:15px}.sbar-copy p:last-child,.sbar-lead p:last-child{margin-bottom:0}.sbar-btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 18px;border-radius:12px;text-decoration:none;font-weight:800;font-size:13px;border:1px solid transparent;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s}.sbar-btn:hover{transform:translateY(-2px)}.sbar-btn-primary{color:#fff;background:linear-gradient(90deg,#d600dc 0%,#6d5dfc 52%,#0437bf 100%);box-shadow:0 12px 34px rgba(109,93,252,.28)}.sbar-btn-secondary{background:color-mix(in srgb,var(--ar-panel) 82%,transparent);border-color:var(--ar-line);color:var(--ar-text)}.sbar-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.sbar-section-head{max-width:860px;margin-bottom:30px}.sbar-section-head h2{margin:12px 0 14px}.sbar-section-head .sbar-copy{max-width:760px}
/* hero */
.sbar-hero{min-height:760px;display:flex;align-items:center;position:relative;padding:120px 0 92px;background:radial-gradient(circle at 8% 18%,rgba(0,194,255,.12),transparent 28%),radial-gradient(circle at 80% 22%,rgba(221,8,217,.12),transparent 30%),linear-gradient(180deg,color-mix(in srgb,var(--ar-bg) 86%,#6d5dfc 5%),var(--ar-bg));isolation:isolate}.sbar-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--ar-line) 1px,transparent 1px),linear-gradient(90deg,var(--ar-line) 1px,transparent 1px);background-size:54px 54px;opacity:.28;mask-image:linear-gradient(to bottom,#000,transparent 90%);z-index:-2}.sbar-hero-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.55;z-index:-1;pointer-events:none}.sbar-pointer-light{position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(0,194,255,.16),rgba(109,93,252,.08) 36%,rgba(221,8,217,.03) 56%,transparent 72%);transform:translate(-50%,-50%);pointer-events:none;left:74%;top:38%;filter:blur(6px)}.sbar-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);align-items:center;gap:58px}.sbar-hero-copy{position:relative;z-index:2}.sbar-hero-copy h1{margin:15px 0 22px;background:linear-gradient(110deg,var(--ar-text) 12%,var(--ar-violet) 54%,var(--ar-pink));-webkit-background-clip:text;background-clip:text;color:transparent}.sbar-lead{font-size:17px;max-width:760px;color:var(--ar-muted)}.sbar-hero-principle{margin-top:30px;padding:16px 18px;border:1px solid var(--ar-line);border-left:3px solid var(--ar-cyan);border-radius:14px;background:color-mix(in srgb,var(--ar-panel) 70%,transparent);backdrop-filter:blur(12px);max-width:720px}.sbar-hero-principle b,.sbar-hero-principle span{display:block}.sbar-hero-principle b{font-size:13px}.sbar-hero-principle span{font-size:12px;color:var(--ar-muted);margin-top:5px}.sbar-hero-blueprint{position:relative;min-height:540px;border:1px solid color-mix(in srgb,var(--ar-violet) 35%,var(--ar-line));border-radius:28px;background:linear-gradient(160deg,color-mix(in srgb,var(--ar-panel) 92%,transparent),color-mix(in srgb,var(--ar-soft) 85%,transparent));box-shadow:0 40px 90px rgba(20,18,48,.15);overflow:hidden;transform-style:preserve-3d}.sbar-hero-blueprint picture,.sbar-hero-blueprint img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.sbar-mini-daw{position:absolute;left:7%;right:7%;bottom:7%;display:grid;grid-template-columns:repeat(6,1fr);gap:5px;padding:10px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(9,13,25,.68);backdrop-filter:blur(14px)}.sbar-mini-daw i{height:58px;border-radius:7px;background:linear-gradient(180deg,rgba(0,194,255,.32),rgba(109,93,252,.22));border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden;animation:sbarPulse 4s ease-in-out infinite;animation-delay:calc(var(--i)*-.45s)}.sbar-mini-daw i:nth-child(4),.sbar-mini-daw i:nth-child(6){background:linear-gradient(180deg,rgba(221,8,217,.38),rgba(109,93,252,.28))}.sbar-mini-daw span{position:absolute;left:7px;bottom:6px;font-style:normal;font-size:7px;font-weight:850;color:#fff;letter-spacing:.08em}@keyframes sbarPulse{50%{filter:brightness(1.28);transform:translateY(-2px)}}
/* timeline */
.sbar-timeline{padding:105px 0;background:linear-gradient(180deg,var(--ar-bg),color-mix(in srgb,var(--ar-soft) 66%,var(--ar-bg)))}.sbar-timeline-shell{position:relative;border:1px solid var(--ar-line);border-radius:24px;overflow:hidden;background:var(--ar-panel);box-shadow:0 22px 60px rgba(26,26,58,.08)}.sbar-timeline-media{position:absolute;inset:0;opacity:.08;pointer-events:none}.sbar-timeline-media picture,.sbar-timeline-media img{width:100%;height:100%;object-fit:cover}.sbar-ruler{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--ar-line);background:color-mix(in srgb,var(--ar-soft) 58%,var(--ar-panel));font-size:9px;font-weight:850;letter-spacing:.12em;color:var(--ar-muted)}.sbar-ruler b{color:var(--ar-cyan)}.sbar-section-tabs{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));border-bottom:1px solid var(--ar-line);position:relative;z-index:2}.sbar-section-tabs button{appearance:none;border:0;border-right:1px solid var(--ar-line);background:transparent;color:var(--ar-muted);min-height:84px;padding:12px 8px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:4px;cursor:pointer;transition:.2s;position:relative}.sbar-section-tabs button:last-child{border-right:0}.sbar-section-tabs button:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--ar-cyan),var(--ar-violet),var(--ar-pink));transform:scaleX(0);transform-origin:left;transition:.25s}.sbar-section-tabs button small{font-size:8px;font-weight:850;color:var(--ar-violet)}.sbar-section-tabs button span{font-size:10px;font-weight:800}.sbar-section-tabs button:hover,.sbar-section-tabs button.active{background:color-mix(in srgb,var(--ar-violet) 7%,var(--ar-panel));color:var(--ar-text)}.sbar-section-tabs button.active:before{transform:scaleX(1)}.sbar-track-area{display:grid;grid-template-columns:150px minmax(0,1fr);position:relative;z-index:2}.sbar-track-labels{display:grid;grid-template-rows:repeat(6,54px);border-right:1px solid var(--ar-line);background:color-mix(in srgb,var(--ar-soft) 38%,var(--ar-panel))}.sbar-track-labels span{display:flex;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid var(--ar-line);font-size:9px;font-weight:800;color:var(--ar-muted)}.sbar-track-labels i{width:16px;color:var(--ar-violet)}.sbar-track-grid{display:grid;grid-template-rows:repeat(6,54px)}.sbar-track-row{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));border-bottom:1px solid var(--ar-line)}.sbar-track-row>i{display:block;border-right:1px solid var(--ar-line);padding:8px 6px;position:relative;transition:background .2s}.sbar-track-row>i b{display:block;height:100%;border-radius:5px;background:color-mix(in srgb,var(--ar-violet) 16%,transparent);position:relative;overflow:hidden;transform-origin:left}.sbar-track-row>i b:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 8px,rgba(255,255,255,.18) 8px 9px);opacity:.55}.sbar-track-row>i.density-0 b{opacity:.05;transform:scaleY(.18)}.sbar-track-row>i.density-1 b{background:linear-gradient(90deg,color-mix(in srgb,var(--ar-cyan) 48%,transparent),color-mix(in srgb,var(--ar-violet) 42%,transparent));transform:scaleY(.58)}.sbar-track-row>i.density-2 b{background:linear-gradient(90deg,color-mix(in srgb,var(--ar-violet) 62%,transparent),color-mix(in srgb,var(--ar-pink) 56%,transparent));transform:scaleY(.9)}.sbar-track-row>i.active{background:color-mix(in srgb,var(--ar-violet) 7%,transparent)}.sbar-timeline-readout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:30px;padding:24px;align-items:center;position:relative;z-index:2;background:linear-gradient(90deg,color-mix(in srgb,var(--ar-panel) 94%,transparent),color-mix(in srgb,var(--ar-violet) 5%,var(--ar-panel)))}.sbar-timeline-readout small{font-size:9px;font-weight:850;color:var(--ar-cyan);letter-spacing:.12em}.sbar-timeline-readout h3{margin:5px 0 6px;font-size:26px}.sbar-timeline-readout p{margin:0;max-width:760px;font-size:12px}.sbar-energy-meter{display:grid;grid-template-columns:auto minmax(0,1fr) 28px;align-items:center;gap:9px}.sbar-energy-meter span{font-size:8px;font-weight:850;letter-spacing:.12em;color:var(--ar-muted)}.sbar-energy-meter>b{height:7px;background:var(--ar-soft);border-radius:999px;overflow:hidden}.sbar-energy-meter>b i{display:block;height:100%;width:var(--energy);background:linear-gradient(90deg,var(--ar-cyan),var(--ar-violet),var(--ar-pink));border-radius:inherit;transition:width .35s}.sbar-energy-meter em{font-style:normal;font-size:10px;font-weight:850;color:var(--ar-violet)}
/* energy */
.sbar-energy{padding:110px 0;background:var(--ar-panel)}.sbar-energy-layout{display:grid;grid-template-columns:minmax(300px,.65fr) minmax(0,1.35fr);gap:58px;align-items:center}.sbar-energy-visual{min-height:490px;border:1px solid var(--ar-line);border-radius:28px;background:linear-gradient(160deg,color-mix(in srgb,var(--ar-soft) 75%,var(--ar-panel)),var(--ar-panel));position:relative;overflow:hidden;padding:26px;box-shadow:0 25px 65px rgba(24,22,55,.08)}.sbar-energy-visual>picture,.sbar-energy-visual>picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.1}.sbar-energy-svg{position:absolute;left:4%;right:4%;top:13%;width:92%;height:66%;overflow:visible}.sbar-energy-path{fill:none;stroke:url(#sbarEnergyGradient);stroke-width:8;stroke-linecap:round;filter:drop-shadow(0 0 12px rgba(109,93,252,.35));stroke-dasharray:1400;stroke-dashoffset:1400;transition:stroke-dashoffset 1.4s cubic-bezier(.2,.7,.2,1)}.sbar-energy.in-view .sbar-energy-path{stroke-dashoffset:0}.sbar-energy-points{position:absolute;inset:15% 5% 18%}.sbar-energy-points button{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);border:0;background:transparent;color:var(--ar-text);cursor:pointer;width:90px;text-align:center;padding:0}.sbar-energy-points button span{display:block;width:15px;height:15px;border-radius:50%;margin:auto;background:var(--ar-panel);border:4px solid var(--ar-violet);box-shadow:0 0 0 6px rgba(109,93,252,.1),0 0 22px rgba(109,93,252,.28);transition:.2s}.sbar-energy-points button b{display:block;margin-top:7px;font-size:8px;font-weight:850;letter-spacing:.06em}.sbar-energy-points button:hover span,.sbar-energy-points button.active span{transform:scale(1.35);border-color:var(--ar-pink)}.sbar-energy-note{position:absolute;left:24px;bottom:22px;right:24px;padding:14px 16px;border:1px solid var(--ar-line);border-radius:14px;background:color-mix(in srgb,var(--ar-panel) 76%,transparent);backdrop-filter:blur(12px)}.sbar-energy-note small{display:block;font-size:8px;letter-spacing:.14em;color:var(--ar-cyan);font-weight:850}.sbar-energy-note b{display:block;font-size:19px;margin:3px 0}.sbar-energy-note p{font-size:11px;margin:0}
/* compare */
.sbar-compare{padding:110px 0;background:radial-gradient(circle at 20% 15%,rgba(0,194,255,.09),transparent 24%),radial-gradient(circle at 83% 70%,rgba(221,8,217,.1),transparent 28%),var(--ar-bg)}.sbar-compare-shell{position:relative;max-width:1180px;margin:0 auto;border:1px solid var(--ar-line);border-radius:28px;padding:28px;background:var(--ar-panel);overflow:hidden;box-shadow:0 24px 70px rgba(24,22,60,.1)}.sbar-compare-shell>picture,.sbar-compare-shell>picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.07}.sbar-compare-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:6px;background:var(--ar-soft);border-radius:14px;position:relative;z-index:2;max-width:620px}.sbar-compare-tabs button{border:0;border-radius:10px;padding:12px 14px;background:transparent;color:var(--ar-muted);font-size:11px;font-weight:850;cursor:pointer;transition:.2s}.sbar-compare-tabs button.active{background:var(--ar-panel);color:var(--ar-text);box-shadow:0 8px 20px rgba(20,20,50,.07)}.sbar-compare-stage{position:relative;z-index:2;min-height:305px;margin-top:22px}.sbar-compare-copy{position:absolute;inset:0;opacity:0;transform:translateY(12px);pointer-events:none;transition:.35s;display:flex;flex-direction:column;justify-content:center}.sbar-compare-copy.active{opacity:1;transform:none;pointer-events:auto}.sbar-compare-copy>span{font-size:9px;font-weight:850;letter-spacing:.15em;color:var(--ar-violet)}.sbar-compare-copy h3{font-size:36px;max-width:760px;margin:8px 0 10px}.sbar-compare-copy p{max-width:760px}.sbar-mini-arrangement{display:grid;grid-template-columns:repeat(8,1fr);align-items:end;gap:8px;height:92px;max-width:780px;margin-top:16px}.sbar-mini-arrangement i{height:var(--v);border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,var(--ar-pink),var(--ar-violet) 58%,var(--ar-cyan));opacity:.82;box-shadow:0 6px 18px rgba(109,93,252,.18)}.sbar-compare-audio{position:relative;z-index:2;margin-top:18px;padding:14px;border:1px solid var(--ar-line);border-radius:14px;background:color-mix(in srgb,var(--ar-soft) 50%,var(--ar-panel));display:flex;align-items:center;gap:12px}.sbar-compare-audio>button{width:44px;height:44px;border-radius:50%;border:0;color:#fff;background:linear-gradient(135deg,var(--ar-pink),var(--ar-violet),var(--ar-blue));cursor:pointer}.sbar-compare-audio>button:disabled{opacity:.42;cursor:not-allowed}.sbar-compare-audio>div b,.sbar-compare-audio>div small{display:block}.sbar-compare-audio>div b{font-size:11px}.sbar-compare-audio>div small{font-size:9px;color:var(--ar-muted);margin-top:2px}
/* layers */
.sbar-layers{padding:112px 0;background:linear-gradient(180deg,var(--ar-panel),color-mix(in srgb,var(--ar-soft) 56%,var(--ar-bg)))}.sbar-layers-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.52fr);gap:35px;align-items:end;margin-bottom:28px}.sbar-layers-head>div:first-child{max-width:850px}.sbar-layers-head picture img{width:100%;max-height:170px;object-fit:cover;border-radius:20px;border:1px solid var(--ar-line)}.sbar-layer-stack{display:grid;gap:9px}.sbar-layer{display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:22px;align-items:center;min-height:118px;padding:18px 22px;border:1px solid var(--ar-line);border-radius:16px;background:var(--ar-panel);position:relative;overflow:hidden;transition:.22s}.sbar-layer:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--ar-cyan),var(--ar-violet),var(--ar-pink));opacity:.35;transition:.2s}.sbar-layer:hover,.sbar-layer:focus-within{transform:translateX(5px);border-color:color-mix(in srgb,var(--ar-violet) 45%,var(--ar-line));box-shadow:0 16px 40px rgba(35,30,82,.08)}.sbar-layer:hover:before,.sbar-layer:focus-within:before{opacity:1}.sbar-layer-icon{display:flex;align-items:center;gap:10px}.sbar-layer-icon i{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--ar-cyan) 16%,var(--ar-soft)),color-mix(in srgb,var(--ar-violet) 18%,var(--ar-soft)));color:var(--ar-violet)}.sbar-layer-icon span{font-size:8px;color:var(--ar-muted);font-weight:850}.sbar-layer small{font-size:8px;color:var(--ar-cyan);font-weight:850;letter-spacing:.12em}.sbar-layer h3{margin:3px 0 4px}.sbar-layer p{margin:0;font-size:11px}.sbar-layer-tags{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:6px;max-width:330px}.sbar-layer-tags span{font-size:8px;font-weight:800;padding:7px 9px;border-radius:999px;background:var(--ar-soft);color:var(--ar-muted);border:1px solid var(--ar-line)}
/* vs */
.sbar-vs{padding:110px 0;background:var(--ar-bg)}.sbar-vs-grid{display:grid;grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr);align-items:stretch}.sbar-vs-grid article{padding:34px;border:1px solid var(--ar-line);border-radius:24px;background:var(--ar-panel);position:relative;overflow:hidden}.sbar-vs-grid article:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-90px;top:-110px;background:radial-gradient(circle,rgba(0,194,255,.18),transparent 65%)}.sbar-vs-grid article:last-child:before{background:radial-gradient(circle,rgba(221,8,217,.16),transparent 65%)}.sbar-vs-grid article>span{font-size:9px;font-weight:850;letter-spacing:.14em;color:var(--ar-cyan)}.sbar-vs-grid article>i{display:block;font-size:30px;color:var(--ar-violet);margin:26px 0 18px}.sbar-vs-grid h3{font-size:28px}.sbar-vs-grid ul{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:8px}.sbar-vs-grid li{font-size:10px;color:var(--ar-muted);padding-left:15px;position:relative}.sbar-vs-grid li:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,var(--ar-cyan),var(--ar-pink))}.sbar-vs-bridge{display:flex;align-items:center;justify-content:center;position:relative}.sbar-vs-bridge span{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--ar-cyan),var(--ar-violet),var(--ar-pink))}.sbar-vs-bridge i{z-index:2;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--ar-bg);color:var(--ar-violet);border:1px solid var(--ar-line)}.sbar-vs-note{max-width:900px;margin:22px auto 0;padding:14px 16px;border:1px solid var(--ar-line);border-radius:14px;background:color-mix(in srgb,var(--ar-panel) 78%,transparent);font-size:11px;display:flex;gap:10px;align-items:flex-start}.sbar-vs-note i{color:var(--ar-violet);margin-top:4px}
/* flow */
.sbar-flow{padding:110px 0;background:var(--ar-panel)}.sbar-flow-grid{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:54px;align-items:start}.sbar-flow .sbar-section-head{position:sticky;top:96px}.sbar-flow .sbar-section-head picture img{margin-top:26px;border-radius:20px;border:1px solid var(--ar-line);max-height:230px;object-fit:cover;width:100%}.sbar-flow-steps{display:grid;gap:0;position:relative}.sbar-flow-steps:before{content:"";position:absolute;left:30px;top:35px;bottom:35px;width:2px;background:linear-gradient(var(--ar-cyan),var(--ar-violet),var(--ar-pink))}.sbar-flow-steps article{display:grid;grid-template-columns:62px 52px minmax(0,1fr);gap:14px;align-items:center;padding:19px 0;position:relative}.sbar-flow-steps article>span{font-size:8px;font-weight:850;color:var(--ar-muted);text-align:center;z-index:2}.sbar-flow-steps article>i{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--ar-cyan),var(--ar-violet),var(--ar-pink));box-shadow:0 9px 25px rgba(109,93,252,.2);z-index:2}.sbar-flow-steps h3{margin:0 0 3px}.sbar-flow-steps p{font-size:11px;margin:0}.sbar-flow-steps article>div{padding:18px;border:1px solid var(--ar-line);border-radius:14px;background:var(--ar-bg)}
/* cta */
.sbar-cta{padding:80px 0 115px;background:var(--ar-bg)}.sbar-cta-card{min-height:350px;border-radius:30px;padding:48px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:35px;align-items:center;position:relative;overflow:hidden;color:#fff;background:linear-gradient(125deg,#0a1130,#322065 48%,#5a176f 100%);box-shadow:0 32px 80px rgba(26,18,64,.24)}.sbar-cta-card:after{content:"";position:absolute;width:430px;height:430px;border-radius:50%;right:-110px;top:-160px;background:radial-gradient(circle,rgba(0,194,255,.25),rgba(221,8,217,.08) 45%,transparent 70%)}.sbar-cta-card h2{margin:10px 0 12px;color:#fff}.sbar-cta-card .sbar-copy{max-width:760px;color:#b8c1dd}.sbar-cta-card .sbar-kicker{color:#6fe1ff}.sbar-cta-card .sbar-actions{position:relative;z-index:2}.sbar-cta-card .sbar-btn-secondary{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:#fff}.sbar-cta-blueprint{position:absolute;inset:0;opacity:.12;pointer-events:none}.sbar-cta-blueprint i{position:absolute;height:1px;left:0;right:0;background:#fff;top:calc(20% + var(--n,0)*18%)}.sbar-cta-blueprint i:nth-child(1){--n:0}.sbar-cta-blueprint i:nth-child(2){--n:1}.sbar-cta-blueprint i:nth-child(3){--n:2}.sbar-cta-blueprint i:nth-child(4){--n:3}
/* reveal */
[data-sbar-reveal]{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.sbar-ready [data-sbar-reveal].is-visible{opacity:1;transform:none}
@media(max-width:1200px){.sbar-hero-grid{grid-template-columns:1fr .8fr;gap:34px}.sbar-hero-blueprint{min-height:470px}.sbar-section-tabs button{min-height:76px}.sbar-track-area{grid-template-columns:125px minmax(0,1fr)}.sbar-vs-grid{grid-template-columns:1fr 80px 1fr}}
@media(max-width:991px){.sbar-wrap{width:min(94%,1000px)}.sbar-hero{padding-top:106px;min-height:auto}.sbar-hero-grid,.sbar-energy-layout,.sbar-flow-grid{grid-template-columns:1fr}.sbar-hero-blueprint{min-height:440px}.sbar-section-tabs{overflow-x:auto;grid-template-columns:repeat(8,minmax(110px,1fr));scrollbar-width:thin}.sbar-track-area{overflow-x:auto;grid-template-columns:120px minmax(900px,1fr)}.sbar-timeline-readout{grid-template-columns:1fr}.sbar-energy-layout{gap:25px}.sbar-energy-visual{min-height:450px}.sbar-layers-head{grid-template-columns:1fr}.sbar-vs-grid{grid-template-columns:1fr}.sbar-vs-bridge{height:80px}.sbar-vs-bridge span{left:50%;right:auto;top:0;bottom:0;width:2px;height:auto;background:linear-gradient(var(--ar-cyan),var(--ar-violet),var(--ar-pink))}.sbar-vs-bridge i{transform:rotate(90deg)}.sbar-flow .sbar-section-head{position:relative;top:auto}.sbar-cta-card{grid-template-columns:1fr}}
@media(max-width:700px){.sbar h1{font-size:44px}.sbar h2{font-size:34px}.sbar-hero{padding:96px 0 72px}.sbar-hero-blueprint{min-height:330px;border-radius:20px}.sbar-mini-daw{left:5%;right:5%;bottom:5%}.sbar-mini-daw i{height:44px}.sbar-timeline,.sbar-energy,.sbar-compare,.sbar-layers,.sbar-vs,.sbar-flow{padding:78px 0}.sbar-timeline-shell,.sbar-compare-shell,.sbar-energy-visual{border-radius:20px}.sbar-track-area{grid-template-columns:105px minmax(820px,1fr)}.sbar-timeline-readout{padding:18px}.sbar-energy-visual{min-height:430px;padding:16px}.sbar-energy-points button{width:62px}.sbar-energy-points button b{font-size:7px}.sbar-energy-note{left:14px;right:14px;bottom:14px}.sbar-compare-shell{padding:18px}.sbar-compare-stage{min-height:350px}.sbar-compare-copy h3{font-size:29px}.sbar-layer{grid-template-columns:62px minmax(0,1fr);padding:15px}.sbar-layer-tags{grid-column:2;justify-content:flex-start}.sbar-layer:hover,.sbar-layer:focus-within{transform:none}.sbar-vs-grid article{padding:24px}.sbar-flow-steps article{grid-template-columns:46px 44px minmax(0,1fr);gap:9px}.sbar-flow-steps:before{left:22px}.sbar-flow-steps article>i{width:42px;height:42px}.sbar-cta{padding:55px 0 85px}.sbar-cta-card{padding:30px 24px;border-radius:22px}.sbar-actions{width:100%}.sbar-actions .sbar-btn{flex:1 1 100%}}
@media(max-width:480px){.sbar-wrap{width:92%}.sbar h1{font-size:38px}.sbar-hero-blueprint{min-height:285px}.sbar-hero-principle{padding:13px}.sbar-mini-daw span{display:none}.sbar-energy-visual{min-height:400px}.sbar-energy-points button b{display:none}.sbar-compare-tabs button{font-size:9px;padding:10px 7px}.sbar-compare-stage{min-height:385px}.sbar-layer{grid-template-columns:52px minmax(0,1fr);gap:10px}.sbar-layer-icon{gap:5px}.sbar-layer-icon i{width:38px;height:38px}.sbar-layer-icon span{display:none}.sbar-layer-tags{grid-column:1/-1}.sbar-flow-steps article{grid-template-columns:34px 42px minmax(0,1fr)}.sbar-flow-steps:before{left:17px}.sbar-flow-steps article>span{font-size:7px}.sbar-flow-steps article>div{padding:14px}.sbar-vs-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){.sbar *, .sbar *:before,.sbar *:after{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}.sbar-pointer-light{display:none}.sbar-energy-path{stroke-dashoffset:0}.sbar-ready [data-sbar-reveal]{opacity:1;transform:none}}