.earnings-intro h1{font-size:clamp(38px,4.7vw,68px);max-width:1000px;line-height:1.18}.earnings-intro .eyebrow{margin:44px 0 20px;color:var(--light);font-size:13px;letter-spacing:.12em}.earnings-intro .lead{font-size:21px;max-width:740px;margin:28px 0}.earnings-thesis{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:54px;padding-top:30px;border-top:1px solid var(--line)}.earnings-thesis strong{font-size:clamp(25px,3vw,38px);font-weight:550}.earnings-thesis p{font-size:14px;max-width:380px;margin-top:10px}.payment-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.payment-methods article{border-top:2px solid var(--accent);padding-top:20px}.method-number{font-size:13px;color:var(--light)}.payment-methods h3{margin:14px 0}.payment-methods p+p{margin-top:20px;color:var(--light)}.earnings-note{padding-top:24px;margin-top:30px;border-top:1px solid var(--line);font-size:14px;max-width:960px}.earnings-flow{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:36px 50px}.earnings-flow li{position:relative;border:1px solid #796987;padding:24px;background:var(--panel);border-radius:12px}.earnings-flow li>span{color:var(--light);font-size:13px}.earnings-flow li h3{margin:8px 0}.earnings-flow li:nth-child(3){background:var(--accent);border-color:var(--accent)}.earnings-flow li:nth-child(3) p,.earnings-flow li:nth-child(3)>span{color:white}.earnings-flow li:nth-child(1)::after{content:'→';position:absolute;right:-38px;top:40%;color:var(--light);font-size:24px}.earnings-flow li:nth-child(2)::after{content:'↓';position:absolute;bottom:-36px;left:50%;color:var(--light);font-size:24px}.earnings-flow li:nth-child(3)::before{content:'↙';position:absolute;top:-35px;left:50%;color:var(--light);font-size:24px}.split-explainer{margin:48px 0;padding:32px;background:var(--panel);border-radius:12px}.split-explainer h3{margin-bottom:24px}.split-explainer p{margin-top:20px}.split-explainer .split-bar{max-width:700px}.money-rules{display:grid;gap:30px}.money-rules article{display:grid;grid-template-columns:1fr 2fr;gap:28px}.calculator-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:start}fieldset{border:0;padding:0;margin:0 0 28px;min-width:0}legend{font-size:19px;font-weight:550;border-bottom:1px solid var(--line);width:100%;padding-bottom:12px;margin-bottom:16px}.input-row{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:20px;align-items:center;margin:14px 0}.input-row label{font-size:14px;line-height:1.6}.input-row small{display:block;color:var(--muted);font-size:12px}.input-row input,.input-row select{min-width:0;width:100%;min-height:46px;border-radius:6px;border:1px solid #887994;padding:10px;color:var(--text);background:var(--panel);font:inherit;font-size:15px}.input-row:has(select){grid-template-columns:1fr}.input-row input:focus-visible,.input-row select:focus-visible{outline:3px solid var(--light);outline-offset:3px}[aria-invalid=true]{border-color:#FF9EB4!important}#input-error{color:#FFB8C9;border:1px solid #e892aa;padding:24px;border-radius:8px}.calculation-output{position:static;background:var(--panel);padding:28px;border-radius:12px;min-width:0}.profit-number{display:block;font-size:clamp(32px,3.5vw,52px);font-weight:550;line-height:1.3;margin:16px 0 28px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.negative{color:#FFB8C9}.contribution-bars{list-style:none;padding:0;margin:0}.contribution-bars li{margin:22px 0}.contribution-bars li>div:first-child{display:flex;gap:16px;justify-content:space-between;align-items:start;font-size:13px}.contribution-bars strong{font-size:14px;white-space:nowrap}.bar-track{height:6px;background:#403647;margin-top:10px;border-radius:4px;overflow:hidden}.bar-track span{height:100%;display:block;background:var(--light)}.bar-track span.negative{background:#FF9EB4}.contribution-bars li:last-child .bar-track span{background:#C5BECE}.creator-total{border-top:1px solid #685875;margin-top:30px;padding-top:24px}.creator-total>strong{font-size:32px;display:block;margin:12px 0}.creator-total .small{font-size:12px;line-height:1.8;margin-top:16px}.calculation-details{border-top:1px solid #685875;padding-top:20px;margin-top:24px}.calculation-details summary{min-height:44px;font-size:14px}.calculation-details dl{font-size:13px}.calculation-details dl>div{display:flex;justify-content:space-between;gap:20px;margin:14px 0}.calculation-details dd{margin:0;white-space:nowrap}.reset-example{color:var(--text);background:transparent;cursor:pointer}.reference-lines{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:36px}.reference-lines h3{margin-bottom:16px}.source-links{padding:0;list-style:none;margin:28px 0}.source-links a{color:var(--light);text-decoration:underline;display:inline-flex;min-height:44px;align-items:center;font-size:14px}footer{gap:30px;flex-wrap:wrap}
@media(max-width:1100px){.calculator-layout{gap:26px}.calculation-output{padding:22px}.payment-methods{grid-template-columns:1fr}.money-rules article{grid-template-columns:1fr;gap:12px}}
@media(max-width:900px){.calculator-layout{grid-template-columns:1fr}.calculation-output{position:static}.earnings-intro .lead{font-size:18px}}
@media(max-width:600px){.earnings-thesis,.earnings-flow,.reference-lines{grid-template-columns:1fr}.earnings-flow{gap:30px}.earnings-flow li:nth-child(1)::after,.earnings-flow li:nth-child(2)::after{content:'↓';right:auto;left:50%;top:auto;bottom:-31px}.earnings-flow li:nth-child(3)::before{content:none}.earnings-flow li:nth-child(3)::after{content:'+';position:absolute;bottom:-30px;left:50%;color:var(--light)}.split-explainer{padding:22px}.split-explainer .split-bar span{font-size:13px}.input-row{grid-template-columns:minmax(0,1fr) 105px;gap:14px}.earnings-intro .eyebrow{margin-top:30px}.calculation-output{padding:22px 18px}.contribution-bars li>div:first-child{flex-wrap:wrap}.contribution-bars strong{white-space:normal;overflow-wrap:anywhere}.calculation-details dl>div{flex-wrap:wrap}.calculation-details dd{white-space:normal;overflow-wrap:anywhere}}
.earnings-flow li:nth-child(-n+2){grid-column:1/-1}.earnings-flow li:nth-child(1)::after{content:'↓';right:auto;left:50%;top:auto;bottom:-36px}.earnings-flow li:nth-child(3)::before{content:none}
@media(prefers-reduced-motion:reduce){.bar-track span{transition:none}}
.ad-flow{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:36px 0}.ad-flow li{position:relative;padding:24px;border-top:2px solid var(--accent);background:var(--panel);border-radius:0 0 8px 8px}.ad-flow strong{font-size:21px}.ad-flow p{font-size:14px;margin-top:12px}.ad-flow li:not(:last-child)::after{content:'→';position:absolute;right:-25px;top:40%;color:var(--light)}.earnings-page [data-value]{overflow-wrap:anywhere}
@media(max-width:900px){.ad-flow{grid-template-columns:1fr}.ad-flow li:not(:last-child)::after{content:'↓';right:auto;left:50%;top:auto;bottom:-30px}}
.payment-methods{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:28px}.payment-methods h4{margin:0 0 14px}.split-explainer h4{margin-bottom:24px}.reference-lines h4{margin-bottom:16px}.income-section .earnings-note{font-size:15px}.income-section .token-note{margin:32px 0}.model-assumptions ul{padding-left:22px}
@media(max-width:900px){.payment-methods{grid-template-columns:1fr}}
.work-breakdown{font-size:14px}.work-breakdown>div{display:flex;justify-content:space-between;gap:20px;margin:14px 0}.work-breakdown dd{margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}.calculation-output{position:static}

/* Financial detail follows the document scroll in both expanded and collapsed states. */
.fixed-rule{font-size:15px;font-variant-numeric:tabular-nums;text-align:right}.input-row>span{font-size:14px;line-height:1.6}.calculation-more{margin-top:24px;border-top:1px solid var(--line);padding-top:16px}.calculation-more>summary{min-height:44px;cursor:pointer;font-size:14px;line-height:1.6;padding:10px 0}.calculation-more>summary:focus-visible{outline:3px solid var(--light);outline-offset:4px}.calculation-more:not([open]) .when-open,.calculation-more[open] .when-closed{display:none}.calculation-more .creator-total{margin-top:16px}.calculation-output,.calculation-more{max-height:none;overflow:visible}
/* Investment overview: financial statements, not a stacked dashboard. */
.finance-rules{display:flex;flex-wrap:wrap;gap:14px 28px;border-block:1px solid var(--line);padding:20px 0;margin:30px 0;font-size:14px}.finance-rules strong{margin-left:8px;white-space:nowrap}.finance-headlines{margin:0;display:grid;gap:22px}.finance-headlines>div{border-bottom:1px solid var(--line);padding-bottom:18px}.finance-headlines dt{font-size:14px;color:var(--muted)}.finance-headlines dd{margin:8px 0 0;font-size:clamp(24px,3vw,38px);font-variant-numeric:tabular-nums;line-height:1.3;overflow-wrap:anywhere}.finance-budget{margin-top:52px}.finance-budget dl,.cash-reconciliation{max-width:720px}.finance-budget dl>div,.cash-reconciliation>div,.company-reference dl>div{display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);padding:14px 0;font-size:15px}.finance-budget dd,.cash-reconciliation dd,.company-reference dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.finance-budget dl>div:last-child,.cash-reconciliation>div:last-child{font-weight:650;border-bottom:3px double var(--line)}.finance-chart{margin:50px 0 24px}.finance-chart figcaption p{font-size:15px}.finance-chart #cash-chart{width:100%;margin-top:24px;min-height:300px}.finance-chart svg{display:block;width:100%;max-width:100%;height:auto}.finance-chart text{fill:var(--muted);font:12px Inter,sans-serif}.chart-grid{stroke:var(--line);stroke-width:1}.chart-zero{stroke:#C5BECE;stroke-dasharray:4 4}.chart-operating,.chart-cash{fill:none;stroke-width:2.5;stroke-linejoin:round}.chart-operating{stroke:#F0E8FC;stroke-dasharray:5 4}.chart-cash{stroke:#A78BFA}.chart-dot{fill:#A78BFA}.chart-legend{display:flex;gap:20px;flex-wrap:wrap;font-size:13px}.chart-legend span::before{content:'';display:inline-block;width:26px;margin-right:8px;vertical-align:middle;border-top:3px solid #A78BFA}.chart-legend .legend-operating::before{border-top:3px dashed #F0E8FC}.finance-targets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;border-block:1px solid var(--line);padding:24px 0;margin:28px 0}.finance-targets p{font-size:14px}.finance-targets strong{display:block;font-size:clamp(22px,2.2vw,32px);font-weight:550;margin-top:14px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.financial-plan h4{margin-top:34px}.finance-table-scroll{max-width:100%;overflow-x:auto;overflow-y:visible;overscroll-behavior-x:contain;overscroll-behavior-y:auto;border:1px solid var(--line);border-radius:6px;margin-top:22px;scrollbar-color:#A78BFA #211B2A;scrollbar-width:auto}.finance-table-scroll:focus-visible{outline:3px solid var(--light);outline-offset:4px}.finance-table{width:100%;border-collapse:separate;border-spacing:0;min-width:640px;font-size:14px;line-height:1.5}.finance-table th,.finance-table td{padding:16px 18px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.finance-table th:first-child{text-align:left;white-space:normal}.finance-table thead th{position:sticky;top:0;background:#30273B;color:var(--text);font-size:13px;font-weight:550;z-index:1}.finance-table tbody th{font-weight:400}.finance-table tr:last-child>*{border-bottom:0}.finance-table .subtotal>*{font-weight:650;background:#362A43}.monthly-scroll{max-height:430px;overflow-y:auto}
/* v38: on phones the monthly table must not be a vertical scroller — a finger drag over it swallowed the page scroll on iOS (Yves: #pricing 往下拉不動) */
@media(max-width:760px){.monthly-scroll{max-height:none;overflow-y:visible}}.monthly-scroll .finance-table{min-width:850px}.financial-plan .calculation-more{margin:32px 0}.financial-plan .calculation-more summary,.revenue-options>summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:15px;line-height:1.5}.revenue-options{border-top:1px solid var(--line);margin:22px 0}.revenue-options fieldset{margin-top:20px}.model-assumptions{margin-top:36px}.strategy-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px 48px;margin:34px 0}.strategy-grid article{border-top:1px solid var(--line);padding-top:18px}.strategy-grid h4{margin:12px 0}.strategy-grid p{font-size:16px}.strategy-tests{padding-left:24px}.strategy-tests li{padding:8px 0}.company-reference{border-block:1px solid var(--line);padding:24px 0;margin-top:30px}.company-reference dl{max-width:620px}.company-reference a{color:var(--light)}
@media(max-width:1000px){.finance-targets{grid-template-columns:1fr}.finance-targets>div{display:flex;align-items:center;justify-content:space-between;gap:18px}.finance-targets strong{margin:0;text-align:right}}
@media(max-width:600px){.strategy-grid{grid-template-columns:1fr}.finance-budget dl>div,.cash-reconciliation>div,.company-reference dl>div{flex-wrap:wrap;gap:8px}.finance-budget dd,.cash-reconciliation dd,.company-reference dd{margin-left:auto}.finance-targets>div{display:block}.finance-targets strong{margin-top:8px;text-align:left}.finance-rules{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:13px}.finance-rules strong{display:block;margin:4px 0 0}.finance-table th,.finance-table td{padding:14px 12px}.chart-legend{gap:10px}}

/* v35: chart reading aids */
.chart-axis-title{font-size:11px;fill:var(--muted)}
.chart-mark{fill:var(--bg);stroke:var(--light);stroke-width:2}
.chart-note{font-size:12px;fill:var(--text);paint-order:stroke;stroke:var(--bg);stroke-width:4px;stroke-linejoin:round}
@media(max-width:600px){.chart-note{font-size:11px}}

/* v38: rule chips must wrap on narrow phones */
.finance-rules span{max-width:100%}
@media(max-width:600px){.finance-rules{gap:10px 18px}.finance-rules strong{white-space:normal}}
