.compare-section{margin-top:10px;margin-bottom:90px;scroll-margin-top:100px}.compare-section>.chapter-heading{margin-bottom:31px;grid-template-columns:1.2fr .8fr;gap:80px}.compare-section>.chapter-heading h2{max-width:650px;font-size:43px;line-height:1.12}.compare-section>.chapter-heading>p{max-width:380px;align-self:end;padding-bottom:3px;font-size:16px;line-height:1.55;color:#435e4b}.compare-stage{position:relative;isolation:isolate;padding:30px;background:#a7cfda;border-radius:12px;overflow:clip}.compare-stage:before{content:'';position:absolute;z-index:-1;width:620px;height:620px;right:-210px;top:-210px;background:url('page-assets/assets/emblem-3.svg') center/contain no-repeat;opacity:.45;transform:rotate(23deg)}.compare-stage:after{content:'';position:absolute;z-index:-1;width:500px;height:500px;left:-180px;bottom:-210px;background:url('page-assets/assets/emblem-4.svg') center/contain no-repeat;opacity:.42;transform:rotate(-21deg)}.compare-table-scroll{overflow:auto;border-radius:8px;box-shadow:0 16px 28px #19382d20;background:#fafaf1}.compare-table{border-collapse:collapse;width:100%;min-width:870px;table-layout:fixed}.compare-table col:nth-child(1){width:22%}.compare-table col:nth-child(2){width:25%}.compare-table col:nth-child(3){width:25%}.compare-table col:nth-child(4){width:28%}.compare-table thead{background:#19382d;color:#fffbed}.compare-table th{padding:22px 24px;font:500 11px/1.35 var(--sans);text-transform:uppercase;letter-spacing:.065em;text-align:left;vertical-align:middle}.compare-table td{padding:21px 24px;font:400 14px/1.45 var(--sans);color:#435a4b;vertical-align:middle;border-top:1px solid #d0d8ca;background:#fafaf1}.compare-table td strong{font-weight:500;color:#284331}.compare-table .edda-row td{background:#f4d789;color:#19382d;border-top:0;padding-block:26px;font-size:15px}.compare-table .edda-row td strong{color:#19382d;font-weight:500}.compare-tool{display:flex;gap:12px;align-items:center;min-height:38px;font-size:16px;line-height:1.27;font-weight:500;color:#203b30}.compare-tool a{color:inherit;text-decoration:none}.compare-tool a:hover{text-decoration:underline;text-underline-offset:4px}.compare-tool .names{display:block}.compare-tool .slash{color:#879483;padding-inline:3px;font-weight:400}.compare-tool .edda-name{font-size:22px;letter-spacing:.06em;font-weight:600}.compare-tool>img{width:34px;height:34px;flex:none}.compare-tool .brand-icons{display:flex;align-items:center;gap:6px;margin-bottom:8px;height:18px}.compare-tool .brand-icons img{width:17px;height:17px;object-fit:contain}.compare-tool .brand-icons img.claude-mark{filter:invert(49%) sepia(24%) saturate(815%) hue-rotate(331deg) brightness(96%)}.compare-tool .brand-icons img.gemini-mark{filter:invert(43%) sepia(71%) saturate(564%) hue-rotate(179deg)}.compare-tool .brand-icons img.n8n-mark{filter:invert(49%) sepia(63%) saturate(1162%) hue-rotate(310deg)}.compare-tool .brand-icons img.zapier-mark{filter:invert(43%) sepia(96%) saturate(2610%) hue-rotate(355deg)}.compare-tool .by-openai{font-size:11px;display:block;color:#6b7c66;margin-top:4px}.compare-tool .dots-wordmark{font-size:23px;letter-spacing:-.045em}.compare-stage .compare-foundation{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px 6px 1px;font-size:12px;color:#244d45}.compare-foundation span{display:flex;align-items:center;gap:8px}.compare-foundation svg{width:16px;height:16px;color:#24584e}.compare-foundation span:nth-child(2){margin-left:auto}.compare-stage a:focus-visible,.compare-table-scroll:focus-visible{outline:3px solid #925d00;outline-offset:4px}.guide-close.compare-followup{margin-top:0}.compare-shortcut{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#f7f7f0;font-size:12px}.compare-shortcut svg{width:14px;height:14px}
@media(min-width:1450px){.compare-table td{font-size:15px;padding:24px 27px}.compare-table th{padding-inline:27px}.compare-table .edda-row td{font-size:16px}}
@media(max-width:1100px) and (min-width:701px){.compare-section>.chapter-heading{gap:40px;grid-template-columns:1.1fr .9fr}.compare-section>.chapter-heading h2{font-size:38px}.compare-stage{padding:22px}.compare-table td{padding:19px 20px;font-size:13px}.compare-table th{padding:20px;font-size:10px}.compare-tool{font-size:15px}.compare-stage .compare-foundation{font-size:11px;gap:16px}}
@media(max-width:700px){.compare-section{margin-bottom:65px;scroll-margin-top:82px}.compare-section>.chapter-heading{display:block;margin-bottom:24px}.compare-section>.chapter-heading h2{font-size:32px;max-width:340px}.compare-section>.chapter-heading>p{font-size:14px;line-height:1.55;margin-top:20px;max-width:330px}.compare-stage{padding:14px;border-radius:10px}.compare-stage:before{width:350px;height:350px;right:-180px;top:-125px}.compare-stage:after{width:350px;height:350px;left:-220px;bottom:-100px}.compare-table{min-width:920px}.compare-table col:nth-child(1){width:19%}.compare-table col:nth-child(2){width:26%}.compare-table col:nth-child(3){width:26%}.compare-table col:nth-child(4){width:29%}.compare-table th{padding:19px 17px;font-size:10px}.compare-table td{padding:19px 17px;font-size:13px}.compare-tool{font-size:14px;min-height:35px;gap:8px}.compare-tool .edda-name{font-size:18px}.compare-tool>img{width:28px;height:28px}.compare-tool .brand-icons{gap:5px;height:14px}.compare-tool .brand-icons img{width:14px;height:14px}.compare-table .edda-row td{font-size:14px;padding-block:23px}.compare-table th:first-child,.compare-table td:first-child{position:sticky;left:0;z-index:1}.compare-table th:first-child{background:#19382d}.compare-tool .dots-wordmark{font-size:21px}.compare-stage .compare-foundation{display:grid;gap:12px;padding:20px 4px 4px;font-size:12px}.compare-foundation span:nth-child(2){margin-left:0}.compare-table-scroll{scrollbar-color:#507d73 #d7e9df;scrollbar-width:thin}}

.compare-tool{min-width:0}.compare-tool>div,.compare-tool>.names{min-width:0}.compare-tool .names{overflow-wrap:break-word}
@media(max-width:700px){.compare-table th:first-child,.compare-table td:first-child{position:static}}

/* Owner correction: direct Yes/No marketing comparison. */
.compare-section>.chapter-heading{display:block;margin-bottom:39px}.compare-section>.chapter-heading h2{max-width:none;font-size:clamp(36px,4.15vw,59px);line-height:1.12;letter-spacing:-.035em}.compare-table{min-width:940px}.compare-table col:nth-child(1){width:23%}.compare-table col:nth-child(2),.compare-table col:nth-child(3),.compare-table col:nth-child(4){width:17%}.compare-table col:nth-child(5){width:26%}.compare-table th:not(:first-child):not(:last-child){text-align:center}.compare-table th{padding:23px 17px;font-size:11px;line-height:1.5}.compare-table td{padding:17px 23px}.compare-table td.binary{text-align:center;font-size:16px;font-weight:500;line-height:1.3}.compare-table td.is-yes{color:#19382d;font-weight:600}.compare-table td.is-no{color:#6c7768;font-weight:400}.compare-table .edda-row td{padding-block:24px}.compare-table .edda-row td.binary{font-size:18px;font-weight:600}.compare-table td.great-for{font-size:14px;line-height:1.45}.compare-table .edda-row td.great-for{font-weight:500;color:#19382d}.compare-stage{padding-bottom:30px}
@media(max-width:700px){.compare-section>.chapter-heading{margin-bottom:26px}.compare-section>.chapter-heading h2{font-size:36px;max-width:340px;line-height:1.1}.compare-table{min-width:900px}.compare-table col:nth-child(1){width:22%}.compare-table col:nth-child(2),.compare-table col:nth-child(3),.compare-table col:nth-child(4){width:17%}.compare-table col:nth-child(5){width:27%}.compare-table th{font-size:10px;padding:19px 14px}.compare-table td{padding:17px 16px}.compare-table td.binary{font-size:15px}.compare-table td.great-for{font-size:13px}.compare-stage{padding-bottom:14px}}

/* Sana reference: a continuous milky glass surface over the homepage artwork. */
.compare-section{--compare-yes:#1e5f57;--compare-no:#e44d26}
.compare-stage::before{width:940px;height:940px;right:-270px;top:-160px;opacity:.65}
.compare-stage::after{width:800px;height:800px;left:-300px;bottom:-230px;opacity:.56}
.compare-table-scroll{background:rgba(255,255,255,.84);border:1px solid rgba(255,255,255,.9);border-radius:16px;box-shadow:0 22px 46px -20px #19382d45,inset 0 1px 0 #fff;backdrop-filter:blur(22px) saturate(115%);-webkit-backdrop-filter:blur(22px) saturate(115%)}
.compare-table{background:transparent}
.compare-table thead{background:rgba(255,255,255,.28);color:#19382d}
.compare-table th{color:#19382d;border-color:rgba(25,56,45,.1)}
.compare-table td{background:transparent;border-top-color:rgba(25,56,45,.14);color:#304d40}
.compare-table .edda-row td{background:rgba(251,170,2,.16)}
.compare-table td.binary{font-size:20px;font-weight:600}
.compare-table td.binary.is-yes{color:var(--compare-yes)}
.compare-table td.binary.is-no{color:var(--compare-no);font-weight:600}
.compare-table .edda-row td.binary{font-size:22px;color:var(--compare-yes)}
@media(max-width:700px){
 .compare-stage::before{width:600px;height:600px;right:-260px;top:-100px}
 .compare-stage::after{width:550px;height:550px;left:-280px;bottom:-140px}
 .compare-table-scroll{border-radius:12px}
 .compare-table td.binary{font-size:19px}
 .compare-table .edda-row td.binary{font-size:21px}
 .compare-table th:first-child{background:transparent}
}
.compare-table .binary-detail{display:block;max-width:170px;margin:8px auto 0;font-size:12px;font-weight:400;line-height:1.45;color:#304d40}
@media(max-width:700px){.compare-table .binary-detail{font-size:11px;line-height:1.4}}

/* Dessn comparison scale: 1102px table, 14px body, inline 20px marks. */
.compare-section{max-width:1144px}
.compare-section>.chapter-heading{margin-bottom:26px}
.compare-section>.chapter-heading h2{font-size:48px;line-height:1.12}
.compare-stage{padding:20px}
.compare-table col:nth-child(1){width:22%}
.compare-table col:nth-child(2){width:15%}
.compare-table col:nth-child(3){width:16%}
.compare-table col:nth-child(4){width:15%}
.compare-table col:nth-child(5){width:32%}
.compare-table th{padding:10px 16px;font-size:11px;line-height:16px}
.compare-table td,.compare-table .edda-row td{padding:11px 20px;font-size:14px;line-height:20px}
.compare-table td.great-for,.compare-table .edda-row td.great-for{font-size:14px;line-height:20px}
.compare-table td.binary,.compare-table .edda-row td.binary{font-size:19px;line-height:24px}
.compare-tool{min-height:24px;font-size:14px;line-height:20px;gap:9px}
.compare-tool .edda-name{font-size:18px}
.compare-tool>img{width:24px;height:24px}
.compare-tool>div{display:flex;align-items:center;gap:9px}
.compare-tool .brand-icons{height:20px;gap:4px;margin:0;flex:none}
.compare-tool .brand-icons img,.compare-tool>img.product-mark{width:20px;height:20px;object-fit:contain;flex:none}
@media(max-width:700px){
 .compare-section>.chapter-heading h2{font-size:32px}
 .compare-stage{padding:14px}
 .compare-table th{padding:12px 14px;font-size:10px;line-height:15px}
 .compare-table td,.compare-table .edda-row td{padding:11px 14px;font-size:13px;line-height:19px}
 .compare-table td.great-for,.compare-table .edda-row td.great-for{font-size:13px;line-height:19px}
 .compare-table td.binary,.compare-table .edda-row td.binary{font-size:19px;line-height:24px}
 .compare-tool{font-size:13px;gap:8px}
}