.hs-builder--section{background:linear-gradient(180deg,#1d4aa3,#173d87);padding:56px 0;color:#fff}.hs-builder__wrap{max-width:1320px;margin:0 auto;padding:0 24px}.hs-builder__header{max-width:760px;margin:0 auto 28px;text-align:center}.hs-builder__eyebrow{display:inline-flex;padding:8px 14px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.14);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}.hs-builder__heading{margin:0 0 12px;font-size:clamp(34px,4vw,56px);line-height:1.04;color:#fff}.hs-builder__intro{margin:0;font-size:17px;line-height:1.7;color:#ffffffd1}.hs-builder__controls{display:flex;flex-direction:column;gap:14px;align-items:center;margin-bottom:28px}.hs-builder__mode,.hs-builder__tabs{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.hs-builder__mode-btn,.hs-builder__tab{-webkit-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.18);background:#ffffff1a;color:#fff;border-radius:999px;padding:12px 18px;font-size:14px;font-weight:700;cursor:pointer;transition:.2s ease}.hs-builder__mode-btn:hover,.hs-builder__tab:hover{background:#ffffff29;transform:translateY(-1px)}.hs-builder__mode-btn.is-active,.hs-builder__tab.is-active{background:#fff;color:#173d87}.hs-builder__layout{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);gap:22px;align-items:stretch}.hs-builder__copy-card,.hs-builder__visual-card{border-radius:28px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 50px #07163a33}.hs-builder__copy-card{padding:32px}.hs-builder__copy-kicker{display:block;margin-bottom:10px;color:#b9d5ff;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hs-builder__copy-title{margin:0 0 14px;color:#fff;font-size:clamp(28px,3vw,42px);line-height:1.08}.hs-builder__copy-text{margin:0 0 18px;color:#ffffffd6;font-size:16px;line-height:1.72}.hs-builder__list{list-style:none;padding:0;margin:0 0 24px}.hs-builder__list li{position:relative;margin:0 0 12px;padding-left:22px;color:#eef5ff;line-height:1.65}.hs-builder__list li:before{content:"";position:absolute;left:0;top:.64em;width:8px;height:8px;border-radius:50%;background:#89bcff;box-shadow:0 0 0 4px #89bcff24}.hs-builder__cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:999px;background:#fff;color:#173d87;text-decoration:none;font-weight:700}.hs-builder__visual-card{padding:20px}.hs-builder__scene{position:relative;min-height:640px;border-radius:24px;padding:22px;background:radial-gradient(circle at 15% 10%,rgba(255,255,255,.08),transparent 28%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.05),transparent 24%),linear-gradient(180deg,#ffffff14,#ffffff0a);overflow:hidden}.hs-builder__legend{margin-bottom:18px}.hs-builder__legend-kicker{display:block;margin-bottom:6px;color:#b9d5ff;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.hs-builder__legend-title{display:block;margin-bottom:6px;font-size:24px;color:#fff}.hs-builder__legend-text{margin:0;color:#ffffffd1;font-size:14px;line-height:1.55;max-width:520px}.hs-builder__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.hs-builder__stat{padding:16px;border-radius:18px;background:#ffffff14;border:1px solid rgba(255,255,255,.1)}.hs-builder__stat span{display:block;margin-bottom:8px;color:#b9d5ff;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hs-builder__stat strong{color:#fff;font-size:28px;line-height:1}.hs-builder__diagram{position:relative;height:300px;margin-bottom:22px}.hs-builder__svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hs-builder__line,.hs-builder__line-flat{fill:none;stroke:#97cbff80;stroke-width:5;stroke-linecap:round;transition:.35s ease}.hs-builder__pulse,.hs-builder__pulse-flat{fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-dasharray:16 84;opacity:.95;filter:drop-shadow(0 0 8px rgba(255,255,255,.55));animation:hs-builder-flow 2.8s linear infinite}.hs-builder__pulse--seg2{animation-delay:.35s}.hs-builder__pulse--seg3{animation-delay:.7s}.hs-builder__line-flat,.hs-builder__pulse-flat{opacity:0}@keyframes hs-builder-flow{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}.hs-builder__node{position:absolute;width:132px;padding:14px 12px;border-radius:20px;text-align:center;background:#ffffff1c;border:1px solid rgba(255,255,255,.12);transition:.35s ease}.hs-builder__node strong{display:block;margin-bottom:4px;font-size:14px;color:#fff}.hs-builder__node span{display:block;font-size:12px;color:#ffffffc7;line-height:1.35}.hs-builder__node--rack{left:8px;top:98px}.hs-builder__node--mid1{left:225px;top:18px}.hs-builder__node--mid2{left:468px;top:172px}.hs-builder__node--end{right:8px;top:98px}.hs-builder__node-icon{width:46px;height:46px;margin:0 auto 10px;display:grid;place-items:center;border-radius:14px;background:#ffffff1f;border:1px solid rgba(255,255,255,.12)}.hs-builder__node-icon--round{border-radius:50%}.hs-builder__icon{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.hs-builder__meters{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hs-builder__meter{padding:14px;border-radius:18px;background:#ffffff14;border:1px solid rgba(255,255,255,.1)}.hs-builder__meter-label{display:block;margin-bottom:8px;color:#b9d5ff;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hs-builder__meter-bar{height:10px;border-radius:999px;background:#ffffff1a;overflow:hidden;margin-bottom:8px}.hs-builder__meter-bar i{display:block;height:100%;width:50%;border-radius:999px;background:linear-gradient(90deg,#86bbff,#fff);transition:width .35s ease}.hs-builder__meter strong{color:#fff;font-size:13px;line-height:1.35}.hs-builder__scene[data-mode=after] .hs-builder__line,.hs-builder__scene[data-mode=after] .hs-builder__pulse{opacity:0}.hs-builder__scene[data-mode=after] .hs-builder__line-flat,.hs-builder__scene[data-mode=after] .hs-builder__pulse-flat{opacity:1}.hs-builder__scene[data-mode=after] .hs-builder__node--mid1,.hs-builder__scene[data-mode=after] .hs-builder__node--mid2{opacity:.1;transform:scale(.82)}.hs-builder__scene[data-mode=after] .hs-builder__node--end{right:0}.hs-builder__scene[data-mode=after][data-view=topology] .hs-builder__node--mid1{left:330px;top:98px}.hs-builder__scene[data-mode=after][data-view=topology] .hs-builder__node--mid2{left:490px;top:98px}@media(max-width:1100px){.hs-builder__layout{grid-template-columns:1fr}}@media(max-width:767px){.hs-builder--section{padding:40px 0}.hs-builder__wrap{padding:0 16px}.hs-builder__stats,.hs-builder__meters{grid-template-columns:1fr}.hs-builder__scene{min-height:760px}.hs-builder__diagram{height:360px}.hs-builder__node{width:112px;padding:12px 10px}.hs-builder__node--rack{left:0;top:116px}.hs-builder__node--mid1{left:105px;top:16px}.hs-builder__node--mid2{left:210px;top:200px}.hs-builder__node--end{right:0;top:116px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/hyperspan-builder.css.map */