/* Editorial CTA direction approved in cta-options.html. */
main .button.button,dialog .button,main .text-link:not(.header-demo){position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#202022;border:0;border-bottom:1px solid currentColor;border-radius:0;min-height:48px;padding:12px 0 9px;gap:14px;font-size:17px;font-weight:500;letter-spacing:-.035em;box-shadow:none;text-decoration:none;transition:color .25s}
main .button.button:before,dialog .button:before,main .text-link:not(.header-demo):before{content:'';position:absolute;inset:9px -7px 5px;background:var(--lime);z-index:-1;transform:scaleX(0);transform-origin:left;transition:transform .25s}
main .button.button:hover,dialog .button:hover,main .text-link:not(.header-demo):hover{background:transparent;color:#202022;transform:none;box-shadow:none;text-decoration:none}
main .button.button:hover:before,dialog .button:hover:before,main .text-link:not(.header-demo):hover:before{transform:scaleX(1)}
main .button.button>span[aria-hidden],dialog .button>span[aria-hidden],main .text-link>span[aria-hidden]{display:inline-block;background:transparent;color:inherit;border-radius:0;width:auto;height:auto;font-size:21px;transition:transform .25s}
main .button.button:hover>span[aria-hidden],dialog .button:hover>span[aria-hidden],main .text-link:hover>span[aria-hidden]{background:transparent;transform:translate(3px,-3px)}
main .button.button.small{font-size:13px;min-height:42px;gap:12px;padding:10px 0 7px}
.hero-stage .button,.hero-stage .text-link{color:white}.hero-stage .button:hover,.hero-stage .text-link:hover{color:#202022}
.closing .button:before,.closing .text-link:before{background:#fff}
.work-bottom,.section-cta{display:flex;justify-content:center;align-items:center;flex-direction:row;margin-top:38px;gap:0}
.context-footer{flex-direction:column;align-items:center;gap:28px;min-height:0}.context-description{width:100%;max-width:850px}.context-description #context-detail{min-height:0}
.actions{justify-content:center}.hero-content .actions{max-width:none}
.workflow-copy>.button{display:flex;width:max-content;max-width:100%;margin:28px auto 0}
.control-details>.text-link,.dna-copy>.text-link{display:flex;width:max-content;margin:28px auto 0}
.integration-inner>.text-link{display:flex;width:max-content;margin-inline:auto}
.closing{text-align:center}.closing h2{margin-inline:auto}.closing .actions{margin-top:30px}

@media(max-width:640px){main .button.button,dialog .button,main .text-link:not(.header-demo){font-size:15px;gap:12px}main .button.button.small{font-size:11px}.work-bottom,.section-cta{margin-top:28px}.context-footer{align-items:center}.closing .actions{flex-direction:column;gap:12px}}
@media(prefers-reduced-motion:reduce){main .button.button,main .button.button:before,main .text-link:before,dialog .button:before,main .button.button>span,main .text-link>span{transition:none!important}}
main .hero-stage .button.button,main .hero-stage .text-link{color:white}main .hero-stage .button.button:hover,main .hero-stage .text-link:hover{color:#202022}

/* Minimal hierarchy: one primary action in the hero, quiet links elsewhere. */
main .hero-stage .hero-content .actions{justify-content:flex-start;align-items:center;gap:28px;margin-top:26px;max-width:650px}
main .hero-stage .hero-content .button.button,main .header .button.button{background:#fff;color:#202022;border:0;border-radius:5px;padding:14px 21px;min-height:48px;font-size:14px;gap:18px;box-shadow:none}
main .hero-stage .hero-content .button.button:before,main .header .button.button:before{display:none}
main .hero-stage .hero-content .button.button:hover,main .header .button.button:hover{background:#f0f0ed;color:#202022;transform:translateY(-1px)}
main .hero-stage .hero-content .text-link{background:none;color:#fff;font-size:13px;border-bottom:1px solid #ffffff70;padding:10px 0 7px;min-height:40px;gap:12px}
main .hero-stage .hero-content .text-link:before{display:none}
main .hero-stage .hero-content .text-link:hover{color:#fff;border-color:#fff}
main .button.button:before,dialog .button:before,main .text-link:not(.header-demo):before{display:none}
main .button.button:hover,dialog .button:hover,main .text-link:not(.header-demo):hover{color:#555}
main .hero-stage .hero-content .button.button:hover{color:#202022}
main .hero-stage .hero-content .text-link:hover{color:#fff}
.workflow-copy>.button.button{margin-left:0;margin-right:0}
.control-details>.text-link,.dna-copy>.text-link{margin-left:0;margin-right:0}
@media(max-width:640px){main .hero-stage .hero-content .actions{justify-content:flex-start;gap:14px 22px;margin-top:22px}main .hero-stage .hero-content .button.button{font-size:13px;padding:13px 18px}main .hero-stage .hero-content .text-link{font-size:12px}}