.sy-section{--sy-blue:#1557ff;--sy-blue-dark:#0a3fcc;--sy-blue-soft:#eaf0ff;--sy-blue-ink:#1340b8;--sy-lime:#c8f25a;--sy-lime-soft:#f3fbe3;--sy-lime-ink:#3f6212;--sy-ink:#0e1116;--sy-text:#525a68;--sy-line:#e4e8f0;--sy-line-soft:#edf0f5;--sy-panel:#f8fafd;--sy-head:"Plus Jakarta Sans","Poppins",system-ui,sans-serif;--sy-body:"Poppins",system-ui,-apple-system,"Segoe UI",sans-serif;overflow:hidden;position:relative;--sy-bg:#fff;--sy-pt:88px;--sy-pb:88px;background:var(--sy-bg);color:var(--sy-ink);font-family:var(--sy-body);padding:clamp(40px,6vw,var(--sy-pt)) 24px clamp(40px,6vw,var(--sy-pb))}.sy-section,.sy-section *,.sy-section :after,.sy-section :before{box-sizing:border-box}.sy-section:before{background:radial-gradient(closest-side,rgba(21,87,255,.07),rgba(21,87,255,0));border-radius:50%;content:"";height:520px;left:50%;margin-left:-450px;pointer-events:none;position:absolute;top:-240px;width:900px}.sy-wrap{gap:clamp(32px,4vw,48px);margin:0 auto;position:relative}.sy-head,.sy-wrap{align-items:center;display:flex;flex-direction:column}.sy-head{gap:16px;max-width:820px;text-align:center}.sy-eyebrow{align-items:center;color:var(--sy-blue);display:flex;font-family:var(--sy-head);font-size:14px;font-weight:700;gap:10px;letter-spacing:.14em;text-transform:uppercase}.sy-dot{background:var(--sy-blue);border-radius:50%;display:block;height:8px;width:8px}.sy-title{font-family:var(--sy-head);font-size:clamp(32px,4.2vw,52px);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:0}.sy-mark{color:var(--sy-blue);display:inline-block;position:relative;z-index:0}.sy-mark:after{background:var(--sy-lime);border-radius:6px;bottom:.08em;content:"";height:.22em;left:0;position:absolute;right:0;transform:scaleX(0);transform-origin:left;z-index:-1}.sy-lead{color:var(--sy-text);font-size:clamp(16px,1.4vw,18px);line-height:1.7;margin:0;max-width:640px}.sy-grid{display:grid;gap:24px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);width:100%}.sy-card{background:var(--sy-card,#fff);border:1px solid var(--sy-line);border-radius:20px;display:flex;flex-direction:column;gap:18px;padding:clamp(20px,2.4vw,28px);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.sy-card:hover{border-color:#c9d6ff;box-shadow:0 24px 48px -24px rgba(14,17,22,.22);transform:translateY(-4px)}.sy-card-top{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.sy-kicker{color:var(--sy-blue);font-family:var(--sy-head);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.sy-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:13px;gap:8px;line-height:1.2;padding:6px 12px}.sy-pill--lime{background:var(--sy-lime-soft);color:var(--sy-lime-ink)}.sy-pill--blue{background:var(--sy-blue-soft);color:var(--sy-blue-ink)}.sy-live{background:#84cc16;border-radius:50%;display:block;height:7px;width:7px}.sy-h3{font-family:var(--sy-head);font-size:clamp(20px,1.8vw,22px);font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:0}.sy-p{font-size:16px;line-height:1.7;margin:0}.sy-foot,.sy-p{color:var(--sy-text)}.sy-foot{align-items:flex-start;border-top:1px solid var(--sy-line-soft);display:flex;font-size:13px;gap:10px;line-height:1.55;margin-top:auto;padding-top:14px}.sy-foot svg{color:var(--sy-blue);flex-shrink:0;margin-top:2px}.sy-foot strong{color:var(--sy-ink);font-weight:500}.sy-tracker{background:var(--sy-panel);border:1px solid var(--sy-line-soft);border-radius:16px;display:flex;flex-direction:column;gap:12px;padding:16px 18px}.sy-stages{display:flex;justify-content:space-between;position:relative}.sy-rail-x,.sy-stages:before{background:#e1e6ef;border-radius:2px;content:"";height:3px;left:50px;position:absolute;right:50px;top:15px}.sy-rail-x{background:var(--sy-blue);transform:scaleX(0);transform-origin:left}.sy-stage{align-items:center;display:flex;flex-direction:column;gap:6px;position:relative;text-align:center;width:100px}.sy-section .sy-stage,.sy-section .sy-stage:active,.sy-section .sy-stage:focus,.sy-section .sy-stage:hover{appearance:none;-webkit-appearance:none;background:transparent!important;background-image:none!important;border:0!important;border-radius:12px;box-shadow:none!important;color:inherit!important;cursor:pointer;height:auto;line-height:1.3;font:inherit;letter-spacing:normal;margin:0;min-height:0;min-width:0;opacity:1;padding:0!important;text-decoration:none;text-transform:none;transform:none}.sy-section .sy-stage:focus{outline:none}.sy-section .sy-stage:focus-visible{outline:3px solid var(--sy-blue);outline-offset:4px}.sy-section .sy-stage-label{color:var(--sy-ink);font-family:var(--sy-head);font-size:13px;font-weight:700;transition:color .25s ease}.sy-section .sy-stage:hover .sy-node{box-shadow:0 0 0 6px var(--sy-blue-soft)}.sy-section .sy-stage:hover .sy-stage-label{color:var(--sy-blue)}.sy-section .sy-stage.is-active .sy-node{box-shadow:0 0 0 6px #c9d6ff}.sy-section .sy-stage.is-active .sy-stage-label{color:var(--sy-blue)}.sy-section .sy-stage.is-pending .sy-node{background:#c7cedb}.sy-section .sy-stage.is-pending .sy-node path{opacity:0}.sy-section .sy-stage.is-pending .sy-stage-label{color:#8a93a3}.sy-section .sy-stage.is-pending:hover .sy-stage-label{color:var(--sy-blue)}.sy-node{align-items:center;background:var(--sy-blue);border-radius:50%;display:flex;height:32px;justify-content:center;opacity:0;transform:scale(.4);width:32px}.sy-node path{stroke-dasharray:24;stroke-dashoffset:24}.sy-file{background:#fff;border:1px solid var(--sy-line-soft);border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:12px 14px}.sy-file-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.sy-file-name{color:#3a4150;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.sy-file-by{color:#6b7280;font-size:12px}.sy-bar{background:#eef1f6;border-radius:3px;height:6px;overflow:hidden}.sy-bar i{background:#a3e635;border-radius:3px;display:block;height:100%;width:0}.sy-node{transition:background .3s ease,box-shadow .3s ease}.sy-detail-body{display:flex;flex-direction:column;gap:4px;transition:opacity .2s ease,transform .2s ease}.sy-detail-body.is-swap{opacity:0;transform:translateY(4px)}.sy-detail-top{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.sy-detail-title{color:var(--sy-ink);font-family:var(--sy-head);font-size:15px;font-weight:700}.sy-status{background:var(--sy-lime-soft);border-radius:999px;color:var(--sy-lime-ink);font-size:12px;font-weight:500;padding:3px 10px}.sy-status.is-progress{background:var(--sy-blue-soft);color:var(--sy-blue-ink)}.sy-detail-text{color:var(--sy-text);font-size:13px;line-height:1.55;margin:0}.sy-hint{color:#6b7280;font-size:11.5px;margin:-4px 0 0;text-align:center}.sy-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.sy-list li{align-items:center;color:#1f2430;display:flex;font-size:15px;gap:12px;line-height:1.45;transition:transform .25s ease}.sy-list li:hover{transform:translateX(4px)}.sy-tick{align-items:center;background:var(--sy-blue-soft);border-radius:50%;color:var(--sy-blue);display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.sy-steps{display:flex;flex-direction:column;gap:2px;list-style:none;margin:0;padding:0;position:relative}.sy-step:not(:last-child):after,.sy-step:not(:last-child):before{background:#e1e6ef;bottom:-12px;content:"";left:28px;position:absolute;top:44px;width:2px}.sy-step:not(:last-child):after{background:var(--sy-blue);transform:scaleY(0);transform-origin:top}.sy-step{border-radius:14px;display:flex;gap:14px;padding:10px 12px;position:relative;transition:background .25s ease}.sy-step:hover{background:#f2f6ff}.sy-num{background:var(--sy-blue);border-radius:50%;box-shadow:0 0 0 4px var(--sy-card,#fff);color:#fff;flex-shrink:0;font-family:var(--sy-head);font-size:15px;font-weight:700;height:34px;justify-content:center;opacity:0;position:relative;transform:scale(.4);width:34px;z-index:1}.sy-num,.sy-step-title{align-items:center;display:flex}.sy-step-title{flex-wrap:wrap;gap:12px;margin-bottom:3px}.sy-step-title strong{font-family:var(--sy-head);font-size:16px;font-weight:700}.sy-badge{background:var(--sy-blue-soft);border-radius:999px;color:var(--sy-blue-ink);font-size:12px;font-weight:500;padding:3px 10px}.sy-badge--lime{background:var(--sy-lime-soft);color:var(--sy-lime-ink)}.sy-step p{color:var(--sy-text);font-size:14px;line-height:1.55;margin:0}.sy-ctas{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.sy-btn,.sy-ctas{align-items:center}.sy-btn{border-radius:999px;display:inline-flex;font-family:var(--sy-head);font-size:17px;font-weight:700;gap:12px;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease}.sy-btn:focus-visible{outline:3px solid var(--sy-lime);outline-offset:3px}.sy-btn--primary{background:var(--sy-blue);box-shadow:0 12px 28px -12px rgba(21,87,255,.55);color:#fff;overflow:hidden;padding:18px 32px;position:relative}.sy-btn--primary:hover{background:var(--sy-blue-dark);box-shadow:0 18px 36px -12px rgba(21,87,255,.6);color:#fff;transform:translateY(-2px)}.sy-btn--primary:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.35),transparent);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-120%) skewX(-20deg);width:40%}.sy-btn--primary svg{transition:transform .25s ease}.sy-btn--primary:hover svg{transform:translateX(5px)}.sy-btn--ghost{border:1px solid #c9d3e6;color:var(--sy-blue);padding:17px 28px}.sy-btn--ghost:hover{background:#f2f6ff;border-color:var(--sy-blue);color:var(--sy-blue)}@keyframes sy-rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes sy-pop{0%{opacity:0;transform:scale(.4)}70%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes sy-fill-x{to{transform:scaleX(1)}}@keyframes sy-fill-y{to{transform:scaleY(1)}}@keyframes sy-draw{to{stroke-dashoffset:0}}@keyframes sy-bar{to{width:100%}}@keyframes sy-pulse{0%{box-shadow:0 0 0 0 rgba(21,87,255,.45)}80%,to{box-shadow:0 0 0 10px rgba(21,87,255,0)}}@keyframes sy-blink{50%{opacity:.35}}@keyframes sy-shine{0%{transform:translateX(-120%) skewX(-20deg)}60%,to{transform:translateX(320%) skewX(-20deg)}}.sy-js .sy-rv{opacity:0}.sy-section.is-in .sy-rv{animation:sy-rise .9s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:var(--d,0s)}.sy-section.is-in .sy-mark:after{animation:sy-fill-x .8s cubic-bezier(.6,0,.2,1) .9s forwards}.sy-section.is-in .sy-rail-x{animation:sy-fill-x 1.4s cubic-bezier(.6,0,.2,1) .9s forwards}.sy-section.is-in .sy-step:not(:last-child):after{animation:sy-fill-y .6s cubic-bezier(.6,0,.2,1) forwards;animation-delay:var(--dl,1.3s)}.sy-section.is-in .sy-node,.sy-section.is-in .sy-num{animation:sy-pop .55s cubic-bezier(.3,1.4,.5,1) forwards;animation-delay:var(--d,0s)}.sy-section.is-in .sy-node path{animation:sy-draw .5s ease-out forwards;animation-delay:calc(var(--d,0s) + .2s)}.sy-section.is-in .sy-bar i{animation:sy-bar 1.6s cubic-bezier(.6,0,.2,1) 1.2s forwards}.sy-dot{animation:sy-pulse 2s ease-out infinite}.sy-live{animation:sy-blink 1.6s ease-in-out infinite}.sy-section.is-in .sy-btn--primary:before{animation:sy-shine 3.2s ease-in-out 2.4s infinite}@keyframes sy-bump{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes sy-redraw{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}.sy-section.sy-done .sy-node{animation:none;opacity:1;transform:none}.sy-section.sy-done .sy-node path{animation:none;stroke-dashoffset:0}.sy-section.sy-done .sy-node.is-bump{animation:sy-bump .45s cubic-bezier(.3,1.4,.5,1)}.sy-section.sy-done .sy-node.is-bump path{animation:sy-redraw .5s ease-out}.sy-section.sy-done .sy-rail-x{animation:none;transform:scaleX(var(--sy-p,1));transition:transform .6s cubic-bezier(.6,0,.2,1)}.sy-section.sy-done .sy-bar i{animation:none;transition:width .6s cubic-bezier(.6,0,.2,1);width:var(--sy-w,100%)}.sy-section:not(.sy-js) .sy-node,.sy-section:not(.sy-js) .sy-num{opacity:1;transform:none}.sy-section:not(.sy-js) .sy-node path{stroke-dashoffset:0}.sy-section:not(.sy-js) .sy-rail-x{transform:scaleX(1)}.sy-section:not(.sy-js) .sy-step:after{transform:scaleY(1)}.sy-section:not(.sy-js) .sy-mark:after{transform:scaleX(1)}.sy-section:not(.sy-js) .sy-bar i{width:100%}@media (max-width:900px){.sy-grid{gap:24px;grid-template-columns:minmax(0,1fr)}}@media (max-width:480px){.sy-rail-x,.sy-stages:before{left:40px;right:40px}.sy-stage{width:80px}.sy-section .sy-stage-label{font-size:12px}.sy-step{gap:14px;padding:10px 4px}.sy-step:not(:last-child):after,.sy-step:not(:last-child):before{left:20px}.sy-list li{align-items:flex-start}.sy-btn{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.sy-section *,.sy-section :after,.sy-section :before{animation:none!important;transition:none!important}.sy-js .sy-rv{opacity:1}.sy-node,.sy-num{opacity:1;transform:none}.sy-node path{stroke-dashoffset:0}.sy-rail-x{transform:scaleX(1)}.sy-step:after{transform:scaleY(1)}.sy-mark:after{transform:scaleX(1)}.sy-bar i{width:100%}}