.dwall{grid-template-columns:minmax(0,1fr);gap:18px;display:grid}.dwall>*{min-inline-size:0}.dwall__head{border-block-start:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-block-start:16px;display:flex}.dwall__label{color:var(--ink-3);margin:0}.dwall__head .chip-rail{min-width:0;flex:auto;justify-content:flex-end;max-inline-size:100%}.dwall{--d25:linear-gradient(45deg, var(--dc) 25%, transparent 25%, transparent 75%, var(--dc) 75%), linear-gradient(45deg, var(--dc) 25%, transparent 25%, transparent 75%, var(--dc) 75%);--d50:repeating-linear-gradient(45deg, var(--dc) 0 1px, transparent 1px 2px)}.dwall__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid;position:relative}.dwall__tile{border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);align-content:start;gap:14px;min-block-size:150px;padding:16px;transition:border-color .24s steps(3,end),background-color .24s steps(3,end);display:grid}.dwall__tile[data-lit=true]{border-color:var(--line-strong)}.dwall__grid[data-picked=true] .dwall__tile[data-lit=false]{background:0 0}.dwall__tile-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.dwall__group{font:500 16px/1.2 var(--font-display);letter-spacing:-.01em;color:var(--ink);transition:color .24s steps(3,end)}.dwall__tile[data-lit=false] .dwall__group{color:var(--ink-3)}.dwall__count{color:var(--ink-2)}.dwall__opening{color:var(--ink-3)}.dwall__tags{flex-wrap:wrap;gap:5px;margin:0;padding:0;list-style:none;display:flex}.dwall__tag{z-index:1;font:450 13px/1 var(--font-ui);border-radius:var(--r-sm);color:var(--ink);background-color:var(--fill);--dc:#ffffff0d;border:1px solid #0000;align-items:center;gap:7px;padding:7px 10px;display:inline-flex;position:relative}.dwall__tag-c{color:var(--ink-3);font-size:11px}.dwall__tag-n{color:var(--on-ink);opacity:.55;font-size:11px;display:none}.dwall__grid[data-picked=true] .dwall__tag[data-lit=true]{color:var(--on-ink);background-color:var(--view-ink);animation:.36s step-end both dwall-in;animation-delay:calc(var(--i) * 90ms)}.dwall__grid[data-picked=true] .dwall__tag[data-lit=true] .dwall__tag-n{display:inline}.dwall__grid[data-picked=true] .dwall__tag[data-lit=true] .dwall__tag-c{color:var(--on-ink);opacity:.55}.dwall__grid[data-picked=true] .dwall__tag[data-lit=false]{color:var(--ink-3);background-color:var(--surface);background-image:var(--d25);border-color:var(--line);background-position:0 0,2px 2px;background-size:4px 4px;animation:.24s step-end both dwall-out}@keyframes dwall-in{0%{color:var(--ink-3);background-color:#0000;background-image:var(--d25);background-size:4px 4px}34%{color:var(--ink);background-color:#0000;background-image:var(--d50);--dc:#ffffff59}67%{color:var(--ink);background-color:var(--ink-3);background-image:var(--d50);--dc:#fff9}to{color:var(--on-ink);background-color:var(--view-ink);background-image:none}}@keyframes dwall-out{0%{color:var(--ink);background-color:var(--fill);background-image:none}50%{color:var(--ink-2);background-color:#0000;background-image:var(--d50);background-size:4px 4px}to{color:var(--ink-3);background-color:var(--surface);background-image:var(--d25);background-size:4px 4px}}.dwall__wire{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:visible}.dwall__wire path{fill:none;stroke:var(--ink-3);stroke-width:1px;shape-rendering:crispedges;stroke-dasharray:1;stroke-dashoffset:1px;animation:.72s steps(12,end) .12s forwards dwall-wire}@keyframes dwall-wire{to{stroke-dashoffset:0}}.dwall__foot{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.dwall__caption{color:var(--ink-2);flex:320px;min-block-size:2.6em;max-inline-size:52ch;margin:0}.dwall__readout{gap:28px;margin:0;display:flex}.dwall__readout>div{gap:8px;display:grid}.dwall__readout .t-label{color:var(--ink-3)}@media (max-width:960px){.dwall__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.dwall__grid{grid-template-columns:minmax(0,1fr)}.dwall__tile{min-block-size:0}.dwall__head .chip-rail{justify-content:flex-start}.dwall__readout{gap:20px}.dwall__readout .t-data-lg{font-size:26px}}@media (prefers-reduced-motion:reduce){.dwall__tag,.dwall__tile,.dwall__group,.dwall__wire path{transition:none;animation:none}.dwall__wire path{stroke-dashoffset:0}}
.how-page{padding-block:clamp(128px,12vw,168px) 140px;padding-inline:var(--gutter);max-inline-size:1120px;margin-inline:auto}.how-page>section,.how-page>.dwall{margin-block-start:clamp(56px,8vw,96px)}.how-page .t-heading{margin:0}.how-intro h1{text-wrap:balance;max-inline-size:13ch;margin:0}.how-intro__lede{max-inline-size:52ch;color:var(--ink-2);margin-block:20px 0}.how-chapter__head{gap:10px;margin-block-end:32px;display:grid}.how-chapter__head .t-label{color:var(--ink-3)}.how-chapter__cta{margin-block-start:28px}.how-steps{gap:var(--gap);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.how-step{border-block-start:1px solid var(--line);padding-block-start:18px}.how-step__num{color:var(--ink);margin-block-end:22px;font-size:34px;display:block}.how-step__heading{font:500 22px/1.15 var(--font-display);letter-spacing:-.02em;margin:0 0 10px}.how-step__body{color:var(--ink-2);margin:0}.how-money{margin-block-start:clamp(40px,6vw,64px)}.how-money__heading{font:500 22px/1.15 var(--font-display);letter-spacing:-.02em;margin:0 0 10px}.how-money__intro{max-inline-size:60ch;color:var(--ink-2);margin:0}.how-bar{gap:4px;block-size:64px;margin-block:24px 8px;display:flex}.how-bar__quote,.how-bar__fee{border-radius:var(--r-sm);justify-content:space-between;align-items:flex-end;gap:8px;min-inline-size:0;padding:10px 12px;display:flex}.how-bar__quote{background:var(--view-ink);color:var(--on-ink);flex:86%}.how-bar__fee{color:var(--ink);border:1px solid var(--line-strong);background-image:linear-gradient(45deg,#ffffff24 25%,#0000 25% 75%,#ffffff24 75%),linear-gradient(45deg,#ffffff24 25%,#0000 25% 75%,#ffffff24 75%);background-position:0 0,2px 2px;background-size:4px 4px;flex:0 0 14%}.how-bar__lbl{font:500 13px/1.2 var(--font-ui);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.how-bar__fee .how-bar__lbl{font-size:12px}.how-money__table-wrap{margin-block:20px 12px;overflow-x:auto}.how-money__table{border-collapse:collapse;inline-size:100%}.how-money__table th,.how-money__table td{text-align:start;border-block-end:1px solid var(--line);padding-block:14px;padding-inline-end:24px}.how-money__table th{color:var(--ink-3)}.how-money__table td{font-size:15px}.how-money__disclaimer{color:var(--ink-3);max-inline-size:60ch;margin:0;font-size:13px}.how-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.how-tile{border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);align-content:start;gap:12px;padding:18px 16px 20px;display:grid}.how-tile__bullet{margin-block-end:6px}.how-tile__heading{font:500 20px/1.15 var(--font-display);letter-spacing:-.02em;margin:0}.how-tile__body{color:var(--ink-2);margin:0;font-size:14px;line-height:1.5}.how-faq .t-heading{margin-block-end:16px}.how-faq__list{border-block-start:1px solid var(--line);max-inline-size:760px}.how-faq__item{border-block-end:1px solid var(--line)}.how-faq__q{cursor:pointer;font:500 16px/1.3 var(--font-display);align-items:baseline;gap:14px;padding-block:16px;list-style:none;display:flex}.how-faq__q::-webkit-details-marker{display:none}.how-faq__who{color:var(--ink-3);flex:none;inline-size:56px}.how-faq__a{color:var(--ink-2);max-inline-size:60ch;margin:0;padding-block:0 18px;padding-inline-start:70px}.how-cta{flex-wrap:wrap;gap:10px;margin-block-start:clamp(56px,8vw,96px);display:flex}@media (max-width:960px){.how-steps,.how-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.how-page{padding-block-start:104px}.how-steps{grid-template-columns:minmax(0,1fr)}.how-bar__fee{flex-basis:22%}.how-faq__q{flex-wrap:wrap;gap:6px 14px}.how-faq__who{inline-size:100%}.how-faq__a{padding-inline-start:0}}@media (max-width:480px){.how-tiles{grid-template-columns:minmax(0,1fr)}}:lang(ar) .how-step__num{text-align:end}:lang(ar) .how-tile__heading,:lang(ar) .how-step__heading,:lang(ar) .how-money__heading{letter-spacing:0}:lang(ar) .how-money__table td{direction:rtl;unicode-bidi:plaintext}