#problem .p4{grid-template-columns:.9fr 1.1fr;align-items:start;gap:64px;display:grid}#problem .p4-left{position:sticky;top:110px}#problem .p4-left .sec-head{margin-bottom:44px}#problem .p4-scene{width:100%;max-width:300px;margin:28px 0 0;display:block}#problem .p4-verdict{color:#14213d;background:#eef4ff;border-radius:14px;margin:28px 0 0;padding:18px 20px;font-size:16px;font-weight:500;line-height:1.55}#problem .p4-list{counter-reset:p;margin:0;padding:0;list-style:none}#problem .p4-item{counter-increment:p;border-top:1.5px dashed #d6deea;grid-template-columns:72px 1fr;gap:20px;padding:28px 0;display:grid;position:relative}#problem .p4-item:last-child{border-bottom:1.5px dashed #d6deea}#problem .p4-item:before{content:"0" counter(p);font-family:var(--hand);color:#c9d8f2;font-size:56px;font-weight:700;line-height:1;transition:color .25s}#problem .p4-item:hover:before{color:#0057d1}#problem .p4-title{align-items:center;gap:12px;margin:0 0 8px;display:flex}#problem .p4-title img{width:36px;height:36px}#problem .p4-title h3{color:#14213d;margin:0;font-size:19px}#problem .p4-item p{color:#5b6475;max-width:460px;margin:0;font-size:15px;line-height:1.6}@media (max-width:860px){#problem .p4{grid-template-columns:1fr;gap:32px}#problem .p4-left{position:static}#problem .p4-item{grid-template-columns:52px 1fr}#problem .p4-item:before{font-size:42px}}#how .how-head{text-align:center;margin-left:auto;margin-right:auto}#how .m-tree{flex-direction:column;align-items:center;gap:8px;display:flex}#how .m-tree i{border-radius:3px;height:12px;display:block}#how .m-tree .r{background:#14213d;width:56px}#how .m-tree span{gap:6px;display:flex}#how .m-tree span i{width:30px}#how .m-tree span i:first-child{background:#f2a640}#how .m-tree span i:nth-child(2){background:#e46a6a}#how .m-tree span i:nth-child(3){background:#0057d1}#how .m-cur{color:#14213d;background:#fff;border:1px solid #dce6f5;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:600}#how .m-chk{flex-direction:column;align-items:center;gap:5px;display:flex}#how .m-chk span{border-radius:999px;padding:2px 10px;font-size:11px;font-weight:500}#how .m-chk .ok{color:#0f6e5e;background:#ddf3ee}#how .m-chk .wn{color:#9a4512;background:#fce8d2}#how .m-stmt{background:#fff;border-radius:8px;gap:6px;width:80%;padding:10px;display:grid}#how .m-stmt i{background:#dce3ee;border-radius:3px;height:5px;display:block}#how .m-stmt i.hl{background:#1a9e8a}#how .hm{background:#eef4ff;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:8px;display:flex}#how .hc{background:#fff;border:1.5px solid #dce6f5;border-radius:20px;padding:22px;transition:transform .25s,box-shadow .25s,border-color .25s}#how .hc:hover{border-color:#0057d1;transform:translateY(-4px);box-shadow:0 14px 30px #0057d11f}#how .hc h3{color:#14213d;margin:0 0 8px;font-size:18px}#how .hc p{color:#5b6475;margin:0;font-size:14px;line-height:1.55}#how .hc .hm{border-radius:14px;height:92px;margin-bottom:18px}#how .hn{color:#fff;background:#14213d;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;margin-bottom:14px;font-size:14px;font-weight:600;display:inline-flex}#how.how--pipeline .pl-steps{grid-template-columns:repeat(4,1fr);gap:28px;margin:48px 0 0;padding:0;list-style:none;display:grid}#how.how--pipeline .pl-step{text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}#how.how--pipeline .pl-num{font-family:var(--hand);color:#14213d;isolation:isolate;font-size:72px;font-weight:700;line-height:1;position:relative}#how.how--pipeline .pl-num:after{content:"";z-index:-1;background:#bfd7ff;border-radius:6px;height:12px;position:absolute;bottom:6px;left:-6px;right:-6px;transform:rotate(-3deg)}#how.how--pipeline .pl-arrow{pointer-events:none;width:calc(100% - 64px);height:48px;position:absolute;top:14px;left:calc(50% + 46px);overflow:visible}#how.how--pipeline .pl-arrow path{fill:none;stroke:#0057d1;stroke-width:2px;stroke-linecap:round;stroke-dasharray:260;stroke-dashoffset:260px;transition:stroke-dashoffset 1s}#how.how--pipeline.drawn .pl-arrow path{stroke-dashoffset:0}#how.how--pipeline .pl-step:nth-child(2) .pl-arrow path{transition-delay:.35s}#how.how--pipeline .pl-step:nth-child(3) .pl-arrow path{transition-delay:.7s}#how.how--pipeline .pl-card{background:#fff;border:1.5px solid #dce6f5;border-radius:18px;flex:1;width:100%;margin-top:22px;padding:18px 18px 22px;transition:transform .25s,box-shadow .25s,border-color .25s}#how.how--pipeline .pl-card:hover{border-color:#0057d1;transform:translateY(-4px);box-shadow:0 14px 30px #0057d11f}#how.how--pipeline .pl-card .hm{height:82px;margin-bottom:16px}#how.how--pipeline .pl-card h3{color:#14213d;margin:0 0 8px;font-size:17px}#how.how--pipeline .pl-card p{color:#5b6475;margin:0;font-size:14px;line-height:1.55}@media (max-width:960px){#how.how--pipeline .pl-steps{grid-template-columns:1fr 1fr;row-gap:40px}#how.how--pipeline .pl-arrow{display:none}}@media (max-width:560px){#how.how--pipeline .pl-steps{grid-template-columns:1fr}}#how.how--bento .vb{grid-template-rows:auto auto;grid-template-columns:1fr 1fr 1.25fr;gap:18px;margin-top:44px;display:grid}#how.how--bento .vb .c3{background:#14213d;border-color:#14213d;flex-direction:column;grid-area:1/3/3;display:flex}#how.how--bento .vb .c3 h3{color:#fff}#how.how--bento .vb .c3 p{color:#b9c3d6}#how.how--bento .vb .c3 .hn{background:#0057d1}#how.how--bento .vb .c3 .hm{background:#1f2f52;flex-direction:column;flex:1;gap:10px;height:auto;min-height:180px}#how.how--bento .vb .c3 .m-chk span{padding:5px 16px;font-size:13px}#how.how--bento .vb .c4{grid-column:1/3;grid-template-columns:220px 1fr;align-items:center;gap:24px;display:grid}#how.how--bento .vb .c4 .hm{margin:0}@media (max-width:960px){#how.how--bento .vb{grid-template-columns:1fr}#how.how--bento .vb .c3,#how.how--bento .vb .c4{grid-area:auto}#how.how--bento .vb .c4{grid-template-columns:1fr}}#how.how--timeline .vt{grid-template-columns:.8fr 1.2fr;align-items:start;gap:64px;display:grid}#how.how--timeline .vt .how-head{text-align:left;margin:0;position:sticky;top:110px}#how.how--timeline .vt ol{margin:0;padding:0;list-style:none;position:relative}#how.how--timeline .vt ol:before{content:"";border-left:2px dashed #9cc0f0;position:absolute;top:20px;bottom:20px;left:19px}#how.how--timeline .vt li{grid-template-columns:40px 1fr;gap:22px;margin-bottom:22px;display:grid}#how.how--timeline .vt .dot{color:#0057d1;width:40px;height:40px;font-family:var(--hand);z-index:1;background:#fff;border:2px solid #0057d1;border-radius:50%;justify-content:center;align-items:center;margin-top:20px;font-size:24px;font-weight:700;display:flex;position:relative}#how.how--timeline .vt .hc{grid-template-columns:1fr 170px;align-items:center;gap:20px;display:grid}#how.how--timeline .vt .hc .hm{margin:0}@media (max-width:960px){#how.how--timeline .vt,#how.how--timeline .vt .hc{grid-template-columns:1fr}#how.how--timeline .vt .how-head{position:static}}#how.how--loop .vl{grid-template-columns:1fr 1fr;gap:90px 120px;max-width:980px;margin:48px auto 0;display:grid;position:relative}#how.how--loop .vl .ring{pointer-events:none;border:2px dashed #9cc0f0;border-radius:40px;position:absolute;inset:18% 22%}#how.how--loop .vl .ctr{text-align:center;z-index:2;background:#0057d1;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:150px;height:150px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 12px #eef4ff}#how.how--loop .vl .ctr b{font-family:var(--hand);color:#fff;font-size:30px;line-height:1}#how.how--loop .vl .ctr span{color:#cfe0ff;max-width:110px;margin-top:4px;font-size:12px;line-height:1.4}#how.how--loop .vl .hc{z-index:1;grid-template-columns:120px 1fr;align-items:center;gap:18px;display:grid;position:relative}#how.how--loop .vl .hc .hm{height:100px;margin:0}#how.how--loop .vl .hc .hn{margin-bottom:8px}@media (max-width:960px){#how.how--loop .vl{grid-template-columns:1fr;gap:18px}#how.how--loop .vl .hc{grid-template-columns:1fr}#how.how--loop .vl .ring,#how.how--loop .vl .ctr{display:none}#how.how--loop .vl .c4{order:4}}#how.how--stairs .vs{grid-template-columns:repeat(4,1fr);align-items:end;gap:18px;margin-top:48px;display:grid;position:relative}#how.how--stairs .vs .col{flex-direction:column;display:flex}#how.how--stairs .vs .hc{border-bottom:0;border-radius:18px 18px 0 0;padding:20px}#how.how--stairs .vs .hc .hm{height:78px;margin-bottom:14px}#how.how--stairs .vs .hc h3{font-size:17px}#how.how--stairs .vs .base{color:#fff;font-family:var(--hand);border-radius:0 0 18px 18px;justify-content:space-between;align-items:flex-start;padding:12px 20px;font-size:44px;font-weight:700;line-height:1;display:flex}#how.how--stairs .vs .base small{font-family:var(--font-heading);letter-spacing:.06em;text-transform:uppercase;opacity:.8;color:#fff;margin-top:10px;font-size:11px;font-weight:500}#how.how--stairs .vs .col:first-child .base{background:#9cc0f0;height:70px}#how.how--stairs .vs .col:nth-child(2) .base{background:#5b95e6;height:120px}#how.how--stairs .vs .col:nth-child(3) .base{background:#0057d1;height:170px}#how.how--stairs .vs .col:nth-child(4) .base{background:#14213d;height:220px}@media (max-width:960px){#how.how--stairs .vs{grid-template-columns:1fr 1fr}#how.how--stairs .vs .base{height:70px!important}}@media (max-width:560px){#how.how--stairs .vs{grid-template-columns:1fr}}#how.how--app .vw{background:#fff;border:1.5px solid #dce6f5;border-radius:22px;margin:44px auto 0;overflow:hidden;box-shadow:0 24px 50px #14213d14}#how.how--app .vw .bar{background:#f6f9fe;border-bottom:1.5px solid #e3eaf5;align-items:center;gap:8px;padding:12px 18px;display:flex}#how.how--app .vw .bar i{background:#e3e8ef;border-radius:50%;width:11px;height:11px;display:block}#how.how--app .vw .bar span{color:#8a93a3;background:#fff;border:1px solid #e3eaf5;border-radius:6px;margin-left:14px;padding:4px 12px;font-size:12px}#how.how--app .vw .stepper{grid-template-columns:repeat(4,1fr);padding:26px 24px 0;display:grid;position:relative}#how.how--app .vw .stepper:before{content:"";background:linear-gradient(90deg,#1a9e8a,#0057d1);border-radius:3px;height:3px;position:absolute;top:44px;left:12.5%;right:12.5%}#how.how--app .vw .st{flex-direction:column;align-items:center;display:flex;position:relative}#how.how--app .vw .st b{color:#fff;width:38px;height:38px;font-family:var(--hand);background:#0057d1;border-radius:50%;justify-content:center;align-items:center;font-size:24px;display:flex;box-shadow:0 0 0 6px #fff,0 0 0 7px #dce6f5}#how.how--app .vw .panels{grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid}#how.how--app .vw .pn{text-align:center;border-left:1.5px dashed #e3eaf5;padding:22px 24px 28px;transition:background .25s}#how.how--app .vw .pn:first-child{border-left:0}#how.how--app .vw .pn:hover{background:#f6f9fe}#how.how--app .vw .pn .hm{height:80px;margin-bottom:16px}#how.how--app .vw .pn h3{color:#14213d;margin:0 0 8px;font-size:17px}#how.how--app .vw .pn p{color:#5b6475;margin:0;font-size:14px;line-height:1.55}@media (max-width:960px){#how.how--app .vw .stepper{display:none}#how.how--app .vw .panels{grid-template-columns:1fr 1fr}#how.how--app .vw .pn{border-top:1.5px dashed #e3eaf5}}@media (max-width:560px){#how.how--app .vw .panels{grid-template-columns:1fr}}#how.how--outline .vo{grid-template-columns:repeat(4,1fr);gap:24px;margin:30px 0 0;padding:0;list-style:none;display:grid}#how.how--outline .vo .it{flex-direction:column;padding-top:92px;display:flex;position:relative}#how.how--outline .vo .big{font-family:var(--font-heading);color:#0000;-webkit-text-stroke:2px #b8cdeb;letter-spacing:-6px;-webkit-user-select:none;user-select:none;font-size:150px;font-weight:700;line-height:1;transition:-webkit-text-stroke-color .3s,color .3s;position:absolute;top:0;left:-4px}#how.how--outline .vo .it:hover .big{-webkit-text-stroke-color:#0057d1;color:#0057d10f}#how.how--outline .vo .cd{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffe6;border:1.5px solid #e3eaf5;border-radius:18px;flex:1;padding:20px;position:relative;box-shadow:0 12px 28px #14213d0f}#how.how--outline .vo .cd:before{content:"";background:#0057d1;border-radius:3px;height:3px;position:absolute;top:-1.5px;left:20px;right:20px}#how.how--outline .vo .it:first-child .cd:before{background:#9cc0f0}#how.how--outline .vo .it:nth-child(2) .cd:before{background:#5b95e6}#how.how--outline .vo .it:nth-child(4) .cd:before{background:#14213d}#how.how--outline .vo .cd .hm{height:76px;margin-bottom:16px}#how.how--outline .vo .cd h3{color:#14213d;margin:0 0 8px;font-size:17px}#how.how--outline .vo .cd p{color:#5b6475;margin:0;font-size:14px;line-height:1.55}@media (max-width:960px){#how.how--outline .vo{grid-template-columns:1fr 1fr}#how.how--outline .vo .big{font-size:110px}#how.how--outline .vo .it{padding-top:70px}}@media (max-width:560px){#how.how--outline .vo{grid-template-columns:1fr}}#how.how--loop .vl .ctr{gap:0;padding:0;border:0!important}#how.how--loop .vl .ctr b{letter-spacing:0}#how.how--loop .vl .ctr span{font-weight:400}#how.how--timeline .vt .hc .m-cur{padding:8px}.sp4{isolation:isolate;max-width:var(--wrap);padding-inline:var(--gutter);color:var(--ink,#14213d);margin:clamp(72px,9vw,140px) auto 0;padding-bottom:clamp(56px,7vw,96px);position:relative}.sp4-intro{text-align:center;margin-bottom:clamp(28px,3.5vw,45px)}.sp4-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--ink,#14213d);margin:0;font-size:13px;font-weight:600}.sp4-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.sp4-card{--card-bg:#fff;background:var(--card-bg);border-radius:14px;flex-direction:column;align-items:stretch;min-height:360px;margin:0;padding:24px;transition:box-shadow .2s,transform .2s;display:flex;position:relative;overflow:hidden}.sp4-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--ac,var(--ink));opacity:.8;margin:0 0 10px;font-size:11.5px;font-weight:600}.sp4-card h3{font-family:var(--font-heading);letter-spacing:-.01em;color:var(--ac,var(--ink));margin:0;font-size:clamp(19px,1.5vw,22px);font-weight:600;line-height:1.28}.sp4-card h3 a{color:inherit;text-decoration:none}.sp4-card h3 a:after{content:"";border-radius:inherit;z-index:2;position:absolute;inset:0}.sp4-card h3 a:focus-visible{outline:none}.sp4-card:focus-within{outline:2px solid var(--ink,#14213d);outline-offset:3px}.sp4-copy{max-width:none;color:var(--text-secondary,#566482);margin:10px 0 0;font-size:14.5px;line-height:1.55}.sp4-more{color:var(--ac,var(--ink));align-items:center;gap:6px;margin-top:14px;font-size:13.5px;font-weight:600;display:inline-flex}.sp4-more .sp4-arr{flex:none;transition:transform .2s}.sp4-card:hover{box-shadow:0 18px 36px -18px color-mix(in srgb, var(--ac) 45%, transparent);transform:translateY(-4px)}.sp4-card:hover .sp4-arr,.sp4-card:focus-within .sp4-arr{transform:translate(5px)}.sp4-art{color:var(--ac,var(--ink));pointer-events:none;margin-top:auto;padding-top:26px}.sp4-art>svg{width:72px;height:72px;display:block}.sp4-card--r2r{--card-bg:#c7dafb;--ac:#14213d}.sp4-card--o2c{--card-bg:#fce0ae;--ac:#7a4d08}.sp4-card--p2p{--card-bg:#fad0cc;--ac:#a3332b}.sp4-card--tfp{--card-bg:#c4ebe8;--ac:#0f5f57}@media (min-width:1100px){.sp4-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sp4-card{min-height:400px}.sp4-copy{max-width:42ch}}@media (max-width:639px){.sp4-grid{grid-template-columns:1fr;gap:16px}.sp4-card{min-height:0;padding-bottom:20px}.sp4-art{padding-top:18px}.sp4-art>svg{width:60px;height:60px}}@media (hover:none){.sp4-card:hover{box-shadow:none;transform:none}}@media (prefers-reduced-motion:reduce){.sp4-card,.sp4-more .sp4-arr{transition:none}.sp4-card:hover{transform:none}}.sp4.sp4--bare{padding-inline:0;max-width:none;margin:28px 0 0;padding-bottom:0}
