/* Reveali Boardroom V6 — website-consistent intelligence illustration
   and actual interactive sector tabs for the tailored-intelligence chapter. */

/* A common visual vocabulary: translucent orbits, live nodes,
   thin signal connectors, dark technical panels and restrained microtype. */
.cover .float-label,.platform .platform-node,.solution .stake-person,
.roi .roi-branch,.sector-panel {
  backdrop-filter:blur(6px);
}
.cover .cover-network .orbit-ellipse,
.platform .platform-lines,
.solution .stake-wires,
.vision .world-ring {
  filter:drop-shadow(0 0 4px rgba(137,229,237,.05));
}
.platform .platform-core,
.solution .stake-core,
.vision .world-core {
  background:radial-gradient(circle at 37% 28%,#174654,#082a38 69%,#061d28 100%);
  border-color:rgba(167,243,248,.48);
  box-shadow:0 0 0 13px rgba(106,206,222,.045),
             0 0 0 31px rgba(103,202,218,.03),
             inset 0 0 45px rgba(107,210,227,.07),
             0 0 32px rgba(75,168,197,.1);
}
.solution .stake-wire,.platform .platform-lines{stroke:#82d3df}
.platform .platform-node,
.solution .stake-person {
  border-color:rgba(150,226,234,.21);
  background:linear-gradient(142deg,rgba(8,50,63,.94),rgba(5,29,42,.91));
}
.model .flow-stage,
.roi .roi-branch {
  border-color:rgba(153,219,232,.2);
  background:linear-gradient(140deg,rgba(12,61,76,.94),rgba(5,28,39,.95));
}
.model .flow-symbol {
  position:relative;
  border-color:rgba(176,246,249,.35);
  background:radial-gradient(circle,#164c59,#092c3b 80%);
}
.model .flow-symbol::after {
  content:"";position:absolute;inset:-11px;border:1px solid rgba(147,225,238,.13);border-radius:50%;
}
.roi .roi-icon {
  position:relative;
  background:radial-gradient(circle,#1b5666,#0b3040 75%);
  border-color:rgba(178,237,242,.27);
}
.roi .roi-icon::after {
  content:"";position:absolute;inset:-12px;border:1px dashed rgba(164,229,235,.18);border-radius:50%;
}
@keyframes livingNode{0%,100%{box-shadow:0 0 0 4px rgba(147,228,236,.05),0 0 12px rgba(156,242,249,.3)}50%{box-shadow:0 0 0 8px rgba(147,228,236,.09),0 0 20px rgba(156,242,249,.64)}}
@media(prefers-reduced-motion:no-preference){
 .slide.active .platform-node.is-emphasized::before,
 .slide.active .stake-person.is-emphasized::before,
 .slide.active .roi-branch.is-emphasized::before{
   animation:livingNode 4s ease-in-out infinite;
 }
}

/* The sector tabs are real controls, never part of the passive auto-highlight cycle. */
.tailored .sector-tabs{
  top:373px;right:82px;left:82px;height:46px;gap:8px;
  display:flex;align-items:stretch;justify-content:flex-start;
}
.tailored .sector-tabs button {
  appearance:none;
  flex:1 1 0;
  position:relative;
  min-width:0;
  border:1px solid rgba(151,224,237,.24);
  background:rgba(10,57,72,.61);
  color:#a9d8e0;
  font:700 10px var(--font);
  letter-spacing:.075em;
  white-space:nowrap;
  padding:0 17px;
  display:flex;align-items:center;gap:17px;justify-content:space-between;
  transition:background .24s,color .24s,border-color .24s,box-shadow .24s,transform .24s;
  cursor:pointer;
}
.tailored .sector-tabs button:hover {
  color:#e7ffff;
  background:rgba(28,105,121,.74);
  border-color:#6cc7d4;
  transform:translateY(-2px);
}
.tailored .sector-tabs button[aria-selected="true"]{
  color:#052c36;
  background:#aeeef0;
  border-color:#d7ffff;
  box-shadow:0 9px 23px rgba(3,15,22,.18),0 0 17px rgba(126,222,238,.13);
}
.tailored .sector-tabs .tab-caret{
  font:400 18px var(--display);line-height:1;
  color:inherit;opacity:.77;display:inline-block;
  transition:transform .25s,opacity .25s;
}
.tailored .sector-tabs button[aria-selected="true"] .tab-caret{transform:rotate(45deg);opacity:1}
.tailored .sector-tabs button:focus-visible{outline:2px solid #ddffff;outline-offset:3px}

/* Tab panel: one self-contained visual + detailed application, just like
   the website's selection-linked explanation sections. */
.tailored .sector-panel{
  top:437px;height:357px;
  grid-template-columns:48% 52%;
  background:linear-gradient(115deg,rgba(7,38,52,.91),rgba(7,33,47,.9));
  border-color:rgba(169,236,241,.29);
  overflow:hidden;
  box-shadow:0 14px 42px rgba(0,0,0,.13);
}
.tailored .sector-panel:before{
  content:"";
  position:absolute;inset:-55% -40%;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse at 41% 65%,rgba(44,162,186,.12),transparent 54%);
}
.tailored .sector-panel .prospect-header{
  height:47px;z-index:6;padding:0 22px;
  display:flex;align-items:center;background:rgba(10,48,61,.86);
}
.tailored .sector-panel .prospect-header>span{display:flex;gap:9px;align-items:center}
.tailored .sector-panel .prospect-header small{font-size:9px;color:#81acb9}
.sector-panel .signal-live{
  display:inline-block;flex:none;height:6px;width:6px;border-radius:50%;
  background:#adf9f8;box-shadow:0 0 0 5px rgba(132,231,239,.08),0 0 15px rgba(128,233,241,.5);
}
.tailored .sector-visual{
  position:relative;grid-column:1;
  height:264px;width:100%;margin-top:47px;
  background:radial-gradient(ellipse at 50% 46%,rgba(19,83,98,.16),transparent 67%);
}
.tailored .sector-connectivity {
  position:absolute;top:-7px;left:2%;width:96%;height:280px;overflow:visible;
  filter:drop-shadow(0 4px 15px rgba(14,101,120,.04));
}
.tailored .sector-connectivity .sector-orbit{
  fill:none;stroke:#7dccda;stroke-opacity:.23;stroke-width:1;
}
.tailored .sector-connectivity .second-orbit{stroke-opacity:.15;stroke-dasharray:4 8}
.tailored .sector-ring{fill:none;stroke:#7ccfdf;stroke-width:1.2;stroke-opacity:.22}
.tailored .sector-ring.middle{stroke-opacity:.32}
.tailored .sector-ring.inner{stroke-opacity:.5}
.tailored .sector-connector{
  fill:none;stroke:#80d6e3;stroke-width:1.2;stroke-opacity:.34;
}
.tailored .sector-traffic{
  fill:none;stroke:#c5fdff;stroke-width:2.8;
  stroke-dasharray:11 340;stroke-linecap:round;
  opacity:.75;filter:drop-shadow(0 0 5px rgba(163,239,249,.56));
}
.tailored .sector-signal-dots circle {
  fill:#acf2f7;stroke:#65becd;stroke-width:1.2;
  filter:drop-shadow(0 0 4px rgba(155,234,245,.4));
}
.tailored .sector-signal-labels{
  font:700 10px var(--font);letter-spacing:1.5px;fill:#8ebecb;
}
.tailored .sector-signal-labels text:nth-child(4),
.tailored .sector-signal-labels text:nth-child(5){
  fill:#699ca9;font-size:9px;
}
.tailored .sector-center-back{
  fill:#092d3b;stroke:#a7eff3;stroke-opacity:.45;stroke-width:1.4;
  filter:drop-shadow(0 0 16px rgba(69,190,208,.15));
}
.tailored .sector-r{
  font:700 75px var(--display);letter-spacing:-6px;fill:#d1feff;
}
.tailored .sector-r-sub{
  font:700 8px var(--font);letter-spacing:1.3px;fill:#9bd2dc;
}
.tailored .sector-diagram-id{
  position:absolute;left:32px;bottom:5px;color:#6f9faa;
  font:700 8.5px var(--font);letter-spacing:.13em;
}
.tailored .sector-description{
  position:relative;z-index:2;grid-column:2;
  border-left:1px solid rgba(149,217,230,.2);
  padding:73px 31px 25px 34px;
  min-width:0;
}
.tailored .sector-panel-eyebrow{
  margin:0 0 12px;color:#91cfd7;
  font:700 10px var(--font);letter-spacing:.12em;
}
.tailored .sector-description h3{
  font:500 33px/1.06 var(--display);letter-spacing:-.055em;
  color:#f2feff;margin:0 0 12px;
  min-height:68px;
}
.tailored .sector-description>p:not(.sector-panel-eyebrow){
  margin:0;
  max-width:653px;
  font:400 14px/1.56 var(--font);
  color:#b0ced5;
}
.tailored .sector-outcomes{
  display:flex;gap:6px;flex-wrap:wrap;
  margin-top:17px;
}
.tailored .sector-outcomes span{
  color:#9fd6df;font:700 9px var(--font);letter-spacing:.06em;
  padding:9px 10px;border:1px solid rgba(151,225,238,.2);
  background:rgba(16,69,84,.33);
}
.tailored .sector-panel-foot {
  position:absolute;bottom:0;left:0;right:0;height:30px;z-index:5;
  display:flex;align-items:center;justify-content:space-between;
  border-top:1px solid rgba(143,214,230,.12);
  padding:0 22px;
  background:rgba(5,26,37,.62);
  color:#6faab8;font:700 8px var(--font);letter-spacing:.14em;
}
@keyframes sectorTravel{to{stroke-dashoffset:-360}}
@keyframes sectorOrbitDrift{0%,100%{opacity:.22}50%{opacity:.48}}
@keyframes sectorIntro{from{opacity:.35;transform:translateY(8px);filter:blur(2px)}to{opacity:1;transform:translateY(0);filter:none}}
@media(prefers-reduced-motion:no-preference){
  .slide.active .sector-traffic{animation:sectorTravel 7s linear infinite}
  .slide.active .sector-trail-two{animation-duration:9.5s;animation-delay:-3s}
  .slide.active .sector-orbit{animation:sectorOrbitDrift 10s ease-in-out infinite}
  .slide.active .sector-orbit.second-orbit{animation-delay:-4s}
  .slide.active .sector-panel.is-switching .sector-description>*,
  .slide.active .sector-panel.is-switching .sector-signal-labels,
  .slide.active .sector-panel.is-switching .sector-outcomes{animation:sectorIntro .43s cubic-bezier(.2,.7,.2,1) both}
  .slide.active .sector-panel.is-switching .sector-outcomes{animation-delay:.08s}
}
/* Subtle real-data-flow accents across the remaining illustration chapters. */
@keyframes lineAtmosphere{0%,100%{opacity:.36}50%{opacity:.69}}
@media(prefers-reduced-motion:no-preference){
  .slide.active .platform .platform-lines,.slide.active .platform-lines{animation:lineAtmosphere 9s ease-in-out infinite}
  .slide.active .stake-signal-dots,.slide.active .vision-star{animation:lineAtmosphere 6.5s ease-in-out infinite}
}
@media(prefers-reduced-motion:reduce){
  .tailored .sector-traffic,.tailored .sector-orbit,
  .tailored .sector-panel.is-switching *{animation:none!important}
  .tailored .sector-tabs button{transition:none!important;transform:none!important}
}

/* The former sector pills were spans; remove those inherited chip styles
   from the new tab icons so arrows never look like separate controls. */
.tailored .sector-tabs button .tab-caret{
  padding:0;margin:0;border:0;background:none;
  min-width:14px;box-shadow:none;display:inline-block;
}
.tailored .sector-tabs button[aria-selected="false"] .tab-caret {color:#8dc8d4}
.tailored .sector-tabs button[aria-selected="true"] .tab-caret {color:#134453}
/* Semantic tab content has a stable text frame as diagrams change. */
.tailored .sector-panel [role="status"]{position:absolute}