.hs-wrap{width:100%;max-width:480px;margin:0 auto;position:relative}.hs-card{--hs:#6c2bd9;--hs2:#e91e8c}.hs-card.hs-devops{--hs:#6c2bd9;--hs2:#8b5cf6}.hs-card.hs-sec{--hs:#e91e8c;--hs2:#f43f5e}.hs-card.hs-ml{--hs:#8b5cf6;--hs2:#06b6d4}.hs-card.hs-n8n{--hs:#f59e0b;--hs2:#e91e8c}.hs-card.hs-cloud{--hs:#0ea5e9;--hs2:#6c2bd9}.hs-card{background:linear-gradient(150deg,#fff 0%,#fdf7ff 55%,#fef2fa 100%);border:1px solid #6c2bd91f;border-radius:22px;transition:box-shadow .5s;position:relative;overflow:hidden;box-shadow:0 24px 70px #6c2bd924}.hs-card:before{content:"";background:radial-gradient(circle at 82% 12%, color-mix(in srgb, var(--hs) 14%, transparent), transparent 46%), radial-gradient(circle at 12% 90%, color-mix(in srgb, var(--hs2) 12%, transparent), transparent 42%);pointer-events:none;transition:background .8s;position:absolute;inset:0}.hs-chrome{border-bottom:1px solid #6c2bd914;align-items:center;gap:6px;padding:13px 16px;display:flex;position:relative}.hs-dot{border-radius:50%;width:9px;height:9px}.hs-dot.r{background:#fb7185}.hs-dot.y{background:#fbbf24}.hs-dot.g{background:#34d399}.hs-chrome-label{letter-spacing:.8px;text-transform:uppercase;color:var(--hs);align-items:center;gap:6px;margin-left:auto;font-size:.62rem;font-weight:600;transition:color .5s;display:inline-flex}.hs-live-dot{background:#22c55e;border-radius:50%;width:7px;height:7px;animation:1.6s infinite hsBlink}.hs-stage{height:330px;position:relative}.hs-scene{opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;padding:18px 26px 10px;transition:opacity .55s,transform .55s;display:flex;position:absolute;inset:0;transform:translateY(14px)scale(.985)}.hs-scene.on{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.hs-hero{justify-content:center;align-items:center;width:130px;height:130px;margin-bottom:14px;display:flex;position:relative}.hs-hero-ic{background:linear-gradient(135deg, var(--hs), var(--hs2));color:#fff;width:74px;height:74px;box-shadow:0 14px 34px color-mix(in srgb, var(--hs) 38%, transparent);z-index:2;border-radius:22px;justify-content:center;align-items:center;font-size:1.7rem;animation:3.2s ease-in-out infinite hsBreath;display:flex;position:relative}.hs-ring{border:1.5px dashed color-mix(in srgb, var(--hs) 35%, transparent);border-radius:50%;position:absolute}.hs-ring-1{animation:14s linear infinite hsSpin;inset:0}.hs-ring-2{border-style:solid;border-color:color-mix(in srgb, var(--hs2) 22%, transparent);animation:10s linear infinite hsSpinRev;inset:16px}.hs-orb-dot{background:var(--hs2);z-index:1;border-radius:50%;width:9px;height:9px;position:absolute;top:50%;left:50%}.hs-orb-dot.d1{animation:6s linear infinite hsOrbit}.hs-orb-dot.d2{background:var(--hs);width:6px;height:6px;animation:9s linear infinite reverse hsOrbit}.hs-title{color:var(--dark,#17122b);font-size:1.05rem;font-weight:700}.hs-tagline{color:#7a7590;letter-spacing:.2px;margin-top:3px;margin-bottom:20px;font-size:.72rem}.hs-pipe{justify-content:space-between;width:100%;max-width:360px;display:flex;position:relative}.hs-pipe-line{background:color-mix(in srgb, var(--hs) 18%, transparent);border-radius:2px;height:2px;position:absolute;top:19px;left:30px;right:30px;overflow:visible}.hs-pipe-pulse{background:var(--hs2);width:10px;height:10px;box-shadow:0 0 0 4px color-mix(in srgb, var(--hs2) 22%, transparent);border-radius:50%;animation:3.6s ease-in-out infinite hsFlow;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.hs-step{z-index:1;flex-direction:column;align-items:center;gap:7px;animation:3.6s ease-in-out infinite hsStepGlow;display:flex;position:relative}.hs-step-ic{border:1.5px solid color-mix(in srgb, var(--hs) 26%, transparent);width:40px;height:40px;color:var(--hs);background:#fff;border-radius:12px;justify-content:center;align-items:center;font-size:.85rem;transition:all .3s;display:flex;box-shadow:0 6px 16px #17122b12}.hs-step span{color:#56506b;letter-spacing:.3px;font-size:.6rem;font-weight:600}.hs-tabs{justify-content:center;gap:8px;padding:12px 16px 16px;display:flex;position:relative}.hs-tab{color:#8d87a3;cursor:pointer;background:#fff;border:1px solid #6c2bd924;border-radius:10px;justify-content:center;align-items:center;width:40px;height:34px;font-size:.72rem;transition:all .3s;display:flex;position:relative}.hs-tab:hover{color:var(--hs);border-color:color-mix(in srgb, var(--hs) 40%, transparent)}.hs-tab.on{color:#fff;background:linear-gradient(135deg, var(--hs), var(--hs2));box-shadow:0 6px 16px color-mix(in srgb, var(--hs) 32%, transparent);border-color:#0000}.hs-tab-bar{background:#ffffff59;border-radius:2px;height:2.5px;position:absolute;bottom:4px;left:6px;right:6px;overflow:hidden}.hs-tab-fill{transform-origin:0;background:#fff;border-radius:2px;width:100%;height:100%;animation-name:hsProgress;animation-timing-function:linear;animation-fill-mode:forwards;display:block}.hs-float{z-index:3;background:#fff;border:1px solid #6c2bd91f;border-radius:14px;align-items:center;gap:10px;padding:10px 16px;animation:.5s both hsPopIn,4.5s ease-in-out .5s infinite hsFloatY;display:flex;position:absolute;top:46px;right:-14px;box-shadow:0 14px 38px #6c2bd92e}.hs-float-ic{background:linear-gradient(135deg, var(--purple,#6c2bd9), var(--pink,#e91e8c));color:#fff;border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;display:flex}.hs-float-v{color:var(--dark,#17122b);font-size:.92rem;font-weight:800;line-height:1.1}.hs-float-l{color:#8d87a3;font-size:.62rem;font-weight:500}@keyframes hsBlink{0%,to{opacity:1}50%{opacity:.15}}@keyframes hsSpin{to{transform:rotate(360deg)}}@keyframes hsSpinRev{to{transform:rotate(-360deg)}}@keyframes hsBreath{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes hsOrbit{0%{transform:rotate(0)translate(63px)rotate(0)translate(-50%,-50%)}to{transform:rotate(360deg)translate(63px)rotate(-360deg)translate(-50%,-50%)}}@keyframes hsFlow{0%{left:0%}50%{left:100%}to{left:0%}}@keyframes hsStepGlow{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes hsProgress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes hsPopIn{0%{opacity:0;transform:translateY(10px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes hsFloatY{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@media (max-width:992px){.hs-wrap{max-width:420px}.hs-float{top:34px;right:0}.hs-stage{height:300px}}@media (prefers-reduced-motion:reduce){.hs-ring-1,.hs-ring-2,.hs-orb-dot,.hs-pipe-pulse,.hs-hero-ic,.hs-step,.hs-float{animation:none!important}}