@font-face{font-family:'Fragment Mono';src:url('/fonts/fragment-mono-400.woff2') format('woff2');font-weight:400;font-display:swap}

/* Route-local: the publisher header, footer and shared stylesheet stay intact. */
.diff-product{--paper:#f6f8fa;--ink:#232323;--slate:#595959;--blue:#232323;--mist:#dcdedc;--added:#1b6b48;--removed:#a32e2e;--value:#8a5a00;--formula:#5a4a9c;color:var(--ink)}
.diff-product a{color:var(--ink)}
.diff-product a:focus-visible,.diff-product button:focus-visible{outline-color:var(--ink)}
.diff-product .product-intro{padding:36px 0 32px;border:0}
.diff-product .context,.panel-eyebrow{font:11px/1.6 'Fragment Mono',monospace;letter-spacing:.08em;color:var(--slate)}
.diff-product .context{margin-bottom:16px}
.diff-product .product-intro h1{font-size:clamp(36px,4.8vw,64px);letter-spacing:-.065em;max-width:none}
.hero-bottom{display:grid;grid-template-columns:1fr 340px;gap:48px;align-items:center;margin-top:24px}
.diff-product .product-lead{margin:0;font-size:23px;line-height:1.4;letter-spacing:-.65px;color:var(--slate)}
.product-lead strong{font-weight:600;color:var(--ink)}
.diff-product .install-state button,.diff-product .install-state a{display:flex;justify-content:space-between;align-items:center;gap:44px;background:#e9eae8;border:1px solid #929591;color:#4e504d;border-radius:3px;padding:12px 18px;font-size:14px;width:100%;text-decoration:none}
.diff-product .install-state p{font-size:11px;line-height:1.6;margin-top:8px;max-width:none}
.workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:stretch;border:1px solid #c5c8c4;background:#fff;box-shadow:0 16px 40px #2323230a}
.sheet{min-width:0;display:flex;flex-direction:column}
.sheet-title{height:56px;display:flex;align-items:center;gap:12px;padding:0 22px;font-size:14px;border-bottom:1px solid var(--mist)}
.sheet-icon{font-size:27px;line-height:1}
.sample-tag{margin-left:auto;font:10px 'Fragment Mono',monospace;color:var(--slate);border:1px solid var(--mist);padding:4px 7px;letter-spacing:.08em}
.formula-bar{display:flex;align-items:center;height:35px;border-bottom:1px solid var(--mist);font-size:12px;gap:16px}
.formula-bar>span:first-child{border-right:1px solid var(--mist);padding:0 16px;align-self:stretch;display:flex;align-items:center}
.formula-bar>span:nth-child(2){color:var(--slate)}
.diff-product code{font-family:'Fragment Mono',monospace;font-weight:400}
.formula-bar code{font-size:11px}
.sheet-grid{border-collapse:collapse;table-layout:fixed;width:100%;font-size:13px;line-height:1.3;font-variant-numeric:tabular-nums}
.row-number{width:38px}.amount-column{width:35%}.note-column{width:26%}
.sheet-grid td,.sheet-grid th{height:36px;padding:8px 12px;border-right:1px solid #e0e2df;border-bottom:1px solid #e0e2df;text-align:left;font-weight:400}
.sheet-grid thead th,.sheet-grid thead td,.sheet-grid tbody th{background:#f0f1ee;color:var(--slate);text-align:center;font-size:11px;padding-inline:0}
.sheet-grid thead th,.sheet-grid thead td{height:29px}
.sheet-grid .sheet-labels td{font-weight:600;background:#f6f7f4}
.sheet-grid tbody tr:last-child td,.sheet-grid tbody tr:last-child th{border-bottom:0}
.sheet-grid td:last-child{border-right:0}
.sheet-grid td:nth-child(3){text-align:right}
.sheet-grid td.state-added{background:var(--added);color:#fff}
.sheet-grid td.state-removed{background:var(--removed);color:#fff}
.sheet-grid td.state-value{background:var(--value);color:#fff}
.sheet-grid td.state-formula{background:var(--formula);color:#fff}
.sheet-grid code{font-size:11px;white-space:nowrap}
.sheet-tabs{display:flex;align-items:center;gap:22px;padding:12px 16px;border-top:1px solid var(--mist);background:#f7f8f5;font-size:12px;margin-top:auto}
.sheet-tabs strong{border-bottom:2px solid var(--ink);padding-block:3px;font-weight:600}
.sheet-tabs>span:last-child{margin-left:auto;font-size:10px;color:var(--slate)}
.extension-panel{border-left:1px solid #c5c8c4;background:#fafbf9}
.panel-brand{display:flex;align-items:center;gap:9px;height:56px;padding:0 20px;border-bottom:1px solid var(--mist);font-size:12px;font-weight:600;letter-spacing:-.2px}
.panel-brand>span{font-size:21px}
.panel-content{padding:20px}
.panel-content h3{font-size:21px;letter-spacing:-.8px;margin-top:9px}
.panel-range{font-size:11px;line-height:1.7;color:var(--slate);margin-top:12px}
.change-count{display:flex;align-items:center;gap:14px;margin:16px 0;padding-block:12px;border-block:1px solid var(--mist)}
.change-count>strong{font-size:40px;line-height:1;letter-spacing:-2px}
.change-count>span{font-size:11px;line-height:1.5;color:var(--slate)}
.panel-changes{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.panel-changes li{display:flex;align-items:start;gap:9px;font-size:11px}
.panel-changes li>.state-dot{margin-top:3px}
.panel-changes strong{font-size:11px;font-weight:600}
.panel-changes strong span{font-weight:400;margin-left:8px;color:var(--slate)}
.panel-changes p{font-size:11px;margin-top:3px;color:var(--slate);line-height:1.65}
.panel-changes code{font-size:10px}
.panel-footnote{font-size:10px;color:var(--slate);border-top:1px solid var(--mist);padding-top:14px;margin-top:18px}
.state-dot{display:inline-block;flex:0 0 9px;width:9px;height:9px;border-radius:1px}
.added-dot{background:var(--added)}.removed-dot{background:var(--removed)}.value-dot{background:var(--value)}.formula-dot{background:var(--formula)}
.diff-demo figcaption{padding-top:18px;display:flex;align-items:start;justify-content:space-between;gap:20px}
.diff-legend{display:flex;flex-wrap:wrap;gap:10px 20px;list-style:none;padding:0;margin:0;font-size:11px;line-height:1.5}
.diff-legend li{display:flex;align-items:center;gap:6px}
.diff-demo figcaption>p{font-size:10px;color:var(--slate);max-width:36ch}
.demo-summary{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:64px 0}
.demo-summary>p{font-size:32px;line-height:1.25;letter-spacing:-1.3px}
.demo-summary>p strong{font-weight:600}
.demo-summary>div>p{font-size:16px;color:var(--slate)}
.demo-summary .demo-privacy{font-size:12px;margin-top:16px}
.diff-product .journey-nav{margin-top:18px}
.diff-product .journey-nav a{font-size:12px}
.diff-product .journey-section{padding-block:64px}
.diff-product .workflow-steps li{border-top:1px solid var(--ink)}
.diff-product .workflow-steps li::before{font-family:'Fragment Mono',monospace;font-size:12px}
.diff-product .section-intro h2{font-size:34px;letter-spacing:-1.3px}
.diff-product .plans-table td:last-child{background:#fff}
.diff-product .plans-table thead th{background:#e9eae8}
.diff-product .capability-list>div{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}
.diff-product .capability-list dt{font-size:16px}
@media(min-width:1500px){.diff-product .product-intro{padding-top:48px}.diff-product .product-intro h1{font-size:66px}}
@media(max-width:1000px){.hero-bottom{grid-template-columns:1fr 280px;gap:24px}.workspace{grid-template-columns:minmax(0,1fr) 260px}.panel-content{padding:16px}.panel-brand{padding-inline:16px}.sheet-grid td{padding-inline:8px}.note-column{width:0}.sheet-grid td:last-child,.sheet-grid thead th:last-child{display:none}.amount-column{width:48%}.sheet-tabs>span:last-child{display:none}.diff-demo figcaption{flex-direction:column;gap:12px}.diff-demo figcaption>p{max-width:none}.demo-summary{gap:32px}}
@media(max-width:700px){.diff-product .product-intro{padding:24px 0}.diff-product .product-intro h1{font-size:39px;max-width:9em}.diff-product .context{font-size:10px;margin-bottom:12px}.hero-bottom{grid-template-columns:1fr;gap:20px;margin-top:18px}.diff-product .product-lead{font-size:19px}.diff-product .install-state{max-width:360px}.diff-product .install-state p{font-size:10px}.workspace{grid-template-columns:1fr}.sheet-title{padding-inline:14px;height:48px}.sheet-grid td,.sheet-grid th{height:35px}.sheet-grid td{font-size:12px}.sheet-grid code{font-size:10px}.extension-panel{border-left:0;border-top:1px solid #c5c8c4}.panel-brand{height:46px}.panel-content{padding:20px}.panel-content h3{font-size:23px}.panel-changes{grid-template-columns:1fr 1fr;gap:18px 10px}.panel-changes strong span{display:block;margin:2px 0 0}.change-count{margin-block:14px}.panel-footnote{font-size:11px}.diff-legend{gap:10px 14px;font-size:10px}.demo-summary{grid-template-columns:1fr;gap:24px;padding-block:40px}.demo-summary>p{font-size:29px}.diff-product .journey-section{padding-block:40px}.diff-product .section-intro h2{font-size:29px}.diff-product .capability-list>div{grid-template-columns:1fr}.diff-product .plans-table th:first-child{overflow-wrap:break-word}.diff-product .plan-price strong{font-size:21px}.diff-product .plan-price strong span{font-size:11px}}