.compare-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px max(24px,calc((100vw - 1120px)/2));border-bottom:2px solid #241f1b;background:#fff8ec}.compare-nav img{display:block;height:34px;width:auto}.compare-nav nav{display:flex;align-items:center;gap:12px}.compare-nav nav a,.compare-footer a{color:#241f1b;font-weight:600;text-decoration:none}.compare-nav-cta{border:2px solid #241f1b;border-radius:99px;padding:10px 18px;background:#ff2e9a;color:#fff!important;box-shadow:3px 3px 0 #14110f}.skip-link{position:absolute;left:-10000px;top:auto}.skip-link:focus{left:16px;top:16px;z-index:99;background:#fff;padding:12px}.compare-wrap{width:min(1120px,calc(100% - 40px));margin:0 auto}.compare-hero{padding:clamp(54px,8vw,96px) 0 48px;background:#fff8ec}.eyebrow{margin:0 0 14px;color:#b80e68;font:700 13px/1.2 var(--font-mono);letter-spacing:.07em;text-transform:uppercase}.compare-hero h1{max-width:900px;margin:0;color:#14110f;font:700 clamp(38px,6vw,68px)/1.06 var(--font-display);letter-spacing:-.025em}.compare-lede{max-width:760px;margin:22px 0 0;font-size:clamp(18px,2.2vw,22px);line-height:1.55;color:#3a332c}.position{max-width:760px;margin:22px 0 0;padding:16px 18px;border-left:4px solid #ff2e9a;background:#fff;font-size:16px;line-height:1.55}.compare-directory{padding:56px 0 88px}.compare-directory>h2{font:700 34px/1.1 var(--font-display)}.compare-group{margin:44px 0}.compare-group h3{font:600 24px/1.2 var(--font-display);margin:0 0 18px}.compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.compare-card{display:grid;grid-template-columns:1fr auto;gap:9px;background:#fff;border:2px solid #14110f;border-radius:18px;padding:20px;color:#14110f;text-decoration:none;box-shadow:4px 4px 0 #14110f;transition:transform .15s,box-shadow .15s}.compare-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #14110f}.compare-card>span:first-child{font:600 20px/1.2 var(--font-display)}.compare-card>span:nth-child(2){font-size:20px;color:#e01480}.compare-card small{grid-column:1/-1;color:#776a5c;font-size:14px;line-height:1.45}.decision{margin-top:56px}.decision h2{font:700 30px/1.15 var(--font-display);margin:0 0 12px}.decision p{max-width:800px;line-height:1.6;color:#3a332c}.review-note{font-size:14px!important;color:#776a5c!important;margin-top:25px!important}.compare-detail{padding:22px 0 88px}.breadcrumbs{margin:0 0 30px;color:#776a5c;font-size:14px}.breadcrumbs a{color:#b80e68}.compare-detail h1{max-width:900px;margin:0;font:700 clamp(38px,6vw,64px)/1.05 var(--font-display);letter-spacing:-.025em}.compare-summary{max-width:850px;margin:20px 0 34px;color:#3a332c;font-size:20px;line-height:1.55}.verdict{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0 46px}.verdict article{padding:24px;border:2px solid #14110f;border-radius:20px;background:#fff;box-shadow:4px 4px 0 #14110f}.verdict h2,.detail-section h2{font:600 24px/1.2 var(--font-display);margin:0 0 12px}.verdict p,.detail-section p{margin:0;color:#3a332c;font-size:16px;line-height:1.65}.verdict article:first-child{background:#ffedf6}.detail-sections{display:grid;grid-template-columns:1fr 1fr;gap:22px}.detail-section{padding:26px;background:#fff;border:2px solid #14110f;border-radius:20px}.detail-section ul{margin:12px 0 0;padding-left:21px;color:#3a332c;line-height:1.7}.detail-section li+li{margin-top:7px}.source-list{margin-top:38px;padding:22px 0;border-top:1px solid #e2d0ae}.source-list h2{font:600 20px/1.2 var(--font-display);margin:0 0 10px}.source-list a{color:#b80e68}.source-list p{color:#776a5c;font-size:14px;line-height:1.6}.related{margin-top:30px}.related a{display:inline-block;margin:6px 8px 0 0;padding:8px 13px;background:#fff;border:1.5px solid #241f1b;border-radius:99px;color:#241f1b;text-decoration:none;font-weight:600}.compare-cta{margin-top:48px;padding:clamp(28px,5vw,52px);border:2.5px solid #14110f;border-radius:28px;background:#ff2e9a;color:#fff;text-align:center;box-shadow:8px 8px 0 #14110f}.compare-cta h2{margin:0;font:700 32px/1.15 var(--font-display)}.compare-cta p{max-width:660px;margin:14px auto 24px;line-height:1.6}.compare-cta a{display:inline-block;padding:12px 20px;border:2px solid #14110f;border-radius:99px;background:#ffd400;color:#14110f;font-weight:700;text-decoration:none;box-shadow:3px 3px 0 #14110f}.compare-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:26px max(24px,calc((100vw - 1120px)/2));background:#14110f;color:#fcefda}.compare-footer a{color:#fff8ec}.compare-footer span{color:#f2e2c4}.compare-footer nav{display:flex;gap:18px}@media(max-width:760px){.compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-sections,.verdict{grid-template-columns:1fr}.compare-footer{align-items:flex-start;flex-direction:column}}@media(max-width:480px){.compare-grid{grid-template-columns:1fr}.compare-nav{padding-inline:16px}.compare-nav nav{gap:10px}.compare-nav nav a{font-size:14px}.compare-nav-cta{padding:8px 12px}.compare-wrap{width:min(100% - 32px,1120px)}}.compare-list{list-style:none;padding:0;margin:28px 0 0;border-top:1px solid #e2d0ae}.compare-list li{display:grid;grid-template-columns:minmax(220px,1fr) 2fr;gap:18px;padding:17px 0;border-bottom:1px solid #e2d0ae;line-height:1.5}.compare-list a{color:#b80e68;font-weight:700;text-decoration:underline;text-underline-offset:3px}.compare-list span{color:#3a332c}.single-comparison{max-width:860px}.single-comparison .compare-summary{margin-bottom:40px}.single-comparison section{margin:0 0 36px}.single-comparison h2{font:600 clamp(24px,3vw,30px)/1.2 var(--font-display);margin:0 0 12px}.single-comparison section p{color:#3a332c;font-size:18px;line-height:1.65}.single-comparison .piksio-case{border:2px solid #14110f;background:#ffedf6;border-radius:22px;padding:clamp(22px,4vw,34px);box-shadow:5px 5px 0 #14110f}.single-comparison .piksio-case p{margin:0}.single-comparison .piksio-case ul{margin:20px 0 0;padding-left:22px;line-height:1.7;color:#3a332c}.single-comparison .piksio-case li+li{margin-top:8px}.single-comparison .compare-source{font-size:14px;color:#776a5c;line-height:1.6;border-top:1px solid #e2d0ae;padding-top:22px}.single-comparison .compare-source a,.single-comparison .back-link{color:#b80e68}.single-comparison .back-link{font-weight:700}.single-comparison .compare-cta{margin-top:35px}@media(max-width:650px){.compare-list li{grid-template-columns:1fr;gap:3px}}.comparison-lead{max-width:780px;margin:16px 0 32px;font-size:clamp(20px,2.3vw,24px);line-height:1.5;color:#3a332c}.comparison-overview{margin:0 0 38px;color:#62584f;font-size:16px;line-height:1.6}.comparison-story{padding:28px 32px;border-left:6px solid #ff2e9a;background:#fff8ec}.comparison-story h2{margin-top:0}.comparison-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:36px 0}.comparison-columns section{margin:0;padding:28px;border:2px solid #14110f;border-radius:20px;background:#fff}.comparison-columns section:first-child{background:#ffedf6;box-shadow:4px 4px 0 #14110f}.comparison-columns p{font-size:17px!important}.comparison-choice{padding:26px 30px;border-top:2px solid #14110f;border-bottom:2px solid #14110f}.comparison-choice p{font-size:18px;line-height:1.65}.comparison-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:28px 0 40px}.comparison-actions .button{display:inline-block;padding:11px 18px;border:2px solid #14110f;border-radius:99px;background:#ff2e9a;color:#fff;text-decoration:none;font-weight:700;box-shadow:3px 3px 0 #14110f}.comparison-actions .back-link{font-size:15px}@media(max-width:700px){.comparison-columns{grid-template-columns:1fr}.comparison-story{padding:22px}}.single-comparison { max-width: 1120px; padding-top: 32px; }
.single-comparison > h1,
.single-comparison > .comparison-lead,
.single-comparison > .comparison-overview { max-width: 820px; }
.comparison-toc { display: flex; gap: 8px; flex-wrap: wrap; margin: 28px 0 48px; }
.comparison-toc a { color: #241f1b; border: 1px solid #cebfa9; background: #fff8ec; border-radius: 99px; padding: 9px 15px; font-size: 14px; text-decoration: none; }
.comparison-toc a:hover { background: #ffedf6; border-color: #b80e68; }
.comparison-toc a:focus-visible,
.table-scroll:focus-visible { outline: 3px solid #b80e68; outline-offset: 4px; }
.single-comparison section { scroll-margin-top: 24px; margin-bottom: 56px; padding: 0; }
.single-comparison .eyebrow { margin: 0 0 14px; color: #b80e68; font: 700 13px/1.2 var(--font-mono); }
.single-comparison .comparison-choice { padding: 24px 0; }
.single-comparison .concrete-reasons { padding: 30px; border: 2px solid #241f1b; border-radius: 22px; background: #ffedf6; box-shadow: 5px 5px 0 #241f1b; }
.concrete-reasons ol { list-style: none; counter-reset: reasons; display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; padding: 0; margin: 26px 0 0; }
.concrete-reasons li { counter-increment: reasons; }
.concrete-reasons li::before { content: "0" counter(reasons); font: 700 14px/1 var(--font-mono); color: #9a0756; }
.concrete-reasons h3 { margin: 12px 0 10px; font: 600 21px/1.25 var(--font-display); color: #14110f; }
.single-comparison .concrete-reasons li p { margin: 0; font-size: 16px; line-height: 1.65; }
.single-comparison .table-intro { max-width: 760px; font-size: 17px; }
.table-scroll { width: 100%; overflow-x: auto; border: 2px solid #241f1b; border-radius: 16px; background: #fff; }
.feature-table { width: 100%; min-width: 680px; table-layout: fixed; border-collapse: separate; border-spacing: 0; text-align: left; }
.feature-table caption { padding: 15px 20px; text-align: left; font: 400 13px/1.5 var(--font-body); color: #5b4c40; border-bottom: 1px solid #d9cbb7; background: #fff8ec; caption-side: top; }
.feature-table th, .feature-table td { padding: 18px 20px; vertical-align: top; font-size: 15px; line-height: 1.6; overflow-wrap: anywhere; border-bottom: 1px solid #e2d6c5; }
.feature-table thead th { background: #241f1b; color: #fff8ec; font: 600 19px/1.3 var(--font-display); }
.feature-table thead th:first-child { width: 24%; }
.feature-table thead th.piksio-column { background: #b80e68; }
.feature-table tbody th { font-weight: 600; color: #241f1b; background: #fffdf8; }
.feature-table td { color: #3a332c; }
.feature-table tbody .piksio-column { background: #fff1f7; }
.feature-table tbody tr:last-child > * { border-bottom: 0; }
.verification-label { display: block; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #6b5d4e; margin-bottom: 3px; }
.feature-table td.not-verified { color: #6b5d4e; font-size: 14px; }
.single-comparison .table-note, .single-comparison .source-links { font-size: 13px; line-height: 1.65; color: #6b5d4e; }
.source-links a { color: #9a0756; text-underline-offset: 3px; }
.price-takeaway { margin: 24px 0; padding: 24px 28px; background: #fff8ec; border-left: 5px solid #ff2e9a; }
.price-takeaway h3, .usage-examples h3 { margin: 0 0 10px; font: 600 23px/1.3 var(--font-display); }
.single-comparison .price-takeaway p { margin: 0; font-size: 17px; }
.single-comparison .usage-examples > p { font-size: 16px; }
.usage-examples dl { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 18px 0; }
.usage-examples dl > div { padding: 18px; border: 1px solid #cebfa9; border-radius: 12px; background: #fff; }
.usage-examples dt { font-size: 14px; color: #6b5d4e; margin-bottom: 8px; }
.usage-examples dd { margin: 0; font: 600 23px/1.25 var(--font-display); color: #14110f; }
.alternative-fit { max-width: 820px; }
.comparison-choice { max-width: 820px; }
@media (max-width: 760px) {
  .concrete-reasons ol { grid-template-columns: 1fr; gap: 24px; }
  .single-comparison .concrete-reasons { padding: 24px; }
  .usage-examples dl { grid-template-columns: 1fr; }
  .usage-examples dl > div { display: flex; justify-content: space-between; gap: 16px; align-items: center; }
  .usage-examples dt { margin: 0; }
  .usage-examples dd { font-size: 20px; text-align: right; }
  .feature-table th, .feature-table td { padding: 14px; }
  .comparison-toc { margin-bottom: 32px; }
}
.cost-calculator{margin-top:32px;padding:clamp(20px,4vw,32px);background:#fff8ec;border:2px solid #241f1b;border-radius:22px;box-shadow:5px 5px 0 #241f1b}.cost-calculator h3{font:700 28px/1.2 var(--font-display);margin:0 0 14px}.single-comparison .cost-calculator p{font-size:15px;line-height:1.6}.volume-label{display:block;font-weight:700;margin:24px 0 10px}.cost-calculator input[type=number]{max-width:100%;width:240px;padding:12px 14px;font:600 22px var(--font-display);border:2px solid #241f1b;border-radius:9px;background:white;color:#241f1b}.cost-calculator input[type=range]{display:block;width:100%;margin:24px 0;accent-color:#b80e68}.volume-presets{display:flex;flex-wrap:wrap;gap:8px}.volume-presets button{padding:9px 14px;background:white;color:#241f1b;border:1.5px solid #241f1b;border-radius:99px;font:600 14px var(--font-mono);cursor:pointer}.volume-presets button[aria-pressed=true]{background:#241f1b;color:white}.cost-calculator :focus-visible{outline:3px solid #b80e68;outline-offset:4px}.cost-results{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:26px 0 18px}.cost-card{min-width:0;padding:22px;border:1.5px solid #241f1b;border-radius:14px;background:#fff}.cost-card.cost-piksio{background:#ffedf6;border-width:2px}.cost-card h4{font:700 20px var(--font-display);margin:0 0 16px}.cost-total{display:block;font:700 clamp(27px,4vw,40px)/1.2 var(--font-display);overflow-wrap:anywhere;margin:0 0 8px}.cost-card>span{font-size:13px;color:#62584f}.cost-card p{margin:14px 0 0}.cost-summary{font-weight:700;padding:16px;border-left:4px solid #b80e68;background:white}.calculator-assumptions{margin:22px 0;border-top:1px solid #dfcdb6;padding-top:18px}.calculator-assumptions summary{font-weight:700;cursor:pointer}.calculator-assumptions label{display:block;font-weight:600;margin:20px 0 10px}.calculator-assumptions input[type=number]{width:100%;font-size:17px}.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}@media(max-width:600px){.cost-results{grid-template-columns:1fr}.cost-calculator{box-shadow:3px 3px 0 #241f1b}.volume-presets button{padding:9px 10px}}

.single-comparison .ai-creation{scroll-margin-top:100px;padding:clamp(22px,4vw,34px);border:2px solid #241f1b;border-radius:22px;background:#ffedf6;box-shadow:5px 5px 0 #241f1b}.single-comparison .ai-creation p{font-size:17px;line-height:1.65}.ai-creation-steps{padding-left:24px;line-height:1.7;color:#3a332c}.ai-creation-steps li+li{margin-top:14px}.single-comparison .ai-creation .ai-creation-payoff{padding-top:20px;border-top:1px solid #dfb9cb}.single-comparison .ai-creation .source-links,.single-comparison .ai-creation .table-note{font-size:14px}.ai-creation .comparison-actions{margin-bottom:0}
