.ec-hero{background:#f9f3ee;padding:48px 0 64px}.ec-intro{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin-bottom:48px}.ec-intro h1{font-size:clamp(3rem,5.5vw,5.5rem);line-height:1.04;letter-spacing:-.055em;margin-bottom:0}.ec-hero-copy{max-width:520px}.ec-hero-copy .lede{font-size:1.65rem;line-height:1.35;font-weight:600}.ec-hero-copy .actions{align-items:flex-start;flex-direction:column;gap:18px}.ec-text-link{font-weight:700;text-underline-offset:5px}.ec-note,.ec-showcase figcaption,.ec-detail figcaption{font-size:.875rem;line-height:1.65;color:var(--muted)}.ec-note{margin-top:20px}.ec-showcase{margin:0;scroll-margin-top:150px}.ec-browser-bar{display:flex;align-items:center;gap:20px;background:#fff;border:1px solid #dfd5cc;border-bottom:0;border-radius:18px 18px 0 0;padding:14px 22px;font-size:.8rem;color:#69635f}.ec-browser-dots{letter-spacing:3px;color:#c6b9ad;font-size:.7rem}.ec-preview-label{margin-left:auto}.ec-showcase .shot-link{display:block;overflow:hidden;border:1px solid #dfd5cc;border-radius:0 0 18px 18px;box-shadow:0 20px 50px #593a1712}.ec-showcase img,.ec-detail img{display:block;width:100%;height:auto}.ec-showcase figcaption{display:flex;justify-content:space-between;gap:36px;margin-top:18px}.ec-showcase figcaption span{max-width:640px}.ec-showcase figcaption a{font-weight:700;flex-shrink:0}.ec-section[id]{scroll-margin-top:150px}.ec-split{display:grid;grid-template-columns:1fr 1fr;gap:72px}.ec-section h3{font-size:1.5rem;line-height:1.3}.ec-large{font-size:1.5rem;line-height:1.4}.ec-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:32px}.ec-pair article{border-top:1px solid #d8d2ce;padding-top:20px}.ec-soft{background:#f5f2ed}.ec-workflow-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;align-items:center}.ec-detail{margin:0;min-width:0}.ec-detail .shot-link{display:block;border-radius:16px;overflow:hidden;border:1px solid #d4d0c7}.ec-detail figcaption{margin-top:14px}.ec-discovery-list article{display:flex;gap:24px;border-top:1px solid #d8d2ce;padding-top:24px;margin-bottom:16px}.ec-discovery-list article>span{font-size:.85rem;font-weight:700;color:#ad414f;padding-top:5px}.ec-discovery-list h3{margin-top:0}.ec-dark{background:#171824;color:white}.ec-dark .eyebrow{color:#ff99b4}.ec-dark p{color:#cbd0dc}.ec-dark h2,.ec-dark h3{color:white}.ec-connections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.ec-connections article{border-top:1px solid #565664;padding-top:24px}.ec-connections a{font-weight:700;color:#ffadc2}.ec-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;list-style:none;padding:0;margin-top:40px}.ec-steps li{border-top:2px solid #f9808b;padding-top:22px}.ec-steps span{font-size:.85rem;font-weight:700;color:#a43b49}@media(max-width:1000px){.ec-intro,.ec-split{gap:36px}.ec-workflow-grid{grid-template-columns:1fr}.ec-workflow-grid>div{max-width:720px}.ec-pair{grid-template-columns:1fr;gap:16px}.ec-connections,.ec-steps{gap:24px}}@media(max-width:650px){.ec-hero{padding:28px 0 40px}.ec-intro,.ec-split,.ec-connections,.ec-steps{grid-template-columns:1fr;gap:28px}.ec-intro{margin-bottom:32px}.ec-intro h1{font-size:3rem}.ec-hero-copy .lede{font-size:1.35rem}.ec-browser-bar{padding:12px;gap:8px;font-size:.7rem}.ec-preview-label{display:none}.ec-showcase figcaption{flex-direction:column;gap:12px}.ec-showcase figcaption a{flex-shrink:1}.ec-section h2{font-size:2.15rem}.ec-large{font-size:1.3rem}.ec-workflow-grid{gap:24px}}