:root{color-scheme:light;--paper:#fff;--surface:#fff;--ink:#292d36;--muted:#646c79;--line:#e5e7ec;--link:#315ccf;--tint:#f5f7fa;--accent:#315ccf;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}a{color:var(--link);text-underline-offset:3px}a:hover{color:#2447a3}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #315ccf;outline-offset:4px}.skip{position:absolute;top:-80px;left:20px;background:white;padding:14px;z-index:5}.skip:focus{top:8px}
.topbar{height:80px;border-bottom:1px solid var(--line);background:var(--paper)}.nav-inner{max-width:1320px;margin:auto;height:100%;padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-weight:750;font-size:16px;letter-spacing:-.4px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;color:white;background:var(--ink);font-family:Georgia,serif;font-size:23px;border-radius:7px}.nav-right{display:flex;align-items:center;gap:24px;font-size:13px}.nav-right a{text-decoration:none}.preview-tag{color:var(--muted);font-family:ui-monospace,Consolas,monospace;font-size:11px;border:1px solid var(--line);padding:6px 9px;border-radius:3px}
.page-head{max-width:1320px;margin:auto;padding:64px 40px 44px}.eyebrow{text-transform:uppercase;letter-spacing:1.8px;font-size:11px;font-weight:750;color:var(--link);margin:0 0 22px}.page-head h1{max-width:950px;font:normal clamp(35px,4.1vw,60px)/1.07 Georgia,"Times New Roman",serif;letter-spacing:-1.8px;margin:0 0 22px}.dek{max-width:740px;color:var(--muted);line-height:1.65;font-size:17px;margin:0 0 24px}.meta{display:flex;flex-wrap:wrap;gap:12px 26px;align-items:center;font-size:12px;color:var(--muted)}.verified{display:inline-flex;align-items:center;gap:7px}.verified:before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:var(--link)}
.reading-grid{max-width:1320px;margin:auto;padding:0 40px 80px;display:grid;grid-template-columns:226px minmax(0,1fr);gap:60px;align-items:start}.toc{position:sticky;top:28px;padding-top:25px;border-top:1px solid var(--line)}.toc-label{text-transform:uppercase;letter-spacing:1.3px;font-size:10px;font-weight:750;margin:0 0 18px;color:var(--muted)}.toc nav{display:flex;flex-direction:column;gap:13px}.toc nav a{font-size:12px;line-height:1.5;text-decoration:none;color:var(--muted);display:flex;gap:10px}.toc nav a:hover{color:var(--link)}.toc nav a span{font-family:ui-monospace,monospace;font-size:10px;opacity:.65;padding-top:2px}.related{margin-top:30px;border-top:1px solid var(--line);padding-top:22px;font-size:12px;line-height:1.7}.related a{display:block;font-weight:600;margin-top:8px}
.article{min-width:0;padding:34px 42px 48px;background:white;border:1px solid var(--line);border-radius:4px;font-size:16px;line-height:1.8}.article>p:first-child{font-size:18px;line-height:1.65;background:var(--tint);border-left:3px solid var(--link);padding:23px 25px;margin:0 0 25px}.article p{margin:0 0 22px}.article h2{font-size:25px;line-height:1.28;letter-spacing:-.65px;margin:46px 0 18px;scroll-margin-top:28px}.article h3{font-size:18px;line-height:1.4;margin:28px 0 12px}.article strong{font-weight:650}.article li{margin-bottom:9px}.article code{font-family:"Cascadia Code",Consolas,monospace;font-size:.82em;overflow-wrap:anywhere;background:#f2f3f6;padding:2px 5px;border-radius:3px}.article pre{background:#292d36;color:#edf0f6;padding:22px;border-radius:4px;overflow-x:auto;line-height:1.65}.article pre code{background:none;color:inherit;padding:0;overflow-wrap:normal}.table-scroll{overflow-x:auto;margin:22px 0 27px;border:1px solid var(--line);border-radius:4px}table{border-collapse:collapse;width:100%;font-size:12px;line-height:1.65}th,td{text-align:left;padding:13px 15px;vertical-align:top;border-bottom:1px solid var(--line);min-width:100px}th{background:#f6f7fa;font-size:11px;font-weight:700;color:#515967}tr:last-child td{border-bottom:0}td[align=right],th[align=right]{white-space:nowrap}table code{font-size:11px}
.calculator{padding:25px;background:var(--tint);border:1px solid #dce1e9;border-radius:5px;margin:28px 0}.calculator .calc-kicker{margin:0 0 10px;font-size:10px;font-weight:750;letter-spacing:1.2px;color:var(--link);text-transform:uppercase}.calculator h3{font-size:23px;letter-spacing:-.5px;margin:0 0 6px}.calculator .calc-model{font-size:12px;margin:0 0 19px;color:var(--muted)}.presets{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}.presets button{font-size:11px;border:1px solid #d5dbe5;color:var(--link);background:transparent;padding:7px 10px;border-radius:3px}.presets button:hover{background:#e9eef9}.calc-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.calc-inputs label{font-size:11px;font-weight:650;display:flex;flex-direction:column;gap:6px;line-height:1.5}.calc-inputs input{width:100%;min-width:0}.calc-results{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 12px}.result{padding:17px;background:white;border:1px solid #dce1e9;border-radius:4px}.result-title{display:block;font-size:11px;font-weight:650;color:var(--muted);line-height:1.5}.result output{display:block;font-family:ui-monospace,Consolas,monospace;font-size:30px;letter-spacing:-1.5px;font-weight:600;margin:5px 0 4px;line-height:1.4}.result small{display:block;font-size:10px;line-height:1.6;color:var(--muted)}.calculator .calc-note{font-size:11px;line-height:1.65;margin:0;color:var(--muted)}.calculator .calc-error{font-size:12px;color:#9c3722;margin:10px 0 0}.calculator .calc-error:empty{display:none}
.site-footer{border-top:1px solid var(--line);max-width:1240px;margin:auto;padding:26px 0 38px;display:flex;justify-content:space-between;gap:24px;font-size:11px;color:var(--muted)}.site-footer a{text-decoration:none}.hub{max-width:1100px;margin:auto;padding:75px 40px 100px}.hub h1{font:normal clamp(42px,5vw,66px)/1.1 Georgia,serif;letter-spacing:-2px;margin:0 0 25px}.hub .intro{max-width:630px;font-size:18px;line-height:1.7;color:var(--muted);margin-bottom:55px}.comparison-row{display:grid;grid-template-columns:65px 1fr 45px;gap:16px;border-top:1px solid var(--line);padding:30px 0;align-items:center;text-decoration:none;color:var(--ink)}.comparison-row:last-child{border-bottom:1px solid var(--line)}.row-number{font:18px ui-monospace,monospace;color:var(--muted)}.comparison-row h2{font:normal 30px/1.2 Georgia,serif;letter-spacing:-.6px;margin:0 0 10px}.comparison-row p{margin:0;color:var(--muted);font-size:13px;line-height:1.7;max-width:650px}.row-arrow{font-size:28px;transition:transform .2s}.comparison-row:hover .row-arrow{transform:translateX(6px)}.hub-note{margin-top:32px;color:var(--muted);font-size:12px;line-height:1.7}
@media(min-width:1400px){.article{padding-left:54px;padding-right:54px}}@media(max-width:1000px){.reading-grid{grid-template-columns:175px minmax(0,1fr);gap:30px;padding-left:25px;padding-right:25px}.page-head{padding-left:25px;padding-right:25px}.article{padding:28px}.site-footer{margin:0 25px}.nav-inner{padding:0 25px}.page-head h1{max-width:800px}}
@media(max-width:720px){.topbar{height:66px}.nav-inner{padding:0 20px}.brand{font-size:14px}.nav-right{gap:10px}.preview-tag{display:none}.nav-right a{font-size:11px}.page-head{padding:38px 20px 28px}.page-head h1{letter-spacing:-1px}.dek{font-size:15px}.meta{gap:8px 18px;font-size:11px}.reading-grid{display:flex;flex-direction:column;gap:20px;padding:0 15px 42px}.toc{position:static;width:100%;padding-top:15px}.toc-label{margin:0 5px 10px}.toc nav{flex-direction:row;overflow-x:auto;gap:20px;padding:0 5px 10px}.toc nav a{white-space:nowrap;font-size:11px}.toc nav a span{display:none}.related{display:none}.article{width:100%;padding:25px 20px;border-radius:3px;font-size:15px;line-height:1.8}.article>p:first-child{padding:18px;font-size:16px}.article h2{font-size:23px;margin-top:35px}.article h3{font-size:17px}.article pre{font-size:13px;padding:17px}.calculator{padding:17px;margin-left:-5px;margin-right:-5px}.calculator h3{font-size:21px}.calc-inputs{gap:8px}.calc-inputs label{font-size:10px}.calc-inputs input{}.calc-results{gap:8px}.result{padding:12px}.result output{font-size:25px}.result-title{font-size:10px}.result small{font-size:9px}.site-footer{margin:0 20px;padding:22px 0;flex-direction:column;gap:8px}.hub{padding:45px 20px 65px}.hub .intro{font-size:16px}.comparison-row{grid-template-columns:32px 1fr 23px;gap:10px}.comparison-row h2{font-size:25px}.row-number{font-size:13px}.row-arrow{font-size:23px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media print{.toc,.topbar,.calculator,.site-footer{display:none}.reading-grid{display:block;padding:0}.article{padding:0;border:none}.page-head{padding:0 0 30px}a{color:inherit}body{background:white}}
.gpu-calculator{background:#f6f7fa;padding:24px}.gpu-calculator .gpu-example-notice{font-size:12px;line-height:1.6;background:#fffaf0;border:1px solid #e7d8b8;padding:12px 14px;margin:14px 0 22px;border-radius:3px}.gpu-calculator fieldset{min-width:0;border:0;padding:0;margin:0 0 22px}.gpu-calculator legend{font-size:13px;font-weight:750;margin-bottom:14px;padding:0}.gpu-workload{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.gpu-calculator label{font-size:11px;font-weight:650;display:flex;flex-direction:column;gap:6px;line-height:1.5}.gpu-calculator label small{font-size:10px;font-weight:400;color:var(--muted);line-height:1.5}.gpu-calculator input{width:100%;min-width:0}.gpu-calculator input[aria-invalid=true]{border-color:#9c3722}.gpu-offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid #dce1e9;padding-top:22px}.gpu-offer-grid label{margin-bottom:14px}.gpu-calculator details{font-size:11px;line-height:1.6}.gpu-calculator summary{cursor:pointer;color:var(--link);padding:7px 0;font-weight:650}.gpu-details-fields{margin-top:14px}.gpu-source{font-size:10px!important;line-height:1.6;margin:12px 0 0!important}.gpu-shared-costs{margin-bottom:18px}.gpu-shared-costs .calc-inputs{margin:14px 0}.gpu-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0 16px}.gpu-result{background:#fff;border:1px solid #dce1e9;border-radius:4px;padding:18px;min-width:0}.gpu-result h4{font-size:13px;margin:0 0 17px;line-height:1.6}.gpu-monthly{display:flex;flex-direction:column;gap:12px}.gpu-monthly span{display:block;font-size:10px;color:var(--muted)}.gpu-monthly output{font-family:ui-monospace,Consolas,monospace;font-size:28px;line-height:1.5;display:block;overflow-wrap:anywhere}.gpu-calculator .gpu-threshold{font-size:12px;border-top:1px solid var(--line);padding-top:16px;margin:16px 0 10px;line-height:1.6}.gpu-threshold strong{display:block;font-size:19px;color:var(--link)}.gpu-calculator .gpu-decision{font-size:11px;line-height:1.6;margin-bottom:12px}.gpu-calculator .gpu-result-note{margin-bottom:16px}.gpu-download{border:1px solid var(--link);background:var(--link);color:white;border-radius:3px;padding:10px 14px;font-size:12px;margin:0 0 18px}.gpu-download:disabled{opacity:.55;cursor:not-allowed}.gpu-invalid-results{font-size:12px;color:var(--muted);margin:18px 0}.gpu-calculator .table-scroll{margin:8px 0}.gpu-calculator th,.gpu-calculator td{min-width:64px;padding:8px;font-size:10px}.gpu-calculator th:first-child,.gpu-calculator td:first-child{min-width:115px}summary:focus-visible{outline:3px solid #315ccf;outline-offset:3px}
@media(max-width:720px){.gpu-calculator{padding:17px}.gpu-offer-grid,.gpu-result-grid{grid-template-columns:1fr;gap:18px}.gpu-monthly{flex-direction:row;gap:22px}.gpu-monthly>div{min-width:0;flex:1}.gpu-monthly output{font-size:26px}.gpu-workload{gap:12px}.gpu-calculator label{font-size:11px}.gpu-offer-grid fieldset{margin-bottom:0;padding-bottom:18px;border-bottom:1px solid #dce1e9}}

/* Brand homepage: quiet neutrals, open space and blue for actions. */
.homepage {
  --home-ink: #292d36;
  max-width: 1320px;
  margin: auto;
  padding: 0 40px;
  color: var(--home-ink);
}
.home-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  gap: 88px;
  align-items: center;
  padding: 92px 0 88px;
}
.hero-copy h1 {
  max-width: 700px;
  font: 500 clamp(42px, 4.2vw, 62px)/1.14 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  letter-spacing: -2.2px;
  margin: 0 0 25px;
  text-wrap: balance;
}
.hero-emphasis {
  white-space: nowrap;
}
.hero-intro { max-width: 570px; font-size: 16px; line-height: 1.85; color: var(--muted); margin: 0 0 30px; }
.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 22px; }
.home-button {
  display: inline-flex; align-items: center; gap: 25px;
  background: var(--link); color: white; text-decoration: none;
  padding: 15px 19px; border: 1px solid var(--link); border-radius: 6px;
  font-size: 13px; font-weight: 650; line-height: 1.5;
  transition: background .15s, transform .15s;
}
.home-button:hover { background: #2447a3; color: white; transform: translateY(-2px); }
.home-text-link { display: inline-flex; align-items: center; gap: 12px; font-size: 12px; font-weight: 650; line-height: 1.6; text-decoration: none; }
.home-text-link:hover { text-decoration: underline; }
.hero-footnote { font-size: 11px; color: var(--muted); margin: 23px 0 0; line-height: 1.6; }
.workload-map {
  background: #fafbfc;
  color: var(--home-ink); padding: 30px; border: 1px solid var(--line); border-radius: 12px;
}
.map-heading { display: flex; align-items: center; justify-content: space-between; color: var(--muted); }
.map-label { display: flex; align-items: center; gap: 8px; text-transform: uppercase; letter-spacing: 1.3px; font: 10px ui-monospace, monospace; }
.workload-map h2 { font-size: 27px; font-weight: 500; line-height: 1.3; letter-spacing: -.8px; margin: 23px 0 25px; }
.map-options { list-style: none; padding: 0; margin: 0; }
.map-options li { display: flex; align-items: center; gap: 12px; border-top: 1px solid var(--line); padding: 19px 0; font-size: 13px; }
.map-index { font: 10px ui-monospace, monospace; color: #777e8a; }
.map-unit { margin-left: auto; font: 10px ui-monospace, monospace; color: var(--muted); text-align: right; }
.map-result { background: #fff; color: var(--home-ink); padding: 22px 20px; margin-top: 12px; border: 1px solid var(--line); border-radius: 8px; }
.map-result > span { display: block; text-transform: uppercase; letter-spacing: 1px; font: 9px ui-monospace, monospace; margin-bottom: 10px; }
.map-result strong { display: block; font-weight: 650; font-size: 18px; letter-spacing: -.4px; }
.map-result p { font-size: 10px; line-height: 1.7; margin: 11px 0 0; color: var(--muted); }
.home-section { padding: 52px 0; border-top: 1px solid var(--line); scroll-margin-top: 26px; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-bottom: 30px; }
.section-heading .eyebrow, .method-intro .eyebrow { margin-bottom: 15px; }
.home-section h2 { font-size: clamp(28px, 2.7vw, 36px); font-weight: 600; line-height: 1.2; letter-spacing: -1.3px; margin: 0; }
.section-heading > p { max-width: 340px; color: var(--muted); font-size: 13px; line-height: 1.8; margin: 0 0 2px; }
.section-heading > .home-text-link { white-space: nowrap; }
.path-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--line); border-radius: 10px; background: #fff; overflow: hidden; }
.path-card { display: flex; flex-direction: column; min-width: 0; padding: 24px; border-right: 1px solid var(--line); }
.path-card:last-child { border-right: 0; }
.path-kicker { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; font: 10px/1.6 ui-monospace, monospace; margin: 0 0 24px; }
.path-status { font: 9px/1.6 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; white-space: nowrap; color: #45619b; background: #edf2fc; border-radius: 3px; padding: 3px 6px; }
.path-icon { width: 30px; height: 30px; color: #667083; margin-bottom: 22px; }
.path-card h3 { font-size: 23px; font-weight: 550; line-height: 1.23; letter-spacing: -.7px; margin: 0 0 14px; max-width: 270px; }
.path-card > p:not(.path-kicker) { font-size: 12px; line-height: 1.85; color: var(--muted); margin: 0 0 20px; }
.path-card .path-question { color: var(--home-ink) !important; font-size: 11px !important; font-weight: 600; }
.path-card > a, .path-card > .research-note { margin-top: auto !important; }
.path-research { background: #fafbfc; }
.status-research { background: #eff0f3; color: #626a78; }
.path-card > .research-note { font-size: 10px !important; margin-bottom: 0 !important; }
.home-comparison { display: grid; grid-template-columns: 40px 1fr 155px; gap: 20px; align-items: center; border-top: 1px solid var(--line); padding: 25px 0; text-decoration: none; color: var(--home-ink); transition: background .15s; }
.home-comparison:last-child { border-bottom: 1px solid var(--line); }
.comparison-index { align-self: start; padding-top: 3px; font: 12px ui-monospace, monospace; color: var(--muted); }
.comparison-category { text-transform: uppercase; letter-spacing: 1px; font: 9px ui-monospace, monospace; color: var(--link); margin: 0 0 10px; }
.home-comparison h3 { font-size: 25px; font-weight: 550; line-height: 1.2; letter-spacing: -.8px; margin: 0 0 9px; }
.home-comparison p:last-child { font-size: 12px; line-height: 1.8; color: var(--muted); max-width: 640px; margin: 0; }
.comparison-action { display: flex; align-items: center; justify-content: end; gap: 15px; font-size: 11px; color: var(--link); }
.home-comparison:hover { background: #f7f8fb; }
.home-comparison:hover h3 { text-decoration: underline; text-underline-offset: 5px; }
.home-source-note { font-size: 11px; color: var(--muted); line-height: 1.8; margin: 20px 0 0; max-width: 800px; }
.home-method { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; padding-bottom: 65px; }
.method-intro > p:not(.eyebrow) { font-size: 14px; line-height: 1.8; color: var(--muted); max-width: 450px; margin: 22px 0; }
.requirements { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 0; max-width: 470px; }
.requirements li { font-size: 10px; line-height: 1.5; border: 1px solid var(--line); padding: 6px 9px; border-radius: 3px; color: #626a78; }
.method-details { padding-top: 3px; }
.method-details > div { display: flex; gap: 18px; margin-bottom: 27px; }
.method-details > div:last-child { margin-bottom: 0; }
.method-number { flex-shrink: 0; display: grid; place-items: center; width: 28px; height: 28px; font: 10px ui-monospace, monospace; color: #626a78; background: #f5f6f8; border: 1px solid var(--line); border-radius: 3px; }
.method-details h3 { font-size: 15px; line-height: 1.5; margin: 2px 0 9px; font-weight: 650; }
.method-details p { font-size: 13px; line-height: 1.8; color: var(--muted); margin: 0; }
@media (max-width: 1100px) {
  .home-hero { gap: 35px; padding: 58px 0; }
  .hero-copy h1 { font-size: 48px; letter-spacing: -1.8px; }
  .workload-map { padding: 24px; }
  .path-card { padding: 20px; }
  .home-method { gap: 45px; }
  .hero-actions { gap: 17px; }
}
@media (max-width: 800px) {
  .homepage { padding: 0 25px; }
  .home-hero { gap: 28px; }
  .hero-copy h1 { font-size: 40px; letter-spacing: -1.5px; }
  .hero-intro { font-size: 14px; }
  .workload-map { padding: 20px; }
  .workload-map h2 { font-size: 24px; }
  .map-label { font-size: 9px; letter-spacing: .5px; }
  .map-options li { font-size: 11px; gap: 8px; }
  .map-unit { font-size: 9px; }
  .map-result { padding: 16px; }
  .map-result strong { font-size: 16px; }
  .path-card { padding: 17px; }
  .path-card h3 { font-size: 20px; }
  .section-heading { gap: 25px; }
  .section-heading > p { max-width: 260px; }
  .home-comparison { grid-template-columns: 28px 1fr 125px; gap: 15px; }
  .comparison-action { gap: 9px; font-size: 10px; }
  .home-method { gap: 30px; }
}
@media (max-width: 620px) {
  .homepage { padding: 0 20px; }
  .home-hero { grid-template-columns: 1fr; padding: 42px 0; gap: 32px; }
  .hero-copy h1 { font-size: 43px; max-width: 500px; letter-spacing: -1.6px; }
  .hero-copy .eyebrow { font-size: 9px; letter-spacing: 1.2px; }
  .hero-intro { font-size: 15px; margin-bottom: 24px; }
  .hero-actions { gap: 18px; }
  .hero-footnote { margin-top: 18px; }
  .workload-map { padding: 24px; }
  .workload-map h2 { font-size: 29px; margin-top: 18px; margin-bottom: 20px; }
  .map-label { font-size: 10px; }
  .map-options li { font-size: 13px; padding: 13px 0; }
  .map-unit { font-size: 10px; }
  .map-result { padding: 19px; }
  .map-result strong { font-size: 19px; }
  .home-section { padding: 36px 0; }
  .section-heading { display: block; margin-bottom: 26px; }
  .home-section h2 { font-size: 29px; letter-spacing: -1px; }
  .section-heading > p { max-width: none; margin-top: 16px; }
  .section-heading > .home-text-link { margin-top: 18px; }
  .path-grid { grid-template-columns: 1fr; }
  .path-card { padding: 24px; border-right: 0; border-bottom: 1px solid var(--line); }
  .path-card:last-child { border-bottom: 0; }
  .path-kicker { margin-bottom: 20px; }
  .path-icon { margin-bottom: 18px; }
  .path-card h3 { max-width: none; font-size: 24px; }
  .path-card > p:not(.path-kicker) { margin-bottom: 16px; }
  .home-comparison { grid-template-columns: 25px minmax(0, 1fr); gap: 10px; padding: 23px 0; }
  .home-comparison h3 { font-size: 23px; }
  .comparison-action { grid-column: 2; justify-content: start; font-size: 11px; margin-top: 2px; }
  .home-method { grid-template-columns: 1fr; gap: 30px; padding-bottom: 40px; }
  .method-intro > p:not(.eyebrow) { max-width: none; }
  .method-details > div { gap: 14px; }
  .home-source-note { font-size: 10px; }
}
@media (max-width: 380px) {
  .nav-inner { padding: 0 15px; gap: 10px; }
  .nav-right { gap: 9px; }
  .nav-right a { font-size: 10px; }
  .brand { font-size: 12px; gap: 7px; }
  .brand-mark { width: 28px; height: 28px; }
  .hero-copy h1 { font-size: 40px; }
}

/* Workload planning: four budgets, with assumptions kept beside the results. */
.workload-calculator{margin:28px 0;padding:26px;background:var(--tint);border:1px solid var(--line);border-radius:6px;line-height:1.6}.workload-calculator h3{margin:0 0 14px;font-size:25px;letter-spacing:-.6px}.workload-help{font-size:12px!important;color:var(--muted);line-height:1.75!important;margin:8px 0 18px!important}.workload-calculator fieldset{border:0;margin:18px 0;padding:0;min-width:0}.workload-calculator legend{font-size:14px;font-weight:700;padding:0}.workload-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.workload-fields label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:600;line-height:1.6}.workload-fields input{width:100%;min-width:0}.workload-fields input[aria-invalid=true]{border-color:#a03120}.workload-calculator form>details{border-top:1px solid #dce1e9;padding:12px 0}.workload-calculator summary{cursor:pointer;font-size:13px;font-weight:650;color:var(--link);padding:6px 0}.workload-confirm{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.8;margin:20px 0}.workload-confirm input{flex-shrink:0;width:18px;height:18px;margin-top:3px;accent-color:var(--link)}.workload-verdict{padding:16px;background:#eaf0fc;border-left:3px solid var(--link);font-size:13px!important;line-height:1.8!important}.workload-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}.workload-result{background:#fff;border:1px solid var(--line);border-radius:5px;padding:18px;min-width:0}.workload-result h4{font-size:15px;margin:0 0 18px}.workload-result>span{font-size:10px;color:var(--muted)}.workload-result output{display:block;font:26px/1.6 ui-monospace,monospace;overflow-wrap:anywhere;letter-spacing:-1px}.workload-result>p{font-size:11px!important;line-height:1.7!important;color:var(--muted);margin:3px 0 16px!important}.workload-result dl{font-size:10px;line-height:1.7;margin:12px 0}.workload-result dl>div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:8px 0}.workload-result dt{color:var(--muted)}.workload-result dd{margin:0;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.workload-result details summary{font-size:11px}.workload-calculator .presets{display:flex;flex-wrap:wrap;gap:8px}.workload-calculator .presets button{white-space:normal}.workload-calculator .calc-error:empty{display:none}
@media(max-width:720px){.workload-calculator{padding:16px}.workload-results{grid-template-columns:1fr}.workload-result output{font-size:29px}.workload-fields{gap:14px 10px}.workload-calculator h3{font-size:22px}}@media(max-width:380px){.workload-fields{grid-template-columns:1fr}}

/* Route budgets keep wrapped labels aligned above their fields. */
.calculator[data-route-comparison] .calc-inputs{align-items:end;margin:18px 0}
.calculator[data-route-comparison] summary{cursor:pointer;font-size:13px;font-weight:600}
.calculator[data-route-comparison] button{background:var(--ink);color:#fff;border:1px solid var(--ink);margin:0 0 18px}
.calculator[data-route-comparison] button:disabled{opacity:.5;cursor:not-allowed}
.calculator[data-route-comparison] output{font-variant-numeric:tabular-nums;white-space:nowrap}
/* Worker time is shown separately from the cost comparison. */
.worker-summary{padding:18px;background:#fff;border:1px solid var(--line);border-radius:5px;margin:18px 0}.worker-summary h4{font-size:14px;margin:0 0 16px}.worker-timeline{display:flex;gap:2px;height:20px;border-radius:4px;overflow:hidden;background:#edf0f5}.worker-phase{flex-basis:0;min-width:3px}.phase-startup{background:#b77737}.phase-execution{background:#315ccf}.phase-waiting{background:#8c96a8}.worker-legend{display:flex;flex-wrap:wrap;gap:10px 16px;list-style:none!important;padding:0!important;margin:12px 0!important;font-size:11px}.worker-legend li{display:flex;align-items:center;gap:6px;margin:0!important}.phase-dot{width:8px;height:8px;border-radius:2px;display:inline-block;flex-shrink:0}.worker-totals{font-size:12px;margin:12px 0 0}.worker-totals>div{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding:9px 0}.worker-totals dt{color:var(--muted)}.worker-totals dd{margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}.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}

/* About: business-focused presentation, scoped to the company page. */
.about-page{max-width:1240px;margin:0 auto;padding:0 40px 72px}
.about-page h1,.about-page h2,.about-page h3{color:var(--ink);font-weight:600}
.about-page h2{font-size:30px;line-height:1.25;letter-spacing:-1px;margin:0 0 20px}
.about-page h3{font-size:19px;line-height:1.4;letter-spacing:-.35px;margin:0 0 14px}
.about-page p{font-size:15px;line-height:1.85;color:var(--muted);margin:0}
.about-page .about-kicker{font-size:10px;font-weight:650;letter-spacing:1.5px;text-transform:uppercase;color:var(--link);line-height:1.5;margin:0 0 22px}
.about-page a{font-size:13px;font-weight:600;text-decoration:none}
.about-page a:hover{text-decoration:underline}
.about-hero{padding:76px 0 64px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(285px,1fr);gap:72px;align-items:center}
.about-page h1{font-size:52px;letter-spacing:-2.2px;line-height:1.12;margin:0 0 26px}
.about-page .about-lead{max-width:650px;font-size:16px;line-height:1.85;margin-bottom:28px}
.about-primary-link{display:inline-flex;gap:22px;align-items:center;padding:13px 18px;color:white;background:#28498b;border:1px solid #28498b;border-radius:3px}
.about-primary-link:hover{color:white;background:#203c75}
.about-focus{background:#172c49;padding:30px 32px 26px;border-radius:4px}
.about-focus .about-kicker{color:#b1c4e0;margin-bottom:17px}
.about-focus .about-focus-title{font-size:25px;line-height:1.35;font-weight:500;letter-spacing:-.55px;color:#fff}
.about-focus dl{margin:25px 0 20px}
.about-focus dl>div{padding:13px 0;border-bottom:1px solid #34475f}
.about-focus dt{color:#f3f6fa;font-size:13px;margin-bottom:5px}
.about-focus dd{color:#bcc9da;font-size:11px;margin:0}
.about-focus .about-focus-note{font-size:10px;color:#bcc9da;line-height:1.6}
.about-purpose,.about-audience{display:grid;grid-template-columns:1fr 2fr;gap:60px;padding:46px 0;border-top:1px solid var(--line)}
.about-purpose h2{max-width:550px}.about-purpose p,.about-audience p{max-width:710px}
.about-section-heading{max-width:640px;margin-bottom:30px}
.about-decisions{padding:48px 0 52px;border-top:1px solid var(--line)}
.about-decision-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.about-decision-grid article{padding-top:21px;border-top:1px solid #cbd4e1;display:flex;flex-direction:column;align-items:flex-start}
.about-number{font-size:11px;letter-spacing:1px;color:var(--link);margin-bottom:23px;font-family:ui-monospace,monospace}
.about-decision-grid p{font-size:13px;margin-bottom:24px}
.about-decision-grid a{margin-top:auto;font-size:12px}
.about-approach{background:var(--tint);padding:40px;display:grid;grid-template-columns:1fr 1.3fr;gap:68px;border-radius:4px}
.about-principles>div+div{margin-top:25px}
.about-principles h3{font-size:16px;margin-bottom:8px}
.about-principles p{font-size:13px}
.about-principles .about-freshness{font-size:11px;border-top:1px solid var(--line);padding-top:18px;margin-top:24px;line-height:1.8}
.about-audience{border-top:0;padding-top:52px;padding-bottom:52px}
.about-contact{display:flex;gap:40px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:38px 0 8px}
.about-contact h2{font-size:25px;margin-bottom:12px;max-width:520px}.about-contact p{font-size:13px;max-width:560px}.about-contact>a{white-space:nowrap}
@media(max-width:1000px){.about-hero{gap:32px}.about-page h1{font-size:43px;letter-spacing:-1.6px}.about-purpose,.about-audience{grid-template-columns:1fr 2fr;gap:30px}.about-approach{gap:32px;padding:30px}.about-contact{align-items:flex-start;flex-direction:column;gap:22px}}
@media(max-width:650px){.about-page{padding:0 20px 42px}.about-hero{grid-template-columns:1fr;padding:40px 0;gap:30px}.about-page h1{font-size:38px;letter-spacing:-1.35px}.about-page h2{font-size:26px}.about-page .about-lead{font-size:15px}.about-focus{padding:26px}.about-purpose,.about-audience{grid-template-columns:1fr;gap:0;padding:34px 0}.about-decision-grid{grid-template-columns:1fr;gap:28px}.about-decisions{padding:34px 0}.about-decision-grid article{padding-top:18px}.about-number{margin-bottom:15px}.about-decision-grid p{margin-bottom:16px}.about-approach{grid-template-columns:1fr;gap:27px;padding:26px 23px}.about-contact{padding-top:30px}.about-contact>a{white-space:normal;overflow-wrap:anywhere}}

/* Contact: a direct email entry and concise inquiry guidance. */
.contact-page{padding-bottom:64px}
.contact-header{padding:66px 0 44px;max-width:850px}
.contact-page h1{font-size:44px;letter-spacing:-1.6px}
.contact-page .about-lead{margin-bottom:24px}
.contact-topics{border-top:1px solid var(--line);padding-top:35px}
.contact-topics>h2{font-size:25px;margin-bottom:26px}
.contact-topics .about-decision-grid>section{min-width:0}
.contact-topics h3{font-size:18px}
.contact-page .contact-note{max-width:850px;margin:35px 0 0;padding-top:22px;border-top:1px solid var(--line);font-size:12px;line-height:1.8}
@media(max-width:650px){.contact-header{padding:38px 0 34px}.contact-page h1{font-size:34px;letter-spacing:-1px}.contact-topics{padding-top:28px}.contact-page .about-primary-link{overflow-wrap:anywhere;max-width:100%;font-size:13px}.contact-page .contact-note{margin-top:27px}}
