:root{--ink:#262333;--plum:#513361;--muted:#605769;--line:#ded7e4;--paper:#fff;--wash:#f5f1f7}
.comparison{max-width:1180px;padding:36px 28px 64px}.comparison article{background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 10px 35px #30203809}.comparison-hero{padding:44px 48px 34px;background:linear-gradient(125deg,#f7f1fa,#fcfbf6)}.comparison h1{max-width:930px;font-size:clamp(32px,4.3vw,53px);line-height:1.1;margin:15px 0 22px}.comparison h1 span{color:var(--plum)}.lead{font-size:20px;line-height:1.6;max-width:830px}.disclosure{color:var(--muted);font-size:13px;max-width:800px}.comparison nav{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.comparison nav a{display:inline-block;background:#fff;border:1px solid #cfc1d6;border-radius:22px;padding:8px 16px;font-size:14px;text-decoration:none;font-weight:650}.comparison section{padding:36px 40px;border-top:1px solid var(--line);scroll-margin-top:20px}.section-number{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:var(--plum);font-weight:750}.comparison h2{font-size:29px;margin:10px 0 16px}.comparison p{max-width:950px}.legend{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;background:var(--wash);padding:17px;border-radius:10px;margin:25px 0}.legend p{font-size:13px;margin:0;line-height:1.6}.badge{display:inline-block;border-radius:5px;font-size:11px;font-weight:750;padding:3px 7px;margin:0 3px 5px 0;white-space:nowrap;letter-spacing:.15px}.badge.verified{background:#e4efe8;color:#285841;border:1px solid #b9d2c2}.badge.assisted{background:#f5ecd8;color:#735415;border:1px solid #decc9d}.badge.development{background:#eee5f3;color:#654077;border:1px solid #d4c2df}.legend .badge{display:block;width:max-content}.capabilities{width:100%;table-layout:fixed;min-width:0;font-size:14px;border:1px solid var(--line)}.capabilities th,.capabilities td{padding:14px 11px;overflow-wrap:anywhere}.capabilities thead th:nth-child(1){width:18%}.capabilities thead th:nth-child(2){width:24%}.capabilities thead th:nth-child(3){width:40%}.capabilities thead th:nth-child(4){width:18%}.capabilities tbody th{font-size:14px}.capabilities textarea{font-size:13px;min-height:96px;padding:8px;resize:vertical}.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}.evidence,.worked-example{background:#faf8fb;border:1px solid var(--line);border-radius:9px;padding:16px 20px;margin:22px 0;font-size:14px}.evidence ul{padding-left:22px}.evidence li{margin:8px 0}details summary{cursor:pointer;font-weight:700;line-height:1.5}details[open] summary{margin-bottom:15px}details p:last-child{margin-bottom:0}.shared-inputs{display:grid;grid-template-columns:2fr 1fr .75fr;gap:18px}.comparison label{font-size:15px;margin-top:15px}.comparison input,.comparison select,.comparison textarea{font-size:16px}.comparison select:focus-visible{outline:3px solid #9455b5;outline-offset:3px}.hint{font-size:12px;color:var(--muted);line-height:1.5;margin:6px 0 15px}.required{color:#7c3f31}.input-note{font-size:13px;background:#f8f5ed;padding:13px 16px;border-radius:8px;margin:16px 0 24px}.cost-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.cost-panel{min-width:0;border:1px solid var(--line);border-radius:12px;padding:20px 24px;background:#fcfbfd}.cost-panel.proposed{background:#f6f0f9;border-color:#c8b4d3}.cost-panel legend{font-size:22px;line-height:1.3;font-weight:750;padding:0 9px}.cost-panel .field{margin-top:9px}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:16px 0}.actions button{font-size:15px}.secondary{background:#ece3f1;color:#492d5a}.text-button{background:transparent;color:#573865;text-decoration:underline}.scenario{font-size:13px;padding:12px 16px;background:#f5f2f6;border-radius:7px}.scenario[data-mode=example]{background:#f8efdb;border:1px solid #d8c69b}.comparison .results{padding:24px;border:1px solid #c9b8d3;border-radius:12px;background:#faf7fc;margin:25px 0}.results h3{margin:0 0 10px;font-size:23px}.results #result-summary{font-weight:700;color:var(--plum);font-size:19px}.result-highlights{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.result-highlights div{padding:18px;background:white;border-radius:8px;border:1px solid var(--line)}.result-highlights span,.result-highlights small{display:block;font-size:12px;color:var(--muted)}.result-highlights strong{display:block;font-size:25px;margin:5px 0;overflow-wrap:anywhere}.result-table{min-width:0;font-size:13px;table-layout:fixed}.result-table th:first-child{width:46%}.result-table th,.result-table td{padding:10px 8px;overflow-wrap:anywhere}.result-table tbody th{font-weight:500}.result-table .total-row{background:#eee5f3;font-weight:750}.result-table .total-row th{font-weight:750}.result-notes{font-size:14px;padding-top:20px}.result-notes p{margin-bottom:10px}.result-workload{font-size:13px}.comparison .method{font-size:14px;border-radius:8px;padding:18px;margin:24px 0}.error{background:#fff0ee;border-left:4px solid #a13e33;padding:14px;font-size:15px}.privacy{font-size:14px;background:#f5f2f6;padding:16px;border-radius:9px;margin:25px 0 0}.comparison footer{margin:0;padding:25px 40px}.comparison footer img{display:inline-block;vertical-align:middle;object-fit:contain}.comparison footer p{font-size:12px;margin:10px 0 0}.print-answer{display:none;white-space:pre-wrap;overflow-wrap:anywhere}[hidden]{display:none!important}
@media(max-width:760px){.comparison{padding:15px 10px 35px}.comparison-hero{padding:28px 22px}.comparison h1{font-size:35px;letter-spacing:-1px}.desktop-break{display:none}.lead{font-size:18px}.comparison section{padding:28px 20px}.comparison h2{font-size:26px}.comparison nav{gap:8px}.comparison nav a{font-size:13px;padding:7px 12px}.legend{grid-template-columns:1fr;gap:10px;padding:14px}.legend .badge{display:inline-block;margin-right:5px}.capabilities,.capabilities tbody,.capabilities tr,.capabilities th,.capabilities td{display:block;width:100%!important}.capabilities thead{display:none}.capabilities caption{display:block;font-size:13px}.capabilities tr{padding:0 0 12px;border-bottom:2px solid #cfc2d7}.capabilities tbody th{background:#f3edf6;padding:12px;font-size:16px;border:0}.capabilities td{border:0;padding:8px 12px}.capabilities td:before{content:attr(data-label);display:block;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-weight:750;margin-bottom:5px}.capabilities textarea{min-height:65px}.shared-inputs,.cost-columns{grid-template-columns:1fr}.shared-inputs{gap:0}.cost-columns{gap:26px}.cost-panel{padding:18px}.actions{gap:8px}.actions button{margin-top:6px}.comparison .results{padding:16px}.result-highlights{grid-template-columns:1fr}.result-table th,.result-table td{font-size:12px;padding:9px 5px}.result-table th:first-child{width:42%}.comparison footer{padding:23px 20px}}
@media print{.comparison{max-width:none;padding:0}.comparison article{box-shadow:none;border:0}.comparison-hero,.comparison section,.comparison footer{padding:16px 0;background:white}.comparison h1{font-size:30px}.comparison h2{font-size:20px}.comparison h3{font-size:17px}.comparison nav,.actions,.no-print{display:none}.comparison input,.comparison textarea,.comparison select{display:none}.print-answer{display:block;min-height:18px;padding:3px 0 8px;border-bottom:1px solid #ddd}.comparison label{font-size:11px}.lead{font-size:14px}.disclosure,.hint,.input-note{font-size:10px}.capabilities{display:table;table-layout:fixed;font-size:10px}.capabilities thead{display:table-header-group}.capabilities tbody{display:table-row-group}.capabilities tr{display:table-row;break-inside:avoid}.capabilities th,.capabilities td{display:table-cell;width:auto!important;padding:7px;font-size:10px}.capabilities td:before{display:none}.capabilities .sr-only{display:none}.capabilities tbody th{width:18%!important}.badge{font-size:9px;white-space:normal}.cost-columns,.result-highlights{display:grid;grid-template-columns:1fr 1fr}.shared-inputs{display:grid;grid-template-columns:2fr 1fr 1fr}.cost-panel{break-inside:avoid;padding:14px}.cost-panel legend{font-size:17px}.field{break-inside:avoid}.result-highlights strong{font-size:20px}.result-table{font-size:10px}.result-table tr{break-inside:avoid}.result-notes,.method,.worked-example,.evidence,.privacy{font-size:11px}.comparison .results{break-inside:auto}.comparison #result-summary{font-size:15px}}