:root{--ink:#153d50;--blue:#0096c7;--pink:#148d98;--teal:#087f78;--orange:#ba610c;--muted:#577181;--line:#dbe7ed;--bg:#f3f8fa;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;line-height:1.55;background:var(--bg)}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}a{color:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #df963c;outline-offset:3px}button,select,input{border:1px solid #b8d0dc;border-radius:9px}button{padding:10px 16px;background:white;color:var(--ink);font-weight:650}input,select{padding:11px;background:white;color:var(--ink);max-width:100%}.site-head{position:sticky;z-index:5;top:0;padding:14px 4.5%;display:flex;justify-content:space-between;align-items:center;gap:20px;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:16px;font-weight:800;letter-spacing:.7px}.brand-icon{display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--pink));color:white;font-size:17px;border-radius:12px;width:42px;height:42px}.brand small{display:block;color:var(--muted);font-size:10px;font-weight:550;letter-spacing:.5px}nav{display:flex;gap:23px;font-size:13px;font-weight:700}nav a{text-decoration:none}nav a:hover{color:var(--blue)}main{width:min(1280px,91%);margin:auto}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(28px,3.2vw,44px);line-height:1.13;letter-spacing:-1.5px;margin-bottom:16px}h1 span{color:var(--blue)}h2{font-size:clamp(24px,2.1vw,31px);line-height:1.2;letter-spacing:-.7px;margin-bottom:0}h3{font-size:18px;margin-bottom:14px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.6px;color:var(--pink);margin-bottom:9px}.intro{display:grid;grid-template-columns:1.6fr 1fr;gap:40px;align-items:center;padding:35px 0 18px}.intro p:not(.eyebrow){max-width:630px;color:var(--muted);margin-bottom:0}.scenario-label{background:white;padding:18px;border:1px solid var(--line);border-left:5px solid var(--blue);border-radius:14px;font-size:13px;font-weight:750}.scenario-label select{display:block;width:100%;font-size:15px;font-weight:700;margin:8px 0}.scenario-label small{display:block;color:var(--muted);font-size:11px;font-weight:450}.notice{background:#e6f3f7;border:1px solid #c9e6ee;padding:10px 15px;border-radius:10px;font-size:12px;margin-bottom:30px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:21px}.text-link{font-size:13px;color:var(--blue);font-weight:750;text-decoration:none}.headline-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.metric{border:1px solid transparent;border-radius:15px;padding:18px;text-align:left;width:100%;font-weight:400;transition:transform .16s,box-shadow .16s}.metric:hover{transform:translateY(-2px);box-shadow:0 8px 20px #153d5010}.metric .label{display:block;font-size:12px;font-weight:750}.metric strong{display:block;font-size:clamp(27px,2.7vw,38px);line-height:1.1;letter-spacing:-1px;margin:12px 0 9px}.metric .detail{display:block;font-size:11px;min-height:32px}.metric .drill-hint{display:block;margin-top:10px;font-size:10px;text-transform:uppercase;font-weight:800;letter-spacing:.8px}.tone-teal{background:#e1f3ee;color:#08685f;border-color:#bcded4}.tone-pink{background:#e6f4f7;color:#126084;border-color:#c0e1ef}.tone-orange{background:#fff0e0;color:#854708;border-color:#f3d7b9}.tone-blue{background:#e1f1f8;color:#126084;border-color:#c0e1ef}.tone-navy{background:var(--ink);color:#fff}.plain-note{margin:17px 0 22px;padding:11px 15px;border-left:3px solid var(--blue);background:white;color:var(--muted);font-size:13px}.year-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:23px}.year-card{background:#fff;border:2px solid var(--line);border-radius:14px;padding:18px;text-align:left;position:relative}.year-card[aria-pressed=true]{border-color:var(--blue);background:#f5fcff;box-shadow:0 4px 16px #0096c70e}.year-card .year-label{display:flex;justify-content:space-between;font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.year-card .year-label span{color:var(--blue)}.year-card .year-revenue{display:block;font-size:28px;margin-top:8px;letter-spacing:-.8px}.year-card .year-profit{font-size:16px;font-weight:700;display:block;margin-top:8px}.positive{color:var(--teal)}.negative{color:var(--muted)}.muted{color:var(--muted)}.small{font-size:12px}.panel{background:white;border:1px solid var(--line);border-radius:20px;padding:25px;margin:23px 0}.unit-pill,.example-pill{border-radius:20px;padding:6px 12px;white-space:nowrap;font-size:11px;font-weight:750;background:#edf5f8;color:var(--muted)}.annual-layout{display:grid;grid-template-columns:1fr 1fr;gap:36px}.channel-row{margin:15px 0}.channel-label{display:flex;justify-content:space-between;gap:15px;font-size:13px;margin-bottom:6px}.channel-label strong{font-size:15px}.track{height:12px;border-radius:10px;background:#edf2f5;overflow:hidden}.track span{display:block;height:100%;border-radius:10px;min-width:0}.channel-row button{border:0;background:none;padding:0;text-align:left;width:100%;font-weight:400}.bridge-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:9px 0;font-size:13px}.bridge-row strong{font-size:17px;white-space:nowrap}.bridge-row.total{background:#e9f6f1;border-radius:9px;padding:13px;border:0;font-weight:750}.bridge-row.total.loss{background:#edf5f8}.primary,.secondary{display:inline-block;text-decoration:none;font-size:13px;font-weight:700;border-radius:9px;padding:11px 17px;border:1px solid transparent}.primary{background:var(--blue);color:white}.secondary{background:white;border-color:#bed2dc;color:var(--ink)}.chart-label{font-size:11px;font-weight:700}.chart-label select{display:block;min-width:225px;font-size:12px;margin-top:4px}.month-selector{display:grid;grid-template-columns:120px 1fr;gap:24px;padding:19px;background:#edf7fb;border-radius:14px}.month-badge{background:var(--ink);border-radius:12px;text-align:center;color:white;display:flex;flex-direction:column;justify-content:center;padding:10px}.month-badge small{font-size:9px;letter-spacing:1px}.month-badge strong{font-size:45px;line-height:1.1;margin:6px 0}.month-badge span{font-size:12px}.slider-area label{font-size:12px;font-weight:700}input[type=range]{padding:0;width:100%;height:28px;accent-color:var(--blue);cursor:pointer;margin:13px 0 0}.range-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.month-tools{display:flex;align-items:center;gap:10px;margin-top:14px;flex-wrap:wrap}.month-tools button{font-size:12px;padding:7px 11px}.month-tools input{width:65px;padding:5px}.month-tools #month-error{color:var(--muted);font-size:11px}.monthly-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.monthly-grid .metric{padding:15px}.monthly-grid .metric strong{font-size:29px}.monthly-grid .metric .detail{min-height:0;font-size:10px}.chart-wrap{overflow-x:auto;margin-top:8px}#month-chart{display:block;width:100%;min-width:660px;overflow:visible}#month-chart text{font-family:"Segoe UI",Arial,sans-serif;font-size:11px;fill:var(--muted)}#month-chart .month-bar{cursor:pointer;outline:none}#month-chart .month-bar:hover .month-visible-bar,#month-chart .month-bar:focus .month-visible-bar{stroke:var(--orange);stroke-width:2}#month-chart .chart-bar-selected .month-visible-bar{stroke:var(--ink);stroke-width:2.5}.chart-caption{font-size:11px;color:var(--muted);margin:0}.month-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);margin-top:15px;padding-top:16px}.month-bottom p{font-size:12px;color:var(--muted);margin-bottom:0;max-width:72ch}.month-bottom button{white-space:nowrap}.investor-section{border-radius:20px;padding:28px;background:linear-gradient(130deg,#14394c,#15586b);color:white;margin-top:28px}.investor-section .eyebrow{color:#84dcea}.investor-section .example-pill{background:#ffffff14;color:#d9edf5;border:1px solid #ffffff28}.investor-intro{font-size:14px;color:#d3e8ef;max-width:80ch}.investor-layout{display:grid;grid-template-columns:1fr 1.45fr;gap:25px}.roi-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px}.roi-controls label{font-size:11px;color:#e1f1f5;font-weight:600}.roi-controls label span{font-size:10px;font-weight:400;display:inline-block;color:#b8d7e3}.roi-controls input{display:block;width:100%;margin-top:6px;font-weight:750;font-size:17px}.roi-controls .secondary{font-size:11px;align-self:start}.roi-controls p{margin:0;color:#d9edf5}.roi-results{background:#ffffff12;border:1px solid #ffffff22;border-radius:14px;padding:23px}.roi-kicker{font-size:10px;letter-spacing:1.1px;color:#b9e6ec;font-weight:800}.roi-equation{font-size:33px;line-height:1.25;font-weight:750;letter-spacing:-.8px}.roi-equation span{color:#8beaaf}.roi-equation small{display:block;font-size:11px;font-weight:400;color:#d6e7ef;letter-spacing:0;margin-top:8px}.roi-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid #ffffff2b;margin-top:18px;padding-top:16px}.roi-kpis strong{display:block;font-size:24px}.roi-kpis span{font-size:10px;color:#d2e6ee}.roi-strong{font-size:14px;font-weight:750;margin:18px 0 9px}.roi-results .small{color:#c0dbe7;font-size:11px;margin:0}.sensitivity{margin-top:22px}.sensitivity .section-heading{margin-bottom:10px}.sensitivity h3{margin:0}.sensitivity .small{color:#c0dbe7}.preset-buttons{display:flex;gap:10px;flex-wrap:wrap}.preset-buttons button{background:#ffffff10;color:white;border:1px solid #87b1c5;font-size:12px}.preset-buttons button[aria-pressed=true]{background:#e4f7fc;color:var(--ink);border-color:white}.investor-caution{border-top:1px solid #ffffff2a;padding-top:17px;font-size:12px;color:#f6e0c7;margin:16px 0 0}.source-section{padding:33px 0}.source-section h2{font-size:24px}.download-row{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}details{font-size:12px;border:1px solid var(--line);background:white;border-radius:12px;padding:14px 18px}summary{font-size:13px;font-weight:750;cursor:pointer}details p{max-width:115ch}details li{margin:7px 0}footer{display:flex;justify-content:space-between;gap:15px;padding:18px 4.5%;border-top:1px solid var(--line);font-size:11px;background:#fff}.skip{position:absolute;top:-70px;left:15px;z-index:20;background:white;padding:12px}.skip:focus{top:10px}dialog{border:0;border-radius:18px;width:min(840px,94vw);max-height:90vh;padding:25px;color:var(--ink);box-shadow:0 25px 90px #091f4080}dialog::backdrop{background:#153d50a3;backdrop-filter:blur(3px)}.dialog-header{display:flex;justify-content:space-between;align-items:start;gap:16px}.dialog-header h2{font-size:26px}.dialog-header button{white-space:nowrap;font-size:12px}#detail-body{margin-top:18px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.detail-table{border-collapse:collapse;width:100%;font-size:12px}.detail-table td,.detail-table th{padding:8px 0;border-bottom:1px solid var(--line);text-align:left}.detail-table td:last-child{text-align:right;white-space:nowrap;font-weight:650}.detail-table tr.emphasis td{font-weight:800;color:#fff}.detail-footnote{font-size:11px;color:var(--muted);margin:18px 0 0}.dialog-nav{display:flex;justify-content:space-between;gap:10px;margin-top:20px}.dialog-nav button{font-size:12px}@media(max-width:900px){.intro{grid-template-columns:1fr 1fr;gap:20px}.headline-grid{grid-template-columns:repeat(2,1fr)}.metric strong{font-size:34px}.investor-layout{grid-template-columns:1fr}.monthly-grid{grid-template-columns:repeat(2,1fr)}nav{gap:13px;font-size:12px}.annual-layout{gap:22px}.investor-section .section-heading{align-items:start}.example-pill{white-space:normal}}@media(max-width:620px){html{scroll-padding-top:130px}.site-head{position:sticky;flex-wrap:wrap;padding:10px 4.5%;gap:9px}.brand{font-size:13px}.brand-icon{width:33px;height:33px}.brand small{font-size:9px}nav{width:100%;justify-content:space-between;gap:7px;font-size:10px}main{width:92%}.intro{grid-template-columns:1fr;padding-top:24px;gap:20px}h1{font-size:30px;letter-spacing:-1px}.intro p:not(.eyebrow){font-size:13px}.scenario-label{padding:13px}.notice{font-size:10px;margin-bottom:24px}.section-heading{align-items:start;flex-direction:column;gap:11px}.headline-grid{gap:9px}.metric{padding:13px}.metric strong{font-size:29px}.metric .label{font-size:11px}.metric .detail{font-size:10px}.metric .drill-hint{font-size:9px}.year-grid{grid-template-columns:1fr;gap:8px}.year-card{padding:12px 16px;display:grid;grid-template-columns:1fr 1fr;align-items:center}.year-card .year-label{grid-column:1/-1}.year-card .year-revenue{font-size:24px}.year-card .year-profit{text-align:right;font-size:14px}.panel{padding:18px 14px;border-radius:14px}.annual-layout{grid-template-columns:1fr;gap:12px}.plain-note{font-size:12px}.month-selector{grid-template-columns:70px 1fr;padding:12px;gap:12px}.month-badge strong{font-size:37px}.month-badge small{font-size:7px}.month-badge span{font-size:10px}.slider-area label{font-size:10px}.range-labels{font-size:8px}.month-tools{gap:6px}.month-tools button{font-size:10px;padding:6px}.month-tools input{width:49px;font-size:12px}.monthly-grid{gap:8px}.monthly-grid .metric{padding:12px}.monthly-grid .metric strong{font-size:26px}.month-bottom{flex-direction:column;gap:14px;align-items:start}.chart-label{width:100%}.chart-label select{width:100%}.investor-section{padding:20px 15px;border-radius:14px}.investor-layout{gap:17px}.roi-controls{gap:12px}.roi-results{padding:16px}.roi-equation{font-size:27px}.roi-kpis strong{font-size:21px}.roi-kpis span{font-size:9px}.preset-buttons{gap:8px}.preset-buttons button{font-size:10px;padding:8px}.source-section h2{font-size:23px}.download-row a{width:100%;text-align:center}.detail-grid{grid-template-columns:1fr;gap:14px}dialog{padding:18px}.dialog-header h2{font-size:23px}.dialog-header button{padding:7px;font-size:10px}footer{font-size:10px;flex-wrap:wrap}.unit-pill{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.metric{transition:none}}
/* Source-linked figures and readable investor illustration. */
.headline-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.metric strong{font-size:clamp(23px,2.6vw,34px);line-height:1.18}.metric .label{min-height:36px}.metric .detail{min-height:38px}
.year-revenue small{display:block;font-size:12px;font-weight:500;line-height:1.4}.year-profit{line-height:1.6}
.saved-input{display:flex;flex-direction:column;gap:7px;padding:10px 0;border-bottom:1px solid #d8e4e8}.saved-input span{font-size:13px;line-height:1.4}.saved-input strong{font-size:27px;color:#153d50}.table-scroll{overflow-x:auto}.investor-grid th,.investor-grid td{padding:13px 16px;text-align:center}.investor-grid th:first-child{text-align:left}.roi-kpis strong{font-size:24px}.roi-equation{font-size:clamp(25px,3vw,40px)}
@media(max-width:850px){.headline-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric strong{font-size:25px}}
@media(max-width:540px){.headline-grid{grid-template-columns:1fr}.metric .label,.metric .detail{min-height:0}.roi-kpis{grid-template-columns:1fr}.roi-equation{font-size:28px}}

/* Keep figures readable on the dark investor panel. */
.investor-section .saved-input strong{color:#fff}
/* R4: preserve the existing layout; make growth and investor proceeds legible. */
.headline-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric .label{min-height:0}.metric .detail{min-height:36px}.growth-story{margin-top:27px;padding:22px;background:#f2f8fa;border:1px solid #d7e8ee;border-radius:14px}.growth-story p{font-size:13px;margin-bottom:11px}.growth-story p:last-child{margin-bottom:0}.roi-controls{grid-template-columns:1fr}.roi-fixed{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 15px;padding:0 0 15px;border-bottom:1px solid #ffffff30}.roi-fixed>span{font-size:12px;color:#d9edf5}.roi-fixed strong{font-size:30px;color:#fff}.roi-fixed small{width:100%;font-size:11px;color:#c1dce6}.roi-control{display:block;padding:10px 0 12px;border-bottom:1px solid #ffffff20;position:relative}.roi-controls label{font-size:13px;color:#f0f8fa}.roi-control output{display:block;font-size:27px;font-weight:800;line-height:1.2;margin:7px 0;color:#fff}.roi-controls label span{font-size:11px;color:#d2e6ed}.roi-controls input[type=range]{padding:0;height:28px;accent-color:#66dae0;margin:7px 0 5px}.roi-controls .secondary{width:100%;color:#123d50;background:#eaf7fa;padding:11px;font-size:12px}.roi-results{display:flex;flex-direction:column;justify-content:center}.roi-equation{font-size:clamp(28px,3vw,42px)}.roi-equation span{color:#95edcb}.roi-main{font-size:clamp(45px,5vw,67px);font-weight:800;color:#9cf0d6;letter-spacing:-2px;line-height:1.04;margin:18px 0 7px}.roi-main span{font-size:16px;letter-spacing:0;margin-left:9px;color:white}.roi-results .roi-strong{font-size:17px;line-height:1.5}.roi-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.roi-kpis strong{color:#fff;font-size:clamp(20px,2vw,27px)}.roi-kpis span{color:#dbeaf0;font-size:11px}.roi-results .small{font-size:12px;color:#e0edf2}.investor-grid{font-size:13px;min-width:500px}.investor-grid td,.investor-grid th{border-bottom-color:#ffffff28;white-space:nowrap}.investor-grid td:first-child{text-align:left;white-space:normal}.investor-grid td:not(:first-child){text-align:right}.investor-grid .emphasis td{color:white}.investor-caution{color:#e3edf1;line-height:1.7}.year-profit small{display:block;font-weight:400;font-size:11px}.channel-label{align-items:center}.channel-label>span{font-size:12px;max-width:68%}.channel-label strong{font-size:14px;white-space:nowrap}.channel-row{margin:13px 0}.track{height:9px}.annual-layout{grid-template-columns:1.05fr 1fr}.detail-table td,.detail-table th{padding:10px 7px}.detail-table th{font-size:11px}.detail-table td{font-size:12px}.detail-table.financial-months{min-width:680px}.detail-table.financial-months th:not(:first-child),.detail-table.financial-months td:not(:first-child){text-align:right}.detail-table.financial-months td:first-child button{padding:4px 7px;font-size:11px}.category-package{padding:18px;background:#edf7fb;border-radius:12px;margin:16px 0}.category-package strong{font-size:27px;display:block;margin-top:5px}.category-package p{margin-bottom:0;font-size:13px}.signed-note{font-size:11px;color:#577181;padding:11px 0}.cash-note{font-size:12px;line-height:1.7;background:#edf5f8;border-left:3px solid #bb861e;padding:12px 15px;color:#254e60}.negative{color:#46697b}.bridge-row.total.loss{background:#edf5f8}.roi-return-negative{color:#e1ecf2}.roi-return-negative span{color:#e1ecf2}.intro{padding-bottom:24px}.table-scroll{max-width:100%}.unit-pill{white-space:normal;text-align:right}.investor-grid td:last-child{text-align:right}.roi-result-status{padding:12px;border:1px solid #ffffff30;border-radius:10px;font-size:12px;line-height:1.6;margin-top:18px;color:#e3edf1}.roi-result-status strong{color:#fff}.notice{font-size:12px;line-height:1.7}.year-card .year-profit{font-size:16px}.monthly-grid .metric strong{font-size:clamp(23px,2.2vw,31px)}.monthly-grid .metric .detail{min-height:34px}
@media(max-width:900px){.headline-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.annual-layout{gap:24px}.investor-layout{grid-template-columns:1fr 1.2fr;gap:20px}.roi-kpis{grid-template-columns:1fr}.roi-main{font-size:48px}.roi-equation{font-size:28px}}@media(max-width:700px){.investor-layout,.annual-layout{grid-template-columns:1fr}.headline-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric strong{font-size:25px}.roi-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.roi-main{font-size:52px}.roi-control{padding:8px 0}.roi-controls{gap:8px}.roi-control output{font-size:25px}.roi-equation{font-size:30px}.unit-pill{text-align:left}.metric .detail{min-height:40px}}@media(max-width:420px){.headline-grid{grid-template-columns:1fr}.metric .detail{min-height:0}.monthly-grid .metric strong{font-size:22px}.roi-kpis strong{font-size:21px}.roi-main{font-size:45px}.year-card{grid-template-columns:1fr}.year-card .year-profit{text-align:left}.monthly-grid .metric .detail{min-height:48px}}
