/* Ailtitude: orange brand, green actions, blue information. */
:root{--orange:#ec8426;--green:#a7c7a0;--blue:#9dbfe0;--green-ink:#233b26;--blue-ink:#233d54;--green-soft:#edf4eb;--blue-soft:#edf3f9}
.text-link:hover,.detail-jumps a:hover,.footer a:hover{color:var(--blue)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:var(--blue)}
/* Keep the plug orange; give the information on either side its own tone. */
.hero-atlas-source>svg{color:#fff}
.hero-atlas-source{border-color:#354451!important}
.hero-atlas-destination{border-color:#3a4a38!important}
.hero-atlas-link,.data-bridge{background:#46515b!important}
.hero-atlas-link>.flow-dot,.plugin-experience .data-bridge>.data-packet{background:var(--blue);box-shadow:none}
.hero-atlas-link>.flow-dot:nth-child(even),.plugin-experience .data-bridge>.data-packet:nth-child(even){background:var(--green);box-shadow:none}
.hero-atlas-link>.flow-dot:nth-child(3),.plugin-experience .data-bridge>.data-packet:nth-child(3){background:var(--orange)}
.atlas-mini-flow>g:first-of-type{stroke:#53616b}
.atlas-mini-dots>circle{fill:var(--blue)}
.atlas-mini-dots>circle:nth-child(even){fill:var(--green)}
.atlas-mini-dots>circle:nth-child(5n){fill:var(--orange)}
/* Cowork: clear blue graph, green positive result, orange Atlas mark. */
.workspace-list .active{background:#e4edf5;color:var(--blue-ink);border-color:#bfd0df}
.connected-source i{background:var(--green)!important}
.margin-metric>span{color:#365c3b}
.margin-artifact{border-color:#cbd8e3;background:#fcfdfe}
.margin-chart .chart-line{stroke:#648daf}
.margin-chart #margin-area stop{stop-color:var(--blue)}
.margin-chart>g[fill="#ec8426"]{fill:#648daf}
.margin-chart>g[fill="#ec8426"] circle:last-child{fill:#769b6e}
.margin-chart>path[stroke="#d3b798"]{stroke:#bccddc}
.sample-send{background:var(--green)!important;color:#17251a!important}
/* Customer phone: orange brand, blue offer surface, green action. */
.voice-phone .voice-energy{background:var(--blue-soft);border-color:#cad9e7}
.voice-phone .voice-brand>svg{color:var(--orange)}
.voice-phone .voice-saving{color:var(--green-ink)}
.voice-phone .voice-plan{background:var(--green);color:#17251a;border:0}
.voice-phone .voice-orb{background:var(--blue)}
.voice-phone .voice-orb svg>rect{fill:var(--blue)}
.voice-phone .voice-orb-shapes path:nth-child(1){fill:#7ca5cc}
.voice-phone .voice-orb-shapes path:nth-child(2){fill:#638bb0}
.voice-phone .voice-orb-shapes path:nth-child(3){fill:#dfebf5}
.energy-card{background:var(--blue-soft);border-color:#cad9e7}.energy-action{background:var(--green);color:#17251a}
/* Customer solution demos. Pastel surfaces always use dark text. */
.customer-page{--lumen:var(--green);--lumen-ink:var(--green-ink)}
.cx-brand-mark{background:var(--green);color:var(--green-ink)}
.cx-brand-mark svg{color:#7c471b}
.cx-device .cx-results>div:first-child{background:var(--blue-soft)}
.cx-device .cx-results>div:nth-child(2){background:var(--green-soft)}
.cx-send{background:var(--green);color:#17251a}
.cx-device .cx-sponsored{background:var(--blue-soft);border-color:#cad9e7}
.cx-device .cx-sponsored button{background:var(--green);border-color:#9bb995;color:#17251a}
.cx-sponsored-chat-label{background:var(--green-soft);color:var(--green-ink)}
.cx-device .cx-branded-screen .cx-appbar{background:#fff}
.cx-device .cx-usage-card{border-color:#cad9e7;background:var(--blue-soft)}
.cx-rate-highlight{color:#365c3b}
.cx-device .cx-mini-widget{background:var(--blue-soft);border-color:#cad9e7}
.cx-device .cx-mini-widget .cx-outcome{color:var(--green-ink)}
.cx-chart path[stroke="#476958"]{stroke:#648daf}
.cx-choices button[aria-selected=true]:before{background:var(--blue)}
.cx-choices button:focus-visible,.cx-replay:focus-visible{outline-color:var(--blue)}
.cx-demo-steps span.is-active{border-color:var(--blue)}
.cx-demo-steps span:nth-child(2) b{color:var(--blue)}
.cx-demo-steps span:nth-child(3) b{color:var(--green)}
.cx-ad-step:nth-child(2) .cx-ad-number b{color:var(--blue)}
.cx-ad-step:nth-child(3) .cx-ad-number b{color:var(--green)}
.cx-ad-step.is-active .cx-ad-number b{border-color:currentColor}
/* Atlas and destination pages: blue data, green governance, orange plugin. */
.detail-capabilities article:nth-child(3n+1) svg{color:var(--blue)}
.detail-capabilities article:nth-child(3n+2) svg{color:var(--green)}
.atlas-boundary{border-color:#526a52;box-shadow:none}
.boundary-label{color:var(--green)}
.atlas-learning{color:var(--green);border-color:#425740}
.atlas-platforms{border-color:#4b6277}
.atlas-node[aria-pressed="true"]{background:#1c2730;border-color:#64819a}
.atlas-node[aria-pressed="true"]>svg{color:var(--blue)}
.atlas-node[data-flow-step="5"]>svg{color:var(--orange)}
.atlas-core>.atlas-node:not(:last-child)::after,.atlas-flow>.atlas-node::after,.atlas-boundary::after{background:#536d83}
.flow-number{color:var(--blue)}
.atlas-flow.is-flowing .atlas-node[aria-pressed="true"]::before{background:var(--blue);box-shadow:none}
@keyframes boundary-breathe{50%{border-color:#a7c7a0;box-shadow:none}}
.security-rail article{border-color:#4e6650}.security-rail article:nth-of-type(2){border-color:#8da887}
.security-rail article svg{color:var(--green)}
.method-steps article:nth-child(even)>span{color:var(--blue)}
.skill-example{background:#182028;border-color:#405366}.skill-top{color:var(--blue)}
.founder-grid article:nth-child(2) span{color:var(--blue)}
.founder-grid article:nth-child(3) span{color:var(--green)}
.collective-grid article:first-child svg:not(.link-arrow){color:var(--blue)}
.collective-grid article:nth-child(2) svg:not(.link-arrow){color:var(--green)}
.detail-faq summary>span{color:var(--blue)}
.voice-phone .voice-plan{padding:10px 12px;border-radius:7px}
.margin-metric>span{background:var(--green-soft)}

/* White navigation CTA arrow across all pages. */

/* Shared rectangular CTA treatment; text links and demo controls retain their styles. */
body .button,body .header .nav-cta{background:transparent;border:1px solid var(--orange);color:#fff}
body .button:hover,body .header .nav-cta:hover{background:transparent;border-color:var(--orange);color:#fff;box-shadow:0 0 0 1px var(--orange)}
body .button>span[aria-hidden],body .button svg,body .header .nav-cta>span,body .header .nav-cta .link-arrow{color:var(--orange);stroke:currentColor}
body .button:focus-visible,body .header .nav-cta:focus-visible{outline-color:var(--orange)}