.finance-story{background:#281e40;color:#fffefa;padding-block:60px 38px;scroll-margin-top:20px}
.finance-story-heading{display:grid;grid-template-columns:1.15fr 1fr;align-items:end;gap:70px;margin-bottom:30px}
.product-world .finance-story h2{font-size:clamp(34px,3.6vw,50px);line-height:1.12;letter-spacing:-.035em;color:#fffefa}
.finance-story h2 span{color:#d6bef7}
.finance-story-heading>p{font-size:15px;line-height:1.8;color:#d9cee9;max-width:420px;padding-bottom:4px}
.finance-report{background:#fffefa;color:#30243f;border-radius:14px;overflow:hidden}
.finance-report-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 28px 18px}
.finance-report-top>div{display:flex;align-items:center;gap:11px;flex-wrap:wrap}
.finance-report-top h3{font-size:15px;font-weight:700;letter-spacing:-.015em}
.finance-report-mark{display:inline-flex;color:#7047e8}
.finance-report-mark svg{width:19px;height:19px}
.finance-example-label{font-size:10px;color:#61536f;padding:4px 8px;border:1px solid #e6dff0;border-radius:4px}
.finance-report-top>p{font-size:11px;color:#6a5b77;white-space:nowrap}
.finance-tabs{display:flex;gap:24px;padding-inline:28px;border-bottom:1px solid #e9e3ee}
.finance-tabs button{position:relative;min-height:47px;padding:9px 0 13px;border:0;background:none;color:#6a5b77;font-size:12px;white-space:nowrap}
.finance-tabs button[aria-selected=true]{color:#5935c3;font-weight:700}
.finance-tabs button[aria-selected=true]:after{content:'';height:2px;background:#7047e8;position:absolute;bottom:-1px;inset-inline:0}
.finance-tabs button:hover{color:#5935c3}
.finance-report :focus-visible{outline:2px solid #7047e8;outline-offset:4px}
.finance-view{padding:30px 28px;min-height:372px;font-variant-numeric:tabular-nums}
.finance-view h3{font-size:15px;font-weight:700;line-height:1.5;letter-spacing:-.015em}
.finance-period{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px}
.finance-result{padding-right:40px;border-right:1px solid #e9e3ee}
.finance-ledger{margin-top:25px}
.finance-ledger>div{display:flex;justify-content:space-between;align-items:baseline;gap:15px;padding-block:14px;border-bottom:1px solid #e9e3ee}
.finance-ledger dt{font-size:12px;color:#685973;max-width:150px;line-height:1.6}
.finance-ledger dd{font-size:19px;font-weight:650;white-space:nowrap;letter-spacing:-.02em}
.finance-ledger .finance-ledger-total{align-items:center;border-bottom:0;padding-block:24px 16px}
.finance-ledger-total dt{color:#30243f;font-weight:650}
.finance-ledger-total dd{font-size:29px;color:#5935c3;font-weight:750}
.finance-footnote{font-size:11px;line-height:1.75;color:#6a5b77;max-width:68ch;margin-top:18px}
.finance-costs-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}
.finance-costs-heading h3{font-size:13px}
.finance-costs-heading>span{font-size:13px;font-weight:700;white-space:nowrap}
.finance-cost-bar{height:36px;display:flex;gap:3px;margin-block:8px 4px}
.finance-cost-segment{position:relative;flex-basis:0;min-width:0;min-height:36px;padding:0;border:0;background:none;transition:opacity 160ms ease}
.finance-cost-segment:before{content:'';position:absolute;inset:10px 0;background:var(--cost-color);transition:transform 160ms ease}
.finance-cost-segment:first-child:before{border-radius:3px 0 0 3px}.finance-cost-segment:last-child:before{border-radius:0 3px 3px 0}
.finance-report .purchases{--cost-color:#7047e8}.finance-report .payroll{--cost-color:#ab8eda}.finance-report .couriers{--cost-color:#a6bbce}.finance-report .other{--cost-color:#dcc6a0}
.finance-costs[data-active-cost] .finance-cost-segment:not([data-highlighted]){opacity:.3}
.finance-cost-segment[data-highlighted]:before{transform:scaleY(1.45)}
.finance-costs ul{list-style:none;padding:0;margin:0}
.finance-costs li{border-bottom:1px solid #eee9f2}
.finance-costs li:last-child{border:0}
.finance-cost-row{display:flex;align-items:center;gap:10px;width:100%;padding:13px 8px;border:0;border-radius:6px;background:none;color:inherit;text-align:left;transition:background-color 160ms ease}
.finance-costs li[data-highlighted] .finance-cost-row{background:color-mix(in srgb,var(--cost-color) 11%,#fffefa)}
.finance-cost-dot{width:7px;height:7px;flex-shrink:0;border-radius:2px;background:var(--cost-color)}
.finance-cost-description{min-width:0}
.finance-costs b{display:block;font-size:12px;font-weight:600}
.finance-costs small{display:block;color:#6a5b77;font-size:10px;margin-top:3px;line-height:1.55}
.finance-costs strong{font-size:13px;white-space:nowrap;margin-left:auto;padding-left:10px}
.finance-view-heading{margin-bottom:25px}
.finance-view-heading>p{margin-top:5px;font-size:11px;color:#6a5b77;line-height:1.7}
.finance-table-scroll{overflow:auto;scrollbar-color:#aa96cc #f2edf8;scrollbar-width:thin}
.finance-scroll-hint{display:none}
.finance-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;line-height:1.6}
.finance-table th,.finance-table td{padding:17px 14px;border-bottom:1px solid #e9e3ee}
.finance-table th:first-child,.finance-table td:first-child{padding-left:0}
.finance-table th:last-child,.finance-table td:last-child{padding-right:0}
.finance-table thead th{color:#6a5b77;font-size:10px;font-weight:500;padding-top:0;vertical-align:bottom}
.finance-table thead th:not(:first-child),.finance-table td{text-align:right}
.finance-table td{white-space:nowrap}
.finance-table tbody th{font-weight:600}
.finance-table tfoot th,.finance-table tfoot td{border:0;font-weight:700;padding-top:21px}
.finance-income{color:#5935c3;font-weight:700}
.finance-products tbody tr:last-child th,.finance-products tbody tr:last-child td{border-bottom:0}
.finance-missing{color:#76667f;font-size:11px;font-weight:400}
.finance-story-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:23px}
.finance-story-bottom>p{font-size:11px;color:#d9cee9;line-height:1.6}
.finance-story-bottom>a{display:inline-flex;align-items:center;gap:14px;font-size:12px;color:#eee4fc;min-height:44px}
.finance-story-bottom svg{width:16px;height:16px}
.finance-story-bottom>a:hover{color:#fffefa}
.finance-report-scene{position:relative;margin-top:48px;margin-bottom:35px}
.finance-courier{position:absolute;left:-32px;top:-49.78px;width:64px;height:49.78px;transform-origin:50% 100%;pointer-events:none;z-index:3;--courier-state:paused}
.finance-courier svg{display:block;width:100%;height:100%;overflow:visible}
.courier-wheel{animation:courier-wheel-turn 750ms linear infinite;animation-play-state:var(--courier-state)}
.courier-wheel-back{transform-origin:14px 46px}.courier-wheel-front{transform-origin:58px 46px}
.courier-pedal{transform-origin:36px 45px;animation:courier-wheel-turn 1100ms linear infinite;animation-play-state:var(--courier-state)}
@keyframes courier-wheel-turn{to{transform:rotate(360deg)}}
.finance-story-hint{display:flex;align-items:center;gap:19px;flex-wrap:wrap}
.finance-story-hint>p{font-size:11px;color:#d9cee9;line-height:1.6}
.finance-courier-control{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:6px 9px;border:1px solid rgb(214 190 247 / .25);border-radius:6px;color:#d9cee9;background:none;font-size:10px}
.finance-courier-control svg{width:14px;height:14px}
.finance-courier-control[hidden]{display:none}
.finance-courier-control:focus-visible{outline:2px solid #d6bef7;outline-offset:3px}
@media(hover:hover) and (pointer:fine){.finance-courier-control:hover{background:rgb(214 190 247 / .1);color:#fffefa}}
@media(prefers-reduced-motion:reduce){.courier-wheel,.courier-pedal{animation:none}.finance-cost-segment:before{transition:none;transform:none!important}}
.product-world[data-motion=reduced] .courier-wheel,.product-world[data-motion=reduced] .courier-pedal{animation:none}
.product-world[data-motion=reduced] .finance-cost-segment:before{transition:none;transform:none}
@media(max-width:940px){
  .finance-story-heading{gap:35px}
  .finance-period{gap:25px;grid-template-columns:.9fr 1.1fr}
  .finance-result{padding-right:24px}
  .finance-ledger dd{font-size:17px}.finance-ledger-total dd{font-size:25px}
  .finance-costs small{max-width:190px}
  .finance-costs-heading{align-items:start}.finance-costs-heading h3{max-width:180px}
  .finance-products{min-width:660px}
}
@media(max-width:640px){
  .finance-story{padding-block:55px 38px}
  .finance-story-heading{grid-template-columns:1fr;gap:19px;margin-bottom:28px}
  .product-world .finance-story h2{font-size:36px}
  .finance-story-heading>p{font-size:13px;line-height:1.8}
  .finance-report-top{padding:20px 18px 12px;align-items:start;gap:12px;flex-direction:column}
  .finance-report-top h3{font-size:13px}.finance-report-top>div{gap:9px}
  .finance-example-label{font-size:9px}
  .finance-report-top>p{padding-left:28px;font-size:10px}
  .finance-tabs{padding-inline:18px;gap:20px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
  .finance-tabs button{font-size:11px;min-height:47px}
  .finance-view{padding:24px 18px;min-height:0}
  .finance-view h3{font-size:13px}
  .finance-period{grid-template-columns:1fr;gap:26px}
  .finance-result{padding:0 0 24px;border-right:0;border-bottom:1px solid #e9e3ee}
  .finance-ledger{margin-top:14px}
  .finance-ledger dd{font-size:19px}.finance-ledger-total dd{font-size:27px}
  .finance-ledger dt{font-size:11px;max-width:125px}
  .finance-footnote{font-size:10px;margin-top:12px}
  .finance-costs-heading h3{max-width:190px}
  .finance-costs small{max-width:190px;font-size:9px}
  .finance-costs strong{font-size:12px;padding-left:4px}
  .finance-table{min-width:555px;font-size:11px}.finance-products{min-width:660px}
  .finance-table th,.finance-table td{padding:15px 12px}
  .finance-table th:first-child{position:sticky;left:0;background:#fffefa;z-index:1;width:145px;min-width:145px;padding-right:15px}
  .finance-scroll-hint{display:flex;align-items:center;gap:10px;margin-top:11px;color:#6a5b77;font-size:10px}
  .finance-scroll-hint svg{width:14px;height:14px}
  .finance-story-bottom{align-items:start;flex-direction:column;gap:8px;margin-top:17px}
  .finance-report-scene{margin-top:34px;margin-bottom:25px}
  .finance-courier{width:36px;height:28px;left:-18px;top:-28px}
  .finance-story-hint{gap:12px}
}
@media(max-width:360px){
  .product-world .finance-story h2{font-size:31px}
  .finance-tabs{gap:15px}.finance-tabs button{font-size:10px}
  .finance-report-top h3{font-size:12px}.finance-report-mark{display:none}
  .finance-report-top>p{padding-left:0}
  .finance-ledger-total dd{font-size:24px}
  .finance-costs small{max-width:140px}
}