.how-page .hero{background:var(--color-petrol);color:var(--color-on-dark);position:relative}.how-page .head{padding:26px var(--gutter) 30px var(--gutter);flex-direction:column;align-items:flex-start;gap:22px;display:flex}.how-page .hero h1{letter-spacing:-.02em;font-size:44px;font-weight:700;line-height:1.06}.how-page .go{background:var(--color-mint);height:46px;color:var(--color-petrol);white-space:nowrap;align-items:center;padding:0 20px;font-weight:600;text-decoration:none;transition:background-color .15s linear;display:inline-flex}.how-page .go:hover{background:var(--color-on-dark)}.how-page .stairs{flex-direction:column;align-items:flex-start;display:flex}.how-page .step{height:60px;transition:height .5s var(--ease-out);animation:rise .7s var(--ease-out) both;position:relative;overflow:hidden}.how-page .step.is-open{height:262px}.how-page .step-btn{all:unset;cursor:pointer;color:inherit;display:block;position:absolute;inset:0}.how-page .step-btn:focus-visible{outline:2px solid var(--color-on-dark);outline-offset:-6px}.how-page .s3 .step-btn:focus-visible,.how-page .s4 .step-btn:focus-visible{outline-color:var(--color-petrol)}.how-page .s1{background:var(--color-panel);width:86%;color:var(--color-on-dark)}.how-page .s2{background:var(--color-deep);width:90%;color:var(--color-on-dark);animation-delay:60ms}.how-page .s3{background:var(--color-green);width:95%;color:var(--color-petrol);animation-delay:.12s}.how-page .s4{background:var(--color-mint);width:100%;color:var(--color-petrol);animation-delay:.18s}.how-page .num{letter-spacing:-.03em;transform-origin:100% 0;transition:transform .5s var(--ease-out),top .5s var(--ease-out);font-size:96px;font-weight:600;line-height:1;position:absolute;top:10px;right:20px;transform:scale(.4)}.how-page .is-open .num{top:18px;transform:none}.how-page .t{letter-spacing:-.01em;opacity:0;width:min(232px,62cqw);font-size:27px;font-weight:700;line-height:1.14;transition:opacity .16s linear;position:absolute;bottom:20px;right:20px}.how-page .is-open .t{opacity:1;transition:opacity .3s linear .14s}.how-page .mini{white-space:nowrap;align-items:center;height:60px;font-size:min(18px,4.4cqw);font-weight:600;transition:opacity .22s linear .1s;display:flex;position:absolute;top:0;right:58px}.how-page .is-open .mini{opacity:0;transition:opacity .1s linear}.how-page .plus{width:16px;height:16px;transition:transform .5s var(--ease-out),opacity .2s linear;position:absolute;top:22px;left:20px}.how-page .plus:before,.how-page .plus:after{content:"";background:currentColor;position:absolute}.how-page .plus:before{height:2px;top:7px;left:0;right:0}.how-page .plus:after{width:2px;top:0;bottom:0;left:7px}.how-page .is-open .plus{opacity:0;transform:rotate(90deg)}.how-page .art{opacity:0;transition:opacity .18s linear,transform .5s var(--ease-out);position:absolute;transform:translate(-16px)}.how-page .is-open .art{opacity:1;transition-delay:.1s;transform:none}.how-page .s1 .art{width:120px;top:26px;left:20px}.how-page .s2 .art{height:212px;bottom:0;left:22px}.how-page .s3 .art{height:166px;top:24px;left:0}.how-page .ring{--c:var(--color-petrol);--b:var(--color-mint);background:repeating-conic-gradient(from -3deg,var(--b) 0 6deg,transparent 6deg 30deg),conic-gradient(var(--c) 0 360deg);border-radius:50%;width:212px;height:212px;top:32px;left:-62px}.how-page .ring:after{content:"";background:var(--b);border-radius:50%;position:absolute;inset:12%}.how-page .ring b{z-index:1;color:var(--color-petrol);letter-spacing:-.03em;justify-content:center;align-items:center;font-size:80px;font-weight:700;line-height:1;display:flex;position:absolute;inset:0}.how-page .facts{padding:44px var(--gutter) 8px var(--gutter);flex-direction:column;gap:48px;display:flex}.how-page .facts h2{color:var(--color-petrol);letter-spacing:-.01em;font-size:20px;font-weight:600;line-height:1.3}.how-page .sub{color:var(--color-ink-soft);margin-top:2px}.how-page .road{border-inline-start:2px solid var(--color-petrol);margin-top:18px;flex-direction:column;margin-inline-start:6px;display:flex}.how-page .road li{align-items:baseline;gap:10px;padding:0 22px 28px 0;display:flex;position:relative}.how-page .road li:before{content:"";background:var(--color-petrol);width:14px;height:14px;position:absolute;top:14px;right:-8px}.how-page .big{letter-spacing:-.02em;font-size:44px;font-weight:700;line-height:1}.how-page .big.word{font-size:32px}.how-page .lab{align-items:center;gap:7px;font-weight:500;display:inline-flex}.how-page .lab svg{width:20px;height:20px;color:var(--color-green-dark);flex:none}.how-page .road .end{margin-inline-end:0;margin-top:-1px;padding:0;display:block}.how-page .road .end:before{display:none}.how-page .arrive{background:var(--color-mint);color:var(--color-petrol);align-items:center;gap:16px;margin-inline-start:-8px;padding:20px 20px 22px;display:flex;position:relative}.how-page .arrive-mark{background:var(--color-petrol);width:52px;height:52px;color:var(--color-mint);flex:none;justify-content:center;align-items:center;display:flex}.how-page .arrive-mark svg{width:32px;height:32px}.how-page .arrive-mark path{stroke-dasharray:30;stroke-dashoffset:0}.how-page .arrive.in .arrive-mark path{animation:draw .7s var(--ease-out) .15s both}.how-page .arrive strong{letter-spacing:-.02em;font-size:34px;font-weight:700;line-height:1.05;display:block}.how-page .arrive span.l{font-weight:500}.how-page .scale{flex-direction:column;gap:14px;margin-top:16px;display:flex}.how-page .scale div{grid-template-columns:96px minmax(0,1fr);align-items:baseline;row-gap:6px;min-width:0;display:grid}.how-page .scale div:after{content:"";height:6px;width:var(--share);background:var(--color-petrol);grid-column:1/-1}.how-page .scale div:first-child{--share:100%}.how-page .scale div:nth-child(2){--share:66.67%}.how-page .scale div:nth-child(2):after{background:var(--color-green)}.how-page .scale div:nth-child(3){--share:33.33%}.how-page .scale div:nth-child(3):after{background:var(--color-mint)}.how-page .scale div:nth-child(4){--share:13.33%}.how-page .scale div:nth-child(4):after{background:var(--color-rule)}.how-page .scale b{color:var(--color-petrol);letter-spacing:-.03em;text-align:right;font-size:38px;font-weight:700;line-height:1}.how-page .scale span{font-size:16px;font-weight:500;line-height:1.3}.how-page .bar{grid-template-columns:40fr 36fr 24fr;height:58px;margin-top:16px;display:grid}.how-page .bar span{letter-spacing:-.02em;align-items:center;min-width:0;padding-inline-start:12px;font-size:26px;font-weight:700;display:flex}.how-page .bar .a{background:var(--color-petrol);color:var(--color-on-dark)}.how-page .bar .b{background:var(--color-green);color:var(--color-petrol)}.how-page .bar .c{background:var(--color-mint);color:var(--color-petrol)}.how-page .explain{flex-direction:column;gap:16px;margin-top:18px;display:flex}.how-page .explain li{min-width:0;padding-right:22px;position:relative}.how-page .explain li:before{content:"";background:var(--color-petrol);width:12px;height:12px;position:absolute;top:6px;right:0}.how-page .explain li:nth-child(2):before{background:var(--color-green)}.how-page .explain li:nth-child(3):before{background:var(--color-mint)}.how-page .explain b{font-weight:600;line-height:1.4;display:block}.how-page .explain p{color:var(--color-ink-soft);font-size:15px}.how-page .more{all:unset;box-sizing:border-box;cursor:pointer;border-top:2px solid var(--color-petrol);letter-spacing:-.015em;width:calc(100% - 40px);color:var(--color-petrol);justify-content:space-between;align-items:center;gap:16px;margin:36px 20px 0;padding:22px 0;scroll-margin-top:84px;font-size:26px;font-weight:700;line-height:1.15;transition:color .15s linear;display:flex}.how-page .more:hover{color:var(--color-green-dark)}.how-page .x{width:24px;height:24px;transition:transform .45s var(--ease-out);flex:none;position:relative}.how-page .x:before,.how-page .x:after{content:"";background:currentColor;position:absolute}.how-page .x:before{height:2px;top:11px;left:0;right:0}.how-page .x:after{width:2px;top:0;bottom:0;left:11px}.how-page .more[aria-expanded=true] .x{transform:rotate(135deg)}.how-page .intro{max-width:58ch;margin:0 20px;padding:4px 0 28px;font-size:18px;line-height:1.45}.how-page .ch{border-top:1px solid var(--color-rule);flex-direction:column;gap:14px;margin:0 20px;padding:30px 0 34px;display:flex}.how-page .ch .n{color:var(--color-green-dark);letter-spacing:-.02em;font-size:52px;font-weight:300;line-height:1}.how-page .ch h3{color:var(--color-petrol);letter-spacing:-.015em;font-size:27px;font-weight:700;line-height:1.15}.how-page .ch h3 em{color:var(--color-ink-soft);font-style:normal;font-weight:400}.how-page .ch p{max-width:62ch}.how-page .ch h4{color:var(--color-petrol);margin-top:14px;font-size:18px;font-weight:600}.how-page .row-btn{all:unset;box-sizing:border-box;cursor:pointer;justify-content:space-between;align-items:baseline;gap:16px;width:100%;padding:10px 0;display:flex}.how-page .row b,.how-page .row-btn b{color:var(--color-petrol);font-variant-numeric:tabular-nums;direction:ltr;flex:none;font-size:18px;font-weight:600;line-height:1.3}.how-page .ask{color:var(--color-green-dark);white-space:nowrap;border-bottom:1px solid;margin-inline-start:8px;font-size:14px;font-weight:500}.how-page .note p{color:var(--color-ink-soft);max-width:58ch;padding:0 0 12px;font-size:15px}.how-page .child{border-bottom:0;margin-top:-1px;padding-bottom:0}.how-page .subrows{padding-bottom:6px}.how-page .subrows .row{color:var(--color-ink-soft);padding:3px 16px 7px 0;font-size:14px;position:relative}.how-page .subrows .row:before{content:"";border-right:1px solid var(--color-rule);border-bottom:1px solid var(--color-rule);width:9px;height:13px;position:absolute;top:0;right:0}.how-page .subrows .row b{color:var(--color-ink-soft);font-size:15px;font-weight:500}.how-page .rows.neg .row b{color:var(--color-danger)}.how-page .fade li{grid-template-columns:96px minmax(0,1fr) 34px;align-items:center;gap:10px;padding:5px 0;display:grid}.how-page .fade .track{height:14px;display:block}.how-page .fade i{background:var(--color-green);height:100%;display:block}.how-page .fade b{text-align:left;font-variant-numeric:tabular-nums;font-size:18px;font-weight:600;line-height:1}.how-page .ticks{gap:4px;max-width:420px;display:flex}.how-page .ticks i{background:var(--color-rule);flex:1;height:30px}.how-page .ticks i.on{background:var(--color-green)}.how-page .tick-cap{font-weight:500}.how-page .days{background:var(--color-rule);max-width:420px;height:30px;display:flex}.how-page .days i{background:var(--color-mint);width:33.33%;display:block}.how-page .calls{background:var(--color-petrol);color:var(--color-on-dark);padding:12px var(--gutter) 18px var(--gutter);flex-direction:column;margin-top:56px;display:flex}.how-page .calls section{border-bottom:1px solid #2b5868;flex-direction:column;gap:8px;padding:22px 0;display:flex}.how-page .calls section:last-child{border-bottom:0}.how-page .calls h3{letter-spacing:-.01em;font-size:20px;font-weight:600;line-height:1.3}.how-page .calls p{color:var(--color-on-dark-soft);max-width:44ch;font-size:15px}@container app (min-width:1080px){.how-page .hero{height:716px}.how-page .head{top:40px;right:var(--pad);z-index:1;gap:30px;padding:0;position:absolute}.how-page .hero h1{font-size:clamp(60px,6.7cqw,88px);line-height:1.03}.how-page .go{height:50px}.how-page .stairs{grid-template-columns:calc(var(--w) + var(--pad)) var(--w) var(--w) calc(var(--w) + var(--pad));align-items:end;height:620px;display:grid;position:absolute;inset:auto 0 0}.how-page .step{width:auto;transition:none}.how-page .s1,.how-page .s1.is-open{height:296px}.how-page .s2,.how-page .s2.is-open{height:396px}.how-page .s3,.how-page .s3.is-open{height:504px}.how-page .s4,.how-page .s4.is-open{height:620px}.how-page .step-btn{pointer-events:none;cursor:default}.how-page .num,.how-page .is-open .num{font-size:clamp(84px,9cqw,120px);top:26px;right:32px;transform:none}.how-page .t,.how-page .is-open .t{opacity:1;width:auto;font-size:clamp(25px,2.5cqw,31px);transition:none;bottom:32px;left:32px;right:32px}.how-page .s1 .num,.how-page .s1.is-open .num,.how-page .s1 .t,.how-page .s1.is-open .t{right:var(--pad)}.how-page .s4 .t,.how-page .s4.is-open .t{left:var(--pad)}.how-page .mini,.how-page .plus{display:none}.how-page .art,.how-page .is-open .art{opacity:1;transition:none;transform:none}.how-page .s1 .art{width:132px;top:34px;left:28px}.how-page .s2 .art{height:min(300px,23cqw);bottom:0;left:-24px}.how-page .s2 .t{width:150px;left:auto}.how-page .s3 .art{height:min(230px,18cqw);top:36px;left:0}.how-page .ring{left:calc(var(--pad) - 160px);width:350px;height:350px;top:126px}.how-page .ring b{font-size:124px}.how-page .facts{padding:72px var(--pad) 16px;gap:72px}.how-page .facts h2{font-size:24px}.how-page .road{border-inline-start:0;border-top:2px solid var(--color-petrol);grid-template-columns:repeat(4,minmax(0,1fr)) 1.25fr;margin:40px 0 0;display:grid}.how-page .road li{flex-direction:column;align-items:flex-start;gap:8px;padding:26px 0 0 20px;display:flex}.how-page .road li:before{top:-8px;right:0}.how-page .big{font-size:72px}.how-page .big.word{font-size:48px;line-height:1.5}.how-page .road .end{align-self:start;margin:-30px 0 0;padding:0}.how-page .arrive{flex-direction:column;align-items:flex-start;gap:14px;min-height:170px;margin:0;padding:24px}.how-page .arrive strong{font-size:44px}.how-page .scale{grid-template-columns:15fr 10fr 5fr 2.8fr;align-items:end;gap:0;margin-top:26px;display:grid}.how-page .scale div{border-top:3px solid var(--color-petrol);flex-direction:column;gap:8px;padding-top:16px;padding-left:20px;display:flex}.how-page .scale div:after{display:none}.how-page .scale div:nth-child(2){border-color:var(--color-green)}.how-page .scale div:nth-child(3){border-color:var(--color-mint)}.how-page .scale div:nth-child(4){border-color:var(--color-rule)}.how-page .scale div:last-child{padding-left:0}.how-page .scale .p15{font-size:148px}.how-page .scale .p10{font-size:104px}.how-page .scale .p5{font-size:70px}.how-page .scale .p2{font-size:44px}.how-page .scale span{font-size:16px}.how-page .sub{font-size:17px}.how-page .bar{height:96px;margin-top:26px}.how-page .bar span{padding-inline-start:20px;font-size:44px}.how-page .explain{grid-template-columns:40fr 36fr 24fr;gap:0;margin-top:16px;display:grid}.how-page .explain li{padding:0 0 0 28px}.how-page .explain li:before{display:none}.how-page .explain b{font-size:19px}.how-page .explain p{font-size:16px}.how-page .more{width:calc(100% - 2 * var(--pad));margin:40px var(--pad) 0;padding:30px 0;font-size:40px}.how-page .x{width:32px;height:32px}.how-page .x:before{top:15px}.how-page .x:after{left:15px}.how-page .intro{margin:0 var(--pad);padding:6px 0 40px;font-size:22px}.how-page .ch{margin:0 var(--pad);gap:14px;padding:44px 174px 52px clamp(0px,18cqw,260px);position:relative}.how-page .ch .n{font-size:88px;position:absolute;top:36px;right:0}.how-page .ch h3{font-size:36px}.how-page .calls{padding:56px var(--pad);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:88px;display:grid}.how-page .calls section{border-bottom:0;border-left:1px solid #2b5868;margin-left:36px;padding:0 0 0 36px}.how-page .calls section:last-child{border-left:0;margin-left:0;padding-left:0}}@media (prefers-reduced-motion:reduce){.how-page .step{animation:none}.how-page .step,.how-page .num,.how-page .t,.how-page .mini,.how-page .plus,.how-page .art,.how-page .fold,.how-page .fold>div,.how-page .x{transition:none!important}.how-page .arrive.in .arrive-mark path{animation:none}}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes draw{0%{stroke-dashoffset:30px}to{stroke-dashoffset:0}}