:root{--blue:#3b82f6;--orange:#f97316;--base:#d1d5db;--bg:#f8fafc;--node-diam:44px;--node-border:2px;--node-radius:calc(var(--node-diam)/2);--node-outer:calc(var(--node-radius) + var(--node-border));--v-dash-on:12px;--v-dash-off:12px}.lead{color:#6b7280;margin:0 0 32px}.timeline{padding:40px 0;position:relative}.line-base,.line-progress{border-radius:2px;left:50%;position:absolute;transform:translateX(-50%);width:3px}.line-base{background:linear-gradient(180deg,var(--base) 0,rgba(209,213,219,0) 100%);box-shadow:0 12.987px 12.987px 0 rgba(0,0,0,.1);height:0;-webkit-mask:repeating-linear-gradient(to bottom,#000 0 var(--v-dash-on),transparent var(--v-dash-on) calc(var(--v-dash-on) + var(--v-dash-off)));mask:repeating-linear-gradient(to bottom,#000 0 var(--v-dash-on),transparent var(--v-dash-on) calc(var(--v-dash-on) + var(--v-dash-off)));top:0;z-index:0}.line-progress{height:0;overflow:hidden;top:0;z-index:1}.line-progress:before{background:var(--blue);border-radius:inherit;content:"";inset:0;-webkit-mask:repeating-linear-gradient(to bottom,#000 0 var(--v-dash-on),transparent var(--v-dash-on) calc(var(--v-dash-on) + var(--v-dash-off)));mask:repeating-linear-gradient(to bottom,#000 0 var(--v-dash-on),transparent var(--v-dash-on) calc(var(--v-dash-on) + var(--v-dash-off)));position:absolute}.item{box-sizing:border-box;position:relative;width:50%}.item.left{left:0;padding:28px 80px 28px 0;text-align:left}.item.right{left:50%;padding:28px 0 28px 80px;text-align:left}.node{align-items:center;background:#fff;border:var(--node-border) solid var(--blue);border-radius:50%;color:#000;display:flex;font-family:Inter Tight;font-size:24px;font-weight:700;height:var(--node-diam);justify-content:center;line-height:normal;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%) scale(0);width:var(--node-diam);z-index:3}.item.left .node{left:100%}.item.right .node{left:0}.connector{background:var(--blue);height:2px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);visibility:hidden;width:0;z-index:2}.item.left .connector{right:var(--node-outer)}.item.right .connector{left:var(--node-outer)}.card{align-items:flex-start;align-self:stretch;backdrop-filter:blur(22px);background:#fff;border:10px solid #dee3ec;border-radius:20px;box-shadow:0 10px 28px rgba(0,0,0,.08);box-shadow:0 30px 20px 0 rgba(0,0,0,.1);display:inline-block;flex-direction:column;gap:10px;max-width:420px;opacity:0;outline:1px solid #c8d1e3;padding:30px;transform:translateY(24px)}.card h3{color:#111;font-family:Inter Tight;font-size:24px;font-weight:700;line-height:normal;margin-bottom:20px}.card p{color:#111;font-family:Inter;font-size:16px;font-weight:400;line-height:28px;margin-bottom:0}.title-content{max-width:390px;position:absolute;top:60px}.bg-block-1{position:absolute;right:0;top:300px}.bg-block-2{left:0;position:absolute;top:370px}.bg-block-3{bottom:0;left:40px;position:absolute}.card:before{background-color:var(--color-dark-blue);border-bottom-right-radius:3px;border-top-right-radius:3px;content:"";height:35%;left:0;margin-bottom:auto;margin-top:auto;position:absolute;width:6px}@media (max-width:768px){.line-base,.line-progress{left:28px;transform:none}.item{padding-left:72px;text-align:left!important;width:100%}.node{left:28px!important}.connector{left:52px!important;right:auto!important}}@media only screen and (max-width:834px){.connector,.line-base,.line-progress,.node{display:none!important}.item{box-sizing:border-box;margin:0 0 16px;padding:0!important;text-align:left!important;width:100%!important}.item,.item.left,.item.right{left:0!important}.card{box-shadow:0 10px 20px rgba(0,0,0,.06);display:block;transform:none;width:100%}.card,.title-content{max-width:100%!important}.title-content{margin-bottom:16px;position:relative!important;top:0!important}.timeline{padding:16px 0}.title-content{max-width:100%;position:relative;top:0}.bg-block-2{display:none}.bg-block-1{position:absolute;right:0;top:70px;width:130px}.bg-block-3{bottom:0;left:-90px;position:absolute;width:200px}}@media only screen and (max-width:480px){.connector,.line-base,.line-progress,.node{display:none!important}.item{box-sizing:border-box;margin:0 0 16px;padding:0!important;text-align:left!important;width:100%!important}.item,.item.left,.item.right{left:0!important}.card{box-shadow:0 10px 20px rgba(0,0,0,.06);display:block;transform:none;width:100%}.card,.title-content{max-width:100%!important}.title-content{margin-bottom:16px;position:relative!important;top:0!important}.timeline{padding:16px 0}.title-content{max-width:100%;position:relative;top:0}.bg-block-2{display:none}.bg-block-1{position:absolute;right:0;top:70px;width:130px}.bg-block-3{bottom:0;left:-90px;position:absolute;width:200px}}