/* Final interaction polish, scoped to the marketing components. */
.atlas-perspective{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:#365b86;border-radius:5px;text-decoration:none}
.atlas-perspective:hover{color:#0847c6;text-decoration:underline;text-underline-offset:5px}
.atlas-perspective>span{font-size:17px;line-height:1}
.atlas-copy .button-secondary,.atlas-copy .button-secondary:hover,.atlas-copy .button-secondary:focus-visible{background:#fff;color:#142344}
.atlas-copy .button-secondary:hover{border-color:#739bdf;box-shadow:0 5px 18px #1a5ed41a}
.atlas-hero .atlas-signal{transition:box-shadow .22s,border-color .22s,background-color .22s}
.atlas-hero .atlas-signal:is(:hover,:focus-visible){background:#fff;border-color:#6397ed;box-shadow:0 0 0 5px #3780ef17,0 0 32px #3882ec35,0 16px 38px #2256a529;transform:none}
.platform-journey .pj-capability,.platform-journey .pj-capability:hover,.platform-journey .pj-capability:focus-visible{transform:none;translate:none}
.platform-journey .pj-capability :is(h4,p,svg){transform:none;translate:none;transition:color .2s}
.faq-brand-mark{display:none}
.page-home .faq-brand-mark{display:flex;align-items:center;justify-content:flex-start;margin-top:44px;width:min(230px,75%);color:#cadaee}
.faq-brand-mark svg{display:block;width:100%;height:auto;max-height:194px}
/* Keep every article action the same scale regardless of its card position. */
.page-insights .insights-collection .text-link>span{display:inline-grid;place-items:center;flex:0 0 24px;width:24px;height:24px;font-size:24px;line-height:1}
.journal-photo-grid .journal-arrow{display:inline-grid;place-items:center;width:26px;height:30px;flex:0 0 30px;font-size:25px;line-height:1;transform:none}
@media(max-width:900px){.page-home .faq-brand-mark{display:none}}
@media(prefers-reduced-motion:reduce){.atlas-hero .atlas-signal,.platform-journey .pj-capability :is(h4,p,svg){transition:none}}

/* Readable motion controls share a visible action, generous target and clear state. */
.atlas-foot .atlas-motion,.district-stage .district-motion,.brain-stage .brain-pause{
 display:inline-flex;align-items:center;justify-content:center;gap:9px;width:auto;height:auto;min-width:106px;min-height:44px;padding:10px 16px;border-radius:24px;
 font:600 13px/1.4 Manrope,Arial,sans-serif;white-space:nowrap;box-shadow:0 2px 10px #061a3030;
}
.atlas-foot .atlas-motion{background:#fff;color:#123f88;border-color:#7195c8}
.district-stage .district-motion,.brain-stage .brain-pause{background:#102f58;color:#fff;border-color:#d2e3fb}
:is(.atlas-motion,.district-motion,.brain-pause) [data-motion-label-text]{font:inherit;color:inherit}
.atlas-foot .atlas-motion[hidden],.district-stage .district-motion[hidden],.brain-stage .brain-pause[hidden]{display:none}
.brain-controls{font-size:12px;gap:16px}
.page-home .faq-brand-mark{display:flex;width:min(200px,60%);color:#8aabd6;margin-top:32px}
.manifesto h2 em{display:inline-block;white-space:nowrap;word-break:normal;overflow-wrap:normal}
.product-intro .product-intro-grid{align-items:center;gap:clamp(36px,5vw,72px)}
.product-intro .product-intro-grid>div:first-child{min-width:0;align-self:center}
.product-intro .product-intro-copy{padding:0;max-width:560px}
.product-intro .breadcrumb{margin-bottom:42px}
.product-intro .product-intro-copy p:first-child{font-size:clamp(22px,2vw,28px);line-height:1.5}
@media(max-width:900px) and (min-width:801px){.page-home .faq-layout{grid-template-columns:minmax(220px,.8fr) minmax(0,1.3fr);gap:32px}.page-home .faq-layout h2{font-size:44px}}
@media(max-width:800px){.page-home .faq-brand-mark{width:72px;margin-top:20px}.page-home .faq-layout>div:first-child{position:relative;padding-right:90px}.page-home .faq-brand-mark{position:absolute;right:0;top:0}.product-intro .product-intro-grid{gap:26px;align-items:start}.product-intro .breadcrumb{margin-bottom:28px}}
@media(max-width:480px){.page-home .faq-layout>div:first-child{padding-right:70px}.page-home .faq-brand-mark{width:52px}.page-home .faq-layout h2{font-size:36px}.brain-controls{flex-wrap:wrap;gap:10px}.manifesto h2{font-size:clamp(38px,11vw,54px)}}
