.approach-stepper{--blue:#0373bb;--orange:#fcb038;--active-fill:#0373bb;--final-fill:#fcb038;--ink:#393d39;--sub:#393d39;--line-col:#dce2e7;--muted-node:#c7cfd6;--page-bg:#fff;--panel-bg:#f4f7fc;--border:#e6eaed;color:var(--ink);margin:0 auto;max-width:1320px;text-align:center}.approach-stepper *,.approach-stepper :after,.approach-stepper :before{box-sizing:border-box}.eyebrow{color:var(--blue);font-size:14px;font-weight:700;letter-spacing:1px;margin:0 0 14px;text-transform:uppercase}@media (prefers-color-scheme:dark){.approach-stepper:not([data-theme=light]){--ink:#eef2f6;--sub:#aab4be;--line-col:#2a333c;--muted-node:#3a444e;--page-bg:#12181f;--panel-bg:#1b232c;--border:#2a333c}}.approach-stepper[data-theme=dark]{--ink:#eef2f6;--sub:#aab4be;--line-col:#2a333c;--muted-node:#3a444e;--page-bg:#12181f;--panel-bg:#1b232c;--border:#2a333c}.approach-stepper .section-heading{margin-bottom:18px}.approach-stepper .section-description{margin-bottom:52px}.approach-stepper .as-stepper{display:flex;gap:20px;margin-bottom:10px;position:relative}.approach-stepper .stepper-line{background:var(--line-col);height:2px;left:32px;position:absolute;right:32px;top:32px;z-index:0}.approach-stepper .stepper-fill{background:var(--blue);height:2px;left:32px;max-width:calc(100% - 64px);position:absolute;top:32px;transition:width .5s cubic-bezier(.4,0,.2,1);width:0;z-index:1}.approach-stepper .step{align-items:center;display:flex;flex:1;flex-direction:column;position:relative;z-index:2}.approach-stepper .step-icon-wrap{position:relative}.approach-stepper .step-icon{align-items:center;background:linear-gradient(var(--page-bg),var(--page-bg)) padding-box,linear-gradient(135deg,var(--blue),var(--orange)) border-box;border:2px solid transparent;border-radius:50%;cursor:pointer;display:flex;height:70px;justify-content:center;transition:background .25s ease,transform .2s ease;width:70px}.approach-stepper .step-icon i,.approach-stepper .step-icon span,.approach-stepper .step-icon svg{color:var(--sub);fill:currentColor;font-size:20px;height:30px;line-height:1;transition:color .25s ease;width:30px}.approach-stepper .step.visited .step-icon i,.approach-stepper .step.visited .step-icon span,.approach-stepper .step.visited .step-icon svg{color:var(--blue)}.approach-stepper .step.active .step-icon{background:linear-gradient(var(--active-fill),var(--active-fill)) padding-box,linear-gradient(135deg,var(--blue),var(--orange)) border-box;transform:scale(1.08)}.approach-stepper .step.active .step-icon i,.approach-stepper .step.active .step-icon span,.approach-stepper .step.active .step-icon svg{color:#fff}.approach-stepper .step[data-color=orange] .step-icon{background:linear-gradient(var(--page-bg),var(--page-bg)) padding-box,linear-gradient(135deg,var(--blue),var(--orange)) border-box}.approach-stepper .step[data-color=orange].visited .step-icon i,.approach-stepper .step[data-color=orange].visited .step-icon span,.approach-stepper .step[data-color=orange].visited .step-icon svg{color:var(--orange)}.approach-stepper .step[data-color=orange].active .step-icon{background:linear-gradient(135deg,var(--blue),var(--orange)) border-box}.approach-stepper .step-label{font-size:18px;font-weight:600;line-height:1.5;margin:20px 0 0;text-align:center;white-space:nowrap;text-wrap:auto}.approach-stepper .step.active .step-label,.approach-stepper .step.visited .step-label{color:var(--ink)}.approach-stepper .step-tip{background:var(--ink);border-radius:6px;bottom:64px;color:var(--page-bg);font-size:12px;font-weight:600;left:50%;opacity:0;padding:7px 11px;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(4px);transition:opacity .18s ease,transform .18s ease;white-space:nowrap}.approach-stepper .step-tip:after{border:5px solid transparent;border-top:5px solid var(--ink);content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.approach-stepper .step:not(.active):hover .step-tip{opacity:1;transform:translateX(-50%) translateY(0)}.approach-stepper .step:not(.active):hover .step-icon{transform:scale(1.05)}.approach-stepper .panel{align-items:center;background:var(--panel-bg);background:linear-gradient(var(--panel-bg),var(--panel-bg)) padding-box,linear-gradient(135deg,var(--blue),var(--orange)) border-box;border:1px solid transparent;border-radius:14px;display:flex;justify-content:center;margin-top:30px;min-height:auto;padding:30px}.approach-stepper .panel-body{animation:as-rise .4s ease forwards;flex:1;opacity:0;transform:translateY(6px)}@keyframes as-rise{to{opacity:1;transform:translateY(0)}}.approach-stepper .panel-num{color:var(--blue);font-size:13px;font-weight:600;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.approach-stepper .panel-num.orange{color:var(--orange)}.approach-stepper .panel-title{font-size:21px;font-weight:600;margin-bottom:20px}.approach-stepper .panel-desc{color:var(--sub);font-size:16px;line-height:1.5}.approach-stepper .controls{align-items:center;display:flex;justify-content:space-between;margin-top:22px}.approach-stepper .arrow-btn{align-items:center;background:none;border:1px solid var(--border);border-radius:999px;color:var(--ink);cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:border-color .2s ease,background .2s ease,opacity .2s ease}.approach-stepper .arrow-btn:hover:not(:disabled){border-color:var(--blue)}.approach-stepper .arrow-btn:disabled{cursor:default;opacity:.35}.approach-stepper .arrow-btn svg{height:16px;width:16px}.approach-stepper .dots{display:flex;gap:6px}.approach-stepper .dot{background:var(--muted-node);border-radius:50%;height:6px;transition:all .25s ease;width:6px}.approach-stepper .dot.on{background:var(--blue);border-radius:3px;width:20px}.approach-stepper .dot.on.orange{background:var(--orange)}@media (max-width:680px){.approach-stepper .step-label{display:none}.approach-stepper .stepper-fill,.approach-stepper .stepper-line{left:26px;right:26px;top:22px}.approach-stepper .stepper-fill{max-width:calc(100% - 52px)}.approach-stepper .step-icon{height:44px;width:44px}.approach-stepper .step-icon i,.approach-stepper .step-icon span,.approach-stepper .step-icon svg{font-size:18px;height:18px;width:18px}.approach-stepper .panel{flex-direction:column;padding:26px 22px}.approach-stepper .arrow-btn span{display:none}.approach-stepper .arrow-btn{padding:10px 12px}}