.journey{padding:36px 0 30px;background:radial-gradient(ellipse at 90% 50%,#f2eaff80,transparent 55%),radial-gradient(ellipse at 10% 90%,#e7f2ff80,transparent 55%),#fcfdff}.journey-wrap{max-width:1480px;margin:auto;padding:0 16px}.journey-heading{text-align:center;margin:0 auto 55px}.journey-heading .eyebrow{font-size:10px;letter-spacing:3px;font-weight:650}.journey-heading h2{font-size:44px;line-height:1.15;letter-spacing:-1.9px;color:#101733;font-weight:750;margin:22px 0 16px}.journey-heading h2 span{background:linear-gradient(90deg,#337aff,#ad38ff);background-clip:text;color:transparent}.journey-heading>p{font-size:14px;line-height:1.6;color:#7683a3}.journey-grid{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.journey-line{position:absolute;left:0;top:-36px;width:100%;height:50px;overflow:visible;pointer-events:none}.journey-line path{fill:none;stroke:url(#journey-gradient);stroke-width:1.3;vector-effect:non-scaling-stroke}.journey-card{--tone:#3586ff;position:relative;min-width:0;background:linear-gradient(155deg,#fff,#f2f6ff);border:1px solid #eef3fc;border-radius:22px;box-shadow:0 14px 35px #5077ba0a;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s}.journey-card:nth-of-type(2){--tone:#566bff}.journey-card:nth-of-type(3){--tone:#8360ff}.journey-card:nth-of-type(4){--tone:#bd48f5}.journey-card:nth-of-type(5){--tone:#ed689f}.journey-card:nth-of-type(6){--tone:#9746f5}.journey-number{position:absolute;left:50%;top:-23px;transform:translateX(-50%);width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#eef6ff,#fff);border:3px solid white;box-shadow:0 0 0 1px color-mix(in srgb,var(--tone) 12%,white),0 0 20px color-mix(in srgb,var(--tone) 30%,transparent);color:var(--tone);font-size:15px;font-weight:700;z-index:2}.journey-body{padding:31px 18px 20px;flex:1}.journey-icon{width:60px;height:60px;display:grid;place-items:center;border-radius:15px;background:color-mix(in srgb,var(--tone) 10%,white);color:var(--tone);margin-bottom:16px}.journey-icon svg{width:30px;height:30px}.journey-card h3{font-size:15px;line-height:1.35;letter-spacing:-.5px;font-weight:700;color:#19213a;margin:0 0 11px}.journey-card .journey-body>p{font-size:11px;line-height:1.55;color:#7c88a5;min-height:68px;margin:0 0 15px}.journey-card ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}.journey-card li{font-size:10px;line-height:1.4;color:#7783a0;display:flex;gap:7px;align-items:flex-start}.journey-card li span{display:grid;place-items:center;flex-shrink:0;width:15px;height:15px;border-radius:50%;color:var(--tone);background:color-mix(in srgb,var(--tone) 17%,white);font-size:9px}.journey-photo{position:relative;margin:0 -1px -1px;border-radius:16px;overflow:hidden;aspect-ratio:160/144;isolation:isolate;background:#33496a}.journey-photo-crop{position:absolute;inset:0;background-image:url('/design-v2/assets/onboarding-exact-reference.png');background-size:628.125% auto;background-position:calc(var(--photo-x) / 845 * 100%) calc(var(--photo-y) / 536 * 100%);z-index:-1}.journey-photo:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#15213cd9);z-index:-1}.journey-photo figcaption{position:absolute;bottom:0;left:0;right:0;min-height:30%;padding:13px 14px;font-size:10px;line-height:1.45;color:#fff;background:#1a284a85;backdrop-filter:blur(7px)}.journey-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--tone) 25%,white);box-shadow:0 20px 40px color-mix(in srgb,var(--tone) 13%,transparent)}.journey-cta{display:flex;align-items:center;justify-content:center;gap:18px;width:max-content;margin:28px auto 0;background:linear-gradient(100deg,#2d77ff,#a33bff);color:#fff;font-size:13px;padding:14px 35px;border-radius:14px;box-shadow:0 9px 25px #7254df1c;transition:box-shadow .2s,transform .2s}.journey-cta:hover{transform:translateY(-2px);box-shadow:0 12px 28px #7254df35}.journey-cta:focus-visible{outline:3px solid #7958ff;outline-offset:4px}@media(min-width:1500px){.journey-body{padding:35px 22px 24px}.journey-card h3{font-size:17px}.journey-card .journey-body>p{font-size:12px;min-height:75px}.journey-card li{font-size:11px}.journey-photo figcaption{font-size:12px}}@media(max-width:1100px){.journey-wrap{padding:0 12px}.journey-grid{gap:9px}.journey-body{padding:29px 13px 16px}.journey-icon{width:50px;height:50px}.journey-card h3{font-size:12px}.journey-card .journey-body>p{font-size:10px;min-height:66px}.journey-card li{font-size:9px;gap:5px}.journey-photo figcaption{font-size:9px;padding:10px}.journey-heading h2{font-size:38px}}@media(max-width:850px){.journey-grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:45px}.journey-line{display:none}.journey-body{padding:32px 20px 20px}.journey-card h3{font-size:16px}.journey-card .journey-body>p{font-size:12px;min-height:65px}.journey-card li{font-size:11px}.journey-photo figcaption{font-size:11px}.journey-heading>p br{display:none}}@media(max-width:550px){.journey{padding:42px 0 30px}.journey-heading{margin-bottom:48px}.journey-heading h2{font-size:31px;letter-spacing:-1.2px}.journey-heading>p{font-size:12px}.journey-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 12px}.journey-body{padding:30px 13px 18px}.journey-card h3{font-size:14px}.journey-card .journey-body>p{font-size:11px;min-height:80px}.journey-card li{font-size:10px}.journey-photo figcaption{font-size:10px}.journey-icon{width:49px;height:49px}}@media(prefers-reduced-motion:reduce){.journey-card,.journey-cta{transition:none}.journey-card:hover,.journey-cta:hover{transform:none}}
