/* Comparison-only layer: reuse the public brand, navigation and footer. */
body.gc-comparison { --compare-ink:#1c1c1c; --compare-muted:#5a5f54; --compare-line:#d9ddd1; --compare-green:#263f30; background:#fff; }
.gc-comparison main { overflow:clip; }
.gc-comparison [id] { scroll-margin-top:110px; }
.gc-comparison main:focus { outline:none; }
.compare-wrap { width:100%; max-width:1280px; padding-inline:48px; margin-inline:auto; }
.gc-comparison :where(h1,h2,h3,p,figure) { margin:0; }
.gc-comparison :where(h1,h2,h3) { font-weight:600; text-wrap:balance; color:var(--compare-ink); }
.gc-comparison a { color:inherit; }
.gc-comparison main a:focus-visible,.gc-comparison main summary:focus-visible,.compare-table-scroll:focus-visible { outline:3px solid #476d79; outline-offset:5px; }
.compare-eyebrow,.compare-card-label { font-size:12px; font-weight:600; line-height:1.6; letter-spacing:.11em; }
.compare-eyebrow { margin-bottom:22px!important; }
.compare-hero { background:#f6f6f4; border-bottom:1px solid var(--compare-line); }
.compare-hero-grid { display:grid; grid-template-columns:1fr 1fr; gap:54px; align-items:center; padding-block:70px 66px; }
.compare-hero-copy { min-width:0; }
.compare-hero-copy>.compare-eyebrow { display:flex; align-items:center; gap:12px; }
.compare-eyebrow>span { font-size:26px; line-height:1; }
.gc-comparison h1 { font-size:clamp(40px,4.7vw,64px); line-height:1.1; letter-spacing:-.055em; max-width:600px; }
.compare-highlight { background:linear-gradient(transparent 84%,#f0ff08 84%); -webkit-box-decoration-break:clone; box-decoration-break:clone; }
.compare-highlight>span { white-space:nowrap; }
.compare-lede { font-size:17px; color:var(--compare-muted); line-height:1.85; margin-top:27px!important; max-width:500px; }
.compare-actions { display:flex; flex-wrap:wrap; gap:14px 24px; margin-top:28px; align-items:center; }
.compare-button { display:inline-flex; justify-content:center; align-items:center; gap:22px; min-height:54px; padding:15px 23px; border:1px solid #f0ff08; border-radius:3px; background:#f0ff08; color:#1c1c1c!important; font-size:14px; font-weight:600; line-height:1.5; text-decoration:none!important; }
.compare-button:hover { background:#e6f20a; border-color:#e6f20a; }
.compare-button>span { font-size:22px; font-weight:400; }
.compare-text-link { display:inline-flex; align-items:center; min-height:44px; gap:14px; font-size:14px; font-weight:600; text-decoration:none; }
.compare-text-link:hover { text-decoration:underline; text-underline-offset:5px; }
.compare-byline { display:flex; gap:12px; align-items:center; margin-top:33px; }
.compare-byline img { width:40px; height:40px; object-fit:cover; border-radius:50%; }
.compare-byline p { font-size:12px; line-height:1.8; }
.compare-byline span { color:var(--compare-muted); }
.compare-hero-example { min-width:0; padding:18px; background:#e9eddf; border:1px solid #d8ddcd; border-radius:9px; transform:rotate(1deg); box-shadow:0 22px 55px #263f300d; }
.compare-example-bar { display:flex; justify-content:space-between; align-items:center; gap:12px; font-size:10px; font-weight:600; letter-spacing:.07em; margin-bottom:16px; }
.compare-example-bar i { display:inline-block; width:7px; height:7px; border-radius:50%; background:#36543d; margin-right:7px; }
.compare-hero-example>a { display:block; border:1px solid #d2d7c7; border-radius:4px; overflow:hidden; background:#fff; }
.compare-hero-example img { display:block; width:100%; height:auto; }
.compare-hero-example figcaption { padding:18px 5px 3px; }
.compare-hero-example figcaption strong { display:block; font-size:16px; font-weight:600; }
.compare-hero-example figcaption span { display:block; font-size:11px; margin-top:5px; color:#51594a; }
.compare-jump { border-bottom:1px solid var(--compare-line); background:#fff; }
.compare-jump>.compare-wrap { display:flex; gap:30px; align-items:center; min-height:76px; flex-wrap:wrap; padding-block:12px; }
.compare-jump span { font-size:10px; letter-spacing:.12em; color:var(--compare-muted); margin-right:auto; }
.compare-jump a { font-size:13px; font-weight:600; min-height:44px; display:flex; align-items:center; text-decoration:none; }
.compare-jump a:hover { text-decoration:underline; text-underline-offset:5px; }
.compare-section { padding-block:86px; }
.gc-comparison h2 { font-size:clamp(29px,3.25vw,44px); line-height:1.18; letter-spacing:-.04em; }
.gc-comparison h2 em { font-family:Georgia,serif; font-weight:400; }
.compare-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:40px; margin-bottom:36px; }
.compare-section-heading>p { max-width:380px; font-size:15px; line-height:1.85; color:var(--compare-muted); }
.compare-fit-grid,.compare-design-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.compare-fit { border:1px solid var(--compare-line); border-radius:5px; padding:36px; background:#f6f6f4; }
.compare-fit h3 { font-size:28px; line-height:1.25; letter-spacing:-.035em; margin:25px 0 17px; }
.compare-fit>p:not(.compare-card-label) { font-size:15px; line-height:1.85; color:var(--compare-muted); max-width:440px; }
.compare-fit ul,.compare-price-card ul { padding:0; margin:24px 0; list-style:none; font-size:14px; }
.compare-fit li,.compare-price-card li { padding:9px 0 9px 24px; position:relative; }
.compare-fit li::before,.compare-price-card li::before { content:'✓'; position:absolute; left:0; font-size:13px; }
.compare-fit .compare-text-link { margin-top:4px; }
.compare-fit-gocushy { background:var(--compare-green); border-color:var(--compare-green); color:#fff; }
.compare-fit-gocushy h3 { color:#fff; }
.compare-fit-gocushy>p:not(.compare-card-label) { color:#dde6da; }
.compare-fit-gocushy .compare-card-label,.compare-fit-gocushy li::before { color:#edfa94; }
.compare-features { background:#f6f6f4; border-block:1px solid var(--compare-line); }
.compare-table-hint { font-size:12px; color:var(--compare-muted); margin-bottom:14px!important; }
.compare-table-scroll { width:100%; overflow:auto; overscroll-behavior-inline:contain; border:1px solid var(--compare-line); border-radius:5px; background:#fff; }
.compare-table { width:100%; min-width:700px; table-layout:fixed; border-collapse:collapse; font-size:14px; text-align:left; line-height:1.8; }
.compare-table caption { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.compare-table :where(th,td) { padding:23px 26px; vertical-align:top; border-bottom:1px solid var(--compare-line); }
.compare-table thead th { padding-block:26px; color:#1c1c1c; background:#eeefe9; font-size:17px; font-weight:600; vertical-align:middle; }
.compare-table thead th:first-child { font-size:12px; width:25%; }
.compare-table thead img { display:block; width:103px; height:26px; object-fit:contain; }
.compare-table tbody th { font-size:13px; font-weight:600; }
.compare-table td { color:#484f43; }
.compare-table :is(td:nth-child(2),thead th:nth-child(2)) { background:#f1f5e7; }
.compare-table tr:last-child :where(th,td) { border-bottom:0; }
.compare-source-ref { font-size:11px; font-weight:600; white-space:nowrap; }
.compare-fine { font-size:12px; color:var(--compare-muted); line-height:1.85; margin-top:20px!important; }
.compare-fine a,.compare-body-copy a,.compare-sources a { text-underline-offset:4px; }
.compare-workflow-grid,.compare-pricing-grid { display:grid; grid-template-columns:1fr 1fr; gap:90px; align-items:center; }
.compare-body-copy { font-size:16px; color:var(--compare-muted); line-height:1.9; margin-top:24px!important; max-width:480px; }
.compare-workflow-grid .compare-text-link { margin-top:20px; }
.compare-workflow { padding:0; margin:0; list-style:none; }
.compare-workflow li { display:flex; align-items:flex-start; gap:22px; padding:29px 0; border-bottom:1px solid var(--compare-line); }
.compare-workflow li:first-child { border-top:1px solid var(--compare-line); }
.compare-workflow li>span { color:#626b58; font-size:12px; padding-top:3px; }
.compare-workflow h3 { font-size:20px; letter-spacing:-.025em; }
.compare-workflow p { font-size:14px; color:var(--compare-muted); line-height:1.9; margin-top:10px; }
.compare-designs { background:#eeefe9; }
.compare-design { display:block; text-decoration:none; min-width:0; }
.compare-design-image { padding:20px; background:#e0e5d7; border:1px solid #d0d6c5; border-radius:5px; }
.compare-design:nth-child(2) .compare-design-image { background:#e6e1d9; border-color:#d8d1c5; }
.compare-design img { display:block; width:100%; height:auto; border-radius:3px; border:1px solid #d8dacd; }
.compare-design>div:last-child { padding:23px 0; }
.compare-design h3 { display:flex; gap:20px; justify-content:space-between; font-size:19px; margin-top:10px; line-height:1.4; letter-spacing:-.025em; }
.compare-design h3 span { flex-shrink:0; }
.compare-design:hover h3 { text-decoration:underline; text-underline-offset:5px; }
.compare-designs .compare-fine { margin-top:0!important; }
.compare-price-card { background:#f3f5ed; border:1px solid #cdd4c0; border-radius:5px; padding:36px; }
.compare-price { font-size:60px; font-weight:600; line-height:1.1; letter-spacing:-.06em; margin-top:23px!important; }
.compare-price>span { font-size:18px; font-weight:400; letter-spacing:0; margin-left:7px; }
.compare-price-trial { font-size:14px; margin-top:12px!important; }
.compare-price-card .compare-button { width:100%; }
.compare-switch { background:#e2ece6; border-block:1px solid #c9d7cc; }
.compare-switch-grid { display:grid; grid-template-columns:1fr 1fr; gap:75px; }
.compare-switch-grid>div:last-child>p { font-size:15px; line-height:1.9; margin-bottom:18px; color:#414f43; }
.compare-faq-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; }
.compare-faqs details { padding:23px 0; border-bottom:1px solid var(--compare-line); }
.compare-faqs details:first-child { border-top:1px solid var(--compare-line); }
.compare-faqs summary { cursor:pointer; list-style:none; display:flex; justify-content:space-between; align-items:center; gap:20px; min-height:30px; font-size:16px; font-weight:600; line-height:1.6; }
.compare-faqs summary::-webkit-details-marker { display:none; }
.compare-faqs summary::after { content:'+'; font-size:23px; font-weight:400; flex-shrink:0; }
.compare-faqs details[open] summary::after { content:'−'; }
.compare-faqs details p { font-size:14px; color:var(--compare-muted); line-height:1.9; margin-top:16px; }
.compare-sources { padding:45px 0; background:#f6f6f4; border-top:1px solid var(--compare-line); }
.compare-sources-grid { display:grid; grid-template-columns:1fr 1fr; gap:70px; }
.compare-sources h2 { font-size:25px; }
.compare-sources p:not(.compare-eyebrow) { font-size:12px; color:var(--compare-muted); margin-top:17px; line-height:1.9; max-width:460px; }
.compare-sources .compare-eyebrow { margin-bottom:14px!important; }
.compare-sources ol { padding-left:18px; margin:0; font-size:12px; }
.compare-sources li { padding:6px 0 6px 8px; }
.compare-closing { padding:58px 0; background:#263f30; color:#fff; }
.compare-closing>.compare-wrap { display:flex; align-items:center; justify-content:space-between; gap:45px; }
.compare-closing h2 { color:#fff; }
.compare-closing .compare-eyebrow { color:#dbe6cf; }
.compare-closing .compare-wrap>div:last-child { display:flex; flex-direction:column; align-items:flex-start; gap:16px; }
@media(max-width:1050px){.compare-wrap{padding-inline:32px}.compare-hero-grid{gap:30px}.compare-workflow-grid,.compare-pricing-grid{gap:45px}.compare-faq-grid{gap:40px}.compare-jump>.compare-wrap{gap:24px}.compare-jump span{width:100%;margin-bottom:-8px}.compare-fit{padding:28px}}
@media(max-width:760px){.compare-hero-grid{grid-template-columns:1fr;padding-block:42px;gap:38px}.gc-comparison h1{font-size:clamp(40px,7vw,56px);max-width:680px}.compare-lede{max-width:600px}.compare-hero-example{transform:none;max-width:580px}.compare-section{padding-block:58px}.compare-section-heading{display:block}.compare-section-heading>p{margin-top:22px;max-width:550px}.compare-section-heading>.compare-text-link{margin-top:18px}.compare-fit-grid,.compare-workflow-grid,.compare-design-grid,.compare-pricing-grid,.compare-switch-grid,.compare-faq-grid,.compare-sources-grid{grid-template-columns:1fr;gap:30px}.compare-fit h3{font-size:26px}.compare-design-grid{grid-template-columns:1fr 1fr;gap:18px}.compare-design-image{padding:10px}.compare-design h3{font-size:17px}.compare-workflow{margin-top:5px}.compare-closing>.compare-wrap{display:block}.compare-closing .compare-wrap>div:last-child{margin-top:30px}.compare-table :where(th,td){padding:18px}.compare-table{font-size:13px}}
@media(max-width:480px){.compare-wrap{padding-inline:21px}.compare-hero-copy>.compare-eyebrow{font-size:10px;gap:9px;letter-spacing:.06em}.compare-eyebrow{font-size:11px}.gc-comparison h1{font-size:42px}.compare-lede{font-size:15px;line-height:1.8}.compare-button{font-size:13px;padding:14px 19px;gap:16px}.compare-actions{gap:10px}.compare-actions .compare-button{width:100%}.compare-byline{gap:10px;align-items:flex-start}.compare-byline p{font-size:10px}.compare-hero-example{padding:11px}.compare-example-bar{font-size:8px;letter-spacing:.035em;margin-bottom:10px}.compare-hero-example figcaption{padding:14px 3px 4px}.compare-hero-example figcaption strong{font-size:14px}.compare-hero-example figcaption span{font-size:10px}.compare-jump>.compare-wrap{gap:4px 22px;padding-block:15px}.compare-jump span{margin-bottom:3px}.compare-jump a{font-size:12px}.gc-comparison h2{font-size:32px}.compare-section-heading>p{font-size:14px}.compare-fit{padding:26px 23px}.compare-fit h3{font-size:25px}.compare-fit>p:not(.compare-card-label){font-size:14px}.compare-fit li{font-size:13px}.compare-body-copy{font-size:15px}.compare-design-grid{grid-template-columns:1fr;gap:24px}.compare-design-image{padding:14px}.compare-design>div:last-child{padding:17px 0 0}.compare-designs .compare-fine{margin-top:24px!important}.compare-price-card{padding:29px 23px}.compare-price{font-size:53px}.compare-faqs summary{font-size:15px}.compare-faqs details p{font-size:14px}.compare-sources{padding-block:36px}.compare-workflow h3{font-size:18px}.compare-workflow li{gap:17px}}
@media(prefers-reduced-motion:reduce){.gc-comparison{scroll-behavior:auto}.gc-comparison *{scroll-behavior:auto!important;transition:none!important}}
@media(forced-colors:active){.compare-button,.compare-fit,.compare-hero-example,.compare-price-card{border:1px solid ButtonText}.compare-highlight{background:none;text-decoration:underline}}
