/* Blue identifies the product; green identifies the workbook examples. */
:root{
  --ink:#111;
  --muted:#505965;
  --blue:#164cdb;
  --excel:#107c41;
  --excel-wash:#eaf5ef;
  --excel-line:#bdd6c7;
  --line:#dce3ed;
  --paper:#fff;
  --wash:#f0f6ff;
  --brand-width:200px;
  --heading:Bahnschrift,'Helvetica Neue',Arial,sans-serif;
  --body:'Segoe UI',Tahoma,sans-serif
}
*{box-sizing:border-box}
html{scroll-padding-top:104px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.65}
a{color:inherit;text-decoration:none}
button{font:inherit;touch-action:manipulation}
[hidden]{display:none!important}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
.wrap{width:min(1240px,calc(100% - 80px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:5;background:var(--paper);border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;min-height:80px}
.wordmark{display:inline-flex;align-items:center;flex-shrink:0;min-height:44px;line-height:1}
.wordmark img,.release-mark img{display:block;width:var(--brand-width);max-width:none;height:auto}
.header-inner nav{display:flex;align-items:center;gap:30px;font-size:14px}
.header-inner nav a{display:inline-flex;align-items:center;min-height:44px}
.header-inner nav a:hover,.site-footer a:hover{text-decoration:underline;text-underline-offset:5px}
.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 24px;border:1px solid var(--blue);border-radius:4px;background:var(--blue);color:var(--paper);font-size:15px;font-weight:600;text-align:center;min-height:50px}
.button:hover{background:#1039a6;border-color:#1039a6}
.hero{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:56px;padding-block:76px 100px}
h1,h2,h3{font-family:var(--heading);margin:0;font-weight:600;line-height:1.16;text-wrap:balance}
h1{font-size:clamp(40px,4.2vw,56px);letter-spacing:-1.5px;line-height:1.1}
h1 span{color:var(--blue)}
h2{font-size:32px;letter-spacing:-.7px}
h3{font-size:34px;letter-spacing:-.7px;max-width:360px}
.intro{max-width:360px;margin:26px 0 30px;font-size:18px;color:var(--muted)}
.actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px}
.preview-link{display:inline-flex;align-items:center;gap:12px;padding-block:12px;font-size:15px;font-weight:600;color:var(--excel);min-height:48px}
.preview-link:hover{text-decoration:underline;text-underline-offset:5px}
.hero-note{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:25px 0 0;font-size:12px;color:var(--muted)}
.hero-visual{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:14px;align-items:start;min-width:0;width:100%;max-width:610px;justify-self:end;margin:0;padding:12px 0 0}
.workbook-backdrop{position:absolute;z-index:-1;inset:0 -16px -16px 34%;background:#edf3fc;border-radius:10px}
.sheet-card{grid-column:1/-1;position:relative;overflow:hidden;border:1px solid #b8c7bf;border-top:3px solid var(--excel);border-radius:6px;background:var(--paper)}
.excel-tabs{display:flex;align-items:center;gap:22px;padding:7px 16px 0;background:#f3f7f4;font-size:12px}
.excel-tabs>span{padding:4px 0 7px;white-space:nowrap}
.excel-tabs .active{border-bottom:3px solid var(--excel);font-weight:600;color:var(--excel)}
.ribbon-viewport{overflow:hidden;background:#fafafa;border-bottom:1px solid #d3d8d4}
.ribbon-preview{display:flex;gap:0;padding:8px 6px 4px;line-height:1.3}
.ribbon-group{display:flex;flex-direction:column;justify-content:space-between;padding:0 10px;border-right:1px solid #d4d9d6}
.ribbon-group:last-child{border-right:0}
.ribbon-group-name{font-size:10px;text-align:center;color:#515956;margin-top:6px}
.ribbon-stack{display:flex;flex-direction:column;gap:5px}
.ribbon-stack>span{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:11px}
.ribbon-large{display:flex;align-items:flex-start;gap:10px}
.ribbon-large>span{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:11px;min-width:40px}
.ribbon-large>span>.office-icon{width:24px;height:24px}
.menu-caret{display:inline-block;flex:none;border:3px solid transparent;border-top-color:#4f5752;transform:translateY(2px)}
/* The gallery exports are stored vertically inverted; keep their native pixels and correct display orientation only. */
.office-icon{display:block;flex:none;object-fit:contain;transform:scaleY(-1)}
.formula-bar{display:flex;align-items:center;gap:12px;padding:7px;background:#f8f9f8;border-bottom:1px solid #d3d8d4;font-size:12px}
.formula-bar>span:first-child{min-width:56px;padding:3px 9px;border:1px solid #d3d8d4;background:var(--paper);color:var(--ink)}
.formula-symbol{font-family:var(--heading);font-style:italic;color:var(--excel)}
.formula-bar code{flex:1;padding:3px 9px;border:1px solid #d3d8d4;background:var(--paper);font-family:Consolas,monospace;color:var(--ink);font-size:13px}
.table-scroll{overflow-x:auto}
.model{width:100%;border-collapse:collapse;table-layout:fixed;font-family:Aptos,Calibri,'Segoe UI',sans-serif;font-size:13px;line-height:1.4;font-variant-numeric:tabular-nums}
.model th,.model td{padding:7px 8px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:right;font-weight:400;white-space:nowrap}
.model th:last-child,.model td:last-child{border-right:0}
.model th{color:var(--muted);font-size:11px;text-align:center}
.model thead th{padding-block:5px;background:#f1f3f1}
.model tbody th{background:#f1f3f1}
.model th.selected-heading,.preview-sheet th.selected-heading{background:#d7e9dc;color:#0a6534}
.model th:first-child{width:26px}
.model th:nth-child(2){width:28%}
.model td:nth-child(2){text-align:left;padding-left:12px}
.model .input{color:var(--blue)}
.model .selected{position:relative;outline:2px solid var(--excel);outline-offset:-2px;background:var(--paper)}
.model .selected::after{content:'';position:absolute;bottom:-2px;right:-2px;width:5px;height:5px;background:var(--excel)}
.model .total td{font-weight:600}
.model tr:last-child td,.model tr:last-child th{border-bottom:0}
.years td{color:var(--muted);font-size:12px}
.sheet-bottom{display:flex;gap:4px;border-top:1px solid #d3d8d4;padding:0 12px;background:#f1f3f1;font-size:12px;color:var(--muted)}
.sheet-bottom span{padding:5px 13px}
.sheet-bottom span:first-child{color:var(--excel);font-weight:600;border-bottom:3px solid var(--excel);background:var(--paper)}
.excel-status{display:flex;justify-content:space-between;align-items:center;padding:4px 12px;background:#f7f8f7;border-top:1px solid #dde2de;color:#535c57;font-size:10px}
.zoom-preview{display:flex;align-items:center;gap:10px}
.zoom-preview i{position:relative;width:70px;height:1px;background:#bbc3bd}
.zoom-preview i::after{content:'';position:absolute;left:50%;top:-4px;width:3px;height:9px;background:#687b6f}
.growth-preview{padding:15px 18px;background:var(--excel);color:var(--paper);border:1px solid #0b6232;border-radius:6px}
.growth-preview p{margin:0;font-size:13px}
.growth-preview strong{display:block;margin:3px 0 12px;font-family:var(--heading);font-size:clamp(36px,3.5vw,46px);font-weight:500;line-height:1.2;letter-spacing:-1.5px;font-variant-numeric:tabular-nums}
.growth-options{display:flex;gap:6px}
.growth-options button{flex:1;min-width:0;min-height:44px;padding:7px 3px;border:1px solid #8bbc9f;border-radius:3px;background:transparent;color:var(--paper);font-size:13px;cursor:pointer}
.growth-options button[aria-pressed="true"]{background:var(--paper);border-color:var(--paper);color:var(--excel);font-weight:600}
.growth-options button:hover{border-color:var(--paper)}
.growth-options button:focus-visible{outline-color:var(--paper);outline-offset:3px}
.revenue-visual{position:relative;margin:18px 0 0;padding:14px 16px 8px;background:var(--paper);border:1px solid #a8afb5;border-radius:0;min-width:0}
.revenue-visual::before,.revenue-visual::after{content:'';position:absolute;width:7px;height:7px;border:1px solid #828b92;background:var(--paper)}
.revenue-visual::before{left:-4px;top:-4px}.revenue-visual::after{right:-4px;bottom:-4px}
.revenue-visual p{margin:0 0 7px;font-size:15px;text-align:center;font-weight:400}
.revenue-visual svg{display:block;width:100%;height:auto;overflow:visible}
.chart-rule{fill:none;stroke:#e2e8ef;stroke-width:1}
.chart-bar-first,.chart-bar-second,.chart-bar-third{fill:#4472c4}
.chart-values{font:13px var(--body);fill:var(--ink)}
.chart-years{font:12px var(--body);fill:var(--muted)}
.features{padding-block:10px 64px}
.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:30px;margin-bottom:24px}
.feature-row{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:40px;padding:32px 36px;margin:20px 0 0;background:#edf6ef;border-radius:8px;scroll-margin-top:16px}
.feature-row:nth-of-type(2){background:#edf3fc}
.feature-row:nth-of-type(3){background:#f2f5f6}
.feature-copy,.feature-visual{min-width:0}
.feature-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:20px 0}
.feature-copy p{margin:16px 0 0;max-width:320px;color:var(--muted);font-size:17px}
.feature-visual{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 14px;min-height:0}
.demo,.formula-preview,.preferences-preview{position:relative;width:100%;padding:26px;border:1px solid #b9cdbf;border-radius:5px;background:var(--paper)}
.formatting-stage{padding:24px 12px 20px 30px}
.format-frame{position:absolute;z-index:-1;inset:25px 72px 68px 28px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);border-top:1px solid #c5d8ca;border-left:1px solid #c5d8ca}
.format-frame span{border-right:1px solid #c5d8ca;border-bottom:1px solid #c5d8ca}
.format-frame span:nth-child(6){background:#d5eadc}
.formatting-stage .demo{margin:10px 0 0;max-width:460px;padding:22px}
.demo-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:14px;font-weight:600;margin-bottom:20px}
.demo-heading>span,.demo-heading>div{display:flex;align-items:center;gap:6px}
.cell-address{display:inline-block;font-family:Consolas,monospace;font-size:13px}
.preview-sheet{width:100%;border-collapse:collapse;table-layout:fixed;font-family:Aptos,Calibri,'Segoe UI',sans-serif;font-size:14px;line-height:1.5;font-variant-numeric:tabular-nums}
.preview-sheet th,.preview-sheet td{padding:9px 7px;border:1px solid #d9dedb;text-align:right;font-weight:400;white-space:nowrap}
.preview-sheet th{background:#f1f3f1;font-size:12px;text-align:center;color:#565f58}
.preview-sheet thead th{padding-block:5px}
.preview-sheet th:first-child{width:25px}
.preview-sheet th:nth-child(2){width:36%}
.preview-sheet td:nth-child(2){text-align:left}
.preview-sheet td:last-child{color:var(--blue)}
.preview-sheet .demo-cell{position:relative;outline:2px solid var(--excel);outline-offset:-2px;background:#eaf5ef;transition:background-color 160ms ease}
.demo-cell::after{content:'';position:absolute;right:-3px;bottom:-3px;width:6px;height:6px;background:var(--excel)}
.demo-controls{display:flex;align-items:center;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;margin-top:16px}
#demo-status{margin:0;font-size:13px;color:var(--muted)}
#cycle-button{border:0;padding:10px 0;background:var(--paper);color:var(--excel);cursor:pointer;font-size:14px;font-weight:600;white-space:nowrap;min-height:44px}
#cycle-button span{margin-left:8px}
#cycle-button:hover{text-decoration:underline;text-underline-offset:4px}
.fill-options{display:flex;align-items:center;gap:14px;padding:19px 4px 0;margin-top:12px;border-top:1px solid var(--line)}
.fill-option{width:44px;height:44px;border:1px solid #adc6b7;border-radius:3px;cursor:pointer;padding:0}
.fill-option.pale{background:#eaf5ef}.fill-option.light{background:#d5eadc}.fill-option.soft{background:#b6d8c3}.fill-option.empty{background:var(--paper)}
.fill-option[aria-pressed="true"]{outline:2px solid var(--excel);outline-offset:3px}
.fill-option[aria-pressed="true"]::after{content:'✓';color:var(--excel);font-size:19px}
.fill-option:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.reference-inputs{display:grid;grid-template-columns:1fr 1fr;gap:28px;width:100%;max-width:440px}
.reference-input{background:var(--paper);border:2px solid var(--blue);border-radius:0}
.reference-input:nth-child(2){border-color:var(--excel)}
.reference-input span{display:block;padding:5px 16px;border-bottom:1px solid #dae1dc;background:#f4f6f4;font-family:Consolas,monospace;font-size:13px;color:var(--blue)}
.reference-input:nth-child(2) span{color:var(--excel)}
.reference-input strong{display:block;padding:9px 16px;text-align:right;font-family:var(--body);font-size:26px;font-weight:400;color:var(--ink);line-height:1.4}
.reference-connectors{display:block;width:100%;max-width:440px;height:34px;stroke:var(--excel);stroke-width:1.5}
.reference-connectors circle{fill:var(--excel);stroke:var(--wash);stroke-width:2}
.formula-preview{max-width:440px;padding:22px}
.formula-entry{display:flex;align-items:center;gap:12px;padding:8px;border:1px solid #d4dcd6;background:#f7f8f7}
.formula-entry .cell-address{padding:5px 8px;border:1px solid #d4dcd6;background:var(--paper)}
.formula-entry .formula-symbol{font-size:20px}
.formula-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:22px 0 0;padding:15px 18px;border:2px solid var(--excel);font-size:14px}
.formula-preview-heading strong{font-family:var(--body);font-weight:400;font-size:25px;color:var(--ink)}
#formula-code{display:block;flex:1;min-width:0;padding:6px 8px;text-align:left;background:var(--paper);border:1px solid #d4dcd6;font-family:Consolas,'Courier New',monospace;font-size:22px;line-height:1.3;color:var(--blue);white-space:nowrap}
#formula-code[data-anchored="true"]{background:var(--excel-wash);border-color:var(--excel-line);color:var(--excel)}
.formula-controls{display:flex;align-items:center;justify-content:space-between;gap:8px 16px;margin-top:14px;flex-wrap:wrap}
#formula-status{margin:0;font-size:13px;color:var(--muted)}
#anchor-button{min-height:44px;padding:10px 0;border:0;background:var(--paper);font-size:14px;font-weight:600;color:var(--excel);cursor:pointer}
#anchor-button:hover{text-decoration:underline;text-underline-offset:4px}
.preferences-stage{--scheme:#107c41;--scheme-pale:#eaf5ef;--scheme-light:#d5eadc;--scheme-soft:#b6d8c3;align-items:stretch;padding:16px 0}
.preferences-stage[data-scheme="blue"]{--scheme:#164cdb;--scheme-pale:#e8f0ff;--scheme-light:#cfdeff;--scheme-soft:#a8c4ff}
.preferences-stage .preferences-preview{padding:0;border:1px solid #bfcbd0;border-radius:6px;overflow:hidden;background:#f5f8f9;max-width:560px;margin-inline:auto}
.settings-titlebar{padding:12px 16px;background:#fff;border-bottom:1px solid #d6dfe2;font-size:13px;color:#263d47}
.settings-body{display:grid;grid-template-columns:126px minmax(0,1fr);padding:16px;gap:16px}
.settings-sidebar{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:12px}
.settings-sidebar strong{font-weight:600;padding:2px 8px 8px;font-size:14px}
.settings-sidebar small{padding:7px 8px 3px;color:#647378;font-size:11px}
.settings-sidebar>span{padding:5px 8px;line-height:1.4;white-space:nowrap}
.settings-sidebar .active{background:#dcedf0;color:#24677a;font-weight:600}
.settings-content{min-width:0;padding:17px;background:#fff}
.preferences-title{margin:0 0 22px;font-size:21px;line-height:1.2;font-weight:600;color:#24677a}
.settings-editor{display:grid;grid-template-columns:minmax(0,1fr) 85px;gap:12px}
.scheme-swatches{align-self:start;min-width:0;border:1px solid #d1dade;padding:4px 0}
.scheme-swatches>span{display:flex;align-items:center;gap:8px;padding:9px 8px}
.scheme-swatches>span:first-child{background:#e7f0f3}
.scheme-swatches i{flex:none;width:17px;height:17px;border:1px solid #adbcb3;background:var(--scheme-pale)}
.scheme-swatches>span:nth-child(2) i{background:var(--scheme-light)}
.scheme-swatches>span:nth-child(3) i{background:var(--scheme-soft)}
.scheme-swatches>span:nth-child(4) i{background:var(--paper)}
.scheme-swatches code{font:12px Consolas,monospace;color:#263d47}
.settings-actions{display:flex;flex-direction:column;gap:8px;align-self:start}
.settings-actions span,.settings-footer span{padding:6px 8px;text-align:center;border:1px solid #d1dade;background:#fff;border-radius:2px;font-size:12px;line-height:1.4}
.settings-footer{display:flex;justify-content:flex-end;gap:8px;padding:0 16px 16px}
.settings-footer span{min-width:65px}
.settings-footer .save{border-color:#24677a;color:#24677a}
.scheme-options{display:flex;align-self:flex-end;gap:8px;margin-top:18px}
.scheme-options button{min-width:84px;min-height:44px;padding:8px 16px;border:1px solid #bac8d8;border-radius:3px;background:var(--paper);color:var(--muted);font-size:14px;cursor:pointer}
.scheme-options button[aria-pressed="true"]{border-color:var(--scheme);background:var(--scheme-pale);color:var(--scheme);font-weight:600}
kbd{display:inline-block;padding:3px 7px;border:1px solid #b8c3d1;border-bottom-width:2px;border-radius:3px;background:#f9fafc;font:12px var(--body);color:var(--ink)}
.release{padding-block:0 80px}
.release-panel{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:30px 0;border-block:1px solid var(--line)}
.release-identity{display:flex;align-items:center;gap:16px;min-width:0}
/* Clip the same rendered wordmark instead of scaling a separate SVG surface. */
.release-mark{display:block;overflow:hidden;width:calc(var(--brand-width) * .1909547739);flex-shrink:0}
.release-heading{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.release-heading h2{font-size:27px;letter-spacing:-.3px}
.release-status{font-size:13px;color:var(--blue)}
.release-note{margin:0;font-size:15px;color:var(--muted)}
.faq{display:grid;grid-template-columns:minmax(0,.64fr) minmax(0,1.36fr);gap:64px;padding-block:8px 88px}
.questions{min-width:0}
details{border-bottom:1px solid var(--line)}
summary{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:68px;padding-block:20px;font-size:17px;cursor:pointer;list-style:none;font-weight:600}
summary::-webkit-details-marker{display:none}
summary::after{content:'+';flex:none;font-size:25px;font-weight:400;color:var(--blue);line-height:1}
details[open]>summary::after{content:'−'}
summary:hover{color:var(--blue)}
details p{margin:0 30px 24px 0;max-width:62ch;color:var(--muted);font-size:16px;line-height:1.8}
.site-footer{border-top:1px solid var(--line)}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:36px}
.footer-inner .wordmark{color:var(--ink)}
.footer-meta{display:flex;align-items:center;gap:32px;margin-left:auto;font-size:13px;color:var(--muted)}
.footer-meta a{display:inline-flex;align-items:center;min-height:44px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:fixed;top:12px;left:12px;z-index:10;padding:10px 16px;background:var(--paper);border:1px solid var(--blue);transform:translateY(-150%)}
.skip:focus{transform:translateY(0)}
@media(max-width:1100px){
  .hero{gap:40px}
  .feature-row,.faq{gap:36px}
  .feature-row{padding:28px}
  .feature-visual{padding:18px 8px}
  .formatting-stage{padding:24px 8px 20px 22px}
  .preferences-stage{padding-inline:0}
  .growth-preview{padding-inline:14px}
  .ribbon-extra{display:none}
  .settings-body{grid-template-columns:108px minmax(0,1fr);gap:12px;padding:12px}
  .settings-content{padding:14px}
  .settings-editor{grid-template-columns:minmax(0,1fr) 74px;gap:8px}
  .settings-actions span{padding-inline:4px}
  .settings-sidebar>span{padding-inline:6px}
}
@media(max-width:1000px){
  .hero{grid-template-columns:1fr;gap:44px;padding-block:56px 80px}
  .hero-copy{max-width:620px}
  h1{font-size:54px}
  .intro{max-width:400px}
  .hero-visual{width:min(600px,94%);justify-self:end}
  .feature-row{grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr)}
  h3{font-size:30px}
  .settings-body{grid-template-columns:1fr;padding:14px}
  .settings-sidebar{display:none}
  .settings-content{padding:16px}
  .ribbon-extra{display:flex}
}
@media(max-width:780px){
  .wrap{width:calc(100% - 48px)}
  .feature-row{grid-template-columns:1fr;gap:20px;padding:28px}
  .feature-copy{padding:0}
  .feature-copy p{max-width:440px}
  h3{max-width:none;font-size:32px}
  .feature-visual{padding:16px 8px}
  .formatting-stage{padding:24px 12px 16px 30px}
  .settings-body{grid-template-columns:126px minmax(0,1fr);padding:16px}
  .settings-sidebar{display:flex}
  .faq{grid-template-columns:1fr;gap:24px;padding-bottom:64px}
  .release{padding-bottom:56px}
  .release-panel{flex-direction:column;align-items:flex-start;gap:14px}
}
@media(max-width:560px){
  :root{--brand-width:180px}
  .wrap{width:calc(100% - 40px)}
  .header-inner{gap:14px 20px;flex-wrap:wrap;padding-block:12px;min-height:72px}
  .header-inner nav{gap:18px;font-size:13px}
  .hero{padding-block:40px 64px;gap:38px}
  h1{font-size:clamp(35px,8.2vw,46px);letter-spacing:-1.1px}
  h2,h3{font-size:29px}
  .intro{font-size:17px}
  .actions{gap:10px 20px}
  .button{padding-inline:19px}
  .hero-visual{width:100%;gap:14px;grid-template-columns:1fr}
  .workbook-backdrop{right:-10px;bottom:-10px}
  .excel-tabs{gap:18px;font-size:11px;padding-inline:12px}
  .ribbon-extra{display:none}
  .ribbon-group{padding-inline:8px}
  .ribbon-large{gap:8px}
  .model{font-size:12px}
  .model th,.model td{padding:7px 4px}
  .model th:first-child{width:20px}
  .model td:nth-child(2){padding-left:7px}
  .years td{font-size:11px}
  .sheet-bottom{font-size:11px}
  .growth-preview{display:grid;grid-template-columns:1fr auto;column-gap:12px;align-items:center;padding:16px 18px}
  .growth-preview p{grid-column:1;font-size:14px}
  .growth-preview strong{grid-column:2;grid-row:1;margin:0;font-size:36px;letter-spacing:-.8px}
  .growth-options{grid-column:1/-1;gap:10px;margin-top:14px}
  .growth-options button{font-size:14px}
  .revenue-visual{margin:0 0 0 26px;padding:16px 18px 10px}
  .revenue-visual svg{max-width:320px;margin-inline:auto}
  .features{padding-bottom:28px}
  .section-heading{gap:16px}
  .feature-copy p{font-size:16px}
  .feature-row{padding:24px 18px}
  .feature-visual{padding:12px 0}
  .formatting-stage{padding:18px 0 12px}
  .format-frame{inset:16px 34px 52px 14px}
  .demo,.formula-preview,.formatting-stage .demo{padding:18px}
  .reference-inputs{gap:20px}
  .reference-input strong{font-size:26px}
  .formula-entry{gap:8px}
  #formula-code{font-size:20px}
  .settings-body{grid-template-columns:1fr;padding:12px}
  .settings-sidebar{display:none}
  .footer-inner{flex-wrap:wrap;padding-block:28px;gap:16px}
  .footer-meta{width:100%;margin-left:0;justify-content:space-between;gap:16px;font-size:12px}
}
@media(max-width:440px){
  html{scroll-padding-top:136px}
  .header-inner{gap:4px}
  .header-inner nav{width:100%;justify-content:space-between}
  .excel-tabs{gap:16px;padding-inline:10px}
  .excel-tabs>span:nth-child(4){display:none}
  .ribbon-cells{display:none}
  .growth-preview strong{font-size:34px}
  .revenue-visual{margin-left:0}
  .revenue-visual svg{max-width:280px;margin-inline:auto}
  .chart-values{font-size:15px}
  .chart-years{font-size:14px}
  .demo,.formula-preview{padding:18px}
  .preview-sheet{font-size:12px}
  .preview-sheet th,.preview-sheet td{padding:8px 4px}
  .preview-sheet thead th{padding-block:5px}
  .preview-sheet th:first-child{width:20px}
  .fill-options{gap:8px;padding-inline:0}
  .reference-inputs{gap:14px}
  .reference-input strong{padding-inline:12px;font-size:25px}
  .formula-entry .cell-address{display:none}
  #formula-code{font-size:19px;padding-inline:6px}
  .formula-preview-heading{padding-inline:12px;font-size:13px}
  .settings-body{padding:8px}
  .settings-actions{display:none}
  .settings-editor{grid-template-columns:1fr}
  .settings-content{padding:12px 8px}
  .scheme-swatches>span{gap:5px;padding-inline:5px}
  .scheme-swatches i{width:14px;height:14px}
  .scheme-swatches code{font-size:11px}
  .settings-footer{padding:0 8px 8px;gap:5px;flex-wrap:wrap}
  .settings-footer span{min-width:50px;padding-inline:6px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){
  .preview-sheet .demo-cell{transition:none}
}