/* ACTOVIX brand identity: the six supplied master colors. */
:root {
  --navy: #0A1F44;
  --ice: #F5F7FA;
  --orange: #FF9F43;
  --blue: #00A9E0;
  --slate: #6E7C91;
  --teal: #16B39A;
  --bg: var(--navy);
  --ink: var(--ice);
  --muted: #ADB8C9;
  --cyan: var(--blue);
  --amber: var(--orange);
  --line: rgba(110,124,145,.32);
}
body { background: var(--navy); color: var(--ice); }
::selection { background: var(--orange); color: var(--navy); }
.glass {
  background: linear-gradient(130deg,rgba(245,247,250,.11),rgba(0,169,224,.045) 55%,rgba(22,179,154,.06));
  border-color: rgba(245,247,250,.21);
  box-shadow: inset 0 1px 0 rgba(245,247,250,.13),0 24px 70px rgba(2,12,30,.22);
}
.navigation {
  background: linear-gradient(110deg,rgba(10,31,68,.45),rgba(0,169,224,.065),rgba(22,179,154,.055));
  border-color: rgba(245,247,250,.24);
}
.nav-links { color: #D5DDE8; }
.nav-links a:hover,.footer-nav a:hover { color: var(--orange); }
.nav-cta { border-color: rgba(255,159,67,.55); background: rgba(255,159,67,.045); }
.nav-cta span { color: var(--orange); }
.nav-cta:hover { background: rgba(255,159,67,.13); border-color: var(--orange); }
.hero { background: var(--navy); }
.hero-photo { filter: saturate(.57); }
.hero-shade {
  background: linear-gradient(90deg,rgba(10,31,68,.92),rgba(10,31,68,.63) 54%,rgba(10,31,68,.34)),linear-gradient(0deg,#0A1F44,transparent 43%,rgba(10,31,68,.06));
}
.atmosphere {
  background: radial-gradient(ellipse at 69% 34%,rgba(0,169,224,.23),transparent 48%),radial-gradient(ellipse at 91% 65%,rgba(22,179,154,.22),transparent 43%),radial-gradient(ellipse at 86% 13%,rgba(255,159,67,.12),transparent 30%);
}
.hero h1>span {
  background-image: linear-gradient(105deg,#F5F7FA 0%,#9EDFF3 38%,#00A9E0 78%,#16B39A 110%);
}
.hero-description { color: #CAD5E4; }
.hero-note,.hero-bottom p { color: #A1B2C8; }
.eyebrow { color: #DCE5EF; }
.hero-copy .eyebrow { color: var(--orange); }
.hero-copy .signal { background: var(--orange); box-shadow: 0 0 16px rgba(255,159,67,.65); }
.line { background: linear-gradient(90deg,var(--blue),var(--teal)); }
.signal { background: var(--teal); box-shadow: 0 0 13px rgba(22,179,154,.65); }
.primary {
  background: var(--orange);
  color: var(--navy);
  border-color: rgba(255,186,111,.6);
  box-shadow: 0 8px 32px rgba(255,159,67,.2),inset 0 1px 0 rgba(245,247,250,.3);
}
.primary:hover { background: #FFB267; box-shadow: 0 12px 40px rgba(255,159,67,.29); }
.primary:focus-visible { outline-color: var(--ice); }
.brand-tile {
  background: linear-gradient(140deg,rgba(245,247,250,.17),rgba(0,169,224,.1) 45%,rgba(22,179,154,.14));
  border-color: rgba(245,247,250,.33);
  box-shadow: inset 0 1px 1px rgba(245,247,250,.2),inset 0 0 50px rgba(0,169,224,.04),0 25px 80px rgba(2,12,30,.22),0 0 90px rgba(0,169,224,.08);
}
.hero-mark { filter: drop-shadow(0 0 24px rgba(0,169,224,.25)); }
.tile-top,.tile-bottom strong { color: var(--ice); }
.tile-bottom { color: #B5C6D8; }
.tiny-square { border-color: var(--orange); }
.orbit-one { border-color: rgba(0,169,224,.38); }
.orbit-two { border-color: rgba(22,179,154,.27); }
.point-one { background: var(--blue); box-shadow: 0 0 20px var(--blue); }
.point-two { background: var(--orange); box-shadow: 0 0 20px rgba(255,159,67,.8); }
.float-card { background: rgba(10,31,68,.48); }
.request-card { border-color: rgba(0,169,224,.4); box-shadow: inset 0 1px 0 rgba(245,247,250,.08),0 18px 50px rgba(0,169,224,.07); }
.request-card .mini-icon { color: #72D8F7; border-color: rgba(0,169,224,.55); background: rgba(0,169,224,.1); }
.action-card { border-color: rgba(22,179,154,.48); }
.action-card .check { color: #7AE1CB; border-color: rgba(22,179,154,.55); background: rgba(22,179,154,.12); }
.float-card small { color: #AFC5D9; }
.card-dot { background: var(--orange); }
.visual-caption { color: #BAD2E1; }
.principle-strip { background: linear-gradient(90deg,rgba(0,169,224,.07),rgba(10,31,68,.8),rgba(22,179,154,.07)); border-color: rgba(110,124,145,.3); }
.principle-strip span { color: #A9B7C9; }
.principle-strip p { color: #D7E0EB; }
.principle-strip i:nth-of-type(1) { color: var(--orange); }
.principle-strip i:nth-of-type(2) { color: var(--blue); }
.principle-strip i:nth-of-type(3) { color: var(--teal); }
h2>span { color: #A7BDD1; }
.approach { position: relative; }
.approach:before { content: ''; position: absolute; width: 45%; height: 65%; top: 16%; right: 0; z-index: -1; pointer-events: none; background: radial-gradient(ellipse,rgba(0,169,224,.075),transparent 70%); }
.approach-copy .lead { color: var(--ice); }
.approach-details>div { position: relative; border-color: rgba(110,124,145,.4); }
.approach-details>div:before { content: ''; height: 2px; width: 42px; position: absolute; top: -1px; left: 0; background: var(--orange); }
.approach-details>div:nth-child(2):before { background: var(--blue); }
.approach-details>div:nth-child(3):before { background: var(--teal); }
.approach-details>div:nth-child(1) .detail-no { color: var(--orange); }
.approach-details>div:nth-child(2) .detail-no { color: #58CEF3; }
.approach-details>div:nth-child(3) .detail-no { color: #57D3BD; }
.action-section {
  background: radial-gradient(ellipse at 8% 65%,rgba(0,169,224,.1),transparent 55%),radial-gradient(ellipse at 92% 35%,rgba(22,179,154,.1),transparent 55%),#081B3A;
  border-color: rgba(110,124,145,.25);
}
.action-heading .eyebrow { color: #6AD5F7; }
.workforce-model {
  background: radial-gradient(ellipse at 50% 35%,rgba(0,169,224,.12),transparent 58%),linear-gradient(140deg,rgba(245,247,250,.055),rgba(10,31,68,.2) 50%,rgba(22,179,154,.06));
  border-color: rgba(0,169,224,.3);
}
.model-direction .micro-label { color: #FDB46F; }
.model-direction h3 { color: var(--ice); }
.model-link { background: linear-gradient(var(--orange),rgba(0,169,224,.65)); }
.model-core {
  background: linear-gradient(110deg,rgba(0,169,224,.15),rgba(22,179,154,.08));
  border-color: rgba(0,169,224,.55);
  box-shadow: 0 0 65px rgba(0,169,224,.09),inset 0 1px 0 rgba(245,247,250,.08);
}
.model-core .micro-label { color: #67D5F8; }
.model-core p { color: #AFCCDF; }
.core-signal { background: var(--teal); box-shadow: 0 0 18px var(--teal); }
.worker-connector:before { background: linear-gradient(90deg,var(--orange),var(--blue),var(--teal)); }
.worker-connector:after,.worker-connector span { background: rgba(0,169,224,.55); }
.worker-connector span:first-child { background: rgba(255,159,67,.7); }
.worker-connector span:last-child { background: rgba(22,179,154,.7); }
.worker-roles>div { border-color: rgba(110,124,145,.36); background: linear-gradient(145deg,rgba(255,159,67,.075),rgba(10,31,68,.5) 70%); }
.worker-roles>div:nth-child(2) { background: linear-gradient(145deg,rgba(0,169,224,.1),rgba(10,31,68,.5) 70%); }
.worker-roles>div:nth-child(3) { background: linear-gradient(145deg,rgba(22,179,154,.1),rgba(10,31,68,.5) 70%); }
.worker-roles>div:before { background: var(--orange); box-shadow: 0 0 12px rgba(255,159,67,.4); }
.worker-roles>div:nth-child(2):before { background: var(--blue); box-shadow: 0 0 12px rgba(0,169,224,.4); }
.worker-roles>div:nth-child(3):before { background: var(--teal); box-shadow: 0 0 12px rgba(22,179,154,.4); }
.worker-icon { display: inline-grid; place-items: center; width: 28px; height: 26px; border: 1px solid rgba(255,159,67,.35); border-radius: 5px; color: var(--orange); background: rgba(255,159,67,.075); }
.worker-roles>div:nth-child(2) .worker-icon { color: #6AD5F8; background: rgba(0,169,224,.1); border-color: rgba(0,169,224,.4); }
.worker-roles>div:nth-child(3) .worker-icon { color: #65DCC5; background: rgba(22,179,154,.1); border-color: rgba(22,179,154,.4); }
.worker-roles h3 { color: var(--ice); }
.worker-roles p { color: #B2C2D4; }
.model-foundation { color: #A7B9CE; border-color: rgba(110,124,145,.3); }
.foundation-line { background: var(--slate); }
.model-outcome p { color: #B5CCDA; }
.value-points article { border-color: rgba(110,124,145,.36); position: relative; }
.value-points article:before { content: ''; width: 36px; height: 2px; position: absolute; top: -1px; left: 0; background: var(--orange); }
.value-points article:nth-child(2):before { background: var(--blue); }
.value-points article:nth-child(3):before { background: var(--teal); }
.value-points article>span { color: #FDB46F; }
.value-points article:nth-child(2)>span { color: #6AD5F8; }
.value-points article:nth-child(3)>span { color: #65DCC5; }
.possibility-intro .eyebrow { color: #FDB46F; }
.human-shade { background: linear-gradient(90deg,rgba(10,31,68,.88),rgba(10,31,68,.54)),linear-gradient(0deg,rgba(10,31,68,.4),transparent); }
.human-content h2>span { color: #97DEDE; }
.human-panel {
  background: linear-gradient(140deg,rgba(245,247,250,.12),rgba(0,169,224,.07),rgba(22,179,154,.13));
  border-color: rgba(22,179,154,.4);
}
.panel-symbol { color: var(--orange); }
.human-panel p { color: #D1DFE9; }
.human-tags span { background: rgba(10,31,68,.2); border-color: rgba(22,179,154,.4); color: #BCE8DD; }
.vision-section h2>span { color: var(--ice); background: linear-gradient(115deg,#F5F7FA 5%,#74D6F5 55%,#16B39A 105%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.vision-section .eyebrow { color: #FDB46F; }
.vision-signature { position: relative; border-color: rgba(110,124,145,.35); }
.vision-signature:before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse,rgba(0,169,224,.11),transparent 65%); z-index: -1; }
.vision-signature img { filter: drop-shadow(0 0 30px rgba(0,169,224,.18)); }
.vision-signature p { color: #A9BCD0; }
.vision-signature strong { color: var(--orange); }
.footer { border-color: rgba(110,124,145,.38); }
.footer-bottom { border-color: rgba(110,124,145,.28); color: #9CACBF; }
.footer-top p,.footer-nav { color: #A9B9CB; }
@media(max-width:800px) {
  .nav-links { background: rgba(10,31,68,.97); border-color: rgba(0,169,224,.3); }
  .hero-shade { background: linear-gradient(90deg,rgba(10,31,68,.83),rgba(10,31,68,.5)),linear-gradient(0deg,#0A1F44,transparent 58%,rgba(10,31,68,.05)); }
}
@media(max-width:540px) {
  .human-shade { background: linear-gradient(150deg,rgba(10,31,68,.83),rgba(10,31,68,.65)); }
  .worker-connector { background: linear-gradient(var(--blue),rgba(0,169,224,.25)); }
  .worker-roles>div { border-left: 2px solid rgba(255,159,67,.7); }
  .worker-roles>div:nth-child(2) { border-left-color: rgba(0,169,224,.8); }
  .worker-roles>div:nth-child(3) { border-left-color: rgba(22,179,154,.8); }
}
@supports not (backdrop-filter:blur(1px)) {
  .glass { background-color: rgba(10,31,68,.92); }
}