.how-section{isolation:isolate;padding:100px 24px 140px;position:relative;overflow:hidden}.how-bg-glow{filter:blur(60px);z-index:0;pointer-events:none;background:radial-gradient(50% 50%,#22d3ee1f,#0000 70%),radial-gradient(60% 60% at 60% 80%,#ffb84d14,#0000 70%);width:900px;height:600px;position:absolute;top:-200px;left:50%;transform:translate(-50%)}.how-bg-grid{z-index:0;pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000 30%,#0000 90%);mask-image:radial-gradient(70% 60% at 50% 40%,#000 30%,#0000 90%)}.how-section-inner{z-index:2;max-width:1120px;margin:0 auto;position:relative}.how-head{text-align:center}.how-pill{color:#22d3ee;letter-spacing:.18em;background:#22d3ee14;border:1px solid #22d3ee38;border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.how-pill-dot{background:#22d3ee;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite howPulseDot;box-shadow:0 0 10px #22d3ee}@keyframes howPulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.how-title{letter-spacing:-.025em;margin-top:22px;font-size:clamp(32px,4.8vw,56px);font-weight:700;line-height:1.1}.how-title-brand{background:linear-gradient(90deg,#ffb84d 0%,#ffd88a 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.how-subtitle{color:#b0b8cc;max-width:520px;margin:14px auto 0;font-size:16px;line-height:1.55}.how-timeline{margin-top:80px;padding-left:0;position:relative}.how-progress-svg{z-index:1;width:4px;height:100%;position:absolute;top:0;left:50%;overflow:visible;transform:translate(-50%)}.how-progress-track{stroke:#ffffff0f;stroke-width:2px;stroke-dasharray:4 6}.how-progress-fill{stroke:url(#howProgressGrad);stroke-width:3px;stroke-linecap:round;stroke-dasharray:1000;stroke-dashoffset:1000px;filter:drop-shadow(0 0 8px #22d3ee99);transition:stroke-dashoffset .2s linear}.how-step{grid-template-columns:1fr 60px 1fr;align-items:start;gap:0;min-height:200px;margin-bottom:100px;display:grid;position:relative}.how-step:last-of-type{margin-bottom:60px}.how-step-node{z-index:3;grid-column:2;justify-self:center;width:60px;height:60px;margin-top:12px;position:relative}.how-node-ring{opacity:0;border:1px solid #ffffff14;border-radius:50%;transition:opacity .5s;position:absolute;inset:-6px}.how-node-core{background:linear-gradient(#12172a 0%,#0a0d18 100%);border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;transition:all .5s cubic-bezier(.2,.9,.3,1.2);display:flex;position:absolute;inset:0}.how-node-num{color:#7d8699;letter-spacing:.02em;font-family:JetBrains Mono,ui-monospace,monospace;font-size:15px;font-weight:600;transition:color .5s}.how-step.active .how-node-ring{opacity:1;border-color:#ffb84d59;animation:2.4s ease-in-out infinite howNodeRingPulse}@keyframes howNodeRingPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:.1;transform:scale(1.25)}}.how-step.active .how-node-core{background:linear-gradient(#ffd88a 0%,#ff9a1f 100%);border-color:#ffdc96e6;box-shadow:0 0 24px #ffb84d8c,0 0 48px #ffb84d40,inset 0 1px #fff6}.how-step.active .how-node-num{color:#2b1300}.how-step-card{-webkit-backdrop-filter:blur(12px);opacity:0;background:linear-gradient(#ffffff0a 0%,#ffffff05 100%);border:1px solid #ffffff14;border-radius:20px;padding:26px 28px 24px;transition:opacity .7s,transform .7s cubic-bezier(.2,.9,.3,1),border-color .4s;position:relative;transform:translateY(20px);box-shadow:0 24px 60px -24px #000000b3,0 8px 24px -12px #00000080}.how-step.visible .how-step-card{opacity:1;transform:translateY(0)}.how-step.active .how-step-card{border-color:#ffb84d47}.how-step-left .how-step-card{grid-column:1;margin-right:40px;transform:translate(-30px)translateY(20px)}.how-step-right .how-step-card{grid-column:3;margin-left:40px;transform:translate(30px)translateY(20px)}.how-step-left.visible .how-step-card,.how-step-right.visible .how-step-card{transform:translate(0)}.how-step-card:before{content:"";background:inherit;border:1px solid #ffffff14;width:12px;height:12px;transition:border-color .4s;position:absolute;top:24px;transform:rotate(45deg)}.how-step-left .how-step-card:before{border-bottom:none;border-left:none;right:-7px}.how-step-right .how-step-card:before{border-top:none;border-right:none;left:-7px}.how-step.active .how-step-card:before{border-color:#ffb84d47}.how-step-meta{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.how-step-kicker{letter-spacing:.18em;color:#ffb84d;text-transform:uppercase;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10.5px;font-weight:600}.how-step-time{color:#7d8699;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:500}.how-step-title{letter-spacing:-.015em;margin-bottom:8px;font-size:22px;font-weight:700;line-height:1.25}.how-step-desc{color:#b0b8cc;margin-bottom:18px;font-size:13.5px;line-height:1.6}.how-step-visual{background:#060810;border:1px solid #ffffff14;border-radius:12px;margin-bottom:16px;overflow:hidden}.how-visual-install{padding:14px}.how-install-head{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;display:flex}.how-install-title-row{align-items:center;gap:10px;display:flex}.how-install-icon{color:#ffb84d;background:#ffb84d1f;border:1px solid #ffb84d40;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.how-install-icon svg{width:17px;height:17px}.how-install-title{color:#f5f7fb;letter-spacing:-.005em;font-size:13px;font-weight:600}.how-install-sub{color:#7d8699;margin-top:2px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10.5px}.how-install-badge{letter-spacing:.06em;color:#22d3ee;background:#22d3ee14;border:1px solid #22d3ee38;border-radius:999px;align-items:center;gap:6px;padding:4px 9px;font-size:10.5px;font-weight:600;display:inline-flex}.how-install-badge-dot{background:#22d3ee;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite howPulseDot;box-shadow:0 0 8px #22d3ee}.how-install-progress{margin-bottom:14px}.how-install-bar{background:#ffffff0d;border-radius:999px;height:6px;position:relative;overflow:hidden}.how-install-fill{border-radius:inherit;transform-origin:0;background:linear-gradient(90deg,#22d3ee,#ffb84d);width:68%;height:100%;animation:1.6s cubic-bezier(.2,.9,.3,1) forwards howInstallFillGrow;position:relative;box-shadow:0 0 12px #ffb84d59}.how-install-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff59);width:40px;animation:1.8s ease-in-out infinite howShimmer;position:absolute;top:0;bottom:0;right:0}@keyframes howInstallFillGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes howShimmer{0%{opacity:0;transform:translate(-40px)}50%{opacity:1}to{opacity:0;transform:translate(12px)}}.how-install-meta{color:#7d8699;justify-content:space-between;margin-top:8px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10.5px;display:flex}.how-install-steps{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.how-install-steps li{grid-template-columns:18px 1fr auto;align-items:center;gap:10px;padding:4px 0;font-size:12px;display:grid}.how-is-icon{border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.how-is-icon svg{width:14px;height:14px}.how-is-label{color:#b0b8cc;letter-spacing:-.005em}.how-is-value{color:#7d8699;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10.5px}.how-is-done .how-is-icon{color:#4ade80;background:#4ade801f;border:1px solid #4ade804d}.how-is-done .how-is-label{color:#f5f7fb}.how-is-done .how-is-value{color:#4ade80}.how-is-active .how-is-icon{color:#ffb84d;background:#ffb84d1f;border:1px solid #ffb84d59}.how-is-active .how-is-label{color:#ffb84d;font-weight:500}.how-is-active .how-is-value{color:#ffb84d}.how-is-spin svg{animation:1s linear infinite howSpin}@keyframes howSpin{to{transform:rotate(360deg)}}.how-is-pending .how-is-icon{color:#5b6478;border:1px dashed #ffffff1a}.how-is-pending .how-is-label{color:#7d8699}.how-visual-dashboard{padding:14px}.how-dash-row{justify-content:space-between;align-items:center;display:flex}.how-dash-header{color:#7d8699;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid #ffffff14;margin-bottom:12px;padding-bottom:10px;font-size:11.5px}.how-dash-status{color:#4ade80;text-transform:none;letter-spacing:.02em;align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex}.how-status-dot{background:#4ade80;border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite howPulseDot;box-shadow:0 0 8px #4ade80}.how-dash-job{grid-template-columns:1fr 100px 44px;align-items:center;gap:12px;padding:8px 0;display:grid}.how-job-info{flex-direction:column;display:flex}.how-job-name{color:#f5f7fb;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}.how-job-size{color:#5b6478;margin-top:2px;font-size:10.5px}.how-job-bar{background:#ffffff0f;border-radius:999px;height:4px;overflow:hidden}.how-job-fill{height:100%;width:var(--pct);border-radius:inherit;transform-origin:0;background:linear-gradient(90deg,#22d3ee,#ffb84d);animation:1.5s cubic-bezier(.2,.9,.3,1) forwards howBarGrow}@keyframes howBarGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.how-job-pct{color:#b0b8cc;text-align:right;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px}.how-job-pct.done{color:#4ade80}.how-visual-restore{padding:16px 14px}.how-restore-head{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:12px;display:flex}.how-restore-icon{color:#ffb84d;background:#ffb84d1f;border:1px solid #ffb84d40;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.how-restore-icon svg{width:18px;height:18px}.how-restore-info{flex:1}.how-restore-title{color:#7d8699;font-size:12px}.how-restore-time{color:#f5f7fb;margin-top:2px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12.5px}.how-restore-badge{letter-spacing:.1em;color:#4ade80;background:#4ade801a;border:1px solid #4ade8040;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700}.how-restore-timeline{justify-content:space-between;align-items:center;padding:10px 0 14px;display:flex}.how-rt-tick{background:#ffffff12;border-radius:2px;flex:1;height:3px;margin:0 2px;transition:all .4s}.how-rt-tick.how-rt-active{background:#ffb84d;height:6px;box-shadow:0 0 10px #ffb84d}.how-restore-btn{color:#2b1300;letter-spacing:.02em;cursor:pointer;background:linear-gradient(#ffd88a 0%,#ff9a1f 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px 14px;font-family:inherit;font-size:12.5px;font-weight:700;transition:transform .2s,box-shadow .3s;display:flex}.how-restore-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #ffb84d59}.how-restore-btn svg{width:14px;height:14px}.how-step-tags{flex-wrap:wrap;gap:6px;display:flex}.how-tag{color:#b0b8cc;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;padding:4px 9px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10.5px;font-weight:500}.how-finish{z-index:3;flex-direction:column;align-items:center;padding-top:30px;display:flex;position:relative}.how-finish-core{color:#052e18;z-index:2;background:linear-gradient(#4ade80 0%,#10b981 100%);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:relative;box-shadow:0 0 30px #4ade8066,inset 0 1px #ffffff59}.how-finish-core svg{width:26px;height:26px}.how-finish-pulse{background:#4ade804d;border-radius:50%;width:52px;height:52px;animation:2.4s ease-out infinite howFinishPulse;position:absolute;top:30px}@keyframes howFinishPulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}.how-finish-label{letter-spacing:.14em;color:#4ade80;text-transform:uppercase;margin-top:14px;font-size:12.5px;font-weight:600}@media (max-width:860px){.how-timeline{padding-left:44px}.how-progress-svg{left:22px;transform:none}.how-step{grid-template-columns:60px 1fr;min-height:0;margin-bottom:60px}.how-step-node{grid-column:1;margin-left:-30px}.how-step-left .how-step-card,.how-step-right .how-step-card{grid-column:2;margin:0 0 0 20px;transform:translate(-20px)translateY(20px)}.how-step-left.visible .how-step-card,.how-step-right.visible .how-step-card{transform:translate(0)}.how-step-card:before{display:none}}@media (max-width:500px){.how-section{padding:72px 16px 100px}.how-step-card{padding:20px 20px 18px}.how-step-title{font-size:19px}.how-dash-job{grid-template-columns:1fr 70px 40px;gap:8px}}