.how-hero{padding-block:clamp(36px,6vw,72px) clamp(28px,4vw,48px)}.how-hero .wrap{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:end;gap:clamp(24px,5vw,64px);display:grid}.how-hero-copy{justify-items:start;gap:16px;min-width:0;display:grid}.how-hero h1{max-width:16ch;margin-top:4px}.how-hero .lede{max-width:40ch}.how-pill{background:var(--surface);border:1px solid var(--line);color:var(--ink-2);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:10px;margin-bottom:8px;padding:6px 14px 6px 8px;font-size:14px;text-decoration:none;transition:border-color .15s;display:inline-flex}.how-pill:hover{border-color:var(--line-2);color:var(--ink)}.how-pill .dot{background:var(--brand-soft);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:grid}.how-pill .dot i{background:var(--brand);border-radius:50%;width:8px;height:8px;animation:2.4s infinite atona-pulse;display:block}.how-start{padding-block:8px clamp(56px,8vw,104px)}.how-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,22px);list-style:none;display:grid}.how-step{border-top:3px solid var(--ink);flex-direction:column;gap:8px;min-width:0;padding-top:16px;display:flex}.how-step .n{font-family:var(--f-mono);color:var(--ink-3);font-size:12px}.how-step h3{font-size:19px}.how-step p{color:var(--ink-2);font-size:14.5px}.how-step .when{font-family:var(--f-mono);color:var(--brand);margin-top:auto;padding-top:6px;font-size:12px}.step-crew{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.step-crew .grp{border:1.5px solid #0000;border-radius:16px;gap:2px;padding:3px;display:flex}.step-crew .grp.early{border-color:var(--line-2);border-style:dashed}.step-crew a{border-radius:12px;transition:transform .15s;display:block}.step-crew a:hover{transform:translateY(-2px)}.how-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:clamp(32px,5vw,52px);display:grid}.how-panel{background:var(--surface);border:1px solid var(--line);border-radius:24px;align-content:start;gap:10px;min-width:0;padding:22px;display:grid}.how-panel h3{font-size:21px}.how-panel p{color:var(--ink-2);font-size:15px}.how-panel .ic-row{gap:8px;margin-bottom:4px;display:flex}.how-panel-row{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:16px}.how-panel-row h3{margin-bottom:6px;font-size:19px}.ic-tile{background:var(--brand-soft);width:38px;height:38px;color:var(--brand);border-radius:12px;flex:none;place-items:center;display:grid}.ic-tile svg{width:19px;height:19px}.how-access .wrap{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:clamp(28px,5vw,64px);display:grid}.how-access-copy{justify-items:start;gap:14px;min-width:0;display:grid}.how-access-copy .cta-row{margin-top:10px}.how-access-cards{gap:14px;min-width:0;display:grid}.how-access .how-panel{background:var(--bg)}.how-signin{color:var(--ink-2);padding:10px 4px;font-size:15px;font-weight:500;text-decoration:none}.how-signin:hover{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.how-side{max-width:42ch}.how-ask-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:center;gap:clamp(28px,5vw,64px);display:grid}.asks{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;display:grid}.ask{background:var(--surface);border:1px solid var(--line);font-family:var(--f-serif);letter-spacing:-.005em;color:var(--ink);border-radius:22px 22px 6px;padding:18px 20px;font-size:clamp(18px,1.7vw,21px);font-style:italic;line-height:1.32}.how-send-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:center;gap:clamp(28px,5vw,64px);display:grid}.how-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;list-style:none;display:grid}.how-ctl{background:var(--surface);border:1px solid var(--line);border-radius:20px;grid-template-columns:38px minmax(0,1fr);align-content:start;gap:4px 14px;min-width:0;padding:18px;display:grid}.how-ctl .ic-tile{grid-row:span 2}.how-ctl h3{align-self:center;font-size:17px;line-height:1.25}.how-ctl p{color:var(--ink-2);font-size:14.5px}.how-ctl:last-child{grid-column:1/-1}.how-foot{margin-top:clamp(22px,3vw,32px)}.pd-fig{background:var(--surface);border:1px solid var(--line);border-radius:24px;gap:16px;min-width:0;margin:0;padding:clamp(14px,2.5vw,28px);display:grid}.pd-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin;overflow-x:auto}.pd-scroll svg.pd{width:100%;min-width:920px;height:auto;font-family:var(--f-body);color:var(--ink);display:block}.pd text{fill:var(--ink)}.pd .pd-t{font-size:13px;font-weight:600}.pd .pd-s{fill:var(--ink-3);font-size:11px}.pd .pd-lbl{font-family:var(--f-mono);letter-spacing:.06em;fill:var(--ink-3);font-size:10.5px}.pd .pd-ln{fill:none;stroke:var(--ink-3);stroke-width:1.4px}.pd .pd-ln.dash{stroke-dasharray:4 4}.pd .pd-head{fill:var(--ink-3)}.pd .pd-chev{fill:none;stroke:var(--ink-3);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.pd .pd-you-box{fill:var(--ink)}.pd .pd-you .pd-t{fill:var(--bg)}.pd .pd-you .pd-s{fill:var(--bg);fill-opacity:.72}.pd .pd-rb{fill:var(--t);stroke:var(--c);stroke-width:1.5px}.pd .pd-role.early .pd-rb{fill:var(--surface);stroke-dasharray:5 4}.pd .pd-st{font-family:var(--f-mono);fill:var(--r-ea);font-size:10px}.pd .pd-role.early .pd-st{fill:var(--warn)}.pd .pd-box{fill:var(--sunk);stroke:var(--line-2)}.pd .pd-box.dash{fill:var(--surface);stroke-dasharray:5 4}.pd .pd-plat{fill:var(--brand-soft);stroke:color-mix(in srgb,var(--brand) 45%,transparent)}.pd .pd-plat-t{fill:var(--brand);font-size:13px;font-weight:700}.pd .pd-inner{fill:var(--surface);stroke:var(--line)}.pd .pd-chip{fill:var(--bg);stroke:var(--line-2)}.pd .pd-chip-t{font-family:var(--f-mono);fill:var(--ink-2);font-size:11px}.pd-legend{color:var(--ink-2);flex-wrap:wrap;gap:8px 24px;font-size:14px;display:flex}.pd-legend span{align-items:center;gap:8px;display:inline-flex}.pd-legend i{border:1.5px solid var(--ink-3);background:var(--sunk);border-radius:5px;flex:none;width:22px;height:14px}.pd-legend i.early{background:0 0;border-style:dashed}.pd-legend svg{fill:none;width:16px;height:16px;stroke:var(--ink-3);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;flex:none}.pd-hint{font-family:var(--f-mono);color:var(--ink-3);letter-spacing:.03em;font-size:12.5px;display:none}.how-pb{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(32px,5vw,72px);display:grid}.how-pb>div{min-width:0}.how-pb-head{gap:12px;margin-bottom:22px;display:grid}.how-pb-head h2{font-size:clamp(28px,3.2vw,38px)}.pb-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.pb-links a{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:14px;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:11px 13px;font-size:14.5px;font-weight:500;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.pb-links a:hover{border-color:var(--ink-3);transform:translateY(-1px)}.pb-links svg{width:15px;height:15px;color:var(--ink-3);flex:none;transition:transform .15s}.pb-links a:hover svg{color:var(--ink);transform:translate(2px)}@media (width<=1060px){.how-ask-grid,.how-send-grid{grid-template-columns:1fr}.how-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}}@media (width<=1000px){.pd-hint{display:block}}@media (width<=900px){.how-hero .wrap,.how-access .wrap,.how-pb{grid-template-columns:1fr}.how-pb{row-gap:56px}.how-hero h1{max-width:none}}@media (width<=620px){.how-steps,.how-panels,.asks,.how-controls{grid-template-columns:1fr}.how-ctl:last-child{grid-column:auto}.pb-links{grid-template-columns:repeat(2,minmax(0,1fr))}.how-panel-row{grid-template-columns:1fr;gap:12px}.how-access-copy .cta-row{width:100%}.how-signin{text-align:center;width:100%}}.how-steps-mini{color:var(--ink-2);gap:6px;margin:8px 0 0;padding-left:18px;font-size:15px;display:grid}.how-steps-mini b{color:var(--ink);font-weight:600}
