

/* Scroll-pinned box. One deep-ink surface, with the product window as the only bright thing in it. */
.fxt{padding-block:clamp(40px,5vw,72px)}
.fxt input{position:absolute;opacity:0;pointer-events:none}
.fxt-pin{position:relative}
.fxt-steps .fxt-pin{position:sticky;top:92px}
.fxt-steps .fxt-track{height:calc(504vh + min(calc(100vh - 112px),720px))}
.fxt-wrap{--fx-ok:#5eead4;--fx-warn:var(--site-fx-warn);--fx-bad:var(--site-fx-bad);position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,8fr);grid-template-rows:auto minmax(0,1fr);gap:clamp(16px,2vw,24px) clamp(24px,3vw,48px);padding:clamp(24px,3vw,40px);height:min(calc(100vh - 112px),720px);box-sizing:border-box;border-radius:var(--ds-radius-xl);border:1px solid var(--ds-ink-line);color:var(--ds-ink-text);background:radial-gradient(90% 70% at 85% 0%,color-mix(in oklch,var(--ds-ink-accent) 20%,transparent),transparent 62%),radial-gradient(70% 60% at 0% 100%,color-mix(in oklch,var(--ds-ink-accent) 9%,transparent),transparent 70%),var(--ds-ink)}
.fxt-head{grid-column:1/-1;text-align:center}
.fxt-head h2{color:var(--ds-ink-text);font-size:clamp(1.6rem,1.2rem + 1.5vw,2.5rem);letter-spacing:-.01em}
.fxt-head h2 em{font-style:normal;background:linear-gradient(90deg,var(--ds-ink-accent),color-mix(in oklch,var(--ds-ink-accent) 55%,white));-webkit-background-clip:text;background-clip:text;color:transparent}
.fxt-head p{margin-top:8px;color:var(--ds-ink-text-2);font-size:.975rem}
.fxt-list{display:flex;flex-direction:column;justify-content:center;min-height:0;position:relative}
.fxt-item{display:block;cursor:pointer;padding:7px 18px;border-inline-start:2px solid var(--ds-ink-line);transition:border-color .2s ease}
.fxt-item h3{font-size:.975rem;font-weight:500;color:color-mix(in oklch,var(--ds-ink-text-2) 72%,transparent);transition:color .2s ease}
.fxt-item a{color:var(--ds-ink-accent)}
.fxt-item p{display:none;margin-top:5px;color:var(--ds-ink-text-2);font-size:.875rem;line-height:1.65}
.fxt-item:hover h3{color:var(--ds-ink-text)}
.fxt-stage{display:flex;align-items:center;min-width:0;min-height:0}
.fxt-panel{display:none;width:100%}
.fxw{display:grid;grid-template-columns:52px minmax(0,1fr);border-radius:var(--ds-radius);overflow:hidden;background-color:var(--ds-ink-2);border:1px solid var(--ds-ink-line);box-shadow:0 40px 80px -30px rgb(0 0 0/.75),inset 0 1px 0 rgb(255 255 255/.06)}
.fxw-rail{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 0;border-inline-end:1px solid var(--ds-ink-line)}
.fxw-rail i{width:26px;height:26px;border-radius:8px;background:rgb(255 255 255/.06)}
.fxw-rail i:first-child{background:color-mix(in oklch,var(--ds-ink-accent) 85%,transparent);box-shadow:0 0 18px -2px var(--ds-ink-accent)}
.fxw-main{min-width:0;padding:18px 20px}
.fxw-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.fxw-top b{display:block;font-size:1.15rem;font-weight:600;color:var(--ds-ink-text)}
.fxw-top small{color:var(--ds-ink-text-2);font-size:.75rem}
.fxw-chips{display:flex;gap:6px}
.fxw-chips span{padding:5px 11px;border:1px solid var(--ds-ink-line);border-radius:var(--ds-radius-xs);font-size:.75rem;color:var(--ds-ink-text-2)}
.fxw-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}
.fxw-kpis div{padding:11px 13px;border:1px solid var(--ds-ink-line);border-radius:var(--ds-radius-sm);background:rgb(255 255 255/.03)}
.fxw-kpis small{display:block;font-size:.72rem;color:var(--ds-ink-text-2)}
.fxw-kpis b{display:block;margin-top:3px;font-size:1.3rem;font-weight:600;color:var(--ds-ink-text);font-variant-numeric:tabular-nums}
.fxw-kpis div:first-child{border-color:color-mix(in oklch,var(--ds-ink-accent) 45%,transparent);background:color-mix(in oklch,var(--ds-ink-accent) 9%,transparent)}
.fxw-kpis div:first-child b{color:var(--ds-ink-accent)}
.fxw .scroll{margin-top:10px}
.fxw .tbl{background:transparent;width:100%}
.fxw .tbl th{background:transparent;color:var(--ds-ink-text-2);font-size:.75rem;font-weight:500;border-color:var(--ds-ink-line);padding:8px 6px}
.fxw .tbl td{background:transparent;color:var(--ds-ink-text);font-size:.85rem;border-color:var(--ds-ink-line);padding:10px 6px;font-variant-numeric:tabular-nums}
.fxw .tbl tbody tr:last-child td{border-bottom:0}
.fxw .badge{background:transparent;padding:0;font-weight:500;font-size:.82rem}
.fxw .badge::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-inline-end:6px;vertical-align:middle}
.fxw .b-ok{color:var(--fx-ok)}.fxw .b-warn{color:var(--fx-warn)}.fxw .b-bad{color:var(--fx-bad)}
@keyframes fxt-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:no-preference){.fxt-panel{animation:fxt-in .28s cubic-bezier(.2,.7,.2,1)}}
#fx1:checked~.fxt-wrap .fxt-item[for=fx1]{border-inline-start-color:var(--ds-ink-accent)}#fx1:checked~.fxt-wrap .fxt-item[for=fx1] h3{color:var(--ds-ink-text);font-weight:600;font-size:1.0625rem}#fx1:checked~.fxt-wrap .fxt-item[for=fx1] p{display:block}#fx1:checked~.fxt-wrap .fxt-p1{display:block}#fx1:focus-visible~.fxt-wrap .fxt-item[for=fx1]{outline:2px solid var(--ds-ink-accent);outline-offset:-2px}.fxt-steps #fx1:checked~.fxt-wrap .fxt-item[for=fx1]{display:block}
#fx2:checked~.fxt-wrap .fxt-item[for=fx2]{border-inline-start-color:var(--ds-ink-accent)}#fx2:checked~.fxt-wrap .fxt-item[for=fx2] h3{color:var(--ds-ink-text);font-weight:600;font-size:1.0625rem}#fx2:checked~.fxt-wrap .fxt-item[for=fx2] p{display:block}#fx2:checked~.fxt-wrap .fxt-p2{display:block}#fx2:focus-visible~.fxt-wrap .fxt-item[for=fx2]{outline:2px solid var(--ds-ink-accent);outline-offset:-2px}.fxt-steps #fx2:checked~.fxt-wrap .fxt-item[for=fx2]{display:block}
#fx3:checked~.fxt-wrap .fxt-item[for=fx3]{border-inline-start-color:var(--ds-ink-accent)}#fx3:checked~.fxt-wrap .fxt-item[for=fx3] h3{color:var(--ds-ink-text);font-weight:600;font-size:1.0625rem}#fx3:checked~.fxt-wrap .fxt-item[for=fx3] p{display:block}#fx3:checked~.fxt-wrap .fxt-p3{display:block}#fx3:focus-visible~.fxt-wrap .fxt-item[for=fx3]{outline:2px solid var(--ds-ink-accent);outline-offset:-2px}.fxt-steps #fx3:checked~.fxt-wrap .fxt-item[for=fx3]{display:block}
#fx4:checked~.fxt-wrap .fxt-item[for=fx4]{border-inline-start-color:var(--ds-ink-accent)}#fx4:checked~.fxt-wrap .fxt-item[for=fx4] h3{color:var(--ds-ink-text);font-weight:600;font-size:1.0625rem}#fx4:checked~.fxt-wrap .fxt-item[for=fx4] p{display:block}#fx4:checked~.fxt-wrap .fxt-p4{display:block}#fx4:focus-visible~.fxt-wrap .fxt-item[for=fx4]{outline:2px solid var(--ds-ink-accent);outline-offset:-2px}.fxt-steps #fx4:checked~.fxt-wrap .fxt-item[for=fx4]{display:block}
#fx5:checked~.fxt-wrap .fxt-item[for=fx5]{border-inline-start-color:var(--ds-ink-accent)}#fx5:checked~.fxt-wrap .fxt-item[for=fx5] h3{color:var(--ds-ink-text);font-weight:600;font-size:1.0625rem}#fx5:checked~.fxt-wrap .fxt-item[for=fx5] p{display:block}#fx5:checked~.fxt-wrap .fxt-p5{display:block}#fx5:focus-visible~.fxt-wrap .fxt-item[for=fx5]{outline:2px solid var(--ds-ink-accent);outline-offset:-2px}.fxt-steps #fx5:checked~.fxt-wrap .fxt-item[for=fx5]{display:block}
#fx6:checked~.fxt-wrap .fxt-item[for=fx6]{border-inline-start-color:var(--ds-ink-accent)}#fx6:checked~.fxt-wrap .fxt-item[for=fx6] h3{color:var(--ds-ink-text);font-weight:600;font-size:1.0625rem}#fx6:checked~.fxt-wrap .fxt-item[for=fx6] p{display:block}#fx6:checked~.fxt-wrap .fxt-p6{display:block}#fx6:focus-visible~.fxt-wrap .fxt-item[for=fx6]{outline:2px solid var(--ds-ink-accent);outline-offset:-2px}.fxt-steps #fx6:checked~.fxt-wrap .fxt-item[for=fx6]{display:block}
#fx7:checked~.fxt-wrap .fxt-item[for=fx7]{border-inline-start-color:var(--ds-ink-accent)}#fx7:checked~.fxt-wrap .fxt-item[for=fx7] h3{color:var(--ds-ink-text);font-weight:600;font-size:1.0625rem}#fx7:checked~.fxt-wrap .fxt-item[for=fx7] p{display:block}#fx7:checked~.fxt-wrap .fxt-p7{display:block}#fx7:focus-visible~.fxt-wrap .fxt-item[for=fx7]{outline:2px solid var(--ds-ink-accent);outline-offset:-2px}.fxt-steps #fx7:checked~.fxt-wrap .fxt-item[for=fx7]{display:block}
#fx8:checked~.fxt-wrap .fxt-item[for=fx8]{border-inline-start-color:var(--ds-ink-accent)}#fx8:checked~.fxt-wrap .fxt-item[for=fx8] h3{color:var(--ds-ink-text);font-weight:600;font-size:1.0625rem}#fx8:checked~.fxt-wrap .fxt-item[for=fx8] p{display:block}#fx8:checked~.fxt-wrap .fxt-p8{display:block}#fx8:focus-visible~.fxt-wrap .fxt-item[for=fx8]{outline:2px solid var(--ds-ink-accent);outline-offset:-2px}.fxt-steps #fx8:checked~.fxt-wrap .fxt-item[for=fx8]{display:block}
#fx9:checked~.fxt-wrap .fxt-item[for=fx9]{border-inline-start-color:var(--ds-ink-accent)}#fx9:checked~.fxt-wrap .fxt-item[for=fx9] h3{color:var(--ds-ink-text);font-weight:600;font-size:1.0625rem}#fx9:checked~.fxt-wrap .fxt-item[for=fx9] p{display:block}#fx9:checked~.fxt-wrap .fxt-p9{display:block}#fx9:focus-visible~.fxt-wrap .fxt-item[for=fx9]{outline:2px solid var(--ds-ink-accent);outline-offset:-2px}.fxt-steps #fx9:checked~.fxt-wrap .fxt-item[for=fx9]{display:block}
#fx10:checked~.fxt-wrap .fxt-item[for=fx10]{border-inline-start-color:var(--ds-ink-accent)}#fx10:checked~.fxt-wrap .fxt-item[for=fx10] h3{color:var(--ds-ink-text);font-weight:600;font-size:1.0625rem}#fx10:checked~.fxt-wrap .fxt-item[for=fx10] p{display:block}#fx10:checked~.fxt-wrap .fxt-p10{display:block}#fx10:focus-visible~.fxt-wrap .fxt-item[for=fx10]{outline:2px solid var(--ds-ink-accent);outline-offset:-2px}.fxt-steps #fx10:checked~.fxt-wrap .fxt-item[for=fx10]{display:block}
#fx11:checked~.fxt-wrap .fxt-item[for=fx11]{border-inline-start-color:var(--ds-ink-accent)}#fx11:checked~.fxt-wrap .fxt-item[for=fx11] h3{color:var(--ds-ink-text);font-weight:600;font-size:1.0625rem}#fx11:checked~.fxt-wrap .fxt-item[for=fx11] p{display:block}#fx11:checked~.fxt-wrap .fxt-p11{display:block}#fx11:focus-visible~.fxt-wrap .fxt-item[for=fx11]{outline:2px solid var(--ds-ink-accent);outline-offset:-2px}.fxt-steps #fx11:checked~.fxt-wrap .fxt-item[for=fx11]{display:block}
#fx12:checked~.fxt-wrap .fxt-item[for=fx12]{border-inline-start-color:var(--ds-ink-accent)}#fx12:checked~.fxt-wrap .fxt-item[for=fx12] h3{color:var(--ds-ink-text);font-weight:600;font-size:1.0625rem}#fx12:checked~.fxt-wrap .fxt-item[for=fx12] p{display:block}#fx12:checked~.fxt-wrap .fxt-p12{display:block}#fx12:focus-visible~.fxt-wrap .fxt-item[for=fx12]{outline:2px solid var(--ds-ink-accent);outline-offset:-2px}.fxt-steps #fx12:checked~.fxt-wrap .fxt-item[for=fx12]{display:block}
@media (max-height:780px){.fxt-head p{display:none}.fxt-item{padding-block:5px}.fxw-kpis b{font-size:1.1rem}.fxw .tbl td{padding-block:7px}}
@media (max-width:1020px){.fxt-wrap{grid-template-columns:minmax(0,1fr);grid-template-rows:none;height:auto;gap:12px;padding:18px}.fxt-stage{order:-1;min-height:330px}.fxt-head{order:-2}.fxw{grid-template-columns:minmax(0,1fr)}.fxw-rail,.fxw-chips{display:none}.fxt-steps .fxt-item{display:none}.fxt-steps .fxt-pin{top:76px}.fxt-steps .fxt-track{height:calc(504vh + 600px)}}
/* Money trail and settlement. White ground on purpose: the ink box above stays the page's one loud moment. */
.fmn{padding-block:clamp(56px,7vw,104px)}
.fmn-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(28px,5vw,72px);align-items:start}
.fmn-grid.flip{grid-template-columns:minmax(0,7fr) minmax(0,4fr)}
.fmn-copy{position:sticky;top:112px}
.fmn-copy h2{font-size:clamp(1.75rem,1.3rem + 1.9vw,3rem);letter-spacing:-.015em;line-height:1.15}
.fmn-copy p{margin-top:14px;color:var(--ds-text-2);line-height:1.8}
.fmn-copy small{display:block;margin-top:14px;color:var(--ds-text-3);font-size:.8125rem}
.fmw{border-top:1px solid var(--ds-border)}
.fmw-row{display:grid;grid-template-columns:minmax(0,10rem) minmax(0,1fr) 6.5rem;gap:16px;align-items:center;padding:15px 0;border-bottom:1px solid var(--ds-border)}
.fmw-row span{font-size:.9375rem;color:var(--ds-text-2)}
.fmw-row b{text-align:end;font-size:1.0625rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ds-text)}
.fmw-track{position:relative;height:14px;border-radius:4px;background-color:var(--ds-surface-2)}
.fmw-track i{position:absolute;inset-block:0;inset-inline-start:var(--at);width:var(--w);border-radius:4px;background:color-mix(in oklch,var(--ds-danger) 62%,white)}
.fmw-row.top .fmw-track i{background-color:var(--ds-text)}
.fmw-row.net{border-bottom:0;padding-top:22px}
.fmw-row.net span{color:var(--ds-text);font-weight:600}
.fmw-row.net .fmw-track i{background-color:var(--ds-accent)}
.fmw-row.net b{font-size:clamp(1.5rem,1.2rem + 1vw,2.25rem);color:var(--ds-accent)}
.fms{border:1px solid var(--ds-border);border-radius:var(--ds-radius);overflow:hidden;box-shadow:0 30px 60px -36px rgb(12 20 19/.32);background-color:var(--ds-surface)}
.fms-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--ds-border)}
.fms-top b{font-weight:600}
.fms-top small{color:var(--ds-text-3);font-size:.75rem}
.fms-sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--ds-border)}
.fms-sum div{padding:14px 18px;border-inline-start:1px solid var(--ds-border)}
.fms-sum div:first-child{border-inline-start:0}
.fms-sum small{display:block;color:var(--ds-text-2);font-size:.78rem}
.fms-sum b{display:block;margin-top:2px;font-size:1.5rem;font-weight:600;font-variant-numeric:tabular-nums}
.fms .tbl{width:100%}
.fms .tbl td,.fms .tbl th{padding-inline:18px;font-variant-numeric:tabular-nums}
.fms tr.diff td{background-color:var(--ds-danger-soft)}
.fms tr.diff td.d{color:var(--ds-danger);font-weight:600}
@media (max-width:1020px){.fmn-grid,.fmn-grid.flip{grid-template-columns:minmax(0,1fr)}.fmn-copy{position:static}.fmn-grid.flip .fmn-copy{order:-1}.fmw-row{grid-template-columns:minmax(0,1fr) auto}.fmw-track{grid-column:1/-1;grid-row:2}}
