/* ---------- SERVICES PAGE ---------- */
/* split-2col comes sharp-cornered from main.css; round it to match cap-grid/
   evo-grid/compare-panel, which already carry this radius sitewide. */
.split-2col{border-radius:0;overflow:hidden;}

.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:8px;}
@media (max-width:760px){.compare-grid{grid-template-columns:1fr;gap:40px;}}
.compare-panel{border:1px solid var(--light-border);border-radius:0;padding:28px 26px;background:var(--light-surface);}
.compare-label{font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.5px;color:var(--light-dim);margin-bottom:18px;text-transform:uppercase;}
.compare-panel.tsan .compare-label{color:#4B5FE0;}
.compare-panel svg{width:100%;height:auto;display:block;}
.compare-result{margin-top:18px;font-size:13px;font-weight:600;color:var(--light-dim);text-align:center;}
.compare-result.accent{color:#4B5FE0;}


.commit-note{margin-top:28px;font-size:12px;color:var(--text-faint);text-align:center;}

.why-connects{border:1px solid var(--light-border);border-radius:0;background:var(--light-surface);margin-top:28px;}
.why-connects summary{list-style:none;cursor:pointer;padding:18px 26px;font-size:13.5px;font-weight:700;color:var(--light-text);display:flex;align-items:center;justify-content:space-between;}
.why-connects summary::-webkit-details-marker{display:none;}
.why-connects summary::after{content:"+";font-family:var(--font-mono);font-size:16px;color:#4B5FE0;flex-shrink:0;margin-left:16px;}
.why-connects[open] summary::after{content:"\2212";}
.why-connects-body{padding:0 26px 24px;}
.why-connects-body p{font-size:13.5px;line-height:1.9;color:var(--light-dim);margin-bottom:14px;}
.why-connects-body p:last-child{margin-bottom:0;}
.why-connects-body b{color:var(--light-text);}

.signature-line{margin-top:36px;padding-top:22px;border-top:1px solid var(--light-border);font-family:var(--font-mono);font-size:13px;color:var(--light-dim);}
.signature-line a{color:#4B5FE0;font-weight:700;}
.dark .signature-line{border-top-color:var(--border);color:var(--text-dim);}
.dark .signature-line a{color:var(--accent-bright);}

.why-us-row{font-size:14.5px;line-height:1.9;color:var(--text-dim);margin-bottom:18px;}
.why-us-row b{color:var(--text);}
.why-us-row a{color:var(--accent-bright);}
.why-us-close{margin-top:28px;font-size:16px;font-weight:700;color:var(--text);text-align:center;}

/* ---------- CARDS: no gray borders; separate cards from the page by background ---------- */
.compare-panel{border:none;}
.why-connects{border:none;}
.split-2col{overflow:visible;}

/* ---------- WHOLE PAGE ON THE LIGHT THEME ---------- */
.prod-hero.light{background:radial-gradient(ellipse 60% 70% at 22% 20%,rgba(75,95,224,.08),transparent 62%),var(--light-bg);border-bottom-color:var(--light-border);}
.prod-hero.light h1{color:var(--light-text);}
.prod-hero.light p.sub{color:var(--light-dim);}
.prod-hero.light p.sub b{color:var(--light-text);}
section.sec.light + section.sec.light{border-top:1px solid var(--light-border);}
.light .light .light .light .light .light .evo-card{background:var(--light-surface);}
.light .evo-name{color:var(--light-text);}
.light .evo-desc{color:var(--light-dim);}
.light .commit-note{color:var(--light-dim);}
.light .why-us-row{color:var(--light-dim);}
.light .why-us-row b{color:var(--light-text);}
.light .why-us-row a{color:#4B5FE0;}
.light .why-us-close{color:var(--light-text);}