/* A tangible comparison, keeping the existing white / graphite / gold identity. */
.competition{background:var(--surface)}
.comparison-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--space-16);align-items:end;margin-bottom:var(--space-8)}
.comparison-heading h2{max-width:660px}
.comparison-heading .eyebrow{margin-bottom:var(--space-5)}
.comparison-switch-wrap{justify-self:end;padding-bottom:var(--space-1)}
.comparison-switch-label{display:block;font-size:var(--text-xs);letter-spacing:.12em;color:var(--muted);margin-bottom:var(--space-4)}
.comparison-switch{display:flex;gap:0;border:1px solid var(--line);background:var(--paper);padding:var(--space-1)}
.comparison-switch button{min-height:48px;border:0;padding:var(--space-3) var(--space-5);font-size:var(--text-sm);background:transparent;color:var(--muted);transition:background .18s,color .18s;white-space:nowrap}
.comparison-switch button[aria-selected=true]{background:var(--ink);color:var(--bg)}
.comparison-context{max-width:820px;color:var(--muted);font-size:var(--text-base);margin-bottom:var(--space-10);min-height:80px}
.comparison-stage{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);position:relative}
.comparison-card{padding:var(--space-8);min-width:0;border:1px solid var(--line);position:relative;display:flex;flex-direction:column}
.comparison-before{background:var(--paper)}
.comparison-after{background:#151a23;color:#f5f7fa;border-color:#151a23;box-shadow:0 20px 40px #15203016}
.comparison-card-top{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xs);letter-spacing:.09em;min-height:28px;margin-bottom:var(--space-5);color:var(--muted)}
.comparison-index{font-variant-numeric:tabular-nums;color:var(--gold-text);border-bottom:1px solid var(--gold);padding-bottom:var(--space-1)}
.comparison-after .comparison-card-top{color:#c0c8d4}.comparison-after .comparison-index{color:#d5bd7c}
.comparison-card h3{font:400 clamp(1.5rem,1.2rem + .8vw,2rem)/1.25 var(--font-display);letter-spacing:-.025em;margin-bottom:var(--space-8);min-height:80px;max-width:370px}
.comparison-document{border:1px solid var(--line);padding:var(--space-5);background:var(--surface);min-height:237px}
.comparison-document-top{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);border-bottom:1px solid var(--line);padding-bottom:var(--space-4);margin-bottom:var(--space-2)}
.document-count{margin-left:auto;color:var(--muted);font-size:var(--text-lg)}
.comparison-doc-line{display:flex;align-items:center;gap:var(--space-3);padding-block:var(--space-4);font-size:var(--text-sm);color:var(--muted)}
.small-play,.small-page,.small-call{display:block;width:14px;height:14px;position:relative;flex-shrink:0;color:var(--gold-text)}
.small-play{border:1px solid currentColor}.small-play::after{content:'';position:absolute;top:3px;left:4px;border-left:4px solid currentColor;border-block:3px solid transparent}
.small-page{border:1px solid currentColor}.small-page::after{content:'';position:absolute;top:4px;left:3px;width:6px;height:1px;background:currentColor;box-shadow:0 3px currentColor}
.small-call{border:1px solid currentColor;border-radius:50%}.small-call::before{content:'';position:absolute;width:4px;height:4px;left:4px;top:2px;border:1px solid currentColor;border-radius:50%}.small-call::after{content:'';position:absolute;bottom:2px;left:2px;width:8px;height:3px;border:1px solid currentColor;border-radius:3px 3px 0 0}
.comparison-tool{border:1px solid #3d4756;padding:var(--space-5);background:#1b222d;min-height:237px}
.comparison-tool-top{display:flex;align-items:center;gap:var(--space-2);color:#c0c8d4;font-size:var(--text-xs);letter-spacing:.06em;padding-bottom:var(--space-4);border-bottom:1px solid #3d4756}
.comparison-tool-top .status-dot{background:#d5bd7c}.comparison-tool-symbol{margin-left:auto;color:#d5bd7c;font-size:var(--text-base)}
.comparison-prompt{font-size:var(--text-sm);margin-block:var(--space-5);color:#f5f7fa}
.comparison-steps{position:relative}.comparison-steps::before{content:'';position:absolute;left:10px;top:12px;bottom:12px;width:1px;background:#46505e}
.comparison-steps::after{content:'';position:absolute;left:9px;top:12px;width:3px;height:10px;background:#d5bd7c;animation:comparison-path 4s linear infinite}
.comparison-steps>div{position:relative;display:flex;align-items:start;gap:var(--space-3);padding-block:var(--space-2)}
.comparison-steps>div>span{position:relative;z-index:1;width:22px;height:22px;flex-shrink:0;border:1px solid #627083;background:#1b222d;color:#d5bd7c;font-size:var(--text-xs);display:grid;place-items:center;line-height:1}
.comparison-steps p{font-size:var(--text-xs);color:#c0c8d4;line-height:1.7;margin:0}
.comparison-bottom{margin-top:auto;padding-top:var(--space-6)}
.comparison-bottom>p{font-size:var(--text-sm);color:var(--muted);margin-top:var(--space-4)}
.comparison-after .comparison-bottom>p{color:#c0c8d4}
.comparison-trace{display:block;height:1px;background:var(--line);position:relative;overflow:hidden}
.comparison-after .comparison-trace{background:#46505e}
.comparison-after .comparison-trace::after{content:'';position:absolute;left:-20%;top:0;height:1px;width:20%;background:#d5bd7c;animation:comparison-trace 6s linear infinite}
.comparison-bridge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:48px;height:48px;border:1px solid var(--line);display:grid;place-items:center;background:var(--paper);color:var(--gold-text);font-size:1.5rem}
.comparison-caption{color:var(--muted);font-size:var(--text-xs);margin-top:var(--space-4);margin-bottom:0}
.comparison-takeaway{margin-top:var(--space-12);padding-top:var(--space-10);border-top:1px solid var(--line);display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-20);align-items:center}
.comparison-takeaway>div>p{font-size:var(--text-sm);color:var(--muted)}
.comparison-takeaway .comparison-statement{font:400 clamp(1.5rem,1.2rem + .9vw,2rem)/1.4 var(--font-display);letter-spacing:-.025em;border-left:2px solid var(--gold);padding-left:var(--space-6);color:var(--ink)}
.comparison-statement>span{display:block;color:var(--gold-text);margin-bottom:var(--space-2)}
@keyframes comparison-path{0%{top:12px;opacity:0}15%{opacity:1}85%{opacity:1}100%{top:calc(100% - 20px);opacity:0}}
@keyframes comparison-trace{to{left:120%}}
@media(max-width:1000px){.comparison-heading{gap:var(--space-8)}.comparison-stage{gap:var(--space-6)}.comparison-card{padding:var(--space-6)}.comparison-takeaway{gap:var(--space-10)}.comparison-switch button{padding-inline:var(--space-4)}.comparison-document,.comparison-tool{padding:var(--space-4)}}
@media(max-width:760px){.comparison-heading{grid-template-columns:1fr;gap:var(--space-6)}.comparison-heading h2{max-width:600px}.comparison-switch-wrap{justify-self:stretch}.comparison-switch-label{margin-bottom:var(--space-3)}.comparison-switch button{flex:1}.comparison-context{min-height:0;margin-bottom:var(--space-8);font-size:var(--text-sm)}.comparison-stage{grid-template-columns:1fr;gap:var(--space-8)}.comparison-card{padding:var(--space-6)}.comparison-card-top{margin-bottom:var(--space-4);letter-spacing:.05em}.comparison-card h3{min-height:0;margin-bottom:var(--space-6)}.comparison-document,.comparison-tool{min-height:0}.comparison-bottom>p{font-size:var(--text-xs)}.comparison-bridge{display:none}.comparison-takeaway{grid-template-columns:1fr;gap:var(--space-6);margin-top:var(--space-8);padding-top:var(--space-8)}.comparison-takeaway .comparison-statement{font-size:1.6rem;padding-left:var(--space-5)}.comparison-card-top>span:last-child{font-size:var(--text-xs)}}
@media(max-width:360px){.comparison-card{padding:var(--space-5)}.comparison-tool,.comparison-document{padding:var(--space-3)}.comparison-switch button{padding-inline:var(--space-3)}}
@media(prefers-reduced-motion:reduce){.comparison-steps::after,.comparison-trace::after{animation:none!important}}

/* Center the section and make the input/output examples explicit. */
.comparison-heading{display:block;text-align:center;max-width:900px;margin:0 auto var(--space-8)}
.comparison-heading h2{max-width:840px;margin-inline:auto}
.comparison-subheading{max-width:690px;margin:var(--space-6) auto 0;color:var(--muted);font-size:var(--text-base)}
.comparison-switch-wrap{display:flex;justify-content:center;justify-self:stretch;width:100%;margin:var(--space-8) auto 0;padding:0}
.comparison-switch{display:inline-flex}
.comparison-context{max-width:780px;margin:0 auto var(--space-8);text-align:center;min-height:0;font-size:var(--text-sm)}
.comparison-stage{max-width:1000px;margin-inline:auto}
.comparison-card{text-align:center}
.comparison-card-top{justify-content:center;line-height:1.6}
.comparison-card h3{max-width:400px;margin-inline:auto;min-height:80px}
.comparison-document-top{justify-content:center}.document-count{display:none}
.comparison-doc-line{justify-content:center;line-height:1.6}
.comparison-question{font-size:var(--text-sm);line-height:1.7;color:var(--ink);margin:var(--space-5) 0;padding-bottom:var(--space-5);border-bottom:1px solid var(--line)}
.comparison-explainer{color:#c0c8d4;font-size:var(--text-sm);line-height:1.7;margin-top:calc(-1 * var(--space-4));margin-bottom:var(--space-6)}
.comparison-tool-top{justify-content:center}.comparison-tool-symbol{display:none}
.comparison-prompt{line-height:1.7}
.comparison-output-label{color:#d5bd7c;font-size:var(--text-xs);letter-spacing:.07em;line-height:1.6;border-top:1px solid #46505e;padding-top:var(--space-5);margin-top:var(--space-5);margin-bottom:var(--space-3)}
.comparison-steps>div{align-items:center;justify-content:center;padding-block:var(--space-3);border-top:1px solid #3d4756}
.comparison-steps>div:first-child{border-top:0}
.comparison-steps>div>span{flex-shrink:0}.comparison-steps p{font-size:var(--text-sm);max-width:290px}
.comparison-steps::before,.comparison-steps::after{display:none}
.comparison-bottom{padding-top:var(--space-6)}
.comparison-caption{max-width:780px;margin:var(--space-5) auto 0;text-align:center;line-height:1.7}
.comparison-takeaway{display:flex;flex-direction:column;gap:var(--space-6);max-width:780px;margin:var(--space-10) auto 0;text-align:center;padding-top:var(--space-8)}
.comparison-takeaway .comparison-statement{border-left:0;padding-left:0;margin-bottom:0}
.comparison-takeaway>div>p:last-child{margin-bottom:0}
@media(max-width:760px){.comparison-heading{margin-bottom:var(--space-6)}.comparison-subheading{font-size:var(--text-sm)}.comparison-switch-wrap{margin-top:var(--space-6)}.comparison-card h3{min-height:0}.comparison-explainer{margin-top:0}.comparison-switch{width:min(100%,340px)}.comparison-card-top{letter-spacing:.04em}.comparison-steps>div{gap:var(--space-2)}.comparison-steps p{font-size:var(--text-xs)}.comparison-card{padding:var(--space-5)}}