.pg-how .phero{padding-bottom:clamp(56px,6vw,96px)}.pg-how .jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(40px,5vw,64px);padding-top:var(--spacing-3);border-top:1px solid var(--color-ink-13)}.pg-how .jump a{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding-inline:14px;border:1px solid var(--color-ink-28);border-radius:var(--radius-pill);font-size:14px;color:var(--color-ink-70);transition:border-color .2s var(--ease),color .2s var(--ease)}.pg-how .jump a b{font-family:var(--font-mono);font-weight:400;font-size:11px;color:var(--color-live)}.pg-how .jump a:hover{border-color:var(--color-ink);color:var(--color-ink)}.pg-how .sec.first{padding-top:clamp(40px,5vw,72px)}.pg-how .sec.flush{padding-top:0}.pg-how .wf{display:grid;gap:22px}.pg-how .wf-top{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px 32px}.pg-how .wf-amt{font-size:clamp(40px,5vw,72px);line-height:1;letter-spacing:-.035em}.pg-how .wf-amt small{font-size:.32em;color:var(--color-ink-50);font-weight:500;letter-spacing:0;margin-left:10px}.pg-how .range{-webkit-appearance:none;appearance:none;width:100%;height:44px;background:transparent;cursor:pointer;margin:0}.pg-how .range::-webkit-slider-runnable-track{height:1px;background:var(--color-ink-28)}.pg-how .range::-moz-range-track{height:1px;background:var(--color-ink-28)}.pg-how .range::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:var(--radius-pill);background:var(--color-ink);margin-top:-11px;box-shadow:0 0 0 6px var(--color-paper)}.pg-how .range::-moz-range-thumb{width:22px;height:22px;border:0;border-radius:var(--radius-pill);background:var(--color-ink)}.pg-how .range:focus-visible{outline:none}.pg-how .range:focus-visible::-webkit-slider-thumb{outline:2px solid var(--color-live);outline-offset:3px}.pg-how .range:focus-visible::-moz-range-thumb{outline:2px solid var(--color-live);outline-offset:3px}.pg-how .wfbar{display:grid;gap:3px;height:56px}.pg-how .tseg{position:relative;background:var(--color-paper-2);border:1px solid var(--color-ink-13);overflow:hidden}.pg-how .tseg i{position:absolute;inset:0;background:var(--color-ink);transform-origin:0 50%;transition:transform .26s var(--ease)}.pg-how .tseg.now i{background:var(--color-live)}.pg-how .wfcols{display:grid;gap:3px}.pg-how .wfcols>div{display:grid;gap:2px;align-content:start;padding-top:12px;border-top:1px solid var(--color-ink);min-width:0;padding-right:10px}.pg-how .wfcols .n{color:var(--color-live)}.pg-how .wfcols h3{font-size:16px;font-weight:600;letter-spacing:-.01em;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pg-how .wfcols .cost{color:var(--color-ink-70);font-size:14px}.pg-how .wfcols .drawn{font-size:14px;margin-top:6px;font-variant-numeric:tabular-nums}.pg-how .wfcols .drawn b{font-weight:600}.pg-how .wf-note{color:var(--color-ink-50);font-size:14px}.pg-how .plans-note{margin-top:14px}@media (max-width:760px){.pg-how .wfcols{grid-template-columns:minmax(0,1fr)!important;gap:0}.pg-how .wfcols>div{grid-template-columns:minmax(0,1fr) auto;column-gap:12px;padding-block:12px;border-top:1px solid var(--color-ink-13)}.pg-how .wfcols>div:first-child{border-top:1px solid var(--color-ink)}.pg-how .wfcols .n{display:none}.pg-how .wfcols .drawn{grid-column:2;grid-row:1;margin:0}}.pg-how .tg{--line:var(--color-ink-28);--px:clamp(18px,2.4vw,32px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--line)}.pg-how .tg>*{min-width:0}.pg-how .tc-k{font-size:13.5px;color:var(--color-ink-50);letter-spacing:0}.pg-how .tg-foot,.pg-how .tg-head{grid-column:1/-1}.pg-how .tg-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;border-bottom:1px solid var(--line)}.pg-how .tg-tot{display:grid;gap:6px;align-content:end;padding:26px var(--px) 24px}.pg-how .tg-owed{font-size:clamp(44px,4.8vw,72px);line-height:.95;letter-spacing:-.04em}.pg-how .of{color:var(--color-ink-50);font-size:14px}.pg-how .tg-ceil{display:grid;grid-template-rows:1fr auto;border-left:1px solid var(--line)}.pg-how .cx-bar{display:flex;gap:3px;height:44px;align-self:end;margin:26px var(--px) 18px}.pg-how .cx-bar span{display:grid;place-items:center;color:var(--color-paper);font-size:12.5px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;transition:flex-grow .6s var(--ease);min-width:0}.pg-how .cx-bar .p0{background:var(--color-ink)}.pg-how .cx-bar .room{background:var(--color-paper-2);border:1px solid var(--color-ink-13);color:var(--color-ink-50)}.pg-how .tg-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}.pg-how .tg-stats div{display:grid;gap:2px;padding:12px var(--px) 14px;border-left:1px solid var(--line)}.pg-how .tg-stats div:first-child{border-left:0}.pg-how .tg-stats .fig{font-size:18px}.pg-how .tg-stats .pos .fig{color:var(--color-settled)}.pg-how .tg-cell{display:grid;grid-template-rows:auto 1fr auto;border-bottom:1px solid var(--line)}.pg-how .tg-cell.r{border-left:1px solid var(--line)}.pg-how .tg-cell.full{grid-column:1/-1}.pg-how .pc-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pg-how .sched{border-left:1px solid var(--line);padding:10px var(--px);align-self:stretch;display:grid;align-content:center}.pg-how .sched li{display:grid;grid-template-columns:28px minmax(0,1fr) auto 112px;align-items:baseline;gap:12px;padding-block:14px;border-bottom:1px solid var(--color-ink-13);font-size:15px;color:var(--color-ink-50);transition:color .3s var(--ease)}.pg-how .sched li:last-child{border-bottom:0}.pg-how .sched .sn{font-family:var(--font-mono);font-size:11px}.pg-how .sched .fig{font-size:15px}.pg-how .sched .ss{text-align:right;font-size:13.5px}.pg-how .sched li.now,.pg-how .sched li.paid{color:var(--color-ink)}.pg-how .sched li.paid .ss{color:var(--color-settled)}.pg-how .sched li.now .ss{color:var(--color-live);font-weight:500}.pg-how .sched li.early .fig{text-decoration:line-through;text-decoration-color:var(--color-ink-28)}.pg-how .sched li.early .ss{color:var(--color-settled)}.pg-how .lock-cell{border-bottom:0}.pg-how .tc-h{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:0 var(--px);border-bottom:1px solid var(--color-ink-13)}.pg-how .tc-m{display:grid;gap:4px;align-content:start;padding:22px var(--px) 24px}.pg-how .tc-f{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:60px;padding:0 var(--px);border-top:1px solid var(--line)}.pg-how .tc-name{font-size:19px;font-weight:500;letter-spacing:-.015em}.pg-how .tc-ty{color:var(--color-ink-50);font-size:14px}.pg-how .tc-amt{font-size:clamp(34px,3.4vw,50px);line-height:1;letter-spacing:-.035em;margin:10px 0 16px}.pg-how .tc-pl{font-size:14px;color:var(--color-ink-70);margin-top:10px}.pg-how .tc-pl b{color:var(--color-settled);font-weight:600}.pg-how .tc-note{font-size:13.5px;color:var(--color-settled);margin-top:4px}.pg-how .ticks{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:3px;height:8px}.pg-how .lock-cell .gauge,.pg-how .lock-cell .ticks{margin-top:16px}.pg-how .ticks span{background:var(--color-paper-2);border:1px solid var(--color-ink-13);transition:background-color .4s var(--ease),border-color .4s var(--ease)}.pg-how .ticks span.on{background:var(--color-ink);border-color:var(--color-ink)}.pg-how .ticks span.now{background:var(--color-live);border-color:var(--color-live)}.pg-how .gauge{height:8px;background:var(--color-paper-2);border:1px solid var(--color-ink-13);position:relative}.pg-how .gauge i{position:absolute;left:0;top:0;bottom:0;background:var(--color-ink)}.pg-how .plan-cell.cleared .tc-name{color:var(--color-ink-50)}.pg-how .plan-cell.cleared .tc-amt{color:var(--color-settled)}.pg-how .lock-cell .tc-name{color:var(--color-ink-70)}.pg-how .lock-cell.unlocked .tc-name{color:var(--color-ink)}.pg-how .pill-sm{display:inline-flex;align-items:center;min-height:36px;padding-inline:16px;border:1px solid var(--color-ink-28);border-radius:var(--radius-pill);font-size:14px;font-weight:500;transition:border-color .2s var(--ease);white-space:nowrap}.pg-how .pill-sm:hover{border-color:var(--color-ink)}.pg-how .tg-foot{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:stretch;border-top:1px solid var(--line)}.pg-how .tg-foot>*{padding:20px var(--px);display:grid;align-content:center}.pg-how .tg-foot>*+*{border-left:1px solid var(--line)}.pg-how .tg-due{gap:2px;min-width:220px}.pg-how .tg-due .fig{font-size:30px;line-height:1.05;letter-spacing:-.025em}.pg-how .tg-rule{color:var(--color-ink-70);font-size:14.5px;line-height:1.5;margin:0}.pg-how .tg-rule b{color:var(--color-ink);font-weight:600;display:block;margin-bottom:2px}.pg-how .sx-acts{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.pg-how .flash{animation:how-flash .9s var(--ease)}@media (max-width:1000px){.pg-how .tg-head{grid-template-columns:minmax(0,1fr)}.pg-how .tg-ceil{border-left:0;border-top:1px solid var(--line)}.pg-how .tg-foot{grid-template-columns:minmax(0,1fr) auto}.pg-how .tg-foot>.tg-rule{grid-column:1/-1;grid-row:2;border-left:0;border-top:1px solid var(--line)}}@media (max-width:760px){.pg-how .pc-body{grid-template-columns:minmax(0,1fr)}.pg-how .sched{border-left:0;border-top:1px solid var(--color-ink-13);padding-block:4px}}@media (max-width:640px){.pg-how .sched li{grid-template-columns:22px minmax(0,1fr) auto}.pg-how .sched .ss{grid-column:2/-1;text-align:left;margin-top:-10px}.pg-how .tg{grid-template-columns:minmax(0,1fr)}.pg-how .tg-cell.r{border-left:0}.pg-how .lock-cell.l{border-bottom:1px solid var(--line)}.pg-how .tg-stats div{padding-inline:14px}.pg-how .tg-foot{grid-template-columns:minmax(0,1fr)}.pg-how .tg-foot>*+*{border-left:0;border-top:1px solid var(--line)}.pg-how .tg-foot>.tg-rule{grid-row:auto}.pg-how .sx-acts .btn{flex:1 1 0}}.pg-how .split{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(32px,6vw,112px);align-items:start}.pg-how .chs{display:grid;gap:18px}.pg-how .balance{display:flex;justify-content:space-between;align-items:baseline;gap:16px;border-top:1px solid var(--color-ink);padding-top:14px}.pg-how .balance .fig{font-size:clamp(26px,2.6vw,36px)}.pg-how .opts{display:flex;gap:8px}.pg-how .opts button{flex:1 1 0;min-height:46px;border:1px solid var(--color-ink-28);border-radius:var(--radius-pill);font-size:15px;color:var(--color-ink-70);transition:background-color .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease)}.pg-how .opts button:hover{border-color:var(--color-ink);color:var(--color-ink)}.pg-how .opts button[aria-pressed=true]{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-paper)}.pg-how .segs2{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:3px;height:10px}.pg-how .segs2 span{background:var(--color-ink);transform-origin:0 50%}.pg-how .ledger2{border-top:1px solid var(--color-ink)}.pg-how .ledger2 div{display:grid;grid-template-columns:minmax(0,1fr) auto;padding-block:13px;border-bottom:1px solid var(--color-ink-13);color:var(--color-ink-70)}.pg-how .ledger2 dd{color:var(--color-ink);font-weight:600;font-variant-numeric:tabular-nums;transition:opacity .15s linear}.pg-how .ledger2.swap dd{opacity:0}.pg-how .split-side{display:grid;gap:28px;padding-top:14px;border-top:1px solid var(--color-ink)}.pg-how .split-side .big{font-size:clamp(44px,5.4vw,84px);line-height:1;letter-spacing:-.035em;color:var(--color-live);transition:opacity .15s linear}.pg-how .split-side .big.swap{opacity:0}.pg-how .split-side p{color:var(--color-ink-70);font-size:15.5px;max-width:34ch}@media (max-width:900px){.pg-how .split{grid-template-columns:minmax(0,1fr)}}.pg-how .stats4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--color-ink);border-bottom:1px solid var(--color-ink-13)}.pg-how .stats4 div{display:grid;gap:6px;align-content:start;padding:20px clamp(14px,2vw,28px) 22px;border-left:1px solid var(--color-ink-13)}.pg-how .stats4 div:first-child{border-left:0;padding-left:0}.pg-how .stats4 div:last-child{padding-right:0}.pg-how .stats4 .fig{font-size:clamp(30px,3.2vw,48px);line-height:1.02}.pg-how .stats4 p{color:var(--color-ink-70);font-size:14.5px;line-height:1.45;max-width:26ch}@media (max-width:900px){.pg-how .stats4{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-how .stats4 div:nth-child(3){border-left:0;padding-left:0}.pg-how .stats4 div:nth-child(n+3){border-top:1px solid var(--color-ink-13)}}.pg-how .gatebox{margin-top:clamp(48px,6vw,88px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,6vw,112px);align-items:end}.pg-how .gatebox .fig.huge{font-size:clamp(56px,8vw,128px);line-height:.95;letter-spacing:-.04em}.pg-how .gatebox p{color:var(--color-ink-70);font-size:15.5px;max-width:40ch;margin-top:12px}.pg-how .gatebox .label,.pg-how .nots>.label{display:block}.pg-how .gtrack{display:grid;gap:12px;padding-bottom:6px}.pg-how .gbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;height:16px}.pg-how .gbar span{position:relative;background:var(--color-ink-13);overflow:hidden}.pg-how .gbar span i{position:absolute;inset:0;background:var(--color-ink);transform-origin:0 50%;transition:background-color .4s var(--ease)}.pg-how .gtrack.done .gbar span i{background:var(--color-settled)}.pg-how .gticks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));font-family:var(--font-mono);font-size:10.5px;color:var(--color-ink-50)}.pg-how .gticks span{display:flex;justify-content:space-between}.pg-how .gticks span+span b:first-child{visibility:hidden}.pg-how .gticks b{font-weight:400}.pg-how .gtrack.done .gticks span:last-child b:last-child{color:var(--color-settled)}.pg-how .sides2{margin-top:clamp(48px,6vw,88px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,6vw,112px)}.pg-how .sides2 div{border-top:1px solid var(--color-ink);padding-top:14px;display:grid;gap:6px}.pg-how .sides2 h3{font-family:var(--font-display);font-weight:600;font-size:clamp(22px,2vw,30px);letter-spacing:-.022em;line-height:1.12}.pg-how .sides2 p{color:var(--color-ink-70);font-size:15.5px;max-width:42ch}.pg-how .nots{margin-top:clamp(48px,6vw,88px)}.pg-how .nots ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--color-ink);margin-top:14px}.pg-how .nots li{padding:18px clamp(14px,2vw,28px) 4px;border-left:1px solid var(--color-ink-13);display:grid;gap:2px}.pg-how .nots li:first-child{border-left:0;padding-left:0}.pg-how .nots li b{font-size:18px;font-weight:600;letter-spacing:-.012em}.pg-how .nots li span{color:var(--color-ink-70);font-size:14.5px}@media (max-width:900px){.pg-how .gatebox,.pg-how .sides2{grid-template-columns:minmax(0,1fr)}.pg-how .nots ul{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-how .nots li:nth-child(3){border-left:0;padding-left:0}.pg-how .nots li:nth-child(n+3){border-top:1px solid var(--color-ink-13);padding-top:14px}}.pg-how .cyc-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(32px,6vw,112px);align-items:center}.pg-how .cycx{--edge:var(--color-ink-28);--glow:#7C8CC5;--glow-core:#24409E;position:relative;border:1px solid var(--edge);border-radius:var(--radius-device);transition:border-color .5s var(--ease)}.pg-how .cycx[data-state=short]{--edge:var(--color-live);--glow:#7C8CC5;--glow-core:#24409E}.pg-how .cycx[data-state=covered]{--edge:var(--color-ink-28);--glow:#8E9894;--glow-core:#16211D}.pg-how .cycx[data-state=savings]{--edge:var(--color-ink-28);--glow:#E3B667;--glow-core:#8A5512}.pg-how .cycx[data-state=clear]{--edge:var(--color-settled);--glow:#6FCB9F;--glow-core:#0E6B4E}.pg-how .cx-r1{display:flex;justify-content:space-between;align-items:end;gap:16px;padding:clamp(20px,2.6vw,32px) clamp(20px,2.6vw,32px) clamp(18px,2.2vw,26px)}.pg-how .cx-r1>div:first-child{display:grid;gap:8px}.pg-how .cx-amt{font-size:clamp(44px,5.4vw,80px);line-height:1;letter-spacing:-.035em}.pg-how .cx-cd{display:grid;justify-items:end;gap:6px;text-align:right}.pg-how .cx-days{font-size:clamp(44px,5.4vw,80px);line-height:1;letter-spacing:-.035em}.pg-how .cx-r2{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:12px clamp(20px,2.6vw,32px);border-top:1px solid var(--edge);transition:border-color .5s var(--ease)}.pg-how .cx-st{display:inline-flex;align-items:center;gap:10px;color:var(--color-ink-70);font-size:15.5px}.pg-how .cx-dot{width:7px;height:7px;border-radius:var(--radius-pill);background:var(--edge);flex:none;transition:background-color .5s var(--ease)}.pg-how .cycx[data-state=covered] .cx-dot,.pg-how .cycx[data-state=savings] .cx-dot{background:var(--color-ink-50)}.pg-how .cx-btn{min-height:40px;padding-inline:18px;font-size:14.5px}.pg-how .cx-btn.quiet,.pg-how .cx-btn.quiet:hover{background:transparent;color:var(--color-ink);border-color:var(--color-ink-28)}.pg-how .cycx .trace .halo{stroke:var(--glow);opacity:.7}.pg-how .cycx .trace .core{stroke:var(--glow-core);stroke-width:1.8}.pg-how .states{border-top:1px solid var(--color-ink)}.pg-how .states button{width:100%;text-align:left;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;padding:16px 0;border-bottom:1px solid var(--color-ink-13);position:relative;transition:color .2s var(--ease);color:var(--color-ink-50)}.pg-how .states button .t{font-size:17px;font-weight:500;letter-spacing:-.01em}.pg-how .states button .d{grid-column:1/-1;font-size:14.5px;color:var(--color-ink-50);max-height:0;overflow:hidden;transition:max-height .4s var(--ease),color .2s}.pg-how .states button .v{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;align-self:center}.pg-how .states button[aria-pressed=true]{color:var(--color-ink)}.pg-how .states button[aria-pressed=true] .d{max-height:80px;color:var(--color-ink-70)}.pg-how .states button:before{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--color-ink);transform:scaleX(0);transform-origin:0 50%}.pg-how .states button.timing[aria-pressed=true]:before{animation:how-timer var(--dur,4s) linear forwards}.pg-how .cyc-note{margin-top:18px;color:var(--color-ink-50);font-size:14px}@media (max-width:900px){.pg-how .cyc-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:480px){.pg-how .cx-r2{flex-wrap:wrap}.pg-how .cx-btn{width:100%}}.pg-how .vs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--color-ink)}.pg-how .vs>div{padding:18px clamp(16px,3vw,48px) 28px 0;display:grid;gap:14px;align-content:start}.pg-how .vs>div+div{border-left:1px solid var(--color-ink-13);padding-left:clamp(16px,3vw,48px);padding-right:0}.pg-how .vs .say{font-family:var(--font-display);font-weight:800;font-size:clamp(38px,5.4vw,88px);line-height:.96;letter-spacing:-.04em}.pg-how .vs .theirs .say{color:var(--color-ink-50)}.pg-how .vs p{color:var(--color-ink-70);font-size:15.5px;max-width:40ch}.pg-how .honest{margin-top:clamp(40px,5vw,72px);border-top:1px solid var(--color-ink)}.pg-how .honest li{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,2fr) minmax(0,6fr);gap:6px clamp(16px,3vw,48px);padding-block:20px;border-bottom:1px solid var(--color-ink-13);align-items:baseline}.pg-how .honest .v{font-size:20px;font-weight:600;letter-spacing:-.015em}.pg-how .honest p{color:var(--color-ink-70);font-size:15.5px}@media (max-width:760px){.pg-how .vs{grid-template-columns:minmax(0,1fr)}.pg-how .vs>div+div{border-left:0;padding-left:0;border-top:1px solid var(--color-ink-13)}.pg-how .honest li{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.pg-how .flash{animation:none}}@keyframes how-flash{0%{background:color-mix(in srgb,var(--color-settled) 12%,transparent)}to{background:transparent}}@keyframes how-timer{to{transform:scaleX(1)}}