.sw-hero{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(70% 60% at 50% 0%,rgba(99,44,65,.85),transparent 70%),radial-gradient(60% 50% at 50% 100%,rgba(10,65,104,.9),transparent 70%),var(--ink);padding-bottom:clamp(56px,7vw,96px)}
.sw-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-radial-gradient(circle at 50% 120%,transparent 0 60px,rgba(161,172,190,.06) 60px 61px);pointer-events:none}
.sw-hero-inner{padding-block:clamp(56px,8vw,110px) 56px;text-align:center;display:flex;flex-direction:column;align-items:center}
.sw-hero .crumbs{justify-content:center}
.sw-hero h1{font-size:clamp(38px,6.2vw,92px);font-weight:900;font-stretch:122%;letter-spacing:-.04em;line-height:.96;margin-top:16px;max-width:17ch}
.sw-lede{margin-top:26px;font-size:clamp(17px,1.6vw,21px);color:#d8e2ec;max-width:58ch}
.sw-hero .hero-cta{justify-content:center}

.sw-app{display:grid;grid-template-columns:190px minmax(0,1fr);border-radius:22px;background:rgba(3,17,29,.82);border:1px solid rgba(161,172,190,.22);box-shadow:0 70px 140px -50px rgba(0,0,0,.9),0 0 0 8px rgba(161,172,190,.05);overflow:hidden;max-width:1080px;margin:0 auto;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transform:perspective(1600px) rotateX(10deg);transform-origin:50% 0;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.sw-app:hover{transform:perspective(1600px) rotateX(0)}
.sw-side{display:grid;align-content:start;gap:4px;padding:20px 12px;background:rgba(5,26,43,.9);border-right:1px solid var(--line)}
.sw-brand{width:70%;height:22px;border-radius:6px;background:linear-gradient(90deg,var(--mint),#7fd3ff);margin:0 0 18px 8px}
.sw-side span{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;font-size:13.5px;color:var(--steel)}
.sw-side span.is-on{background:rgba(104,235,185,.12);color:var(--mint)}
.sw-side svg{width:17px;height:17px}
.sw-main{padding:22px;display:grid;gap:16px;min-width:0}
.sw-top{display:flex;justify-content:space-between;align-items:center}
.sw-top b{font-size:18px;font-stretch:112%}
.sw-live{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mint)}
.sw-live i{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 0 rgba(104,235,185,.6);animation:sw-ping 2s infinite}
@keyframes sw-ping{70%{box-shadow:0 0 0 10px rgba(104,235,185,0)}100%{box-shadow:0 0 0 0 rgba(104,235,185,0)}}
.sw-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sw-kpis div{padding:16px;border-radius:14px;background:rgba(10,65,104,.32);border:1px solid var(--line);display:grid;gap:2px}
.sw-kpis small,.sw-chart small,.sw-rows small{font-size:12px;color:var(--steel);letter-spacing:.04em}
.sw-kpis strong{font-size:clamp(24px,3vw,36px);font-weight:900;font-stretch:115%;line-height:1.1}
.sw-kpis em{font-style:normal;font-size:12px;color:#ffb3cb}
.sw-kpis em.up{color:var(--mint)}
.sw-panels{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:12px}
.sw-chart,.sw-rows{padding:16px;border-radius:14px;background:rgba(5,26,43,.8);border:1px solid var(--line)}
.sw-bars{display:flex;align-items:flex-end;gap:8%;height:130px;margin-top:14px;padding:0 4px;border-bottom:1px solid var(--line)}
.sw-bars i{flex:1;height:var(--h);border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--mint),rgba(104,235,185,.15));transform-origin:50% 100%;animation:sw-grow 1.4s cubic-bezier(.2,.8,.2,1) both}
.sw-bars i:nth-child(2){animation-delay:.08s}
.sw-bars i:nth-child(3){animation-delay:.16s}
.sw-bars i:nth-child(4){animation-delay:.24s}
.sw-bars i:nth-child(5){animation-delay:.32s}
.sw-bars i:nth-child(6){animation-delay:.4s}
.sw-bars i:nth-child(7){animation-delay:.48s;background:linear-gradient(180deg,#7fd3ff,rgba(127,211,255,.15))}
@keyframes sw-grow{from{transform:scaleY(0)}}
.sw-rows{display:grid;gap:10px;align-content:start}
.sw-rows span{display:flex;align-items:center;gap:10px;font-size:13.5px;padding:8px 10px;border-radius:10px;background:rgba(10,65,104,.25)}
.sw-rows span i{width:8px;height:8px;border-radius:50%;flex:none}
.sw-rows .g{background:var(--mint)}
.sw-rows .b{background:#7fd3ff}
.sw-rows .p{background:#ff8fb8}
.sw-rows em{margin-left:auto;font-style:normal;color:var(--steel);font-variant-numeric:tabular-nums}

.sw-chaos{background:var(--ink);overflow:hidden}
.sw-chaos-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px 72px;align-items:center}
.sw-chaos h2{font-size:clamp(30px,4.4vw,60px);margin-top:18px}
.sw-chaos-copy{margin-top:28px;display:grid;gap:18px;font-size:18px;color:#cfdae5;max-width:56ch}
.sw-merge{--spread:1px;position:relative;min-height:440px;display:grid;place-items:center}
.sw-merge::before{content:"";position:absolute;width:calc(340 * var(--spread,1px));height:calc(340 * var(--spread,1px));border-radius:50%;border:1px dashed rgba(161,172,190,.25);animation:sw-spin 40s linear infinite}
@keyframes sw-spin{to{transform:rotate(360deg)}}
.sw-bit{position:absolute;left:50%;top:50%;padding:10px 16px;border-radius:12px;font-size:14px;font-weight:700;white-space:nowrap;background:rgba(99,44,65,.55);border:1px solid rgba(255,143,184,.35);color:#ffd3e1;transform:translate(-50%,-50%) translate(calc(var(--x) * var(--spread,1px)),calc(var(--y) * var(--spread,1px))) rotate(calc(var(--r) * 1deg));transition:transform 1.2s cubic-bezier(.2,.8,.2,1),background .8s,border-color .8s,color .8s,opacity .8s;transition-delay:calc(var(--i) * 90ms + 300ms)}
.sw-bit:nth-child(odd){background:rgba(161,172,190,.14);border-color:rgba(161,172,190,.3);color:#d8e2ec}
.sw-merge.in .sw-bit{transform:translate(-50%,-50%) rotate(calc(var(--i) * 60deg)) translateY(calc(-170 * var(--spread,1px))) rotate(calc(var(--i) * -60deg));background:rgba(3,17,29,.9);border-color:rgba(104,235,185,.45);color:var(--mint)}
.sw-core{position:relative;z-index:2;display:inline-flex;align-items:center;gap:12px;padding:20px 28px;border-radius:20px;background:var(--mint);color:var(--ink);font-weight:900;font-stretch:115%;font-size:clamp(20px,2.2vw,28px);box-shadow:0 30px 70px -20px rgba(104,235,185,.7);transform:scale(.6);opacity:0;transition:transform .9s cubic-bezier(.2,.8,.2,1) 1.2s,opacity .6s 1.2s}
.sw-core svg{width:32px;height:32px;stroke-width:2.2}
.sw-merge.in .sw-core,html:not(.js) .sw-core{transform:none;opacity:1}

.sw-center-head{text-align:center;max-width:820px;margin:0 auto 56px}
.sw-center-head h2{font-size:clamp(32px,4.8vw,66px);margin-top:16px}
.sw-center-head p:last-child:not(.eyebrow){margin-top:18px;color:var(--soft);font-size:18px}

.sw-tabs-sec{background:radial-gradient(60% 60% at 0% 50%,rgba(99,44,65,.4),transparent 70%),var(--night)}
.sw-tabs{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:stretch}
.sw-tablist{display:grid;gap:8px;align-content:start}
.sw-tab{display:flex;align-items:center;gap:16px;width:100%;min-height:64px;padding:12px 20px;border-radius:16px;border:1px solid var(--line);background:transparent;color:var(--soft);font:inherit;font-weight:700;font-size:17px;text-align:left;cursor:pointer;transition:background .3s,border-color .3s,color .3s,transform .4s cubic-bezier(.2,.8,.2,1)}
.sw-tab:hover{border-color:rgba(104,235,185,.4);color:var(--snow)}
.sw-tab[aria-selected="true"]{background:var(--snow);color:var(--ink);border-color:var(--snow);transform:translateX(8px)}
.sw-tab-ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none;background:rgba(104,235,185,.1);color:var(--mint)}
.sw-tab[aria-selected="true"] .sw-tab-ico{background:var(--navy);color:var(--mint)}
.sw-tab-ico svg{width:20px;height:20px}
.sw-panels-wrap{position:relative;display:grid}
.sw-panel{position:relative;overflow:hidden;border-radius:24px;padding:clamp(28px,4vw,48px);background:linear-gradient(150deg,var(--navy),#052a45 55%,var(--plum));border:1px solid rgba(104,235,185,.25);display:flex;flex-direction:column;gap:16px;min-height:380px}
.js .sw-panel{grid-area:1/1}
.js .sw-panel[data-hidden]{visibility:hidden;opacity:0;transform:translateY(14px)}
.sw-panel{transition:opacity .45s,transform .55s cubic-bezier(.2,.8,.2,1),visibility .45s}
html:not(.js) .sw-tablist{display:none}
html:not(.js) .sw-tabs{grid-template-columns:minmax(0,1fr)}
html:not(.js) .sw-panels-wrap{gap:16px}
.sw-panel-num{position:absolute;right:-.06em;bottom:-.22em;font-size:clamp(160px,20vw,280px);font-weight:900;font-stretch:125%;line-height:1;letter-spacing:-.06em;color:rgba(244,248,251,.06);pointer-events:none}
.sw-panel-ico{width:72px;height:72px;border-radius:20px;display:grid;place-items:center;background:var(--mint);color:var(--ink)}
.sw-panel-ico svg{width:36px;height:36px;stroke-width:2}
.sw-panel h3{font-size:clamp(28px,3.4vw,46px);font-weight:900;margin-top:auto;position:relative}
.sw-panel p{font-size:19px;color:#d8e2ec;max-width:40ch;position:relative}
.sw-panel-link{display:inline-flex;align-items:center;gap:8px;font-weight:700;text-decoration:none;position:relative;min-height:44px}
.sw-panel-link svg{width:18px;height:18px}

.sw-road{background:var(--ink)}
.sw-zig{list-style:none;margin:0 auto;padding:0;max-width:980px;position:relative;display:grid;gap:24px}
.sw-zig::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:linear-gradient(180deg,var(--plum),var(--mint))}
.sw-zig li{display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);align-items:center}
.sw-zig-n{grid-column:2;grid-row:1;justify-self:center;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--ink);border:2px solid var(--mint);color:var(--mint);font-weight:900;font-size:20px;position:relative;z-index:1}
.sw-zig-card{grid-row:1;padding:26px 28px;border-radius:20px;background:var(--card);border:1px solid var(--line)}
.sw-zig li:nth-child(odd) .sw-zig-card{grid-column:1;text-align:right}
.sw-zig li:nth-child(even) .sw-zig-card{grid-column:3}
.sw-zig-k{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#ff8fb8}
.sw-zig h3{font-size:24px;font-weight:800;margin-top:8px}
.sw-zig-card p:last-child{color:#c3cfdb;margin-top:8px;font-size:16px}

.sw-stack{background:linear-gradient(180deg,var(--ink),var(--night))}
.sw-stack-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px 72px;align-items:center}
.sw-stack h2{font-size:clamp(30px,4.2vw,56px);margin-top:16px}
.sw-layers{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.sw-layers li{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;align-items:center;padding:16px 20px;border-radius:16px;background:linear-gradient(90deg,rgba(10,65,104,calc(.7 - var(--i) * .1)),rgba(99,44,65,calc(.2 + var(--i) * .08)));border:1px solid var(--line);margin-left:calc(var(--i) * 18px);transition:transform .6s cubic-bezier(.2,.8,.2,1),border-color .3s}
.sw-layers li:hover{transform:translateX(-8px);border-color:rgba(104,235,185,.45)}
.sw-layer-name{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--mint)}
.sw-layer-tools{display:flex;flex-wrap:wrap;gap:8px}
.sw-layer-tools span{font-weight:800;font-stretch:112%;font-size:17px;padding:5px 12px;border-radius:999px;background:rgba(3,17,29,.5)}

.sw-faq{background:var(--night)}
.sw-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.sw-cards li{grid-column:span 2;padding:28px 26px;border-radius:20px;background:var(--card);border:1px solid var(--line);display:grid;gap:12px;align-content:start;border-top:3px solid var(--plum)}
.sw-cards li:nth-child(4),.sw-cards li:nth-child(5){grid-column:span 3}
.sw-cards li:nth-child(even){border-top-color:var(--mint)}
.sw-cards h3{font-size:20px;font-weight:800;line-height:1.2}
.sw-cards p{color:#c3cfdb;font-size:16px}

@media (max-width:960px){
  .sw-chaos-grid,.sw-tabs,.sw-stack-grid{grid-template-columns:minmax(0,1fr)}
  .sw-app{grid-template-columns:minmax(0,1fr);transform:none}
  .sw-side{display:none}
  .sw-tab[aria-selected="true"]{transform:none}
  .sw-cards li,.sw-cards li:nth-child(4),.sw-cards li:nth-child(5){grid-column:span 3}
  .sw-merge{min-height:400px}
}
@media (max-width:620px){
  .sw-kpis{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .sw-kpis div:nth-child(3){display:none}
  .sw-panels{grid-template-columns:minmax(0,1fr)}
  .sw-rows{display:none}
  .sw-tablist{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .sw-tab{flex-direction:column;align-items:flex-start;gap:10px;font-size:15px;padding:14px}
  .sw-zig::before{left:28px}
  .sw-zig li{grid-template-columns:56px minmax(0,1fr);gap:16px}
  .sw-zig-n{grid-column:1}
  .sw-zig li:nth-child(odd) .sw-zig-card,.sw-zig li:nth-child(even) .sw-zig-card{grid-column:2;text-align:left}
  .sw-layers li{grid-template-columns:minmax(0,1fr);gap:10px;margin-left:0}
  .sw-cards{grid-template-columns:minmax(0,1fr)}
  .sw-cards li,.sw-cards li:nth-child(4),.sw-cards li:nth-child(5){grid-column:auto}
  .sw-bit{font-size:12.5px;padding:8px 12px}
  .sw-merge{--spread:.62px}
}
@media (prefers-reduced-motion:reduce){
  .sw-merge .sw-bit{transform:translate(-50%,-50%) rotate(calc(var(--i) * 60deg)) translateY(calc(-170 * var(--spread,1px))) rotate(calc(var(--i) * -60deg))}
  .sw-merge .sw-core{transform:none;opacity:1}
  .sw-app{transform:none}
}