*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(180deg,#eef4fb 0%,#f8fafd 18%,#fff 42%);font-family:"Manrope",sans-serif}h1,h2,h3,h4{font-family:"Plus Jakarta Sans",sans-serif}@keyframes fadeIn{to{opacity:1}}@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes nodePop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.15);opacity:1}100%{transform:scale(1);opacity:1}}.hero{background:linear-gradient(180deg,#eef4fb 0%,#f8fafd 55%,#fff 100%);padding:88px 24px 64px;text-align:center;position:relative;overflow:hidden}.hero::before{content:"";position:absolute;top:-80px;left:50%;transform:translateX(-50%);width:800px;height:600px;background:radial-gradient(ellipse,rgba(32,145,218,.07) 0%,transparent 68%);pointer-events:none}.hero-inner{position:relative;z-index:1}.eyebrow{display:inline-block;border:1.5px solid #c8ddf0;color:#4a6a85;padding:7px 20px;border-radius:4px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:20px;background:rgba(255,255,255,.6);opacity:0;animation:fadeIn .4s ease both .05s}.hero h1{font-size:clamp(38px,5.5vw,64px);font-weight:800;line-height:1.04;letter-spacing:-.04em;color:#0d1b2a;margin-bottom:18px}.hero h1 em{color:#1a74b0;font-style:normal}.hero-sub{font-size:18px;color:#4a5f78;line-height:1.7;max-width:600px;margin:0 auto 28px}.path-nav{display:inline-flex;gap:8px;flex-wrap:wrap;justify-content:center;opacity:0;animation:fadeIn .4s ease both .35s}.path-nav a{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #e4eef4;color:#334a5e;font-family:"Plus Jakarta Sans",sans-serif;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:10px 16px;border-radius:6px;text-decoration:none;transition:transform .18s,border-color .18s,color .18s}.path-nav a:hover{border-color:#2091DA;color:#2091DA;transform:translateY(-2px)}.path-nav .n{width:18px;height:18px;border-radius:50%;background:rgba(32,145,218,.1);color:#2091DA;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:800}.roadmap{max-width:1180px;margin:0 auto;padding:64px 24px 100px;position:relative}.rail{position:absolute;left:55px;top:40px;bottom:120px;width:3px;background:#e4eef4;border-radius:2px;z-index:0}.rail-fill{position:absolute;left:0;top:0;width:100%;background:#c8ddf0;border-radius:2px;height:0;transition:height .15s linear,background-color .5s ease}.step{position:relative;margin-bottom:80px;padding-left:120px;z-index:1}.step:last-of-type{margin-bottom:60px}.node{position:absolute;left:25px;top:0;width:62px;height:62px;border-radius:50%;background:#fff;border:3px solid #e4eef4;display:flex;align-items:center;justify-content:center;font-family:"Plus Jakarta Sans",sans-serif;font-size:17px;font-weight:800;color:#c8ddf0;z-index:2;box-shadow:0 6px 20px rgba(0,0,0,.06);transition:border-color .4s ease,color .4s ease,transform .4s ease,box-shadow .4s ease}.step.reached .node{animation:nodePop .5s cubic-bezier(.22,1,.36,1) forwards}.step.s1.reached .node{border-color:#2091DA;color:#2091DA;box-shadow:0 8px 24px rgba(32,145,218,.22)}.step.s2.reached .node{border-color:#0ea5a0;color:#0ea5a0;box-shadow:0 8px 24px rgba(14,165,160,.22)}.step.s3.reached .node{border-color:#6366f1;color:#6366f1;box-shadow:0 8px 24px rgba(99,102,241,.22)}.step.s4.reached .node{border-color:#d97706;color:#d97706;box-shadow:0 8px 24px rgba(217,119,6,.22)}.node::after{content:"";position:absolute;left:100%;top:50%;width:32px;height:2px;background:#e4eef4;transform:translateY(-50%);transition:background .4s ease}.step.s1.reached .node::after{background:#2091DA}.step.s2.reached .node::after{background:#0ea5a0}.step.s3.reached .node::after{background:#6366f1}.step.s4.reached .node::after{background:#d97706}.step-head{margin-bottom:24px;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.step.reached .step-head{opacity:1;transform:translateY(0)}.step-kicker{font-family:"Manrope",sans-serif;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:6px;display:block}.step.s1 .step-kicker{color:#186ba3}.step.s2 .step-kicker{color:#0f766e}.step.s3 .step-kicker{color:#4f46e5}.step.s4 .step-kicker{color:#b45309}.step-head h2{font-size:clamp(26px,3.2vw,36px);font-weight:800;letter-spacing:-.03em;color:#0d1b2a;line-height:1.1;margin-bottom:8px}.step-head p{font-size:15px;color:#4a5f78;line-height:1.7;max-width:600px}.roadmap .step .step-head h2 a.st-link.st-link{color:inherit;text-decoration:none}.roadmap .step .step-head h2 a.st-link .st-nw{white-space:nowrap}.roadmap .step .step-head h2 a.st-link .st-nw::after{content:"\2192";content:"\2192" / "";display:inline-block;margin-left:.3em;font-weight:700;opacity:.55;transition:transform .18s,opacity .18s}.roadmap .step .step-head h2 a.st-link.st-link:hover,.roadmap .step .step-head h2 a.st-link.st-link:focus-visible{color:inherit;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}.roadmap .step .step-head h2 a.st-link:hover .st-nw::after,.roadmap .step .step-head h2 a.st-link:focus-visible .st-nw::after{opacity:1;transform:translateX(4px)}.cards{display:grid;gap:14px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-5{grid-template-columns:repeat(5,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.card{background:#fff;border:1px solid #e4eef4;border-radius:14px;padding:22px 20px;text-decoration:none;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:border-color .18s,transform .18s,box-shadow .18s,opacity .55s ease;opacity:0;transform:translateY(16px)}.step.reached .card{opacity:1;transform:translateY(0)}.step.reached .card:nth-child(1){transition-delay:.05s}.step.reached .card:nth-child(2){transition-delay:.12s}.step.reached .card:nth-child(3){transition-delay:.19s}.step.reached .card:nth-child(4){transition-delay:.26s}.step.reached .card:nth-child(5){transition-delay:.33s}.card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;opacity:0;transition:opacity .18s}.card:hover{transform:translateY(-3px)}.card:hover::before{opacity:1}.s1 .card::before{background:linear-gradient(90deg,#2091DA,#1a7bbf)}.s1 .card:hover{border-color:#2091DA;box-shadow:0 10px 24px rgba(32,145,218,.1)}.s1 .card .ico{background:rgba(32,145,218,.08);color:#2091DA}.s1 .card .lnk{color:#186ba3;border-color:rgba(32,145,218,.25)}.s2 .card::before{background:linear-gradient(90deg,#0ea5a0,#0891b2)}.s2 .card:hover{border-color:#0ea5a0;box-shadow:0 10px 24px rgba(14,165,160,.1)}.s2 .card .ico{background:rgba(14,165,160,.08);color:#0ea5a0}.s2 .card .lnk{color:#0f766e;border-color:rgba(14,165,160,.25)}.s3 .card::before{background:linear-gradient(90deg,#6366f1,#4f46e5)}.s3 .card:hover{border-color:#6366f1;box-shadow:0 10px 24px rgba(99,102,241,.1)}.s3 .card .ico{background:rgba(99,102,241,.08);color:#6366f1}.s3 .card .lnk{color:#4f46e5;border-color:rgba(99,102,241,.25)}.s4 .card::before{background:linear-gradient(90deg,#d97706,#b45309)}.s4 .card:hover{border-color:#d97706;box-shadow:0 10px 24px rgba(217,119,6,.1)}.s4 .card .ico{background:rgba(217,119,6,.08);color:#d97706}.s4 .card .lnk{color:#b45309;border-color:rgba(217,119,6,.25)}.ico{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.card h3{font-family:"Plus Jakarta Sans",sans-serif;font-size:15px;font-weight:800;color:#0d1b2a;margin-bottom:7px;letter-spacing:-.01em;line-height:1.22}.card p{font-family:"Manrope",sans-serif;font-size:12.5px;line-height:1.6;color:#4a5f78;margin-bottom:14px;flex:1}.lnk{display:inline-flex;align-items:center;gap:5px;font-family:"Plus Jakarta Sans",sans-serif;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;border-bottom:1.5px solid;padding-bottom:2px;align-self:flex-start;transition:gap .18s}.card:hover .lnk{gap:8px}.finish{position:relative;padding-left:120px;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.finish.reached{opacity:1;transform:translateY(0)}.finish-node{position:absolute;left:25px;top:0;width:62px;height:62px;border-radius:50%;background:linear-gradient(135deg,#2091DA,#1a7bbf);border:3px solid #fff;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 10px 28px rgba(32,145,218,.3)}.finish-inner{background:#f8fafd;border:1px solid #e4eef4;border-radius:16px;padding:32px 36px}.finish-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#1a74b0,#15598a);color:#fff;padding:8px 16px;border-radius:30px;font-family:"Plus Jakarta Sans",sans-serif;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}.finish h3{font-size:clamp(22px,2.6vw,28px);font-weight:800;color:#0d1b2a;letter-spacing:-.02em;margin-bottom:10px;line-height:1.2}.finish p{font-size:14px;color:#4a5f78;line-height:1.7;margin-bottom:18px;max-width:560px}.finish a{display:inline-block;background:#fff;border:1.5px solid #c8d8e8;color:#334a5e;font-family:"Plus Jakarta Sans",sans-serif;font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;padding:13px 26px;border-radius:8px;text-decoration:none;transition:transform .18s,border-color .18s,color .18s}.finish a:hover{transform:translateY(-2px);border-color:#2091DA;color:#2091DA}@media (max-width:1050px){.grid-5{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){.rail{left:31px}.step{padding-left:80px}.node{left:0;width:54px;height:54px;font-size:14px}.node::after{width:26px}.finish{padding-left:80px}.finish-node{left:0;width:54px;height:54px}.grid-3{grid-template-columns:1fr 1fr}}@media (max-width:640px){.hero{padding:56px 20px 48px}.hero-sub{font-size:15px}.path-nav{max-width:320px;margin:0 auto}.roadmap{padding:44px 16px 70px}.rail{left:23px;bottom:100px}.step{padding-left:64px;margin-bottom:56px}.node{width:46px;height:46px;font-size:12px;border-width:2.5px}.node::after{width:18px}.grid-5,.grid-4,.grid-3{grid-template-columns:1fr}.card{padding:20px 18px}.finish{padding-left:64px}.finish-node{width:46px;height:46px}.finish-inner{padding:24px 22px}}