.compare-jump{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0 12px}.compare-jump a{display:flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #353535;border-radius:6px;font-size:11px;color:#c1c1c1}.compare-jump a:hover{background:#262626;border-color:#767676}.compare-jump svg{width:13px;height:13px}.comparison-section{padding:37px 0 33px;border-bottom:1px solid var(--line);scroll-margin-top:95px}.compare-eyebrow{display:flex;align-items:center;gap:10px;color:#bababa;font-size:9px;letter-spacing:1.2px;font-weight:550}.compare-eyebrow>svg{width:24px;height:24px;padding:4px;box-sizing:content-box;border:1px solid #383838;border-radius:7px;background:#212121}.compare-vs{margin-left:auto;color:#969696;letter-spacing:0;font-size:10px;font-weight:400}.comparison-section h2{margin:18px 0 10px;font-size:25px;line-height:1.3;letter-spacing:-.65px;max-width:540px}.comparison-section>p{font-size:13px;line-height:1.8;max-width:650px;margin-bottom:24px}.compare-flow{border:1px solid #353535;background:radial-gradient(ellipse at 100% 100%,#28282875,transparent 75%),#181818;border-radius:8px;padding:20px;margin:22px 0 13px}.flow-row{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:15px}.flow-row+.flow-row{margin-top:14px;padding-top:14px;border-top:1px solid #313131}.flow-row>b{font-size:10px;font-weight:500;color:#a8a8a8}.flow-row>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.flow-row>div>span{position:relative;display:grid;place-items:center;border:1px solid #3d3d3d;border-radius:5px;background:#202020;text-align:center;padding:10px 6px;font-size:9px;line-height:1.6;color:#b7b7b7}.flow-row>div>span+span:before{content:'→';position:absolute;left:-14px;top:50%;transform:translateY(-50%);color:#797979}.cleanedweb-flow>b{color:#d8d8d8}.cleanedweb-flow>div>span{background:#2d2d2d;border-color:#505050;color:#d6d6d6}.switch-content .compare-table{border:1px solid #303030;border-radius:7px;overflow:hidden}.switch-content .compare-table table{display:table;width:100%;font-size:10px;line-height:1.6;table-layout:fixed;margin:0}.switch-content .compare-table th,.switch-content .compare-table td{padding:11px 13px;vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid #303030}.compare-table thead{background:#1c1c1c;color:#c7c7c7}.compare-table thead th{font-weight:500}.compare-table th:first-child{width:25%;font-weight:450;color:#9c9c9c}.compare-table td:last-child{color:#cfcfcf;background:#23232355}.compare-table tbody tr:last-child>*{border-bottom:0}.compare-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:21px 0 0;font-size:12px}.switch-content .compare-button{display:inline-flex;align-items:center;gap:24px;padding:10px 14px;border:1px solid #4c4c4c;border-radius:6px;background:#2a2a2a;color:#dadada;text-decoration:none;font-size:11px;line-height:1.6}.switch-content .compare-button:hover{background:#383838;border-color:#7e7e7e}.compare-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:34px}.compare-bottom strong{font-size:15px;font-weight:500;color:#dcdcdc}.compare-bottom p{font-size:12px;margin:3px 0}.compare-bottom>a{font-size:11px;color:#c6c6c6;white-space:nowrap}.compare-fit{display:grid;grid-template-columns:1fr 1fr;gap:12px}.compare-fit>div{padding:18px;border:1px solid #383838;border-radius:7px;background:#1b1b1b}.compare-fit span{font-size:12px;color:#d0d0d0;font-weight:550}.compare-fit p{font-size:12px;line-height:1.8;margin:10px 0 0}@media(max-width:760px){.comparison-section{padding-top:30px;scroll-margin-top:130px}.compare-eyebrow{flex-wrap:wrap;font-size:8px;gap:8px}.compare-vs{font-size:9px}.comparison-section h2{font-size:23px}.compare-flow{padding:14px}.flow-row{grid-template-columns:1fr;gap:9px}.flow-row>div{gap:13px}.flow-row>div>span{font-size:8px;padding:9px 5px}.flow-row>div>span+span:before{left:-12px}.switch-content .compare-table th,.switch-content .compare-table td{padding:9px 8px;font-size:9px}.compare-bottom{align-items:flex-start;flex-direction:column;gap:12px}.compare-fit{grid-template-columns:1fr}.compare-jump{gap:6px}.compare-jump a{font-size:10px;padding:6px 8px}}
.switch-page{--line:#303030}.switch-page .header{border-bottom:1px solid var(--line);height:88px}.switch-page .header nav{gap:24px}.switch-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:80px}.switch-index{position:sticky;top:36px;align-self:start;padding-top:58px;font-size:12px}.switch-index-title{display:block;font-weight:550;color:#dfdfdf;margin-bottom:25px}.switch-index nav{display:flex;flex-direction:column;gap:0}.switch-index nav a{display:flex;gap:13px;padding:11px 0;color:#a1a1a1;font-size:11px}.switch-index nav a:hover{color:white}.switch-index nav span{font:9px monospace;color:#6e6e6e;padding-top:2px}.switch-index-contact{display:block;margin-top:26px;padding-top:23px;border-top:1px solid var(--line);color:#c4c4c4;font-size:11px}.switch-page main{min-width:0}.switch-hero{padding:76px 0 62px;border-bottom:1px solid var(--line)}.switch-eyebrow{font:9px/1.5 monospace;letter-spacing:1.4px;color:#ababab}.switch-page .switch-hero h1{font-size:clamp(45px,5.2vw,72px);line-height:1.08;letter-spacing:-3px;margin:27px 0 25px;font-weight:450;max-width:760px}.switch-hero>p{font-size:19px;line-height:1.7;color:#a7a7a7;max-width:650px}.switch-hero-actions{display:flex;align-items:center;gap:24px;margin-top:30px;font-size:12px;color:#c2c2c2}.switch-primary{display:inline-flex;gap:35px;align-items:center;padding:12px 16px;border-radius:6px;background:#d6d6d6;color:#1c1c1c}.switch-primary:hover{background:#e7e7e7;color:#181818}.switch-hero-art{margin-top:55px;border:1px solid #363636;border-radius:9px;background:radial-gradient(ellipse at 50% 100%,#37373766,transparent 80%),#181818;padding:38px 30px;display:grid;grid-template-columns:1fr 24px 1.15fr 24px 1fr;gap:15px;align-items:center}.switch-hero-art>div>span{display:block;font:8px/1.5 monospace;letter-spacing:1px;color:#9b9b9b}.switch-hero-art strong{display:block;font-size:18px;line-height:1.6;letter-spacing:-.3px;font-weight:450;color:#d4d4d4;margin-top:14px}.switch-hero-art>b{color:#7e7e7e;font-size:20px;font-weight:400}.hero-art-engine{border:1px solid #484848;border-radius:8px;padding:23px 8px;text-align:center;background:#28282866}.hero-art-engine img{filter:saturate(.4) brightness(1.4)}.hero-art-engine strong{font-size:18px;margin:10px 0}.hero-art-engine>span{font-size:8px!important;letter-spacing:0!important}.switch-content{color:#a7a7a7;font-size:14px;line-height:1.8}.switch-content .comparison-section{padding:66px 0}.switch-content .comparison-section h2{font-size:37px;letter-spacing:-1.1px;line-height:1.18;max-width:660px;margin:24px 0 20px;color:#e4e4e4}.switch-content .comparison-section>p{font-size:15px;line-height:1.85;margin-bottom:32px;max-width:680px}.switch-content .compare-eyebrow{font-size:10px}.switch-content .compare-vs{font-size:11px}.switch-content .compare-flow{padding:28px;margin-bottom:18px}.switch-content .flow-row{grid-template-columns:115px 1fr;gap:22px}.switch-content .flow-row>b{font-size:11px}.switch-content .flow-row>div>span{font-size:11px;padding:14px 9px}.switch-content .compare-table table{border-collapse:collapse;text-align:left}.switch-content .compare-table th,.switch-content .compare-table td{font-size:12px;padding:16px}.switch-content .compare-actions{margin-top:25px}.switch-content .compare-button{font-size:12px;padding:12px 17px}.switch-content>h2{margin:46px 0 22px;color:#e0e0e0;font-size:29px}.switch-content>p a{color:#c9c9c9;text-decoration:underline;text-underline-offset:4px}.switch-content .compare-fit p{font-size:14px}.switch-content>ol{padding-left:20px}.switch-content>ol li{margin:14px 0}.switch-closing{padding:66px 0 90px}.switch-closing h2{font-size:39px;line-height:1.2;margin:24px 0 20px;color:#e4e4e4}.switch-closing>p{font-size:15px;color:#a8a8a8;line-height:1.7}.switch-next{display:grid;grid-template-columns:repeat(3,1fr);margin-top:35px;border:1px solid #363636;border-radius:8px;background:#1a1a1a;overflow:hidden}.switch-next a{padding:24px 20px}.switch-next a+a{border-left:1px solid #363636}.switch-next a:hover{background:#262626}.switch-next span{font:10px monospace;color:#8d8d8d}.switch-next strong{display:block;font-size:14px;font-weight:450;margin-top:30px;color:#d9d9d9}.switch-next p{font-size:12px;line-height:1.8;color:#9f9f9f;margin:12px 0 0}.switch-page .api-footer{margin-top:40px}.comparison-section,.switch-closing,.switch-content h2{scroll-margin-top:35px}
@media(max-width:1100px){.switch-layout{grid-template-columns:160px minmax(0,1fr);gap:35px}.switch-hero-art{padding:25px 18px;gap:8px}.switch-content .flow-row>div>span{font-size:9px}.switch-content .compare-table th,.switch-content .compare-table td{font-size:11px}.switch-hero-art strong{font-size:15px}}
@media(max-width:760px){.switch-page .header{height:76px}.switch-layout{display:block}.switch-index{position:static;padding:24px 0 0;border-bottom:1px solid var(--line)}.switch-index-title,.switch-index-contact{display:none}.switch-index nav{flex-direction:row;overflow:auto;gap:20px;padding-bottom:14px}.switch-index nav a{white-space:nowrap;font-size:10px;gap:6px;padding:4px 0}.switch-hero{padding:46px 0 38px}.switch-page .switch-hero h1{font-size:45px;letter-spacing:-2px}.switch-hero>p{font-size:16px}.switch-hero-actions{gap:15px;flex-wrap:wrap;font-size:11px}.switch-hero-art{grid-template-columns:1fr;gap:12px;padding:24px;margin-top:34px}.switch-hero-art>div:not(.hero-art-engine){display:flex;align-items:center;justify-content:space-between;gap:20px}.switch-hero-art strong{font-size:16px;margin:0}.switch-hero-art strong br{display:none}.switch-hero-art>b{transform:rotate(90deg);text-align:center}.hero-art-engine{padding:16px;display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:center;text-align:left}.hero-art-engine img{grid-row:span 2;width:26px;height:26px}.hero-art-engine strong{margin:0}.switch-content .comparison-section{padding:40px 0}.switch-content .comparison-section h2{font-size:30px;letter-spacing:-.8px}.switch-content .comparison-section>p{font-size:14px}.switch-content .compare-flow{padding:18px}.switch-content .flow-row{grid-template-columns:1fr;gap:10px}.switch-content .flow-row>div>span{font-size:9px;padding:11px 6px}.switch-content .compare-table th,.switch-content .compare-table td{padding:11px 8px;font-size:10px}.switch-content .compare-vs{font-size:9px}.switch-content .compare-eyebrow{font-size:8px}.switch-content .compare-button{font-size:11px}.switch-closing{padding:42px 0}.switch-closing h2{font-size:31px}.switch-next{grid-template-columns:1fr}.switch-next a+a{border-left:0;border-top:1px solid #363636}.switch-next strong{margin-top:15px}.switch-content>h2{font-size:26px}.switch-page .header nav{gap:18px}}
.switch-page .switch-index nav{position:static;inset:auto;width:100%;max-width:100%;min-width:0;border:0;background:transparent;box-shadow:none;transform:none;padding:0;z-index:auto}
@media(max-width:760px){.switch-page .switch-index nav{padding:0 0 14px;flex-wrap:nowrap}.switch-page .switch-index nav a{flex-shrink:0}}

/* Open editorial comparisons: hierarchy through spacing and fine rules. */
.switch-page { --line: #2c2c2c; --accent: #dedede; }
.switch-hero-art { background: none; border: 0; border-radius: 0; padding: 30px 0 8px; }
.hero-art-engine { background: none; border: 0; border-radius: 0; border-inline: 1px solid #363636; padding: 16px 22px; }
.hero-art-engine img { filter: grayscale(1) brightness(1.7); }
.switch-primary { background: #ededed; color: #151515; }
.switch-primary:hover { background: #fff; color: #111; }
.compare-eyebrow > svg { border: 0; border-radius: 0; background: none; padding: 0; width: 20px; height: 20px; }
.switch-content .compare-flow { background: none; border: 0; border-radius: 0; padding: 24px 0; margin: 24px 0; }
.switch-content .flow-row > div > span { background: none; border: 0; border-radius: 0; border-bottom: 1px solid #3b3b3b; padding: 12px 4px; text-align: left; justify-items: start; color: #bcbcbc; }
.switch-content .cleanedweb-flow > div > span { color: #eeeeee; border-bottom-color: #939393; }
.flow-row + .flow-row { border-top: 0; padding-top: 12px; margin-top: 12px; }
.switch-content .compare-table { border: 0; border-radius: 0; }
.compare-table thead, .compare-table td:last-child { background: none; }
.switch-content .compare-table th, .switch-content .compare-table td { padding-left: 0; padding-right: 20px; border-bottom-color: #2c2c2c; }
.switch-content .compare-table thead th { border-bottom-color: #4a4a4a; }
.switch-content .compare-button { background: none; border: 0; border-radius: 0; border-bottom: 1px solid #777; padding: 7px 0; color: #ededed; }
.switch-content .compare-button:hover { background: none; border-color: #eee; color: #fff; }
.compare-fit > div { background: none; border: 0; border-radius: 0; border-top: 1px solid #414141; padding: 20px 0; }
.compare-fit { gap: 30px; }
.switch-next { background: none; border: 0; border-radius: 0; gap: 26px; }
.switch-next a { padding: 22px 0; border-top: 1px solid #444; }
.switch-next a + a { border-left: 0; }
.switch-next a:hover { background: none; }
.switch-next a:hover strong { color: #fff; }
@media (max-width: 760px) {
  .switch-hero-art { padding: 14px 0 0; }
  .hero-art-engine { border-inline: 0; border-block: 1px solid #363636; padding: 20px 0; }
  .switch-content .compare-flow { padding: 10px 0; }
  .switch-content .flow-row > div > span { padding: 10px 2px; }
  .switch-content .compare-table th, .switch-content .compare-table td { padding-right: 10px; }
  .switch-next { gap: 0; }
  .switch-next a + a { border-top-color: #444; }
}

/* Terminal palette: color belongs to data, labels, and signals. */
.switch-page { --accent: #86cfff; --line: #2c2e38; }
.switch-eyebrow { color: #82d5ed; }
.switch-index nav span { color: #9c8be4; }
.switch-index nav a:hover, .switch-index-contact:hover { color: #88d9f4; }
.switch-page .switch-hero h1 { color: #eff0f8; }
.switch-primary { background: #8bd3ef; color: #101a24; border: 1px solid #a9e5fa; }
.switch-primary:hover { background: #b0e9fa; color: #101a24; }
.switch-hero-actions > a:not(.switch-primary) { color: #baaff5; }
.switch-hero-art { position: relative; border-top: 1px solid #343747; margin-top: 64px; padding-top: 43px; }
.switch-hero-art::before { content: '●  ●  ●    pipeline.ts'; position: absolute; top: 12px; left: 0; font: 10px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 1px; color: #919bb7; }
.switch-hero-art > div > span { color: #f0bd72; }
.switch-hero-art > div:last-child > span { color: #b5a0ff; }
.switch-hero-art > div:first-child strong { color: #8ad8ed; }
.switch-hero-art > div:last-child strong { color: #baa7fb; }
.switch-hero-art > b { color: #f2bb73; }
.hero-art-engine { border-color: #38374b; }
.hero-art-engine strong { color: #e9edf9; }
.hero-art-engine > span { color: #87d7bd !important; }
.hero-art-engine img { filter: saturate(.8) brightness(1.5); }
.comparison-section { --section-color: #8cd8ee; --section-secondary: #bca5ff; }
.comparison-section#parse-bot { --section-color: #f4b575; --section-secondary: #f08dac; }
.comparison-section#firecrawl { --section-color: #f18a87; --section-secondary: #f5c278; }
.comparison-section#zyte { --section-color: #bba1fb; --section-secondary: #7acde9; }
.compare-eyebrow { color: var(--section-color, #8cd8ee); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.compare-eyebrow > svg { color: var(--section-color, #8cd8ee); }
.compare-vs { color: #939bad; }
.switch-content .comparison-section h2 { color: #e7e9f3; }
.switch-content .compare-flow { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.switch-content .flow-row > b { color: var(--section-color, #f0ba7c); font-size: 10px; }
.switch-content .flow-row > b::before { content: '> '; opacity: .6; }
.switch-content .flow-row > div > span { color: #b6bfd3; border-bottom-color: #343a49; }
.switch-content .flow-row > div > span:first-child { color: var(--section-color, #f0ba7c); }
.switch-content .flow-row > div > span:nth-child(2) { color: var(--section-secondary, #bea8f6); }
.switch-content .flow-row > div > span:last-child { color: #8bccdb; }
.switch-content .flow-row > div > span + span::before { color: #68738d; }
.switch-content .cleanedweb-flow > b { color: #7dd5b8; }
.switch-content .cleanedweb-flow > div > span { border-bottom-color: #526477; }
.switch-content .cleanedweb-flow > div > span:first-child { color: #85c9f0; }
.switch-content .cleanedweb-flow > div > span:nth-child(2) { color: #baa3f5; }
.switch-content .cleanedweb-flow > div > span:last-child { color: #7dd5b8; }
.switch-content .compare-table thead th { color: #b2bcd2; border-bottom-color: #3c4251; }
.switch-content .compare-table thead th:nth-child(2) { color: var(--section-color, #ecb775); }
.switch-content .compare-table thead th:last-child { color: #89d8bf; }
.switch-content .compare-table tbody th { color: #969fb5; }
.switch-content .compare-table td:last-child { color: #d3dceb; }
.switch-content .compare-table td { color: #aeb7c8; }
.switch-content .compare-table td, .switch-content .compare-table th { border-bottom-color: #2c303c; }
.switch-content .compare-button { color: var(--section-color, #8cd8ee); border-color: #46526b; }
.switch-content .compare-button:hover { color: #e9f5ff; border-color: var(--section-color, #8cd8ee); }
.switch-content .compare-button > span { color: var(--section-secondary, #bca5ff); }
.compare-fit > div { border-color: #4b485e; }
.compare-fit > div:first-child > span { color: #f1bd7f; }
.compare-fit > div:last-child > span { color: #8bd8c2; }
.switch-next a { border-top-color: #3c4355; }
.switch-next a:nth-child(1) > span, .switch-next a:nth-child(1) > strong { color: #8bd6ed; }
.switch-next a:nth-child(2) > span, .switch-next a:nth-child(2) > strong { color: #c0a7fa; }
.switch-next a:nth-child(3) > span, .switch-next a:nth-child(3) > strong { color: #f0bd7d; }
.switch-content > p a { color: #9ccff5; }
@media (max-width: 760px) { .switch-hero-art { padding-top: 45px; margin-top: 40px; } }

/* Readable labels and data at normal viewing size. */
.switch-index-title { font-size: 14px; }
.switch-index nav a { font-size: 13px; line-height: 1.6; }
.switch-index nav span { font-size: 11px; padding-top: 4px; }
.switch-index-contact { font-size: 13px; }
.switch-eyebrow { font-size: 12px; line-height: 1.7; letter-spacing: 1px; }
.switch-hero-actions { font-size: 14px; }
.switch-hero-art::before { font-size: 12px; letter-spacing: .4px; }
.switch-hero-art > div > span { font-size: 12px; line-height: 1.7; letter-spacing: .5px; }
.hero-art-engine > span { font-size: 12px !important; line-height: 1.7; }
.switch-content .compare-eyebrow { font-size: 12px; line-height: 1.7; letter-spacing: .7px; }
.switch-content .compare-vs { font-size: 12px; line-height: 1.7; }
.switch-content .flow-row { grid-template-columns: 125px minmax(0, 1fr); }
.switch-content .flow-row > b { font-size: 12px; line-height: 1.7; }
.switch-content .flow-row > div > span { font-size: 13px; line-height: 1.7; }
.switch-content .compare-table th, .switch-content .compare-table td { font-size: 14px; line-height: 1.7; }
.switch-content .compare-button, .compare-actions { font-size: 14px; line-height: 1.7; }
.compare-fit > div > span { font-size: 14px; }
.switch-next span { font-size: 12px; }
.switch-next strong { font-size: 16px; line-height: 1.6; }
.switch-next p { font-size: 14px; line-height: 1.8; }
@media (max-width: 1100px) {
  .switch-layout { gap: 30px; }
  .switch-content .flow-row { grid-template-columns: 1fr; gap: 10px; }
}
@media (max-width: 760px) {
  .switch-index nav a { font-size: 13px; }
  .switch-index nav span { font-size: 11px; padding-top: 3px; }
  .switch-eyebrow { font-size: 11px; letter-spacing: .7px; }
  .switch-hero-actions { font-size: 13px; }
  .switch-hero-art > div:not(.hero-art-engine) { align-items: flex-start; flex-direction: column; gap: 8px; }
  .switch-hero-art > div > span { font-size: 12px; }
  .hero-art-engine > span { font-size: 12px !important; }
  .switch-content .compare-eyebrow { font-size: 11px; gap: 8px; }
  .switch-content .compare-vs { width: 100%; margin-left: 28px; font-size: 12px; }
  .switch-content .comparison-section > p { font-size: 15px; }
  .switch-content .flow-row > div { grid-template-columns: 1fr; gap: 14px; padding-left: 15px; }
  .switch-content .flow-row > div > span { font-size: 13px; padding: 9px 0; }
  .switch-content .flow-row > div > span + span::before { content: '↓'; left: -15px; top: -8px; transform: none; }
  .switch-content .compare-table { overflow-x: auto; }
  .switch-content .compare-table table { min-width: 460px; }
  .switch-content .compare-table th, .switch-content .compare-table td { font-size: 13px; padding: 13px 14px 13px 0; }
  .switch-content .compare-button { font-size: 13px; }
}

.budget-comparison { margin: 35px 0 32px; }
.budget-label { display:flex; align-items:center; gap:10px; font-size:14px; color:#c9d1e2; }
.budget-label > span { font:18px ui-monospace,monospace; color:#f1b87d; }
.budget-label strong { font-weight:450; }
.budget-columns { display:grid; grid-template-columns:1fr 1fr; gap:35px; margin-top:22px; }
.budget-columns > div { border-top:1px solid #424858; padding-top:22px; }
.budget-columns > div > span { font:13px/1.7 ui-monospace,monospace; color:#b1bacd; }
.budget-columns strong { display:block; font-size:clamp(40px,4.5vw,64px); font-weight:500; line-height:1.2; letter-spacing:-2px; margin:16px 0 7px; font-variant-numeric:tabular-nums; }
.budget-parse strong { color:#f2bc81; }.budget-cleanedweb strong { color:#83d7f3; }
.budget-columns b { font-size:16px; font-weight:450; color:#d4dded; }
.budget-columns p { font-size:13px; color:#a8b2c6; margin:8px 0 0; }
.feature-icon { display:inline-block; min-width:22px; margin-right:6px; color:#b9a3f5; font:15px/1.6 ui-monospace,monospace; }
.feature-matrix td:last-child .feature-icon { color:#80d3be; }
.switch-content .comparison-source { font-size:12px; line-height:1.8; color:#9faabd; margin:17px 0 0; }
.switch-content .comparison-source a { color:#9ccff5; }
@media(max-width:760px){.budget-columns{gap:20px}.budget-columns strong{font-size:39px;letter-spacing:-1.4px}.budget-columns b{font-size:14px}.budget-columns p{font-size:12px}.feature-icon{min-width:18px;margin-right:4px}.budget-columns>div>span{font-size:12px}}
@media(max-width:360px){.budget-columns{gap:12px}.budget-columns strong{font-size:33px}}

/* Scan by feature, then compare the two products. */
.scan-icon { width:20px; height:20px; flex:0 0 20px; display:inline-block; vertical-align:middle; }
.scan-feature, .scan-value { display:flex; align-items:center; gap:10px; }
.scan-feature .scan-icon { color:#9fadd0; }
.scan-value.is-supported { color:#a4dfc8; }
.scan-value.is-supported .scan-icon { width:18px; height:18px; flex-basis:18px; }
.switch-content .compare-table tbody th { color:#d4dbea; font-weight:450; }
.switch-content .compare-table td { padding-block:19px; }
.switch-content .compare-table th:first-child { width:30%; }
.switch-content .compare-table .scan-group th { padding:27px 0 10px; border-bottom:1px solid #394353; color:#8393b0; font:11px/1.7 ui-monospace,monospace; }
.scan-group th > span { margin-left:10px; color:#b5c3dc; font:13px/1.7 ui-monospace,monospace; }
.switch-content .compare-table thead th:nth-child(2) { color:#f1be83; }
.switch-content .compare-table thead th:last-child { color:#88d5ee; }
.switch-content .flow-row > div > span { display:flex; align-items:center; gap:10px; }
.flow-row .scan-icon { width:18px; height:18px; flex-basis:18px; }
.flow-row .step-label { border:0; padding:0; }
.budget-columns > div > .scan-icon { display:inline-block; width:24px; height:24px; margin-right:10px; color:#f1bd82; }
.budget-cleanedweb > .scan-icon { color:#88d7f0!important; }
.budget-columns > div > span { display:inline; }
.budget-columns > div { padding-top:26px; }
.budget-columns > div > strong { margin-top:21px; }
.switch-content .comparison-section > p { max-width:620px; }
@media(max-width:760px) {
  .switch-content .compare-table { overflow:visible; }
  .switch-content .compare-table table { min-width:0; display:block; }
  .switch-content .compare-table thead { display:none; }
  .switch-content .compare-table tbody { display:block; }
  .switch-content .compare-table tr { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:10px 18px; padding:18px 0; border-bottom:1px solid #303747; }
  .switch-content .compare-table th[scope=row] { grid-column:1/-1; width:auto; padding:0 0 5px; border:0; font-size:14px; }
  .switch-content .compare-table td { border:0; padding:0; font-size:14px; }
  .switch-content .compare-table td::before { content:attr(data-product); display:block; margin-bottom:7px; color:#e9b77c; font:11px/1.6 ui-monospace,monospace; }
  .switch-content .compare-table td:last-child::before { color:#83d1ec; }
  .switch-content .compare-table .scan-group { display:block; border:0; padding:25px 0 2px; }
  .switch-content .compare-table .scan-group th { display:block; width:100%; border:0; padding:0; }
  .scan-feature { gap:9px; }
  .scan-feature .scan-icon { width:18px; height:18px; flex-basis:18px; }
  .scan-value { gap:6px; align-items:flex-start; }
  .scan-value .scan-icon { margin-top:3px; }
  .switch-content .flow-row > div > span { gap:10px; }
}
.budget-columns strong.metric-zyte { font-size:clamp(32px,3.2vw,47px); letter-spacing:-1.5px; padding-top:10px; }
@media(max-width:760px){.budget-columns strong.metric-zyte{font-size:30px;letter-spacing:-1px;padding-top:7px}}
@media(max-width:360px){.budget-columns strong.metric-zyte{font-size:25px;padding-top:6px}}

/* Shared semantic palette across every comparison. */
.switch-page {
  --cw-color: #88d5ee;
  --alternative-color: #edbd87;
  --supported-color: #9ed4bb;
  --label-color: #b4bdcc;
  --quiet-color: #929dac;
  --heading-color: #e8ecf2;
  --rule-color: #343c49;
  --accent: var(--cw-color);
}
.switch-page .comparison-section {
  --section-color: var(--alternative-color);
  --section-secondary: var(--alternative-color);
}
.switch-eyebrow, .switch-content .compare-eyebrow, .switch-content .compare-vs {
  color: var(--quiet-color);
}
.compare-eyebrow > svg { color: var(--label-color); }
.switch-index nav span, .switch-index nav a, .switch-index-contact {
  color: var(--quiet-color);
}
.switch-index-title { color: var(--heading-color); }
.switch-index nav a:hover, .switch-index-contact:hover,
.switch-hero-actions > a:not(.switch-primary), .switch-content > p a {
  color: var(--cw-color);
}
.switch-primary { background: var(--cw-color); border-color: var(--cw-color); }
.switch-hero-art::before, .switch-hero-art > div > span,
.switch-hero-art > div:last-child > span { color: var(--quiet-color); }
.switch-hero-art > div:first-child strong { color: var(--label-color); }
.switch-hero-art > b { color: #657386; }
.hero-art-engine strong, .switch-hero-art > div:last-child strong {
  color: var(--cw-color);
}
.hero-art-engine > span { color: var(--label-color) !important; }
.hero-art-engine img { filter: grayscale(1) brightness(1.7); }
.budget-label, .budget-label > span { color: var(--label-color); }
.budget-parse > .scan-icon,
.budget-columns .budget-parse > span,
.budget-parse strong { color: var(--alternative-color); }
.budget-cleanedweb > .scan-icon,
.budget-columns .budget-cleanedweb > span,
.budget-cleanedweb strong { color: var(--cw-color) !important; }
.budget-columns b { color: var(--heading-color); }
.budget-columns p { color: var(--quiet-color); }
.switch-content .compare-table thead th { color: var(--label-color); }
.switch-content .compare-table thead th:nth-child(2) { color: var(--alternative-color); }
.switch-content .compare-table thead th:last-child { color: var(--cw-color); }
.scan-feature .scan-icon { color: var(--quiet-color); }
.switch-content .compare-table tbody th { color: var(--label-color); }
.switch-content .compare-table td, .switch-content .compare-table td:last-child {
  color: #d0d7e2;
}
.scan-value.is-supported { color: #d0d7e2; }
.scan-value.is-supported .scan-icon { color: var(--supported-color); }
.switch-content .compare-table .scan-group th,
.scan-group th > span { color: var(--quiet-color); }
.switch-content .compare-button,
.switch-content .compare-button > span { color: var(--cw-color); }
.switch-content .compare-button { border-color: #4a6270; }
.switch-content .compare-button:hover { border-color: var(--cw-color); color: #c5eeff; }
.switch-content .flow-row > b,
.switch-content .flow-row > div > span:first-child,
.switch-content .flow-row > div > span:nth-child(2),
.switch-content .flow-row > div > span:last-child { color: var(--alternative-color); }
.switch-content .cleanedweb-flow > b,
.switch-content .cleanedweb-flow > div > span:first-child,
.switch-content .cleanedweb-flow > div > span:nth-child(2),
.switch-content .cleanedweb-flow > div > span:last-child { color: var(--cw-color); }
.compare-fit > div:first-child > span { color: var(--alternative-color); }
.compare-fit > div:last-child > span { color: var(--cw-color); }
.switch-next a:nth-child(n) > span { color: var(--quiet-color); }
.switch-next a:nth-child(n) > strong { color: var(--cw-color); }
.switch-next a:nth-child(n) > p { color: var(--quiet-color); }
.switch-content .comparison-source { color: var(--quiet-color); }
.switch-content .comparison-source a { color: var(--label-color); }
.switch-content .comparison-source a:hover { color: var(--cw-color); }
@media(max-width:760px) {
  .switch-content .compare-table td::before { color: var(--alternative-color); }
  .switch-content .compare-table td:last-child::before { color: var(--cw-color); }
}

/* Shared reading layout: compact, neutral, and navigable at every width. */
.switch-page {
  --line: #30302e;
  --cw-color: #a6d4e2;
  --alternative-color: #d8b58d;
  --supported-color: #a9ceb7;
  --label-color: #bebeb6;
  --quiet-color: #a5a59f;
  --heading-color: #e8e6e1;
  --rule-color: #3b3d36;
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.switch-layout { grid-template-columns: 200px minmax(0, 1fr); gap: 48px; border-top: 1px solid var(--line); }
.switch-index { top: 24px; padding-top: 30px; max-height: calc(100dvh - 48px); overflow-y: auto; scrollbar-width: thin; }
.switch-index-title { font-size: 13px; margin-bottom: 16px; }
.switch-page .switch-index nav { align-items: stretch; }
.switch-index nav a { font-size: 12px; line-height: 1.6; gap: 10px; padding: 7px 0; }
.switch-index nav span { color: #777b70; font-size: 10px; padding-top: 2px; }
.switch-index-contact { font-size: 12px; margin-top: 20px; padding-top: 16px; }
.switch-related { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--line); }
.switch-related > span { display: block; margin-bottom: 7px; color: var(--label-color); font-size: 11px; }
.switch-page .switch-related nav { gap: 0; }
.switch-related nav [aria-current] { color: var(--cw-color); }
.switch-hero { padding: 36px 0 30px; }
.switch-eyebrow { font: 12px/1.7 'DM Sans', sans-serif; letter-spacing: 0; }
.switch-page .switch-hero h1 { max-width: 760px; margin: 16px 0; color: var(--heading-color); font-size: clamp(34px, 4vw, 49px); font-weight: 450; line-height: 1.13; letter-spacing: -.04em; }
.switch-hero > p { max-width: 660px; margin: 0; font-size: 16px; line-height: 1.75; color: var(--label-color); }
.switch-hero-actions { gap: 24px; margin-top: 23px; font-size: 13px; }
.switch-primary { gap: 22px; border: 1px solid #c1d3c7; background: #c1d3c7; color: #152018; padding: 10px 14px; border-radius: 4px; }
.switch-primary:hover { background: #dae5dd; border-color: #dae5dd; color: #152018; }
.switch-content { color: #b9b9b2; font-size: 15px; line-height: 1.8; overflow-wrap: anywhere; }
.switch-content > p { max-width: 760px; }
.switch-content > p:first-child { margin-top: 27px; }
.switch-content strong { color: var(--heading-color); font-weight: 600; }
.switch-content .comparison-section { padding: 36px 0 40px; }
.switch-content .comparison-section h2 { font-size: clamp(26px, 3vw, 33px); line-height: 1.2; margin: 16px 0; letter-spacing: -.03em; color: var(--heading-color); }
.switch-content .comparison-section > p { color: #b9b9b2; max-width: 720px; margin-bottom: 24px; }
.switch-content > h2 { margin: 32px 0 16px; color: var(--heading-color); font-size: 24px; line-height: 1.35; letter-spacing: -.02em; font-weight: 600; }
.switch-content .compare-eyebrow { font: 11px/1.6 'DM Sans', sans-serif; letter-spacing: .02em; }
.switch-content .compare-vs { font-size: 11px; }
.switch-content .compare-table th, .switch-content .compare-table td { border-color: var(--line); font-size: 13px; line-height: 1.7; padding-block: 13px; }
.switch-content .compare-table thead th { border-bottom-color: #4a4d44; font-weight: 600; }
.switch-content .compare-table td, .switch-content .compare-table td:last-child, .scan-value.is-supported { color: #c9c9c1; }
.switch-content .compare-table .scan-group th { padding-top: 23px; border-color: var(--line); font-family: 'DM Sans', sans-serif; }
.scan-group th > span { font-family: 'DM Sans', sans-serif; }
.scan-feature { align-items: flex-start; }
.scan-feature .scan-icon { width: 17px; height: 17px; flex-basis: 17px; margin-top: 3px; }
.switch-content .compare-button { padding: 7px 0; font-size: 13px; }
.budget-comparison { margin: 25px 0; }
.budget-label { font-size: 13px; }
.budget-columns { gap: 30px; margin-top: 16px; }
.budget-columns > div { border-top-color: #41443c; padding-top: 18px; }
.budget-columns > div > strong { font-size: clamp(33px, 3.8vw, 48px); margin-top: 15px; letter-spacing: -.04em; }
.budget-columns > div > strong.metric-zyte { font-size: clamp(26px, 2.8vw, 38px); }
.switch-content .budget-parse strong { color: var(--alternative-color); }
.budget-columns b { font-size: 14px; }
.budget-columns > div > span, .budget-columns p { font-size: 12px; }
.switch-content .comparison-source { color: var(--quiet-color); font-size: 12px; }
.compare-fit { gap: 24px; }
.compare-fit > div { border-color: #41443c; padding: 17px 0; }
.switch-closing { padding: 38px 0 25px; }
.switch-closing h2 { color: var(--heading-color); font-size: 32px; letter-spacing: -.03em; font-weight: 450; margin: 16px 0; }
.switch-next { margin-top: 25px; gap: 23px; }
.switch-next a { padding-top: 18px; border-color: #41443c; }
.switch-next strong { margin-top: 15px; font-size: 14px; }
.switch-next p { font-size: 13px; line-height: 1.75; }
.switch-sections { display: none; }
.switch-directory { margin: 34px 0 30px; padding-top: 20px; border-top: 1px solid var(--line); }
.switch-directory > span { display: block; color: var(--quiet-color); font-size: 12px; margin-bottom: 13px; }
.switch-directory > div { display: flex; flex-wrap: wrap; gap: 8px 23px; }
.switch-directory a { padding: 5px 0; color: var(--cw-color); font-size: 13px; }
.switch-directory a[aria-current] { color: var(--quiet-color); text-decoration: underline; text-underline-offset: 4px; }
.switch-page :is(a, summary):focus-visible { outline: 2px solid var(--cw-color); outline-offset: 4px; }
@media (max-width: 1100px) {
  .switch-layout { grid-template-columns: 180px minmax(0, 1fr); gap: 30px; }
}
@media (max-width: 760px) {
  .switch-layout { display: block; }
  .switch-index { display: none; }
  .switch-hero { padding: 26px 0; }
  .switch-page .switch-hero h1 { font-size: 35px; }
  .switch-hero > p { font-size: 15px; }
  .switch-hero-actions { gap: 14px 20px; font-size: 12px; }
  .switch-sections { display: block; border-bottom: 1px solid var(--line); font-size: 13px; color: var(--label-color); }
  .switch-sections summary { padding: 14px 0; cursor: pointer; color: var(--heading-color); }
  .switch-sections summary::after { content: '+'; margin-left: auto; color: var(--quiet-color); font-size: 18px; font-weight: 400; }
  .switch-sections[open] summary::after { content: '−'; }
  .switch-page .switch-sections nav { position: static; display: grid; inset: auto; width: auto; padding: 0 0 15px; margin: 0; gap: 0; border: 0; background: none; box-shadow: none; transform: none; }
  .switch-sections nav a { display: flex; gap: 12px; padding: 8px 0; font-size: 13px; color: var(--cw-color); }
  .switch-sections nav span { color: var(--quiet-color); font: 11px/1.8 ui-monospace, monospace; }
  .switch-content .comparison-section { padding: 30px 0; }
  .switch-content .comparison-section h2 { font-size: 27px; }
  .switch-content > h2 { font-size: 22px; }
  .switch-content .compare-vs { margin-left: 0; font-size: 11px; }
  .switch-content .compare-table tr { border-bottom-color: var(--line); padding-block: 15px; gap: 9px 18px; }
  .switch-content .compare-table td { padding: 0; font-size: 13px; }
  .switch-content .compare-table th[scope=row] { font-size: 13px; }
  .switch-content .compare-table td::before { font-family: 'DM Sans', sans-serif; font-size: 11px; }
  .budget-columns { gap: 20px; }
  .budget-columns > div > strong { font-size: 34px; }
  .budget-columns > div > strong.metric-zyte { font-size: 27px; }
  .budget-columns b { font-size: 13px; }
  .switch-next { gap: 0; }
  .switch-next a + a { border-color: #41443c; }
  .switch-closing h2 { font-size: 29px; }
}
@media (max-width: 360px) {
  .switch-page .switch-hero h1 { font-size: 31px; }
  .budget-columns { gap: 14px; }
  .budget-columns > div > strong { font-size: 30px; }
  .budget-columns > div > strong.metric-zyte { font-size: 23px; }
}