.dl-how{position:relative;isolation:isolate}.dl-backdrop.dl-how__sky{position:sticky;inset:auto;inset-block-start:0;block-size:100svh;z-index:-1}.dl-how__body{margin-block-start:-100svh}.dl-how .dl-nav__bar{padding-inline-end:8px}.dl-how .dl-nav__bar .dl-btn{min-block-size:44px;padding-inline:18px}.dl-how__hero{display:grid;justify-items:center;padding:clamp(24px,6vh,64px) clamp(12px,4vw,40px) clamp(40px,8vh,96px)}.dl-how__hero .dl-surface{--dl-surface-w:1000px;display:grid;justify-items:center;gap:clamp(14px,2vw,24px);text-align:center}.dl-how__hero .dl-lead{color:var(--dl-ink);font-weight:500}@media (max-width:519px){.dl-how__hero .dl-surface{justify-items:start;text-align:start;padding-block:34px 30px}}.dl-how__line{--dl-how-pad:clamp(12px,4vw,40px);--dl-how-x:calc(var(--dl-how-pad) + 20px);position:relative;max-inline-size:1180px;margin-inline:auto;padding-inline:var(--dl-how-pad)}.dl-how__spine{position:absolute;inset-block:0;inset-inline-start:calc(var(--dl-how-x) - 2px);inline-size:4px;border-radius:2px;background:rgb(255 255 255/.45);overflow:hidden}.dl-how__spine i{display:block;block-size:100%;background:var(--dl-white);transform-origin:50% 0;transform:scaleY(var(--dl-how-p,0))}.dl-how__sun{position:absolute;z-index:1;inset-inline-start:var(--dl-how-x);inset-block-start:calc(var(--dl-how-p, 0) * 100%);inline-size:26px;block-size:26px;translate:-50% -50%;border-radius:50%;background:var(--dl-white);box-shadow:0 0 0 8px rgb(255 255 255/.4),0 0 46px 18px rgb(255 201 60/.95);pointer-events:none}.dl-how:not([data-js]) .dl-how__sun{display:none}.dl-how__stages{display:grid;gap:clamp(44px,7vw,104px);padding-block:4px clamp(48px,7vw,96px)}.dl-how__stage{position:relative;display:grid;gap:12px;padding-inline-start:46px}.dl-how__stage>*{min-inline-size:0}.dl-how__when{position:relative;z-index:2;justify-self:start;margin:0 0 4px -46px;padding:10px 18px;border-radius:var(--dl-r-pill);background:var(--dl-white);box-shadow:var(--dl-shadow-card);font:650 1rem/1.15 var(--dl-font-headline);white-space:nowrap;transition:background-color var(--dl-dur-step) var(--dl-ease-out),color var(--dl-dur-step) var(--dl-ease-out)}.dl-how[data-js] [data-on]>.dl-how__when{background:var(--dl-ink);color:var(--dl-white)}.dl-how__card{display:grid;gap:10px;align-content:start;justify-items:start;background:var(--dl-white);border-radius:var(--dl-r-m);box-shadow:var(--dl-shadow-surface)}.dl-how__you{padding:20px 22px 22px}.dl-how__we{padding:clamp(20px,2.8vw,32px)}.dl-how__we>.dl-soft{max-inline-size:46ch}.dl-how__idle{justify-self:start;display:inline-flex;align-items:center;gap:10px;padding:7px 16px 7px 7px;border-radius:var(--dl-r-pill);background:rgb(255 255 255/.78);font:600 .875rem/1.2 var(--dl-font-text)}@media (min-width:900px){.dl-how__line{--dl-how-x:50%}.dl-how__stage{grid-template-columns:minmax(0,1fr) 232px minmax(0,1fr);align-items:start;gap:0;padding-inline-start:0}.dl-how__when{grid-column:2;grid-row:1;justify-self:center;margin:0;position:sticky;inset-block-start:calc(50svh - 20px)}.dl-how__idle,.dl-how__you{grid-column:1;grid-row:1;justify-self:end}.dl-how__you{inline-size:min(100%,340px)}.dl-how__idle{margin-block-start:3px}.dl-how__we{grid-column:3;grid-row:1}}.dl-how__mock{justify-self:stretch;display:grid;place-items:center;margin-block-start:8px;padding:clamp(16px,2vw,24px);border-radius:var(--dl-r-s);background:var(--dl-mist)}.dl-how[data-js] .dl-how__mock{transition:opacity .6s var(--dl-ease-out),filter .6s var(--dl-ease-out)}.dl-how[data-js] [data-stage]:not([data-on]) .dl-how__mock{opacity:.45;filter:grayscale(1)}.dl-how[data-js] [data-on] .dl-dial__on{animation:dl-light .42s var(--dl-ease-out) both;animation-delay:calc(var(--i) * 15ms)}.dl-how__dials{display:grid;grid-template-columns:1fr 1fr;gap:16px;inline-size:min(100%,380px)}.dl-how__dials figure{display:grid;justify-items:center;gap:2px;margin:0}.dl-how__dials figcaption{font:650 .9375rem/1.2 var(--dl-font-headline)}.dl-how__ask{display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr);gap:20px;align-items:center;inline-size:100%}.dl-how__ask .dl-scorecard__engines{inline-size:100%;margin:0;gap:8px;color:var(--dl-ink);font-size:.875rem;font-weight:500}.dl-how__rows{inline-size:100%;font:500 .9375rem/1.35 var(--dl-font-text);text-align:start}.dl-how__rows li{gap:14px}.dl-how__rows .dl-chip{flex:none}.dl-how__draft{display:grid;gap:8px;inline-size:100%;padding:18px 20px;border-radius:var(--dl-r-s);background:var(--dl-white);box-shadow:var(--dl-shadow-card);text-align:start}.dl-how__draft strong{font:650 1.0625rem/1.3 var(--dl-font-headline)}.dl-how__draft p{font-size:.9375rem;color:var(--dl-ink-soft)}.dl-how__btns{display:flex;flex-wrap:wrap;gap:8px;margin-block-start:6px}.dl-how__btns .dl-btn{min-block-size:40px;padding-inline:18px;font-size:.9375rem;cursor:default}.dl-how__summary{display:grid;gap:12px;inline-size:100%;font:500 .9375rem/1.4 var(--dl-font-text);text-align:start}.dl-how__summary li{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start}.dl-how__summary .dl-includes__mark{inline-size:22px;block-size:22px}.dl-how__mock .dl-history{inline-size:100%}.dl-how__note{inline-size:fit-content;max-inline-size:calc(100% - 24px);margin-inline:auto;padding:8px 16px;border-radius:var(--dl-r-pill);background:var(--dl-white);box-shadow:var(--dl-shadow-card);font:600 .8125rem/1.35 var(--dl-font-text);text-align:center}.dl-how__ask .dl-scorecard__engines span:last-child{flex:none;white-space:nowrap}@media (max-width:559px){.dl-how__ask{grid-template-columns:minmax(0,1fr);justify-items:center}.dl-how__ask .dl-dial{max-inline-size:170px}}