:root {
  --paper: #f9f9f7; --card: #fcfcfb; --ink: #0b0b0b; --muted: #52514e; --faint: #898781; --line: #e1e0d9; --axis: #c3c2b7;
  --brand: #0f6e7a; --brand-soft: #e1f0f1; --pos: #2a78d6; --pos-soft: #dde9f8; --neg: #d03b3b; --neg-soft: #fbe3e3;
  --focus: #2563eb; --radius: 14px;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root {
    --paper: #0d0d0d; --card: #1a1a19; --ink: #ffffff; --muted: #c3c2b7; --faint: #898781; --line: #2c2c2a; --axis: #383835;
    --brand: #5ec4cf; --brand-soft: #12302f; --pos: #3987e5; --pos-soft: #172a42; --neg: #e66767; --neg-soft: #3a1b1b;
    color-scheme: dark;
  }
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 17px/1.55 system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
a { color: var(--brand); text-underline-offset: 3px; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }
.wrap { max-width: 1040px; margin: 0 auto; padding: 0 16px; }
.narrow { max-width: 760px; }
header.site { border-bottom: 1px solid var(--line); }
header.site .wrap { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 60px; flex-wrap: wrap; }
.brand { display: inline-flex; align-items: center; gap: 10px; font-weight: 800; font-size: 21px; letter-spacing: -0.02em; color: var(--ink); text-decoration: none; }
.brand svg { width: 30px; height: 30px; }
nav.top { display: flex; gap: 16px; font-size: 15px; flex-wrap: wrap; align-items: center; }
nav.top a { color: var(--muted); text-decoration: none; }
nav.top a:hover, nav.top a[aria-current="page"] { color: var(--ink); }
.lang a[aria-current="true"] { color: var(--ink); font-weight: 700; }
h1 { font-size: clamp(32px, 5.6vw, 52px); line-height: 1.06; letter-spacing: -0.03em; margin: 0 0 14px; }
h2 { font-size: clamp(23px, 3.2vw, 30px); letter-spacing: -0.02em; margin: 0 0 12px; line-height: 1.18; }
h3 { font-size: 18px; margin: 0 0 6px; }
.lead { font-size: 19px; color: var(--muted); max-width: 38em; margin: 0 0 8px; }
.answer { font-size: 18px; max-width: 42em; }
section { padding: 34px 0; }
section + section { border-top: 1px solid var(--line); }
.hero { padding-top: 48px; }
.actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 20px; align-items: center; }
.btn { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 20px; border-radius: 999px; background: var(--brand); color: #fff; font-weight: 700; text-decoration: none; border: 0; font-size: 16px; cursor: pointer; font-family: inherit; }
@media (prefers-color-scheme: dark) { .btn:not(.secondary) { color: #062126; } }
.btn.secondary { background: transparent; color: var(--ink); border: 1.5px solid var(--line); }
.pill { display: inline-flex; align-items: center; min-height: 38px; padding: 0 14px; border-radius: 999px; background: var(--brand-soft); color: var(--brand); font-weight: 700; font-size: 15px; }
.card { background: var(--card); border: 1px solid var(--line); border-radius: 18px; padding: 18px; }
.muted { color: var(--muted); }
.small { font-size: 14px; }
.note { font-size: 14px; color: var(--muted); }
.kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 4px 0 18px; }
@media (max-width: 640px) { .kpis { grid-template-columns: 1fr; } }
.kpi .label { font-size: 13px; color: var(--muted); }
.kpi .value { font-size: 24px; font-weight: 700; letter-spacing: -0.01em; }
.bars { display: grid; gap: 10px; margin: 8px 0 4px; }
.bar { display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 10px; align-items: center; }
.bar .name { font-size: 15px; font-weight: 600; }
.bar .track { position: relative; height: 28px; }
.bar .fill { position: absolute; top: 4px; height: 20px; border-radius: 0 4px 4px 0; background: var(--pos); }
.bar.neg .fill { background: var(--neg); }
.bar.cash .fill { background: var(--faint); }
.bar .ref { position: absolute; top: 0; bottom: 0; width: 0; border-left: 2px solid var(--ink); opacity: .55; }
.bar .val { font-size: 14px; color: var(--muted); grid-column: 2; margin-top: -4px; }
.bar .val strong { color: var(--ink); font-weight: 600; }
.legend { display: flex; flex-wrap: wrap; gap: 14px; font-size: 13px; color: var(--muted); margin: 6px 0 0; }
.legend .key { display: inline-block; width: 12px; height: 12px; border-radius: 3px; vertical-align: -1px; margin-right: 6px; background: var(--pos); }
.legend .key.neg { background: var(--neg); }
.legend .key.cash { background: var(--faint); }
.legend .key.ref { width: 0; height: 14px; border-left: 2px solid var(--ink); border-radius: 0; opacity: .55; }
.diverge .track { height: 28px; }
.diverge .zero { position: absolute; top: 0; bottom: 0; border-left: 1px solid var(--axis); }
.diverge .fill { border-radius: 0 4px 4px 0; }
.diverge .fill.left { border-radius: 4px 0 0 4px; }
.multiples { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 10px; }
@media (max-width: 760px) { .multiples { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 340px) { .multiples { grid-template-columns: 1fr; } }
.mini { background: var(--card); border: 1px solid var(--line); border-radius: 12px; padding: 10px 12px; min-width: 0; }
.mini .t { display: flex; justify-content: space-between; gap: 6px; font-size: 14px; }
.mini .t strong { font-weight: 600; }
.mini svg { display: block; width: 100%; height: 86px; margin-top: 6px; }
.mini .line { fill: none; stroke: var(--pos); stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.mini.neg .line { stroke: var(--neg); }
.mini .area { fill: var(--pos); opacity: .1; }
.mini.neg .area { fill: var(--neg); }
.mini .paid { fill: none; stroke: var(--ink); stroke-width: 1.5; stroke-dasharray: 4 3; opacity: .5; vector-effect: non-scaling-stroke; }
.mini .base { stroke: var(--axis); stroke-width: 1; vector-effect: non-scaling-stroke; }
.mini .ax { display: flex; justify-content: space-between; font-size: 12px; color: var(--faint); }
table { border-collapse: collapse; width: 100%; font-size: 15px; font-variant-numeric: tabular-nums; }
th, td { text-align: left; padding: 8px 10px; border-bottom: 1px solid var(--line); vertical-align: top; }
td.num, th.num { text-align: right; white-space: nowrap; }
.table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 12px; background: var(--card); }
.table-wrap table th, .table-wrap table td { border-bottom: 1px solid var(--line); }
form.calc { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; align-items: end; }
@media (max-width: 760px) { form.calc { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 400px) { form.calc { grid-template-columns: 1fr; } }
form.calc label { display: grid; gap: 4px; font-size: 14px; color: var(--muted); }
form.calc input, form.calc select { font: inherit; font-size: 16px; min-height: 44px; padding: 8px 10px; border-radius: 10px; border: 1px solid var(--line); background: var(--card); color: var(--ink); width: 100%; }
form.calc .check { display: flex; gap: 8px; align-items: center; color: var(--ink); min-height: 44px; }
form.calc .check input { width: 20px; min-height: 20px; }
form.calc .wide { grid-column: 1 / -1; display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }
.prompts { padding-left: 20px; }
.prompts li { margin: 4px 0; }
details { border: 1px solid var(--line); border-radius: 12px; padding: 10px 14px; background: var(--card); margin: 10px 0; }
details summary { cursor: pointer; font-weight: 600; }
.faq h3 { margin-top: 18px; }
.prose { max-width: 760px; }
.prose table { margin: 12px 0; }
.legal { max-width: 760px; padding-top: 32px; padding-bottom: 40px; }
.legal h1 { font-size: 34px; }
.legal h2 { font-size: 22px; margin-top: 28px; }
.legal table { margin: 12px 0; font-size: 14px; }
footer.site { border-top: 1px solid var(--line); padding: 26px 0 40px; color: var(--muted); font-size: 14px; }
footer.site nav { display: flex; gap: 16px; flex-wrap: wrap; margin-bottom: 10px; }
footer.site a { color: var(--muted); }
.disclaimer { font-size: 14px; color: var(--muted); border-left: 3px solid var(--line); padding-left: 12px; margin: 16px 0; }
.err { color: var(--neg); font-weight: 600; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.w0{width:0%}.w1{width:1%}.w2{width:2%}.w3{width:3%}.w4{width:4%}.w5{width:5%}.w6{width:6%}.w7{width:7%}.w8{width:8%}.w9{width:9%}.w10{width:10%}.w11{width:11%}.w12{width:12%}.w13{width:13%}.w14{width:14%}.w15{width:15%}.w16{width:16%}.w17{width:17%}.w18{width:18%}.w19{width:19%}.w20{width:20%}.w21{width:21%}.w22{width:22%}.w23{width:23%}.w24{width:24%}.w25{width:25%}.w26{width:26%}.w27{width:27%}.w28{width:28%}.w29{width:29%}.w30{width:30%}.w31{width:31%}.w32{width:32%}.w33{width:33%}.w34{width:34%}.w35{width:35%}.w36{width:36%}.w37{width:37%}.w38{width:38%}.w39{width:39%}.w40{width:40%}.w41{width:41%}.w42{width:42%}.w43{width:43%}.w44{width:44%}.w45{width:45%}.w46{width:46%}.w47{width:47%}.w48{width:48%}.w49{width:49%}.w50{width:50%}.w51{width:51%}.w52{width:52%}.w53{width:53%}.w54{width:54%}.w55{width:55%}.w56{width:56%}.w57{width:57%}.w58{width:58%}.w59{width:59%}.w60{width:60%}.w61{width:61%}.w62{width:62%}.w63{width:63%}.w64{width:64%}.w65{width:65%}.w66{width:66%}.w67{width:67%}.w68{width:68%}.w69{width:69%}.w70{width:70%}.w71{width:71%}.w72{width:72%}.w73{width:73%}.w74{width:74%}.w75{width:75%}.w76{width:76%}.w77{width:77%}.w78{width:78%}.w79{width:79%}.w80{width:80%}.w81{width:81%}.w82{width:82%}.w83{width:83%}.w84{width:84%}.w85{width:85%}.w86{width:86%}.w87{width:87%}.w88{width:88%}.w89{width:89%}.w90{width:90%}.w91{width:91%}.w92{width:92%}.w93{width:93%}.w94{width:94%}.w95{width:95%}.w96{width:96%}.w97{width:97%}.w98{width:98%}.w99{width:99%}.w100{width:100%}
.at0{left:0%}.at1{left:1%}.at2{left:2%}.at3{left:3%}.at4{left:4%}.at5{left:5%}.at6{left:6%}.at7{left:7%}.at8{left:8%}.at9{left:9%}.at10{left:10%}.at11{left:11%}.at12{left:12%}.at13{left:13%}.at14{left:14%}.at15{left:15%}.at16{left:16%}.at17{left:17%}.at18{left:18%}.at19{left:19%}.at20{left:20%}.at21{left:21%}.at22{left:22%}.at23{left:23%}.at24{left:24%}.at25{left:25%}.at26{left:26%}.at27{left:27%}.at28{left:28%}.at29{left:29%}.at30{left:30%}.at31{left:31%}.at32{left:32%}.at33{left:33%}.at34{left:34%}.at35{left:35%}.at36{left:36%}.at37{left:37%}.at38{left:38%}.at39{left:39%}.at40{left:40%}.at41{left:41%}.at42{left:42%}.at43{left:43%}.at44{left:44%}.at45{left:45%}.at46{left:46%}.at47{left:47%}.at48{left:48%}.at49{left:49%}.at50{left:50%}.at51{left:51%}.at52{left:52%}.at53{left:53%}.at54{left:54%}.at55{left:55%}.at56{left:56%}.at57{left:57%}.at58{left:58%}.at59{left:59%}.at60{left:60%}.at61{left:61%}.at62{left:62%}.at63{left:63%}.at64{left:64%}.at65{left:65%}.at66{left:66%}.at67{left:67%}.at68{left:68%}.at69{left:69%}.at70{left:70%}.at71{left:71%}.at72{left:72%}.at73{left:73%}.at74{left:74%}.at75{left:75%}.at76{left:76%}.at77{left:77%}.at78{left:78%}.at79{left:79%}.at80{left:80%}.at81{left:81%}.at82{left:82%}.at83{left:83%}.at84{left:84%}.at85{left:85%}.at86{left:86%}.at87{left:87%}.at88{left:88%}.at89{left:89%}.at90{left:90%}.at91{left:91%}.at92{left:92%}.at93{left:93%}.at94{left:94%}.at95{left:95%}.at96{left:96%}.at97{left:97%}.at98{left:98%}.at99{left:99%}.at100{left:100%}