/* Block: argos/control-layer */
.control-layer-section { overflow: hidden; color: var(--white); background: var(--violet-bg); }
.control-layer-section .kicker { color: var(--mint); }
.control-layer-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 7vw; align-items: center; }
.control-layer-copy > p:not(.kicker) { color: rgba(255,255,255,.82); }
.control-layer-copy h3 { margin-top: 38px; font-size: 1.7rem; }
.control-layer-copy .control-caveat { padding-top: 20px; border-top: 1px solid rgba(255,255,255,.16); font-size: .8rem; }

/* Layout: orbit */
.control-layer-section--orbit .control-layer-visual { position: relative; min-height: 720px; }
.control-core { position: absolute; z-index: 2; left: 50%; top: 50%; width: 260px; height: 260px; padding: 28px; transform: translate(-50%, -50%); display: grid; place-content: center; text-align: center; border: 1px solid rgba(255,255,255,.23); border-radius: 50%; background: var(--dark); box-shadow: 0 0 0 34px rgba(255,255,255,.035), 0 30px 70px rgba(12,3,31,.4); }
.control-core span { color: var(--mint); font-size: .62rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.control-core b { margin: 14px 0; font-size: 1rem; }
.control-core small { color: rgba(255,255,255,.72); }
.control-elements { margin: 0; padding: 0; list-style: none; }
.control-elements li { position: absolute; width: 235px; min-height: 82px; padding: 13px; display: grid; grid-template-columns: 30px 1fr; gap: 10px; align-items: center; border: 1px solid rgba(255,255,255,.18); border-radius: 14px; background: rgba(255,255,255,.08); backdrop-filter: blur(8px); }
.control-elements li > span { color: var(--mint); font-size: .78rem; font-weight: 900; }
.control-elements b, .control-elements small { display: block; line-height: 1.25; }
.control-elements b { font-size: .68rem; }
.control-elements small { margin-top: 4px; color: rgba(255,255,255,.72); font-size: .56rem; }
.control-elements li:nth-child(1) { left: 0; top: 32px; }
.control-elements li:nth-child(2) { right: 0; top: 32px; }
.control-elements li:nth-child(3) { left: -24px; top: 178px; }
.control-elements li:nth-child(4) { right: -24px; top: 178px; }
.control-elements li:nth-child(5) { left: -24px; bottom: 178px; }
.control-elements li:nth-child(6) { right: -24px; bottom: 178px; }
.control-elements li:nth-child(7) { left: 0; bottom: 32px; }
.control-elements li:nth-child(8) { right: 0; bottom: 32px; }

/* Layout: grid (document page: heading on top, core bar, open grid of elements) */
.control-layer-section--grid { background: var(--navy-bg); }
.control-layer-section--grid .control-layer-grid { grid-template-columns: 1fr; gap: 52px; }
.control-layer-section--grid .control-layer-copy { max-width: 1080px; }
.control-layer-section--grid .control-layer-copy > p:not(.kicker) { max-width: 850px; }
.control-layer-section--grid .control-core { position: static; width: auto; height: auto; margin-bottom: 14px; padding: 30px 32px; transform: none; display: grid; grid-template-columns: .86fr 1.14fr; gap: 40px; align-items: center; text-align: left; border: 1px solid rgba(20,191,167,.42); border-radius: 18px; background: linear-gradient(115deg, rgba(18,27,42,.94), rgba(25,44,63,.8)); box-shadow: 0 22px 58px rgba(0,0,0,.2); }
.control-layer-section--grid .control-core span { font-size: .52rem; letter-spacing: .1em; }
.control-layer-section--grid .control-core b { display: block; margin: 9px 0 5px; font-size: 1.45rem; line-height: 1.15; }
.control-layer-section--grid .control-core small { font-size: .72rem; }
.control-flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; gap: 8px; align-items: center; }
.control-flow span { min-height: 51px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.14); border-radius: 11px; color: rgba(255,255,255,.84); background: rgba(255,255,255,.055); font-size: .55rem; font-weight: 850; }
.control-flow i { color: #14bfa7; font-size: .75rem; font-style: normal; }
.control-layer-section--grid .control-elements { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0 28px; }
.control-layer-section--grid .control-elements li { position: static; width: auto; min-height: 154px; padding: 23px 0; grid-template-columns: 42px 1fr; grid-template-rows: auto 1fr; gap: 16px 13px; align-items: start; border: 0; border-top: 1px solid rgba(255,255,255,.17); border-radius: 0; background: transparent; backdrop-filter: none; }
.control-layer-section--grid .control-elements li > span { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(20,191,167,.28); border-radius: 50%; background: rgba(20,191,167,.08); color: #14bfa7; font-size: .65rem; }
.control-layer-section--grid .control-elements li > div { align-self: center; }
.control-layer-section--grid .control-elements b { font-size: .73rem; }
.control-layer-section--grid .control-elements small { margin-top: 7px; font-size: .72rem; line-height: 1.45; }
.control-layer-section--grid .control-layer-close { margin-top: 25px; padding-top: 26px; }
.control-layer-section--grid .control-layer-close p { max-width: 820px; font-size: .72rem; }
.control-layer-section--grid .control-layer-close p b, .control-layer-section--grid .control-layer-close p strong { color: rgba(255,255,255,.92); }

/* Closing */
.control-layer-close { margin-top: 52px; padding-top: 28px; display: flex; align-items: center; justify-content: space-between; gap: 40px; border-top: 1px solid rgba(255,255,255,.17); }
.control-layer-close p { max-width: 760px; margin: 0; color: rgba(255,255,255,.82); }
.control-layer-close .btn { flex: 0 0 auto; }

@media (max-width: 1120px) {
  .control-layer-grid { grid-template-columns: 1fr; }
  .control-layer-copy { max-width: 800px; }
}

@media (max-width: 900px) {
  .control-layer-section--orbit .control-layer-visual { min-height: auto; }
  .control-layer-section--orbit .control-core { position: relative; left: auto; top: auto; width: 100%; height: auto; min-height: 210px; transform: none; border-radius: 24px; }
  .control-layer-section--orbit .control-elements { margin-top: 18px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .control-layer-section--orbit .control-elements li { position: static; width: auto; }
  .control-layer-close { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 840px) {
  .control-layer-section--grid .control-core { grid-template-columns: 1fr; gap: 24px; }
  .control-layer-section--grid .control-elements { grid-template-columns: repeat(2, 1fr); gap: 0 22px; }
}

@media (max-width: 760px) {
  .control-elements, .control-layer-section--grid .control-elements { grid-template-columns: 1fr; }
  .control-layer-section--grid .control-core { padding: 24px; }
  .control-flow { grid-template-columns: repeat(4, 1fr); }
  .control-flow i { display: none; }
  .control-layer-section--grid .control-elements li { min-height: 125px; }
  .control-layer-close .text-link { align-self: flex-start; }
  .control-layer-close .btn { width: 100%; }
}

/* Layout: register (light; AI Control Layer page) */
.control-register-section { background: var(--paper-wash); }
.control-map { display: grid; grid-template-columns: .65fr 1.35fr; gap: 7vw; align-items: center; }
.register-core { width: 260px; height: 260px; margin: auto; display: grid; place-content: center; position: relative; border-radius: 50%; color: var(--white); background: var(--es-navy); text-align: center; box-shadow: 0 0 0 28px rgba(20,191,167,.06), 0 0 0 29px rgba(20,191,167,.2); }
.register-core span { color: var(--es-teal); font-size: .55rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.register-core b { max-width: 175px; margin: 12px auto 0; font-size: 1.45rem; line-height: 1.12; }
.register-core small { margin-top: 11px; color: rgba(255,255,255,.72); font-size: .55rem; }
.control-register { display: grid; grid-template-columns: 1fr 1fr; column-gap: 32px; }
.control-register article { min-height: 130px; padding: 22px 0; border-top: 1px solid var(--line); }
.control-register span { color: var(--violet); font-size: .56rem; font-weight: 900; }
.control-register h3 { margin: 31px 0 7px; font-size: 1.03rem; }
.control-register p { margin: 0; color: var(--muted); font-size: .82rem; }
.register-close { margin-top: 48px; padding-top: 28px; display: flex; align-items: center; justify-content: space-between; gap: 40px; border-top: 1px solid var(--line); }
.register-close p { max-width: 760px; margin: 0; color: var(--muted); }
@media (max-width: 1100px) { .control-map { grid-template-columns: 1fr; } }
@media (max-width: 840px) {
  .control-register { grid-template-columns: 1fr; }
  .control-register article { min-height: 110px; }
  .control-register h3 { margin-top: 24px; }
  .register-close { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 760px) { .register-core { width: 220px; height: 220px; } }