/* APEX approved brand override. Load after every page's existing styles. */
:root{--bg:#041126;--bg2:#081D39;--card:#0B2442;--line:#607E9F;--blue:#168DFF;--gold:#EDBB4D;--text:#F5F8FF;--muted:#C3D2E5}
html{background:var(--bg);scroll-padding-top:110px}
body{background:var(--bg);color:var(--text)}
main,section,article,figure,.wrap,.hero-grid,.cards,.plans,.columns,.team,.page-actions,.related-links{min-width:0}
h1,h2,h3,h4,p,li,small,label,figcaption,a,button{overflow-wrap:anywhere}
a{color:inherit}a:hover{color:var(--gold)}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--gold);outline-offset:4px;box-shadow:0 0 0 7px var(--bg)}
:where(button,.btn,.lang,.nav-cta){min-height:44px;max-width:100%;white-space:normal;text-align:center;line-height:1.45}
button,.btn.gold,.gold,button[aria-pressed="true"]{background:var(--gold);color:var(--bg);border:1px solid var(--gold)}
button:hover,.btn.gold:hover,.gold:hover{background:#FFCF66;color:var(--bg)}
.btn.outline,.outline,.lang,.nav-cta{background:var(--bg2);color:var(--text);border:1px solid var(--line)}
.btn.outline:hover,.outline:hover,.lang:hover,.nav-cta:hover{background:#12375C;color:var(--text);border-color:var(--gold)}
button:disabled{cursor:not-allowed;opacity:.65}
.eyebrow,.symbol,.dot,.price,.plan .price,.plan .monthly,.plan .price small,.launch-banner strong,.metrics strong{color:var(--gold)!important}
.lead,.intro,.fine,.muted,.bottom,.tile p,.plan p,.academy p,.contact-box p,.apex-person small,.apex-person p,details p,.footer p,footer{color:var(--muted)}
.alt{background:var(--bg2)}
.tile,.plan,.contact-box,.academy>div,.card,.metrics article,.team>.apex-person,.team>div{background:var(--card);border:1px solid var(--line)}
.plan.featured{background:linear-gradient(150deg,#123B64,var(--card));border-color:var(--gold)}
.contact{background:linear-gradient(135deg,#0B294D,var(--bg))}
.contact-box h3,.mini span::first-letter,.plan-benefits li::marker{color:var(--gold)}
.chip{border-color:var(--gold);color:var(--gold);white-space:normal}
.launch-banner span,.launch-chip{background:var(--gold);color:var(--bg);transform:none}
.notice{background:var(--card);color:var(--text);border-left:3px solid var(--gold)}
.alert,#feedback{color:#FFD477}
footer{background:#020A18;border-top:1px solid var(--line)}
.bottom{border-top-color:var(--line)}
footer a,.related-links a,.apex-full-policy a{color:var(--gold);text-underline-offset:4px}
label{color:var(--text)}
input:not([type="checkbox"]):not([type="radio"]),select,textarea,.apex-share-input,.disabled-form input{max-width:100%;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:12px;font:inherit}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
input[type="checkbox"],input[type="radio"]{accent-color:var(--gold)}
details{border-bottom-color:var(--line)}
#apex-assistant{background:var(--bg2);color:var(--text);border:1px solid var(--gold)}

/* Wrap navigation rather than masking horizontal overflow. */
.nav{height:auto;min-height:80px;background:var(--bg);border-bottom:1px solid var(--line);gap:16px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
.nav .brand{flex-shrink:0;max-width:100%}
.nav nav,#links{min-width:0;flex-wrap:wrap;gap:12px}
.nav nav a,#links a{color:var(--text);white-space:normal}
.page-actions,.related-links{flex-wrap:wrap;max-width:100%;gap:14px}
.apex-route-menu{display:flex;position:static;inset:auto;width:100%;max-width:100%;flex-direction:row;flex-wrap:wrap;gap:12px 20px;background:var(--bg2);border-bottom:1px solid var(--line);padding:16px max(5vw,18px)}
.apex-route-menu a{color:var(--text);white-space:normal;min-width:0}
.menu{background:var(--bg2);color:var(--text);border-color:var(--line)}
.brand-logo{object-fit:contain;max-width:100%}

/* Supplied artwork remains complete: no fixed height, cover, crop or overlay. */
.apex-brand-cover{width:100%;max-width:1400px;margin:0 auto;background:var(--bg);padding:0}
.apex-brand-cover img,img.apex-brand-cover{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
.hero.apex-hero-brand{display:block;min-height:0;overflow:visible;background:var(--bg)}
.hero.apex-hero-brand .hero-grid{grid-template-columns:minmax(0,1fr);padding-top:42px;padding-bottom:54px}
.hero.apex-hero-brand .hero-art{display:none}
.hero.apex-hero-brand h1{max-width:1000px}

/* Complete founder cards, including source text contained within the image. */
.team{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:24px}
.team .apex-person{width:100%;min-width:0;min-height:0;height:auto;max-height:none;overflow:visible;padding:18px;align-items:stretch;text-align:left;gap:14px;border-radius:16px}
.apex-founder-image{display:block;width:100%;max-width:100%;height:auto;max-height:none;object-fit:contain;border-radius:10px}
.apex-person :where(strong,b,small,p,a){height:auto;max-height:none;white-space:normal;overflow:visible;text-overflow:clip}
.apex-person strong,.apex-person b{font-size:1.2rem;line-height:1.4}
.apex-person small,.apex-person p{font-size:1rem;line-height:1.65}
.apex-person p{flex:0 1 auto}
.apex-person .apex-initial{display:grid;place-items:center;width:100%;height:auto;min-height:180px;aspect-ratio:1;max-height:none;border:2px solid var(--gold);border-radius:10px;background:var(--bg2);color:var(--gold);font-size:clamp(2rem,6vw,4rem)}
.apex-person .btn{align-self:stretch}
.profile-portrait{width:100%;max-width:620px;margin:30px 0;background:var(--card);border:1px solid var(--line);padding:14px;border-radius:14px}
.profile-portrait img,img.profile-portrait{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.profile-portrait figcaption{padding:12px 0 0;color:var(--muted);font-size:.95rem;white-space:normal}

/* The demonstration uses the same palette without implying a live dashboard. */
.metrics article{border-color:var(--line)}
.product,.task{border-top-color:var(--line)}
nav[aria-label="Secciones de la demostración"],nav[aria-label="Demo sections"]{position:static;inset:auto;display:flex;flex-direction:row;flex-wrap:wrap;max-width:100%;background:transparent;padding:0;gap:12px}
[hidden]{display:none!important}
@media(min-width:1001px){.team{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:651px) and (max-width:1000px){.team{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{padding-left:18px;padding-right:18px}}
@media(max-width:650px){
 .nav{min-height:76px;gap:10px;padding:10px 18px}
 .nav #links{position:static;inset:auto;width:100%;max-width:100%;display:none;background:var(--bg2);padding:16px;border:1px solid var(--line);border-radius:10px}
 .nav #links.open{display:flex;flex-direction:column;align-items:stretch}
 .team{grid-template-columns:minmax(0,1fr);gap:20px}
 .team .apex-person{padding:16px}
 .apex-route-menu{gap:12px 16px}
 .page-actions{gap:10px;font-size:.9rem}
 .hero.apex-hero-brand .hero-grid{padding-top:28px;padding-bottom:34px}
 .profile-portrait{margin:20px 0}
 .apex-founder-promo{position:static;max-width:100%;margin:18px;box-shadow:none}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media(max-width:700px){.team{grid-template-columns:minmax(0,1fr)}}
@media(max-width:360px){.hero.apex-hero-brand h1{font-size:32px;line-height:1.12;letter-spacing:-1px}}