.page-how .promise{padding-block:clamp(40px,6vw,88px) clamp(64px,7vw,104px)}.page-how .promise__grid{align-items:center;gap:var(--s-8);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);display:grid}.page-how .promise__copy .h1{margin-bottom:var(--s-5)}.page-how .promise__copy .lede{max-width:31em;margin-bottom:var(--s-6)}.page-how .versions{grid-template-columns:repeat(12,minmax(0,1fr));width:100%;max-width:560px;margin:0 0 0 auto;display:grid;position:relative}.page-how .versions__copy--preview{grid-area:1/1/auto/11}.page-how .versions__copy--live{grid-area:3/3/auto/13}.page-how .versions__label{margin:0 0 var(--s-2);color:var(--ink-2);font-size:var(--fs-small);font-weight:650}.page-how .is-live .frame__bar:before{background:var(--ink-3)}.page-how .versions__gate{z-index:2;grid-area:2/1/auto/-1;height:64px;position:relative}.page-how .versions__gate svg{width:10px;height:100%;position:absolute;top:0;left:calc(70% - 5px);overflow:visible}.page-how .versions__gate .postmark{width:128px;height:128px;position:absolute;top:50%;left:70%;translate:-50% -50%}@media (max-width:1080px){.page-how .promise__grid{grid-template-columns:minmax(0,1fr)}.page-how .versions{margin-inline:auto}}@media (max-width:560px){.page-how .versions__copy--preview{grid-column:1/12}.page-how .versions__copy--live{grid-column:2/13}.page-how .versions__gate{height:56px}.page-how .versions__gate .postmark{width:100px;height:100px}}.page-how .build__grid{align-items:start;gap:var(--s-7) var(--s-8);grid-template-columns:minmax(0,5fr) minmax(0,7fr);display:grid}.page-how .build__head .h2{margin-bottom:var(--s-5)}.page-how .build__head .lede{max-width:24em}.page-how .calls{gap:var(--s-6);margin:0;padding:0;list-style:none;display:grid}.page-how .calls__call{column-gap:var(--s-5);grid-template-columns:36px minmax(0,1fr);display:grid;position:relative}.page-how .calls__call:after{content:"";top:36px;bottom:calc(var(--s-6) * -1);background:var(--ink);width:2px;position:absolute;left:17px}.page-how .calls__call:last-child:after{content:none}.page-how .calls__num{border:2px solid var(--ink);width:36px;height:36px;color:var(--ink);font-size:var(--fs-small);font-variant-numeric:tabular-nums;border-radius:50%;grid-row:1/span 2;place-items:center;font-weight:700;display:grid}.page-how .calls__call:last-child .calls__num{background:var(--ink);color:var(--alt)}.page-how .calls__title{margin:5px 0 var(--s-2);color:var(--ink);font-size:var(--fs-h3);letter-spacing:-.018em;font-weight:680;line-height:1.25}.page-how .calls__body{text-wrap:pretty;max-width:32em;margin:0}@media (max-width:860px){.page-how .build__grid{grid-template-columns:minmax(0,1fr)}}.page-how .show{align-items:start;gap:var(--s-6) var(--s-8);grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"route route""text stage"".toggle";display:grid}.page-how .show:focus-visible{outline-offset:16px}.page-how .show__route{--line-y:24px;--dot-x:7px;grid-area:route;position:relative}.page-how .show__stops{grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;position:relative}.page-how .show__stops:before{content:"";top:calc(var(--line-y) - 1px);left:var(--dot-x);right:calc(25% - var(--dot-x));background:repeating-linear-gradient(90deg, var(--ink-3) 0 8px, transparent 8px 16px);height:2px;position:absolute}.page-how .show__stop-btn{width:100%;min-height:44px;padding:calc(var(--line-y) - 7px) var(--s-3) var(--s-2) 0;color:var(--ink-3);text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:18px;display:flex}.page-how .show__dot{border:2px solid var(--ink-3);background:var(--paper);border-radius:50%;width:14px;height:14px;position:relative}.page-how .show__stop-label{font-size:var(--fs-small);font-weight:650;line-height:1.3}.page-how .is-passed .show__dot{border-color:var(--ink);background:var(--ink)}.page-how .is-passed .show__stop-btn{color:var(--ink-2)}.page-how .show__stop-btn[aria-current]{color:var(--ink)}.page-how .show__stop-btn[aria-current] .show__stop-label,.page-how .show__stop-btn:hover .show__stop-label{text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:1px}.page-how .show__stop-btn:hover{color:var(--ink)}.page-how .show__flight{top:var(--line-y);width:100%;height:0;transform:translateX(calc(var(--at) * 25%));pointer-events:none;position:absolute;left:0}.page-how .show__dove{top:0;left:var(--dot-x);background:var(--paper);border-radius:50%;width:46px;height:46px;padding:5px;position:absolute;translate:-50% -50%}.page-how .is-homeward .show__dove{scale:-1 1}.page-how .show__text{padding-top:var(--s-4);grid-area:text}.page-how .show__count{margin:0 0 var(--s-3);color:var(--ink-3);font-size:var(--fs-small);font-variant-numeric:tabular-nums;font-weight:650}.page-how .show__step .h3{margin-bottom:var(--s-3);letter-spacing:-.028em;font-size:clamp(1.5rem,1.3rem + .7vw,2rem);line-height:1.15}.page-how .show__body{max-width:28em;margin:0 0 var(--s-5);text-wrap:pretty}.page-how .show__points{gap:var(--s-2);color:var(--ink);margin:0;padding:0;list-style:none;display:grid}.page-how .show__points li{align-items:baseline;gap:var(--s-3);display:flex}.page-how .show__points li:before{content:"";background:var(--ink-3);border-radius:50%;flex:none;width:6px;height:6px;translate:0 -.2em}.page-how .show__stage{grid-area:stage}.page-how .show__track{z-index:1;height:2px;margin-top:-1px;display:block;position:relative}.page-how .show__fill{background:var(--ink-3);transform-origin:0;height:100%;animation-name:how-load;animation-timing-function:linear;animation-fill-mode:both;display:block}.page-how .show__scene{min-height:300px;position:relative}.page-how .scene__compose{min-height:64px;margin:0 var(--s-4) var(--s-4);padding:var(--s-2) var(--s-4);border:1px solid var(--edge);border-radius:var(--radius);background:var(--paper);align-items:center;display:flex}.page-how .scene__placeholder,.page-how .scene__words{margin:0}.page-how .scene__placeholder{color:var(--ink-3);align-items:center;gap:2px;display:flex}.page-how .scene__caret{background:var(--ink);width:2px;height:1.2em}.page-how .scene__words{font-size:1.5rem;line-height:1.2}.page-how .scene__checks{gap:var(--s-3);padding:var(--s-6) var(--s-5);font-size:.875rem}.page-how .scene__actions{gap:var(--s-3);margin:0 var(--s-4) var(--s-5);display:flex}.page-how .scene__approve,.page-how .scene__discard{border:1px solid var(--ink);border-radius:var(--radius);font-size:var(--fs-small);padding:8px 16px;font-weight:650}.page-how .scene__approve{background:var(--ink);color:var(--sheet)}.page-how .scene__discard{color:var(--ink)}.page-how .scene__postmark{right:var(--s-5);bottom:var(--s-4);width:124px;height:124px;position:absolute}.page-how .show__toggle{justify-self:end;gap:var(--s-2);margin-top:calc(var(--s-2) * -1);grid-area:toggle}.page-how .show__toggle svg{width:16px;height:16px}@media (prefers-reduced-motion:no-preference){.page-how .show__flight{transition:transform .9s var(--ease)}.page-how .show__dove{transition:scale .2s}.page-how .show__step,.page-how .show__scene{animation:how-arrive .32s var(--ease) both}.page-how .scene__caret{animation:1.1s step-end infinite how-blink}.page-how .scene__checks li{animation:how-arrive .28s var(--ease) both;animation-delay:calc(var(--i) * .42s + .2s)}.page-how .scene__postmark{animation:.42s cubic-bezier(.2,.8,.3,1.2) .25s both how-land}}@keyframes how-load{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes how-arrive{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes how-blink{50%{opacity:0}}@keyframes how-land{0%{opacity:0;transform:scale(1.18)}to{opacity:1;transform:none}}@media (max-width:900px){.page-how .show{gap:var(--s-5);grid-template-columns:minmax(0,1fr);grid-template-areas:"route""stage""toggle""text"}.page-how .show__text{padding-top:0}}@media (max-width:560px){.page-how .show__route{--line-y:20px}.page-how .show__dove{width:40px;height:40px}.page-how .show__stop-btn{padding-right:var(--s-2);gap:16px}.page-how .show__stop-label{font-size:.875rem}.page-how .show__scene{min-height:280px}.page-how .scene__words{font-size:1.3125rem}.page-how .scene__checks{padding:var(--s-5) var(--s-4)}.page-how .scene__postmark{width:104px;height:104px}}.page-how .reassure{border-top:1px solid var(--rule)}.page-how .worries .h2{max-width:14em;margin-bottom:clamp(var(--s-6), 4vw, var(--s-7))}.page-how .worries__list{border-top:1px solid var(--ink);margin:0}.page-how .worries__row{align-items:baseline;gap:var(--s-3) var(--s-8);padding-block:var(--s-6);border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,6fr) minmax(0,5fr);display:grid}.page-how .worries__q{text-wrap:balance;font-size:clamp(1.75rem,1.35rem + 1.3vw,2.5rem);line-height:1.15}.page-how .worries__a{max-width:30em;font-size:var(--fs-lede);text-wrap:pretty;margin:0;line-height:1.5}.page-how .coda{gap:var(--s-4) var(--s-8);margin-top:clamp(var(--s-8), 8vw, var(--s-9));grid-template-columns:minmax(0,6fr) minmax(0,5fr);display:grid}.page-how .coda__body p{max-width:30em;margin:0 0 var(--s-3);text-wrap:pretty}@media (max-width:760px){.page-how .worries__row,.page-how .coda{grid-template-columns:minmax(0,1fr)}}
