/* PIXION scenario center — page-local component */
.pxn-scenarios{
  position:relative;
  padding:118px 0 126px;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 12%,rgba(18,184,228,.13),transparent 28%),
    radial-gradient(circle at 88% 30%,rgba(89,222,217,.12),transparent 30%),
    linear-gradient(180deg,#fff 0%,#f6fdff 46%,#eefaff 100%);
}
.pxn-scenarios:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.3;
  background-image:radial-gradient(rgba(18,184,228,.22) 1px,transparent 1px);
  background-size:28px 28px;
  mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);
}
.pxn-scenarios .wrap{position:relative;z-index:1}
.pxn-scenarios .sec-head{max-width:950px;margin-inline:auto}
.pxn-scenarios .sec-head h2 b{background:linear-gradient(90deg,#0799c8 0%,#12b8e4 45%,#59ded9 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.pxn-scenarios .sec-head p{max-width:980px;margin:18px auto 0}
.pxn-intro-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:28px;text-align:left}
.pxn-intro-rail article{position:relative;padding:18px 16px 16px;border:1px solid rgba(18,184,228,.14);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(245,252,255,.92));box-shadow:0 16px 34px rgba(13,94,133,.06);overflow:hidden;animation:pxnRailFloat 5.5s ease-in-out infinite}
.pxn-intro-rail article:nth-child(2){animation-delay:.15s}
.pxn-intro-rail article:nth-child(3){animation-delay:.3s}
.pxn-intro-rail article:nth-child(4){animation-delay:.45s}
.pxn-intro-rail article:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,#12b8e4,#59ded9)}
.pxn-intro-rail span{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;background:#eafaff;color:#078ebc;font-size:10px;font-weight:900;margin-bottom:12px}
.pxn-intro-rail b{display:block;color:#0a2342;font-size:14px;line-height:1.35;margin-bottom:8px}
.pxn-intro-rail small{display:block;color:#62758a;font-size:11px;line-height:1.6}
@keyframes pxnRailFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.pxn-scenario-shell{transition:box-shadow .35s ease,transform .35s ease}
.pxn-scenario-shell:hover{transform:translateY(-2px);box-shadow:0 42px 110px rgba(12,94,133,.18),0 0 0 8px rgba(18,184,228,.03)}
.pxn-scenario-shell{
  margin-top:54px;
  border:1px solid rgba(18,184,228,.2);
  border-radius:30px;
  overflow:hidden;
  background:rgba(255,255,255,.94);
  box-shadow:0 38px 100px rgba(12,94,133,.16),0 0 0 8px rgba(18,184,228,.025);
  backdrop-filter:blur(12px);
}
.pxn-scenario-topbar{
  display:flex;
  align-items:center;
  gap:24px;
  padding:18px 22px;
  border-bottom:1px solid rgba(18,184,228,.14);
  background:linear-gradient(180deg,#fff,#f8fdff);
}
.pxn-scenario-brand{display:flex;align-items:center;gap:15px;flex:0 0 auto}
.pxn-scenario-brand img{display:block;width:122px;height:auto}
.pxn-scenario-brand span{padding-left:15px;border-left:1px solid rgba(7,23,47,.12);color:#52647d;font:700 10px/1.2 Inter,sans-serif;letter-spacing:.13em;text-transform:uppercase}
.pxn-scenario-switcher{display:flex;gap:10px;margin-left:auto;overflow-x:auto;scrollbar-width:none;padding:8px;border:1px solid rgba(18,184,228,.14);border-radius:18px;background:linear-gradient(180deg,#ffffff,#f4fbfe);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 16px 34px rgba(10,88,121,.06)}
.pxn-scenario-switcher::-webkit-scrollbar,.pxn-view-tabs::-webkit-scrollbar{display:none}
.pxn-scenario-switcher button,
.pxn-view-tabs button{
  appearance:none;
  border:0;
  font-family:Inter,sans-serif;
  cursor:pointer;
  white-space:nowrap;
  transition:transform .2s ease,box-shadow .2s ease,color .2s ease,background .2s ease,border-color .2s ease;
}
.pxn-scenario-switcher button{
  position:relative;
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 16px 12px 12px;
  border:1px solid rgba(18,184,228,.08);
  border-radius:14px;
  color:#53657a;
  background:rgba(255,255,255,.74);
  font-size:11px;
  font-weight:760;
  box-shadow:0 10px 22px rgba(10,88,121,.04);
}
.pxn-scenario-switcher button:before{content:"";display:block;flex:0 0 28px;width:28px;height:28px;border-radius:10px;background:linear-gradient(135deg,#eafaff,#d8f6ff);box-shadow:inset 0 1px 0 rgba(255,255,255,.9);position:relative}
.pxn-scenario-switcher button:nth-child(1):after,.pxn-scenario-switcher button:nth-child(2):after{position:absolute;left:20px;top:50%;transform:translateY(-50%);font-size:12px;line-height:1;color:#0798c7;font-weight:900}
.pxn-scenario-switcher button:nth-child(1):after{content:"↗"}
.pxn-scenario-switcher button:nth-child(2):after{content:"◎";font-size:11px}
.pxn-scenario-switcher button:hover{color:#078ebc;background:#f3fdff;border-color:rgba(18,184,228,.18);transform:translateY(-1px)}
.pxn-scenario-switcher button.is-active{
  color:#fff;
  background:linear-gradient(105deg,#078ebc,#12b8e4 62%,#59ded9);
  border-color:transparent;
  box-shadow:0 16px 34px rgba(18,184,228,.28);
}
.pxn-scenario-switcher button.is-active:before{background:rgba(255,255,255,.18)}
.pxn-scenario-switcher button.is-active:after{color:#fff}
.pxn-scenario-heading{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:30px;
  align-items:start;
  padding:28px 30px 22px;
}
.pxn-scenario-kicker{display:inline-flex;align-items:center;gap:8px;color:#078ebc;font:800 9px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.pxn-scenario-kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:#12b8e4;box-shadow:0 0 0 5px rgba(18,184,228,.12)}
.pxn-scenario-heading h3{margin:10px 0 8px;color:#07172f;font-size:clamp(27px,3vw,43px);line-height:1.08}
.pxn-scenario-heading p{max-width:790px;margin:0;color:#63728a;font-size:13px;line-height:1.7}
.pxn-scenario-status{display:grid;grid-template-columns:auto auto;gap:9px 22px;min-width:238px;padding:16px 18px;border:1px solid rgba(18,184,228,.16);border-radius:16px;background:#f7fdff}
.pxn-scenario-status small{color:#7b899d;font:700 8px/1.3 Inter,sans-serif;text-transform:uppercase;letter-spacing:.1em}
.pxn-scenario-status b{color:#08304d;font-size:12px}
.pxn-scenario-status i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#18bd87;box-shadow:0 0 0 4px rgba(24,189,135,.1)}
.pxn-view-tabs{
  display:flex;
  gap:8px;
  padding:0 22px 16px;
  overflow-x:auto;
  border-bottom:1px solid rgba(18,184,228,.13);
}
.pxn-view-tabs button{
  position:relative;
  display:flex;
  align-items:center;
  gap:10px;
  padding:11px 16px 11px 12px;
  border:1px solid rgba(18,184,228,.08);
  border-radius:14px;
  color:#607187;
  background:linear-gradient(180deg,#ffffff,#f8fcfe);
  font-size:11px;
  font-weight:760;
  box-shadow:0 10px 22px rgba(10,88,121,.04);
}
.pxn-view-tabs button:before{display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:#ecfafe;color:#0798c7;font-size:10px;font-weight:900;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.pxn-view-tabs button:nth-child(1):before{content:"01"}
.pxn-view-tabs button:nth-child(2):before{content:"02"}
.pxn-view-tabs button:nth-child(3):before{content:"03"}
.pxn-view-tabs button:nth-child(4):before{content:"04"}
.pxn-view-tabs button:nth-child(5):before{content:"05"}
.pxn-view-tabs button:nth-child(6):before{content:"06"}
.pxn-view-tabs button:nth-child(7):before{content:"07"}
.pxn-view-tabs button:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:3px;border-radius:3px;background:transparent;transition:background .2s ease,opacity .2s ease;opacity:0}
.pxn-view-tabs button:hover{color:#078ebc;background:#f1fbfe;border-color:rgba(18,184,228,.18);transform:translateY(-1px)}
.pxn-view-tabs button.is-active{color:#078ebc;background:#edfbff;border-color:rgba(18,184,228,.28);box-shadow:0 14px 26px rgba(18,184,228,.11)}
.pxn-view-tabs button.is-active:before{background:linear-gradient(135deg,#078ebc,#12b8e4);color:#fff}
.pxn-view-tabs button.is-active:after{background:linear-gradient(90deg,#078ebc,#12b8e4,#59ded9);opacity:1}
.pxn-scenario-stage{padding:22px 22px 0}
.pxn-scenario-figure{position:relative;margin:0;border-radius:22px;overflow:hidden;background:#eaf8fc;box-shadow:0 24px 58px rgba(7,80,115,.17)}
.pxn-scenario-figure:before{content:"";position:absolute;inset:0;z-index:1;border:1px solid rgba(255,255,255,.68);border-radius:inherit;pointer-events:none}
.pxn-scenario-figure img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transition:opacity .22s ease,transform .45s ease}
.pxn-scenario-figure.is-changing img{opacity:.35;transform:scale(1.008)}
.pxn-scenario-image-badge{position:absolute;z-index:2;left:18px;bottom:18px;display:flex;align-items:center;gap:10px;padding:10px 13px;border:1px solid rgba(255,255,255,.68);border-radius:12px;background:rgba(6,35,56,.76);color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.16);backdrop-filter:blur(9px)}
.pxn-scenario-image-badge i{width:8px;height:8px;border-radius:50%;background:#62e5df;box-shadow:0 0 0 4px rgba(98,229,223,.18)}
.pxn-scenario-image-badge span{font:750 9px/1.2 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.pxn-scenario-detail{
  display:grid;
  grid-template-columns:1.25fr 1fr .86fr;
  gap:14px;
  padding:18px 22px 24px;
}
.pxn-detail-card{
  min-width:0;
  padding:20px;
  border:1px solid rgba(18,184,228,.14);
  border-radius:17px;
  background:linear-gradient(145deg,#fff,#f7fdff);
}
.pxn-detail-card small{display:block;color:#078ebc;font:800 8px/1.2 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.pxn-detail-card h4{margin:9px 0 8px;color:#0a2342;font-size:18px;line-height:1.25}
.pxn-detail-card p{margin:0;color:#68778d;font-size:11px;line-height:1.65}
.pxn-detail-list{display:grid;gap:8px;margin-top:14px;padding:0;list-style:none}
.pxn-detail-list li{display:grid;grid-template-columns:20px 1fr;gap:8px;align-items:start;color:#3d526d;font-size:10px;line-height:1.45}
.pxn-detail-list li:before{content:"✓";display:grid;width:18px;height:18px;place-items:center;border-radius:6px;color:#078ebc;background:#e9faff;font-size:9px;font-weight:900}
.pxn-metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}
.pxn-metric-grid article{padding:13px;border:1px solid rgba(18,184,228,.12);border-radius:12px;background:#fff}
.pxn-metric-grid b{display:block;color:#079ac5;font-size:20px;line-height:1}
.pxn-metric-grid span{display:block;margin-top:6px;color:#6c7c91;font-size:8px;line-height:1.35}
.pxn-decision-card{display:flex;flex-direction:column;background:linear-gradient(155deg,#07233e,#0b4564);color:#fff}
.pxn-decision-card small{color:#72e4f2}
.pxn-decision-card h4{color:#fff}
.pxn-decision-card p{color:#d6eef5}
.pxn-decision-card .pxn-decision-tag{display:inline-flex;width:max-content;margin-top:auto;padding:8px 10px;border:1px solid rgba(114,228,242,.24);border-radius:999px;color:#8ceaf4;background:rgba(18,184,228,.1);font:750 8px/1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.pxn-scenario-progress{display:flex;justify-content:center;gap:10px;padding:2px 0 24px}
.pxn-scenario-progress button{position:relative;width:12px;height:12px;padding:0;border:0;border-radius:999px;background:#d9e9ef;cursor:pointer;transition:transform .2s ease,background .2s ease,box-shadow .2s ease;width:.2s ease;box-shadow:inset 0 0 0 1px rgba(7,142,188,.08)}
.pxn-scenario-progress button:hover{transform:translateY(-1px);background:#bfe8f3}
.pxn-scenario-progress button:after{content:attr(data-label);position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%) translateY(4px);padding:6px 9px;border-radius:10px;background:rgba(7,23,47,.86);color:#fff;font:700 9px/1.2 Inter,sans-serif;letter-spacing:.05em;white-space:nowrap;opacity:0;pointer-events:none;transition:.18s;box-shadow:0 10px 26px rgba(0,0,0,.14)}
.pxn-scenario-progress button:hover:after,.pxn-scenario-progress button.is-active:after{opacity:1;transform:translateX(-50%) translateY(0)}
.pxn-scenario-progress button.is-active{width:34px;border-radius:999px;background:linear-gradient(90deg,#078ebc,#12b8e4);box-shadow:0 10px 24px rgba(18,184,228,.24)}
.pxn-scenario-note{max-width:920px;margin:25px auto 0;color:#6c7b91;font-size:11px;line-height:1.65;text-align:center}
.pxn-scenario-note b{color:#0a3450}

@media(max-width:1080px){
  .pxn-scenario-topbar{align-items:flex-start;flex-direction:column}
  .pxn-scenario-switcher{width:100%;margin-left:0}
  .pxn-scenario-heading{grid-template-columns:1fr}
  .pxn-scenario-status{width:100%;min-width:0}
  .pxn-scenario-detail{grid-template-columns:1fr 1fr}
  .pxn-decision-card{grid-column:1/-1;min-height:185px}
}
@media(max-width:760px){
  .pxn-scenarios{padding:82px 0 90px}
  .pxn-scenario-shell{margin-top:35px;border-radius:22px}
  .pxn-scenario-topbar{padding:15px}
  .pxn-scenario-brand{width:100%;justify-content:space-between}
  .pxn-scenario-brand img{width:105px}
  .pxn-scenario-heading{padding:22px 17px 16px}
  .pxn-view-tabs{padding:0 12px 12px}
  .pxn-scenario-stage{padding:12px 12px 0}
  .pxn-scenario-figure{border-radius:15px}
  .pxn-scenario-image-badge{left:10px;bottom:10px;padding:8px 10px}
  .pxn-scenario-detail{grid-template-columns:1fr;padding:12px 12px 19px}
  .pxn-decision-card{grid-column:auto}
}
@media(max-width:520px){
  .pxn-scenario-brand span{display:none}
  .pxn-scenario-heading h3{font-size:28px}
  .pxn-scenario-status{grid-template-columns:1fr 1fr}
  .pxn-scenario-figure img{aspect-ratio:1.15/1;object-position:center}
  .pxn-metric-grid{grid-template-columns:1fr 1fr}
}


/* v125 — PIXION senaryo geçişleri, görünür içerik ve kapalı döngü modeli */
.pixion-cycle-expanded{background:linear-gradient(180deg,#effbff 0%,#f8fdff 100%)}
.pixion-cycle-expanded .sec-head{max-width:980px;margin-inline:auto}
.pixion-cycle-expanded .sec-head p{max-width:820px;margin:18px auto 0}
.pixion-cycle-visual{margin:44px 0 0;border:1px solid rgba(18,184,228,.16);border-radius:30px;overflow:hidden;background:#fff;box-shadow:0 30px 85px rgba(10,92,132,.13)}
.pixion-cycle-visual img{display:block;width:100%;height:auto}

.pxn-scenario-view-body{display:flex;flex-direction:column}
.pxn-scenario-stage{order:1}
.pxn-scenario-detail{order:2}
.pxn-scenario-progress{order:3}
.pxn-scenario-shell.is-detail-view .pxn-scenario-detail{order:1;padding-top:18px;padding-bottom:14px}
.pxn-scenario-shell.is-detail-view .pxn-scenario-stage{order:2;padding-top:8px}
.pxn-scenario-shell.is-detail-view .pxn-scenario-progress{order:3;padding-top:18px}
.pxn-scenario-shell.is-detail-view .pxn-detail-card{box-shadow:0 12px 32px rgba(18,112,153,.06)}

.pxn-scenario-figure[data-visual-mode="dashboard-4-3"],
.pxn-scenario-figure[data-visual-mode="dashboard-16-9"]{background:linear-gradient(180deg,#f7fdff,#eef9fd);box-shadow:0 18px 48px rgba(7,80,115,.12)}
.pxn-scenario-figure[data-visual-mode="dashboard-4-3"] img{height:min(72vw,780px);aspect-ratio:auto;object-fit:contain;object-position:center}
.pxn-scenario-figure[data-visual-mode="dashboard-16-9"] img{aspect-ratio:16/9;object-fit:contain;object-position:center}
.pxn-scenario-figure[data-visual-mode="photo"] img{aspect-ratio:16/9;object-fit:cover}

.deep-platform .pxn-detail-card p,
.pxn-detail-card p{display:block!important;-webkit-box-orient:initial!important;-webkit-line-clamp:unset!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important}
.pxn-detail-card{min-height:205px}
.pxn-decision-card{min-height:205px;overflow:visible}
.pxn-decision-card .pxn-decision-tag{margin-top:22px;white-space:normal;line-height:1.35}
.pxn-scenario-progress{min-height:31px;align-items:center}
.pxn-scenario-progress button{display:block;flex:0 0 auto;min-width:7px;min-height:7px}
.pxn-scenario-progress button.is-active{min-width:24px}

@media(max-width:760px){
  .pixion-cycle-visual{margin-top:30px;border-radius:20px}
  .pxn-scenario-shell.is-detail-view .pxn-scenario-detail{padding-top:12px}
  .pxn-scenario-figure[data-visual-mode="dashboard-4-3"] img{height:auto;aspect-ratio:4/3}
  .pxn-detail-card,.pxn-decision-card{min-height:auto}
}


/* v126 — governance görsel tekrarını azalt ve sekme geçişlerini sabitle */
.pxn-scenario-shell.hide-stage .pxn-scenario-stage{display:none}
.pxn-scenario-shell.hide-stage .pxn-scenario-detail{padding-top:18px}
@media(max-width:760px){
  .pxn-scenario-shell.hide-stage .pxn-scenario-detail{padding-top:12px}
}


/* v127 — 90 şube Süreç Akışı tıklama katmanı ve yönlendirme koruması */
.pxn-scenario-shell{position:relative;z-index:22;isolation:isolate}
.pxn-scenario-topbar,.pxn-scenario-heading,.pxn-view-tabs{position:relative;z-index:4}
.pxn-view-tabs button,.pxn-scenario-switcher button{position:relative;z-index:2;pointer-events:auto;touch-action:manipulation}
.dp-pixion .platform-subnav{pointer-events:none}
.dp-pixion .platform-subnav a{pointer-events:auto}
#application{scroll-margin-top:142px}
@media(max-width:760px){#application{scroll-margin-top:122px}}


/* v128 — PIXION menüleri: bekleterek tıklamada sıçrama ve yanlış yönlenme düzeltmesi */
.pxn-scenario-shell{
  position:relative;
  isolation:isolate;
  overflow-anchor:none;
  contain:layout paint;
}
.pxn-scenario-topbar,
.pxn-scenario-heading,
.pxn-view-tabs{
  position:relative;
  z-index:20;
  background:#fff;
}
.pxn-scenario-switcher,
.pxn-view-tabs{
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
.pxn-scenario-switcher button,
.pxn-view-tabs button,
.pxn-scenario-progress button{
  position:relative;
  z-index:2;
  pointer-events:auto;
  touch-action:manipulation;
  user-select:none;
  -webkit-user-select:none;
  transform:none!important;
}
/* Görünüm sırası hiçbir sekmede değişmez; böylece sekmeye basınca içerik yukarı sıçramaz. */
.pxn-scenario-view-body{overflow-anchor:none}
.pxn-scenario-stage{order:1!important}
.pxn-scenario-detail{order:2!important}
.pxn-scenario-progress{order:3!important}
.pxn-scenario-shell.is-detail-view .pxn-scenario-stage{
  order:1!important;
  padding:22px 22px 0;
}
.pxn-scenario-shell.is-detail-view .pxn-scenario-detail{
  order:2!important;
  padding:18px 22px 24px;
}
/* Görsel alanı sabit kalır; farklı oranlı ekranlar sayfa yüksekliğini değiştirmez. */
.pxn-scenario-figure,
.pxn-scenario-figure[data-visual-mode="dashboard-4-3"],
.pxn-scenario-figure[data-visual-mode="dashboard-16-9"],
.pxn-scenario-figure[data-visual-mode="photo"]{
  width:100%;
  aspect-ratio:16/9;
  min-height:0;
}
.pxn-scenario-figure img,
.pxn-scenario-figure[data-visual-mode="dashboard-4-3"] img,
.pxn-scenario-figure[data-visual-mode="dashboard-16-9"] img,
.pxn-scenario-figure[data-visual-mode="photo"] img{
  width:100%;
  height:100%;
  aspect-ratio:auto!important;
  object-position:center;
}
.pxn-scenario-figure[data-visual-mode="dashboard-4-3"] img,
.pxn-scenario-figure[data-visual-mode="dashboard-16-9"] img{object-fit:contain}
.pxn-scenario-figure[data-visual-mode="photo"] img{object-fit:cover}
/* Eski sticky alt menü pointer-events müdahalesini geçersiz kıl. */
.dp-pixion .platform-subnav{pointer-events:auto}
.dp-pixion .platform-subnav a{pointer-events:auto}
@media(max-width:760px){
  .pxn-scenario-shell.is-detail-view .pxn-scenario-stage{padding:12px 12px 0}
  .pxn-scenario-shell.is-detail-view .pxn-scenario-detail{padding:12px 12px 19px}
  .pxn-scenario-figure,
  .pxn-scenario-figure[data-visual-mode="dashboard-4-3"],
  .pxn-scenario-figure[data-visual-mode="dashboard-16-9"],
  .pxn-scenario-figure[data-visual-mode="photo"]{aspect-ratio:4/3}
}

/* v131 — PIXION süreç metodolojisi, governance ritmi ve tam ekran şube ekranları */
.pixion-process-system{padding:118px 0;background:linear-gradient(180deg,#fff,#f2fbff)}
.pixion-process-system .sec-head{max-width:980px;margin-inline:auto}.pixion-process-system .sec-head p{max-width:860px;margin:18px auto 0}
.pps-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px;margin-top:48px}.pps-hierarchy,.pps-components{padding:25px;border:1px solid rgba(18,184,228,.17);border-radius:25px;background:#fff;box-shadow:0 24px 70px rgba(13,94,133,.1)}
.pps-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.pps-card-head small{color:#078ebc;font:800 9px Inter,sans-serif;letter-spacing:.14em}.pps-card-head>b{padding:7px 10px;border-radius:999px;color:#078ebc;background:#eafaff;font-size:10px}
.pps-level{display:grid;grid-template-columns:48px 1fr;gap:13px;align-items:center;margin:8px 0;padding:13px 15px;border-radius:14px;color:#fff}.pps-level>span{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:rgba(255,255,255,.18);font-size:10px;font-weight:900}.pps-level b,.pps-level small{display:block}.pps-level b{font-size:13px}.pps-level small{margin-top:3px;color:rgba(255,255,255,.8);font-size:9px}.pps-level.l1{margin-inline:14%;background:#75bdd8}.pps-level.l2{margin-inline:9%;background:#53afd0}.pps-level.l3{margin-inline:4%;background:#2598c4}.pps-level.l4{background:#087eb2}.pps-hierarchy>p{margin:18px 2px 0;color:#68798e;font-size:10px;line-height:1.65}
.pps-component-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.pps-component-grid>div{display:grid;grid-template-columns:35px 1fr;gap:4px 10px;align-items:start;padding:15px;border:1px solid rgba(18,184,228,.13);border-radius:14px;background:linear-gradient(145deg,#fff,#f5fcff)}.pps-component-grid>div:last-child{grid-column:1/-1}.pps-component-grid span{grid-row:1/3;display:grid;width:31px;height:31px;place-items:center;border-radius:9px;color:#078ebc;background:#e9faff;font-size:9px;font-weight:900}.pps-component-grid b{font-size:12px}.pps-component-grid small{color:#728197;font-size:9px;line-height:1.45}.pps-completion{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;margin-top:18px;padding:19px 22px;border:1px solid rgba(18,184,228,.17);border-radius:17px;background:linear-gradient(90deg,#eafaff,#f8fdff)}.pps-completion b{color:#078ebc;font-size:12px}.pps-completion span{color:#566a80;font-size:10px;line-height:1.6}
.pixion-governance-rhythm{padding:118px 0;background:linear-gradient(165deg,#eefaff,#fff 54%,#f1fbff)}.pixion-governance-rhythm .sec-head{max-width:980px;margin-inline:auto}.pixion-governance-rhythm .sec-head p{max-width:900px;margin:18px auto 0}.pgr-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:48px}.pgr-steps article{position:relative;min-height:220px;padding:22px;border:1px solid rgba(18,184,228,.17);border-radius:20px;background:#fff;box-shadow:0 20px 55px rgba(13,94,133,.08)}.pgr-steps article:not(:last-child):after{content:"→";position:absolute;right:-12px;top:48%;z-index:2;display:grid;width:25px;height:25px;place-items:center;border-radius:50%;color:#fff;background:#12b8e4;font-weight:900}.pgr-steps>article>span{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;color:#078ebc;background:#e8faff;font-size:10px;font-weight:900}.pgr-steps h3{margin:18px 0 9px;font-size:17px}.pgr-steps p{margin:0;color:#67788e;font-size:10px;line-height:1.65}.pgr-steps small{position:absolute;left:22px;bottom:19px;color:#078ebc;font:750 8px Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase}.pgr-board{display:grid;grid-template-columns:.78fr 1.22fr;gap:16px;margin-top:18px}.pgr-agenda,.pgr-approval{padding:24px;border:1px solid rgba(18,184,228,.16);border-radius:20px;background:#fff}.pgr-agenda small,.pgr-approval small{color:#078ebc;font:800 8px Inter,sans-serif;letter-spacing:.14em}.pgr-agenda h3{margin:12px 0;font-size:18px}.pgr-agenda ol{display:grid;gap:8px;margin:0;padding-left:20px;color:#5f7187;font-size:10px;line-height:1.5}.pgr-approval>div{display:flex;align-items:center;gap:6px;margin-top:25px}.pgr-approval span{flex:1;padding:12px 8px;border-radius:11px;color:#0b506d;background:#eafaff;font-size:8px;font-weight:800;text-align:center}.pgr-approval i{color:#12b8e4;font-style:normal;font-weight:900}.pgr-calendar{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:16px;border:1px solid rgba(18,184,228,.15);border-radius:17px;overflow:hidden;background:rgba(18,184,228,.15)}.pgr-calendar article{display:flex;gap:12px;align-items:center;padding:17px;background:#fff}.pgr-calendar b{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;color:#fff;background:linear-gradient(135deg,#078ebc,#12b8e4);font-size:10px}.pgr-calendar span{color:#52677d;font-size:10px;font-weight:700}
.pxn-scenario-shell.is-branches-dashboard .pxn-scenario-stage{order:1;padding:18px 18px 0}.pxn-scenario-shell.is-branches-dashboard .pxn-scenario-detail{order:2;padding-top:16px}.pxn-scenario-shell.is-branches-dashboard .pxn-scenario-progress{order:3}.pxn-scenario-shell.is-branches-dashboard .pxn-scenario-figure{border-radius:17px;background:#f5fafc;box-shadow:0 22px 60px rgba(7,80,115,.14)}.pxn-scenario-shell.is-branches-dashboard .pxn-scenario-figure img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.pxn-scenario-shell.is-branches-dashboard .pxn-scenario-image-badge{display:none}
@media(max-width:980px){.pps-grid,.pgr-board{grid-template-columns:1fr}.pgr-steps{grid-template-columns:1fr 1fr}.pgr-steps article:not(:last-child):after{display:none}.pgr-calendar{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.pixion-process-system,.pixion-governance-rhythm{padding:82px 0}.pps-component-grid,.pgr-steps,.pgr-calendar{grid-template-columns:1fr}.pps-component-grid>div:last-child{grid-column:auto}.pps-completion{grid-template-columns:1fr}.pgr-approval>div{align-items:stretch;flex-direction:column}.pgr-approval i{transform:rotate(90deg)}.pxn-scenario-shell.is-branches-dashboard .pxn-scenario-stage{padding:12px 12px 0}}
/* v131.1 — yeni metodoloji kartlarında metin kesilmesini önle */
.pgr-steps article{min-height:248px}
.pgr-steps p,.pgr-agenda p,.pps-hierarchy p,.pps-component-grid small,.pps-completion span{
  display:block!important;
  overflow:visible!important;
  text-overflow:clip!important;
  -webkit-box-orient:initial!important;
  -webkit-line-clamp:unset!important;
  white-space:normal!important;
}


/* v136 — uzun basma / gecikmeli click sırasında dış bağlantılara düşmeyi engelle */
html.pxn-pointer-locked a,
html.pxn-pointer-locked .nav-top,
html.pxn-pointer-locked .platform-subnav a,
html.pxn-pointer-locked .header-logo,
html.pxn-pointer-locked .logo{
  pointer-events:none!important;
}
html.pxn-pointer-locked [data-pixion-scenario-center],
html.pxn-pointer-locked [data-pixion-scenario-center] *,
html.pxn-pointer-locked [data-pxn-scenario],
html.pxn-pointer-locked [data-pxn-view],
html.pxn-pointer-locked [data-pxn-progress]{
  pointer-events:auto!important;
}
html.pxn-pointer-locked{
  scroll-behavior:auto!important;
}
[data-pixion-scenario-center]{
  overscroll-behavior:contain;
}


/* v137 – görsel yerine web tabanlı PIXION döngüsü */
.pixion-cycle-web{margin-top:38px;padding:34px 30px 26px;border:1px solid rgba(18,184,228,.16);border-radius:30px;background:linear-gradient(180deg,#ffffff 0%,#f7fcfe 100%);box-shadow:0 24px 70px rgba(13,94,133,.08)}
.pcw-topline{display:flex;justify-content:center;position:relative;margin-bottom:24px}
.pcw-topline:before{content:"";position:absolute;left:8%;right:8%;top:50%;border-top:2px dashed rgba(18,184,228,.35)}
.pcw-topline span{position:relative;z-index:1;padding:7px 16px;border:1px solid rgba(18,184,228,.26);border-radius:999px;background:#fff;color:#078ebc;font-size:11px;font-weight:800;letter-spacing:.08em}
.pcw-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;align-items:stretch}
.pcw-card{position:relative;padding:24px 18px 18px;border:1px solid rgba(18,184,228,.16);border-radius:24px;background:#fff;box-shadow:0 16px 44px rgba(13,94,133,.06)}
.pcw-card:not(:last-child):after{content:"→";position:absolute;right:-15px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#12B8E4;color:#fff;font-size:16px;font-weight:900;box-shadow:0 8px 18px rgba(18,184,228,.24)}
.pcw-index{display:grid;width:36px;height:36px;place-items:center;border-radius:12px;background:#e8faff;color:#078ebc;font-size:12px;font-weight:900;margin-bottom:14px}
.pcw-card h3{margin:0 0 10px;font-size:22px;line-height:1.18}
.pcw-card p{margin:0 0 14px;color:#617589;font-size:14px;line-height:1.55}
.pcw-card ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.pcw-card li{position:relative;padding-left:18px;color:#52677d;font-size:13px;line-height:1.45}
.pcw-card li:before{content:"";position:absolute;left:0;top:.52em;width:7px;height:7px;border-radius:50%;background:#12B8E4}
.pcw-benefits{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:22px}
.pcw-benefits article{padding:18px 16px;border:1px solid rgba(18,184,228,.14);border-radius:18px;background:linear-gradient(180deg,#fff 0%,#f8fcff 100%)}
.pcw-benefits span{display:grid;width:34px;height:34px;place-items:center;border-radius:12px;background:#eafaff;color:#078ebc;font-size:11px;font-weight:900;margin-bottom:10px}
.pcw-benefits b{display:block;font-size:14px;line-height:1.4;margin-bottom:8px;color:#0d2342}
.pcw-benefits small{display:block;color:#607489;font-size:12px;line-height:1.55}

/* v137 – hiyerarşi ile komponentler arasında bağ kur */
.pps-grid{grid-template-columns:.82fr .56fr 1.2fr;align-items:start}
.pps-bridge{padding:25px 20px;border:1px dashed rgba(18,184,228,.3);border-radius:25px;background:linear-gradient(180deg,#f3fcff 0%,#fff 100%);box-shadow:0 18px 48px rgba(13,94,133,.06)}
.pps-bridge-head small{display:block;color:#0a96bf;font-size:10px;font-weight:800;letter-spacing:.12em;margin-bottom:8px}.pps-bridge-head b{display:block;color:#0d2342;font-size:16px;line-height:1.45}
.pps-bridge-flow{display:grid;gap:12px;margin:18px 0}
.pps-bridge-flow div{padding:14px 14px 14px 16px;border-radius:16px;background:#fff;border:1px solid rgba(18,184,228,.12);position:relative}
.pps-bridge-flow div:not(:last-child):after{content:"↓";position:absolute;left:50%;bottom:-16px;transform:translateX(-50%);color:#12B8E4;font-weight:900}
.pps-bridge-flow span{display:inline-block;padding:4px 10px;border-radius:999px;background:#eafaff;color:#078ebc;font-size:10px;font-weight:900;letter-spacing:.08em;margin-bottom:8px}
.pps-bridge-flow p,.pps-bridge>p{margin:0;color:#5f7489;font-size:11px;line-height:1.6}.pps-bridge strong{display:block;margin:2px 0 6px;color:#0d2342;font-size:12px}

@media(max-width:1280px){
  .pcw-grid{grid-template-columns:repeat(3,1fr)}
  .pcw-card:nth-child(3):after{display:none}
  .pcw-benefits{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:980px){
  .pcw-grid,.pcw-benefits,.pps-grid{grid-template-columns:1fr}
  .pcw-card:after,.pcw-topline:before,.pps-bridge-flow div:after{display:none}
}
@media(max-width:980px){
  .pxn-intro-rail{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .pxn-intro-rail{grid-template-columns:1fr;gap:10px;margin-top:22px}
  .pxn-intro-rail article{padding:15px 14px 14px;border-radius:16px}
  .pxn-intro-rail b{font-size:13px}
  .pxn-intro-rail small{font-size:10px}
}
@media(max-width:640px){
  .pixion-cycle-web{padding:22px 16px 18px}
  .pcw-card h3{font-size:20px}
}


/* v138 — stratejik planlama, süreç yönetimi/yönetişimi ve yaklaşım modeli */
.deep-platform .pcw-card p,
.deep-platform .pcw-benefits small,
.deep-platform .pam-grid p,
.deep-platform .pam-grid small,
.deep-platform .pam-evolution p{
  display:block!important;
  -webkit-box-orient:initial!important;
  -webkit-line-clamp:unset!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
}
.pcw-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.pcw-card{padding:22px 16px 18px}
.pcw-card h3{font-size:19px}
.pcw-card p{font-size:12px;line-height:1.55}
.pcw-card li{font-size:11px;line-height:1.45}
.pcw-benefits{grid-template-columns:repeat(6,minmax(0,1fr))}
.pcw-benefits article{padding:17px 14px}
.pcw-benefits b{font-size:13px}
.pcw-benefits small{font-size:10.5px}

.pixion-approach-model{
  position:relative;
  padding:112px 0;
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 12%,rgba(18,184,228,.12),transparent 26%),
    radial-gradient(circle at 92% 72%,rgba(89,222,217,.11),transparent 28%),
    linear-gradient(180deg,#fff 0%,#f3fbfe 100%);
}
.pixion-approach-model:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;background-image:radial-gradient(rgba(18,184,228,.22) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent)}
.pixion-approach-model .wrap{position:relative;z-index:1}
.pixion-approach-model .sec-head{max-width:900px;margin-inline:auto}
.pixion-approach-model .sec-head p{max-width:780px;margin:18px auto 0}
.pam-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}
.pam-grid article{position:relative;min-height:230px;padding:27px 25px 24px;border:1px solid rgba(18,184,228,.18);border-radius:24px;background:rgba(255,255,255,.94);box-shadow:0 20px 58px rgba(13,94,133,.08)}
.pam-grid article:not(:nth-child(3n)):after{content:"→";position:absolute;z-index:2;right:-16px;top:50%;transform:translateY(-50%);display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:#12B8E4;color:#fff;font-size:16px;font-weight:900;box-shadow:0 9px 22px rgba(18,184,228,.24)}
.pam-grid article>span{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:#e7faff;color:#078ebc;font-size:11px;font-weight:900;letter-spacing:.08em}
.pam-grid h3{margin:17px 0 10px;color:#0a2342;font-size:22px;line-height:1.2}
.pam-grid p{margin:0;color:#5e7186;font-size:13px;line-height:1.65}
.pam-grid small{display:block;margin-top:18px;padding-top:14px;border-top:1px solid rgba(18,184,228,.12);color:#078ebc;font-size:10px;font-weight:750;line-height:1.45}
.pam-evolution{display:grid;grid-template-columns:.72fr 1.28fr;gap:30px;align-items:center;margin-top:24px;padding:30px;border:1px solid rgba(18,184,228,.17);border-radius:26px;background:linear-gradient(135deg,#eafaff 0%,#fff 55%,#f0fcfb 100%);box-shadow:0 22px 64px rgba(13,94,133,.08)}
.pam-evolution-head>span{color:#078ebc;font-size:10px;font-weight:850;letter-spacing:.15em}
.pam-evolution-head h3{margin:10px 0 12px;color:#0a2342;font-size:27px;line-height:1.18}
.pam-evolution-head p{margin:0;color:#61758a;font-size:13px;line-height:1.65}
.pam-era-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.pam-era-grid article{position:relative;padding:20px 18px;border:1px solid rgba(18,184,228,.14);border-radius:18px;background:#fff}
.pam-era-grid article:not(:last-child):after{content:"→";position:absolute;right:-11px;top:50%;transform:translateY(-50%);color:#12B8E4;font-size:18px;font-weight:900}
.pam-era-grid b{display:block;color:#078ebc;font-size:11px;letter-spacing:.08em}
.pam-era-grid h4{margin:8px 0 8px;color:#0a2342;font-size:17px}
.pam-era-grid p{margin:0;color:#65798d;font-size:11px;line-height:1.55}

@media(max-width:1380px){
  .pcw-grid{grid-template-columns:repeat(3,1fr)}
  .pcw-card:nth-child(3):after{display:none}
  .pcw-benefits{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:980px){
  .pam-grid,.pam-evolution,.pam-era-grid{grid-template-columns:1fr}
  .pam-grid article:not(:nth-child(3n)):after,.pam-era-grid article:after{display:none}
}
@media(max-width:720px){
  .pixion-approach-model{padding:82px 0}
  .pam-grid{grid-template-columns:1fr}
  .pam-grid article{min-height:auto}
  .pcw-grid,.pcw-benefits{grid-template-columns:1fr}
}


/* v139 — metin kesilmeleri ve bağlam temelli senaryo merkezi */
.deep-platform .pps-bridge p,
.deep-platform .pps-bridge-flow p,
.deep-platform .pps-level small,
.deep-platform .pps-component-grid small,
.deep-platform .pps-hierarchy>p{
  display:block!important;
  -webkit-box-orient:initial!important;
  -webkit-line-clamp:unset!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
}
.pps-grid{grid-template-columns:minmax(340px,.9fr) minmax(280px,.72fr) minmax(520px,1.36fr);align-items:stretch}
.pps-bridge,.pps-hierarchy,.pps-components{height:auto;min-height:100%;overflow:visible}
.pps-bridge-flow div{min-height:0;overflow:visible}
.pps-bridge-flow p{font-size:11.5px;line-height:1.65}
.pps-bridge>p{font-size:11.5px;line-height:1.7}
.pps-level small{font-size:10px;line-height:1.45}
.pps-component-grid small{font-size:9.5px;line-height:1.55}

/* Standalone yaklaşım bölümü senaryo merkezine taşındı */
.pixion-approach-model{display:none!important}

.pxn-scenario-view-body{display:flex;flex-direction:column}
.pxn-scenario-stage{order:1!important;min-height:650px;padding:22px 22px 0}
.pxn-scenario-detail{order:2!important;padding-top:18px!important}
.pxn-scenario-progress{order:3!important}
.pxn-scenario-canvas,.pxn-scenario-figure{min-height:610px}
.pxn-scenario-canvas[hidden],.pxn-scenario-figure[hidden]{display:none!important}
.pxn-scenario-canvas{display:flex;align-items:stretch;padding:6px;border-radius:22px;background:linear-gradient(180deg,#f7fdff,#eefaff);box-shadow:inset 0 0 0 1px rgba(18,184,228,.12)}
.pxn-scenario-figure{margin:0}
.pxn-scenario-figure img{min-height:610px}
.pxn-scenario-shell.is-custom-view .pxn-scenario-detail,
.pxn-scenario-shell.is-visual-view .pxn-scenario-detail{order:2!important}

.pxn-context-board,.pxn-taxonomy-board,.pxn-components-live,.pxn-governance-live{width:100%;padding:30px}
.pxn-context-summary{display:grid;grid-template-columns:1.25fr .8fr 1fr;gap:16px}
.pxn-context-card{padding:24px;border:1px solid rgba(18,184,228,.16);border-radius:20px;background:#fff;box-shadow:0 18px 44px rgba(13,94,133,.07)}
.pxn-context-card.is-primary{background:linear-gradient(145deg,#eafaff,#fff)}
.pxn-context-card small,.pxn-taxonomy-side>small,.pxn-components-core>small{display:block;color:#078ebc;font-size:9px;font-weight:850;letter-spacing:.14em}
.pxn-context-card h4{margin:12px 0 9px;color:#0a2342;font-size:21px;line-height:1.25}
.pxn-context-card p{margin:0;color:#61758a;font-size:12px;line-height:1.65}
.pxn-context-path{display:flex;align-items:stretch;gap:8px;margin-top:18px}
.pxn-context-path-item{flex:1;min-width:0;padding:19px 16px;border:1px solid rgba(18,184,228,.15);border-radius:18px;background:#fff}
.pxn-context-path-item>span{display:grid;width:37px;height:37px;place-items:center;border-radius:12px;background:#e8faff;color:#078ebc;font-size:10px;font-weight:900}
.pxn-context-path-item b,.pxn-context-path-item small{display:block}
.pxn-context-path-item b{margin-top:13px;color:#0a2342;font-size:15px;line-height:1.35}
.pxn-context-path-item small{margin-top:7px;color:#687b90;font-size:10px;line-height:1.55}
.pxn-context-path>i{align-self:center;color:#12b8e4;font-size:22px;font-style:normal;font-weight:900}
.pxn-stakeholder-row{display:flex;align-items:center;gap:9px;margin-top:18px;padding:17px 18px;border:1px solid rgba(18,184,228,.15);border-radius:17px;background:#fff;flex-wrap:wrap}
.pxn-stakeholder-row b{margin-right:6px;color:#0a2342;font-size:12px}
.pxn-stakeholder-row span{padding:8px 11px;border-radius:999px;color:#0b6687;background:#eafaff;font-size:10px;font-weight:750}

.pxn-taxonomy-board{display:grid;grid-template-columns:1.12fr .88fr;gap:22px}
.pxn-taxonomy-tree,.pxn-taxonomy-side{padding:25px;border:1px solid rgba(18,184,228,.16);border-radius:23px;background:#fff}
.pxn-taxonomy-level{display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:center;margin:10px auto;padding:17px 19px;border-radius:16px;color:#fff}
.pxn-taxonomy-level>span{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:rgba(255,255,255,.2);font-size:10px;font-weight:900}
.pxn-taxonomy-level b,.pxn-taxonomy-level small{display:block}.pxn-taxonomy-level b{font-size:16px}.pxn-taxonomy-level small{margin-top:5px;color:rgba(255,255,255,.84);font-size:10px;line-height:1.5}
.pxn-taxonomy-level.level-1{width:68%;background:#72bfdc}.pxn-taxonomy-level.level-2{width:78%;background:#4dafd1}.pxn-taxonomy-level.level-3{width:89%;background:#2399c5}.pxn-taxonomy-level.level-4{width:100%;background:#087eb2}
.pxn-taxonomy-side h4{margin:14px 0 20px;color:#0a2342;font-size:24px;line-height:1.35}
.pxn-taxonomy-scope{display:grid;gap:10px}.pxn-taxonomy-scope b{color:#0a2342;font-size:12px}.pxn-taxonomy-scope span{padding:13px 15px;border:1px solid rgba(18,184,228,.13);border-radius:13px;color:#526b83;background:#f8fdff;font-size:11px;line-height:1.45}

.pxn-components-live{display:grid;grid-template-columns:260px 1fr;gap:22px}
.pxn-components-core{display:flex;flex-direction:column;justify-content:center;padding:28px;border-radius:24px;color:#fff;background:linear-gradient(145deg,#087eb2,#12b8e4);box-shadow:0 24px 60px rgba(18,184,228,.22)}
.pxn-components-core>small{color:#c9f7ff}.pxn-components-core h4{margin:15px 0 10px;font-size:28px;line-height:1.18}.pxn-components-core p{margin:0;color:#e5faff;font-size:12px;line-height:1.65}
.pxn-components-live-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}
.pxn-components-live-grid article{display:grid;grid-template-columns:42px 1fr;gap:6px 12px;align-items:start;padding:20px;border:1px solid rgba(18,184,228,.15);border-radius:18px;background:#fff;box-shadow:0 14px 34px rgba(13,94,133,.05)}
.pxn-components-live-grid article:last-child{grid-column:1/-1}
.pxn-components-live-grid span{grid-row:1/3;display:grid;width:38px;height:38px;place-items:center;border-radius:12px;color:#078ebc;background:#e9faff;font-size:10px;font-weight:900}
.pxn-components-live-grid b{color:#0a2342;font-size:14px}.pxn-components-live-grid small{color:#63778b;font-size:10px;line-height:1.55}

.pxn-governance-live{display:flex;flex-direction:column;justify-content:center}
.pxn-governance-chain{display:flex;align-items:stretch;gap:8px}
.pxn-governance-chain article{flex:1;min-width:0;padding:20px 16px;border:1px solid rgba(18,184,228,.15);border-radius:18px;background:#fff;box-shadow:0 14px 34px rgba(13,94,133,.05)}
.pxn-governance-chain span{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;background:#e9faff;color:#078ebc;font-size:10px;font-weight:900}
.pxn-governance-chain b,.pxn-governance-chain small{display:block}.pxn-governance-chain b{margin-top:13px;color:#0a2342;font-size:14px}.pxn-governance-chain small{margin-top:8px;color:#66798d;font-size:9px;line-height:1.5}
.pxn-governance-chain>i{align-self:center;color:#12b8e4;font-size:20px;font-style:normal;font-weight:900}
.pxn-governance-cadence{display:flex;align-items:center;gap:10px;margin-top:20px;padding:20px;border:1px solid rgba(18,184,228,.15);border-radius:18px;background:linear-gradient(90deg,#eafaff,#fff);flex-wrap:wrap}
.pxn-governance-cadence b{margin-right:8px;color:#0a2342;font-size:13px}.pxn-governance-cadence span{padding:9px 12px;border-radius:999px;color:#086c8d;background:#fff;border:1px solid rgba(18,184,228,.14);font-size:10px;font-weight:750}

@media(max-width:1180px){
  .pps-grid{grid-template-columns:1fr 1fr}.pps-components{grid-column:1/-1}
  .pxn-context-summary{grid-template-columns:1fr 1fr}.pxn-context-card:last-child{grid-column:1/-1}
  .pxn-context-path{display:grid;grid-template-columns:1fr 1fr}.pxn-context-path>i{display:none}
  .pxn-governance-chain{display:grid;grid-template-columns:1fr 1fr}.pxn-governance-chain>i{display:none}
}
@media(max-width:860px){
  .pps-grid,.pxn-context-summary,.pxn-taxonomy-board,.pxn-components-live{grid-template-columns:1fr}
  .pps-components{grid-column:auto}
  .pxn-scenario-stage{min-height:0}.pxn-scenario-canvas,.pxn-scenario-figure{min-height:0}.pxn-scenario-figure img{min-height:0}
  .pxn-context-path,.pxn-components-live-grid,.pxn-governance-chain{grid-template-columns:1fr}
  .pxn-components-live-grid article:last-child{grid-column:auto}
}
@media(max-width:520px){
  .pxn-context-board,.pxn-taxonomy-board,.pxn-components-live,.pxn-governance-live{padding:16px}
  .pxn-taxonomy-level.level-1,.pxn-taxonomy-level.level-2,.pxn-taxonomy-level.level-3,.pxn-taxonomy-level.level-4{width:100%}
}

@media(max-width:980px){
  .pxn-scenario-switcher{padding:6px;border-radius:16px}
  .pxn-scenario-switcher button{padding:11px 14px 11px 11px}
  .pxn-view-tabs{gap:6px}
}
@media(max-width:640px){
  .pxn-scenario-switcher{gap:8px}
  .pxn-scenario-switcher button{font-size:10px}
  .pxn-scenario-switcher button:before{flex-basis:24px;width:24px;height:24px;border-radius:8px}
  .pxn-scenario-switcher button:nth-child(1):after,.pxn-scenario-switcher button:nth-child(2):after{left:17px;font-size:10px}
  .pxn-view-tabs button{padding:10px 13px 10px 10px}
  .pxn-view-tabs button:before{width:23px;height:23px;font-size:9px}
  .pxn-scenario-progress button:after{display:none}
}

/* v143 scenario visual revamp */
.pxn-view-tabs{display:flex;flex-wrap:wrap;gap:10px;padding:0 22px 8px}
.pxn-view-tabs button{padding:10px 16px;border-radius:999px}
.pxn-screen{width:100%;min-height:610px;border-radius:24px;overflow:hidden;background:linear-gradient(180deg,#fbfeff 0%,#f2fbfe 100%);border:1px solid rgba(18,184,228,.18);box-shadow:0 28px 70px rgba(7,80,115,.12)}
.pxn-screen-top{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid rgba(18,184,228,.12);background:linear-gradient(180deg,#ffffff,#f4fbfe)}
.pxn-screen-dots{display:flex;gap:6px}.pxn-screen-dots i{display:block;width:10px;height:10px;border-radius:50%;background:#d6eef6}.pxn-screen-dots i:nth-child(2){background:#c5edf6}.pxn-screen-dots i:nth-child(3){background:#afe5f3}
.pxn-screen-brand{margin-left:4px;color:#078ebc;font:900 12px/1 Inter,sans-serif;letter-spacing:.28em;text-transform:uppercase}.pxn-screen-meta{margin-left:auto;color:#698197;font:700 10px/1.2 Inter,sans-serif;letter-spacing:.06em}
.pxn-screen-body{display:flex;flex-direction:column;gap:18px;padding:18px}
.pxn-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.pxn-stat-card{padding:18px;border:1px solid rgba(18,184,228,.14);border-radius:18px;background:#fff;box-shadow:0 16px 32px rgba(11,93,130,.05)}.pxn-stat-card small,.pxn-panel-kicker{display:block;color:#078ebc;font:850 9px/1.2 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase}.pxn-stat-card b{display:block;margin-top:8px;color:#0a2342;font-size:18px;line-height:1.25}.pxn-stat-card p{margin:8px 0 0;color:#6a7d91;font-size:11px;line-height:1.55}
.pxn-panel{padding:18px;border:1px solid rgba(18,184,228,.14);border-radius:20px;background:#fff;box-shadow:0 18px 36px rgba(11,93,130,.05)}.pxn-panel.is-wide{grid-column:1/-1}
.pxn-context-grid,.pxn-risk-grid,.pxn-performance-grid{display:grid;gap:16px}.pxn-context-grid{grid-template-columns:1.1fr .95fr .95fr}.pxn-risk-grid,.pxn-performance-grid{grid-template-columns:1fr 1fr}
.pxn-step-list,.pxn-role-list,.pxn-risk-cards,.pxn-rhythm-list,.pxn-check-list{display:grid;gap:12px;margin-top:14px}
.pxn-step-card,.pxn-role-card,.pxn-risk-card,.pxn-rhythm-card{padding:14px 14px 14px 16px;border:1px solid rgba(18,184,228,.12);border-radius:16px;background:#f9fdff}
.pxn-step-card span,.pxn-taxonomy-card span,.pxn-flow-no,.pxn-risk-card>span,.pxn-ai-card>span,.pxn-rhythm-card span{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:#e8faff;color:#078ebc;font-size:10px;font-weight:900}.pxn-step-card b,.pxn-role-card b,.pxn-risk-card b,.pxn-ai-card b,.pxn-rhythm-card b{display:block;color:#0a2342;font-size:14px;line-height:1.35}.pxn-step-card small,.pxn-role-card small,.pxn-risk-card small,.pxn-ai-card small,.pxn-rhythm-card small{display:block;margin-top:6px;color:#667a8f;font-size:10px;line-height:1.6}.pxn-role-card strong,.pxn-ai-card strong{display:block;margin-top:5px;color:#0b4364;font-size:11px;font-weight:800}
.pxn-taxonomy-stack{display:grid;gap:10px;margin-top:14px}.pxn-taxonomy-card{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;padding:16px;border-radius:16px;color:#fff}.pxn-taxonomy-card b,.pxn-taxonomy-card small{display:block}.pxn-taxonomy-card b{font-size:15px}.pxn-taxonomy-card small{margin-top:5px;color:rgba(255,255,255,.88);font-size:10px;line-height:1.5}.pxn-taxonomy-card.level-1{background:#72bfdc}.pxn-taxonomy-card.level-2{background:#4dafd1}.pxn-taxonomy-card.level-3{background:#2399c5}.pxn-taxonomy-card.level-4{background:#087eb2}
.pxn-flow-grid{display:grid;gap:16px}.pxn-flow-track{display:flex;align-items:flex-start;gap:10px;overflow:auto;padding-bottom:6px;margin-top:14px}.pxn-flow-track::-webkit-scrollbar{height:8px}.pxn-flow-track::-webkit-scrollbar-thumb{background:#cfeaf3;border-radius:999px}.pxn-flow-card{flex:0 0 174px;display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid rgba(18,184,228,.14);border-radius:18px;background:linear-gradient(180deg,#fff,#f8fdff)}.pxn-flow-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:#effbff;color:#078ebc;font-size:9px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;align-self:flex-start}.pxn-flow-card p{margin:0;color:#5e7389;font-size:10px;line-height:1.5}.pxn-flow-meta{display:grid;gap:7px;margin-top:4px}.pxn-flow-meta span{padding:7px 9px;border-radius:12px;background:#fff;border:1px solid rgba(18,184,228,.12);color:#44627a;font-size:9px;font-weight:700;line-height:1.4}.pxn-flow-arrow{align-self:center;margin-top:82px;color:#12b8e4;font-style:normal;font-size:22px;font-weight:900}
.pxn-flow-bottom{display:grid;grid-template-columns:1.05fr .95fr;gap:16px;margin-top:16px}.pxn-flow-table,.pxn-flow-legend{padding:14px;border:1px solid rgba(18,184,228,.12);border-radius:18px;background:#f9fdff}.pxn-flow-table b,.pxn-flow-legend b{display:block;margin-bottom:12px;color:#0a2342;font-size:12px}.pxn-flow-row{display:grid;grid-template-columns:1.1fr 1.1fr 1fr .7fr;gap:8px;padding:8px 0;border-top:1px solid rgba(18,184,228,.08)}.pxn-flow-row:first-of-type{border-top:0}.pxn-flow-row span{color:#567087;font-size:10px;line-height:1.45}.pxn-legend-row{display:grid;grid-template-columns:120px 1fr;gap:10px;padding:8px 0;border-top:1px solid rgba(18,184,228,.08)}.pxn-legend-row:first-of-type{border-top:0}.pxn-legend-row span{color:#0a2342;font-size:10px;font-weight:800}.pxn-legend-row small{color:#63788d;font-size:10px;line-height:1.5}
.pxn-risk-footer{display:flex;flex-direction:column;gap:7px;margin-top:10px}.pxn-risk-footer em,.pxn-ai-card em{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;padding:6px 10px;border-radius:999px;background:#effbff;color:#078ebc;font-style:normal;font-size:9px;font-weight:850;letter-spacing:.04em}.pxn-risk-footer strong{color:#0a2342;font-size:10px;line-height:1.5}
.pxn-raci-table{display:grid;gap:0;margin-top:14px;border:1px solid rgba(18,184,228,.12);border-radius:16px;overflow:hidden}.pxn-raci-row{display:grid;grid-template-columns:1.4fr repeat(5,1fr);gap:1px;background:rgba(18,184,228,.08)}.pxn-raci-row.is-head{grid-template-columns:1.4fr repeat(5,1fr)}.pxn-raci-row span{padding:11px 10px;background:#fff;color:#567087;font-size:10px;line-height:1.4;text-align:center}.pxn-raci-row span:first-child{text-align:left;color:#0a2342;font-weight:800}.pxn-raci-row.is-head span{background:#effbff;color:#078ebc;font-weight:900}
.pxn-ai-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:14px}.pxn-ai-card{padding:16px;border:1px solid rgba(18,184,228,.12);border-radius:18px;background:linear-gradient(180deg,#ffffff,#f8fdff)}.pxn-ai-note{margin-top:14px;padding:14px 16px;border-radius:16px;background:linear-gradient(90deg,#eafaff,#fff);color:#557086;font-size:11px;line-height:1.65;border:1px solid rgba(18,184,228,.12)}
.pxn-kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}.pxn-kanban-col{padding:14px;border:1px solid rgba(18,184,228,.12);border-radius:18px;background:#f9fdff}.pxn-kanban-col h5{margin:0 0 12px;color:#0a2342;font-size:13px}.pxn-task-card{padding:12px;border:1px solid rgba(18,184,228,.12);border-radius:14px;background:#fff;box-shadow:0 10px 24px rgba(11,93,130,.04)}.pxn-task-card+.pxn-task-card{margin-top:10px}.pxn-task-card b{display:block;color:#0a2342;font-size:12px;line-height:1.45}.pxn-task-card small,.pxn-task-card em{display:block;margin-top:5px;color:#65798f;font-size:10px;line-height:1.45}.pxn-task-card em{font-style:normal;color:#078ebc;font-weight:800}
.pxn-check-row{display:flex;gap:10px;align-items:flex-start;padding:12px 0;border-top:1px solid rgba(18,184,228,.08)}.pxn-check-row:first-child{border-top:0}.pxn-check-row span{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:9px;background:#e8faff;color:#078ebc;font-size:11px;font-weight:900}.pxn-check-row small{color:#5f758b;font-size:11px;line-height:1.55}
@media(max-width:1200px){.pxn-context-grid{grid-template-columns:1fr}.pxn-risk-grid,.pxn-performance-grid,.pxn-flow-bottom{grid-template-columns:1fr}.pxn-kanban{grid-template-columns:repeat(2,1fr)}}
@media(max-width:840px){.pxn-stat-row,.pxn-ai-grid,.pxn-kanban{grid-template-columns:1fr}.pxn-flow-row{grid-template-columns:1fr 1fr}.pxn-raci-row,.pxn-raci-row.is-head{grid-template-columns:1.2fr repeat(5,1fr)}.pxn-screen{min-height:0}.pxn-screen-body{padding:14px}.pxn-view-tabs{padding:0 12px 8px}}
@media(max-width:640px){.pxn-view-tabs button{width:100%;justify-content:center}.pxn-flow-card{flex-basis:220px}.pxn-flow-arrow{margin-top:98px}.pxn-raci-row,.pxn-raci-row.is-head{font-size:9px;overflow:auto}.pxn-raci-table{overflow:auto}.pxn-screen-top{align-items:flex-start;flex-wrap:wrap}.pxn-screen-meta{margin-left:0;width:100%}.pxn-scenario-stage{padding:12px 12px 0}}

/* v144 visual uplift */
.pxn-scenarios{position:relative;overflow:hidden}
.pxn-scenarios::before,.pxn-scenarios::after{content:"";position:absolute;border-radius:50%;pointer-events:none;filter:blur(8px);opacity:.42}.pxn-scenarios::before{width:360px;height:360px;top:120px;right:-110px;background:radial-gradient(circle,rgba(18,184,228,.22),rgba(18,184,228,0) 70%)}.pxn-scenarios::after{width:300px;height:300px;left:-100px;top:520px;background:radial-gradient(circle,rgba(95,226,244,.16),rgba(95,226,244,0) 68%)}
.pxn-scenario-shell{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(246,252,255,.98));box-shadow:0 30px 80px rgba(7,80,115,.12)}
.pxn-scenario-shell::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(18,184,228,.1) 1px,transparent 1px);background-size:22px 22px;opacity:.2;pointer-events:none}
.pxn-scenario-topbar,.pxn-scenario-view-body,.pxn-scenario-progress,.pxn-scenario-note{position:relative;z-index:1}
.pxn-scenario-switcher button,.pxn-view-tabs button,.pxn-scenario-progress button{transition:transform .28s ease,box-shadow .28s ease,background .28s ease,color .28s ease,border-color .28s ease}
.pxn-scenario-switcher button:hover,.pxn-view-tabs button:hover,.pxn-scenario-progress button:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(18,184,228,.14)}
.pxn-scenario-switcher button.is-active{background:linear-gradient(135deg,#0fb7e6,#7adfed);border-color:transparent;color:#fff;box-shadow:0 18px 36px rgba(18,184,228,.28)}
.pxn-view-tabs{gap:12px}.pxn-view-tabs button{border:1px solid rgba(18,184,228,.14);background:rgba(255,255,255,.86)}.pxn-view-tabs button.is-active{background:linear-gradient(135deg,#0fb7e6,#54d7ec);border-color:transparent;color:#fff;box-shadow:0 16px 36px rgba(18,184,228,.22)}
.pxn-scenario-progress button{background:rgba(255,255,255,.88);border:1px solid rgba(18,184,228,.12)}.pxn-scenario-progress button.is-active{background:#093b67;color:#fff;border-color:#093b67;box-shadow:0 18px 32px rgba(9,59,103,.24)}
.pxn-screen{animation:pxnFadeUp .55s ease both}.pxn-screen-body{gap:20px}
.pxn-panel,.pxn-stat-card{backdrop-filter:blur(10px)}

.pxn-spotlight{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:20px;align-items:stretch;padding:22px;border:1px solid rgba(18,184,228,.14);border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(240,251,255,.96));box-shadow:0 22px 45px rgba(9,78,112,.08);overflow:hidden;position:relative}
.pxn-spotlight::before{content:"";position:absolute;inset:auto -80px -100px auto;width:220px;height:220px;background:radial-gradient(circle,rgba(18,184,228,.22),rgba(18,184,228,0) 72%);pointer-events:none}.pxn-spotlight::after{content:"";position:absolute;left:-70px;top:-70px;width:180px;height:180px;background:radial-gradient(circle,rgba(122,223,237,.16),rgba(122,223,237,0) 72%);pointer-events:none}
.pxn-spotlight-media{position:relative;min-height:350px;display:flex;align-items:center;justify-content:center;padding:16px}.pxn-spotlight-orb{position:absolute;inset:12% 8% auto auto;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(18,184,228,.24),rgba(18,184,228,0) 72%);filter:blur(5px);animation:pxnPulse 5.4s ease-in-out infinite}
.pxn-monitor{width:100%;margin:0;border-radius:26px;padding:14px;background:linear-gradient(180deg,#0e1e35,#24314b);box-shadow:0 34px 70px rgba(8,26,48,.32);transform:perspective(1200px) rotateX(1.8deg) rotateY(-4deg);position:relative}.pxn-monitor::after{content:"";position:absolute;inset:auto 18% -16px 18%;height:18px;border-radius:0 0 999px 999px;background:linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,.02));filter:blur(4px)}
.pxn-monitor-chrome{display:flex;gap:8px;align-items:center;padding:6px 4px 12px}.pxn-monitor-chrome i{display:block;width:10px;height:10px;border-radius:50%;background:#8cc7e6}.pxn-monitor-chrome i:nth-child(1){background:#ff6b6b}.pxn-monitor-chrome i:nth-child(2){background:#ffd166}.pxn-monitor-chrome i:nth-child(3){background:#67d38d}
.pxn-monitor-screen{overflow:hidden;border-radius:18px;background:#fff;border:1px solid rgba(255,255,255,.16)}.pxn-monitor-screen img{display:block;width:100%;height:auto;transition:transform 4s ease}.pxn-spotlight:hover .pxn-monitor-screen img{transform:scale(1.03)}
.pxn-monitor-caption{display:flex;justify-content:space-between;gap:12px;padding:12px 6px 2px;color:#d8eef8}.pxn-monitor-caption b{font-size:12px;letter-spacing:.08em;text-transform:uppercase}.pxn-monitor-caption span{max-width:58%;text-align:right;font-size:11px;line-height:1.5;color:#b9d7e7}
.pxn-floating-chip{position:absolute;max-width:220px;padding:14px 16px;border:1px solid rgba(18,184,228,.12);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 16px 34px rgba(8,68,98,.12);backdrop-filter:blur(12px);animation:pxnFloat 6.4s ease-in-out infinite}.pxn-floating-chip small,.pxn-spotlight-kicker{display:block;color:#0ba0d0;font:850 10px/1.2 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase}.pxn-floating-chip b{display:block;margin-top:7px;color:#0a2342;font-size:13px;line-height:1.45}.pxn-floating-chip span{display:block;margin-top:5px;color:#678096;font-size:10px;line-height:1.5}.pxn-floating-chip.chip-a{left:0;top:18px;animation-delay:-1.3s}.pxn-floating-chip.chip-b{right:-4px;bottom:26px;animation-delay:-3.1s}
.pxn-spotlight-side{display:flex;flex-direction:column;justify-content:center;gap:16px;position:relative;z-index:1}.pxn-spotlight-side h4{margin:0;color:#081f3f;font-size:29px;line-height:1.18}.pxn-spotlight-side>p{margin:0;color:#667e93;font-size:12px;line-height:1.75;max-width:520px}
.pxn-spotlight-list{display:grid;gap:12px}.pxn-spotlight-card{display:grid;grid-template-columns:42px 1fr;column-gap:12px;row-gap:4px;align-items:start;padding:15px 16px;border:1px solid rgba(18,184,228,.12);border-radius:18px;background:rgba(255,255,255,.84)}.pxn-spotlight-card em{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#e8fbff;color:#0ba0d0;font-style:normal;font-size:10px;font-weight:900;grid-row:1 / span 2}.pxn-spotlight-card b{display:block;color:#0a2342;font-size:14px;line-height:1.4}.pxn-spotlight-card small{display:block;color:#667b90;font-size:10px;line-height:1.6}
.pxn-spotlight-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pxn-spotlight-metric{padding:14px;border-radius:16px;background:linear-gradient(135deg,#0d406d,#0f85b4);color:#fff;box-shadow:0 18px 36px rgba(9,59,103,.2)}.pxn-spotlight-metric:nth-child(2){background:linear-gradient(135deg,#119cc2,#45d4e7)}.pxn-spotlight-metric:nth-child(3){background:linear-gradient(135deg,#093b67,#16b2de)}.pxn-spotlight-metric b{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;opacity:.92}.pxn-spotlight-metric span{display:block;margin-top:6px;font-size:23px;font-weight:900;line-height:1.15}

.pxn-step-card,.pxn-role-card,.pxn-risk-card,.pxn-rhythm-card,.pxn-task-card,.pxn-ai-card,.pxn-flow-card{transition:transform .3s ease,box-shadow .3s ease}.pxn-step-card:hover,.pxn-role-card:hover,.pxn-risk-card:hover,.pxn-rhythm-card:hover,.pxn-task-card:hover,.pxn-ai-card:hover,.pxn-flow-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(11,93,130,.08)}
.pxn-flow-track{padding-top:4px}.pxn-flow-card{box-shadow:0 12px 26px rgba(11,93,130,.05)}.pxn-flow-card:nth-child(4n+1){animation:pxnFloat 7s ease-in-out infinite}.pxn-flow-card:nth-child(4n+3){animation:pxnFloat 8s ease-in-out infinite -2s}

@keyframes pxnFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes pxnPulse{0%,100%{transform:scale(1);opacity:.72}50%{transform:scale(1.08);opacity:1}}
@keyframes pxnFadeUp{0%{opacity:0;transform:translateY(16px)}100%{opacity:1;transform:translateY(0)}}

@media(max-width:1180px){.pxn-spotlight{grid-template-columns:1fr}.pxn-spotlight-side h4{font-size:24px}.pxn-spotlight-media{min-height:280px}.pxn-floating-chip{max-width:200px}.pxn-monitor{transform:none}}
@media(max-width:780px){.pxn-spotlight{padding:16px}.pxn-spotlight-metrics{grid-template-columns:1fr}.pxn-floating-chip{position:static;max-width:none;margin-top:12px;animation:none}.pxn-spotlight-media{display:block}.pxn-monitor-caption{flex-direction:column;align-items:flex-start}.pxn-monitor-caption span{max-width:none;text-align:left}.pxn-spotlight-side h4{font-size:21px}}

/* v145 readability + overlap fix */
.pxn-context-grid{grid-template-columns:1.25fr .9fr 1fr;align-items:start}
.pxn-taxonomy-stack{gap:12px}
.pxn-taxonomy-card{grid-template-columns:46px 1fr;align-items:start;padding:18px 18px 16px;min-height:118px;box-shadow:0 14px 28px rgba(11,93,130,.08)}
.pxn-taxonomy-card span{width:42px;height:42px;font-size:11px;border-radius:14px}
.pxn-taxonomy-card b{grid-column:2;font-size:15px;line-height:1.32;letter-spacing:-.01em}
.pxn-taxonomy-card small{grid-column:2;margin-top:8px;font-size:12px;line-height:1.45;color:rgba(255,255,255,.92);display:block;overflow:visible}
.pxn-taxonomy-card span{grid-row:1 / span 2;align-self:start}
.pxn-step-card,.pxn-role-card,.pxn-risk-card,.pxn-ai-card,.pxn-rhythm-card{padding:18px}
.pxn-step-card b,.pxn-role-card b,.pxn-risk-card b,.pxn-ai-card b,.pxn-rhythm-card b{font-size:15px}
.pxn-step-card small,.pxn-role-card small,.pxn-risk-card small,.pxn-ai-card small,.pxn-rhythm-card small{font-size:11px;line-height:1.6}
.pxn-spotlight-media{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"monitor monitor" "chipA chipB";gap:14px;align-items:start;min-height:auto;padding:12px}
.pxn-monitor{grid-area:monitor;width:100%;margin:0;transform:perspective(1200px) rotateX(1.8deg) rotateY(-3deg)}
.pxn-floating-chip{position:relative;left:auto;right:auto;top:auto;bottom:auto;max-width:none;margin:0;animation:pxnFadeUp .5s ease both}
.pxn-floating-chip.chip-a{grid-area:chipA}
.pxn-floating-chip.chip-b{grid-area:chipB}
.pxn-spotlight-side{padding-top:4px}
.pxn-spotlight-card small{font-size:11px;line-height:1.55}
.pxn-spotlight-metric span{font-size:21px}

@media(max-width:1200px){
  .pxn-context-grid{grid-template-columns:1fr}
}
@media(max-width:780px){
  .pxn-taxonomy-card{min-height:auto}
  .pxn-spotlight-media{grid-template-columns:1fr;grid-template-areas:"monitor" "chipA" "chipB"}
}


/* v147: spotlight question chip alignment + stronger visual hierarchy */
.pxn-spotlight-media{
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  grid-template-areas:"monitor monitor" "chipA chipB";
  align-items:stretch;
}
.pxn-floating-chip{
  min-height:124px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:8px;
  border-radius:20px;
  overflow:hidden;
}
.pxn-floating-chip::after{
  content:"";
  position:absolute;
  inset:auto -30px -36px auto;
  width:120px;
  height:120px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(18,184,228,.14),rgba(18,184,228,0) 72%);
  pointer-events:none;
}
.pxn-floating-chip.chip-a{
  align-self:stretch;
}
.pxn-floating-chip.chip-b{
  align-self:stretch;
  background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(236,249,255,.96));
  border-color:rgba(18,184,228,.2);
  box-shadow:0 20px 42px rgba(7,71,100,.14);
  animation:pxnQuestionLift 5.6s ease-in-out infinite;
}
.pxn-floating-chip.chip-b small{
  color:#0798c5;
}
.pxn-floating-chip.chip-b b{
  font-size:14px;
  line-height:1.42;
}
.pxn-floating-chip.chip-b span{
  display:inline-flex;
  align-self:flex-start;
  margin-top:auto;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(18,184,228,.1);
  border:1px solid rgba(18,184,228,.14);
  color:#376d8d;
  font-weight:700;
  letter-spacing:.02em;
}
@keyframes pxnQuestionLift{
  0%,100%{transform:translateY(0);box-shadow:0 20px 42px rgba(7,71,100,.14)}
  50%{transform:translateY(-4px);box-shadow:0 24px 48px rgba(7,71,100,.18)}
}
@media(max-width:780px){
  .pxn-floating-chip{min-height:auto}
  .pxn-floating-chip.chip-b span{white-space:normal}
}

/* v149: equal-size spotlight chips, smaller and aligned */
.pxn-spotlight-media{
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-auto-rows:auto;
  gap:12px;
}
.pxn-floating-chip{
  min-height:112px;
  height:100%;
  padding:12px 14px;
  border-radius:18px;
  gap:6px;
}
.pxn-floating-chip small{
  font-size:9px;
  letter-spacing:.18em;
}
.pxn-floating-chip b{
  font-size:12px;
  line-height:1.35;
  margin-top:4px;
}
.pxn-floating-chip span{
  font-size:10px;
  line-height:1.35;
}
.pxn-floating-chip.chip-a,
.pxn-floating-chip.chip-b{
  align-self:stretch;
  justify-content:space-between;
}
.pxn-floating-chip.chip-a b,
.pxn-floating-chip.chip-b b{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.pxn-floating-chip.chip-a span,
.pxn-floating-chip.chip-b span{
  margin-top:auto;
}
.pxn-floating-chip.chip-b span{
  padding:7px 11px;
}
@media(max-width:780px){
  .pxn-spotlight-media{grid-template-columns:1fr;grid-template-areas:"monitor" "chipA" "chipB"}
  .pxn-floating-chip{min-height:auto;height:auto}
}


/* v151: on top of v149, remove screen-logic card and keep only the management-question card under the screen */
.pxn-spotlight-media{
  grid-template-columns:1fr;
  grid-template-areas:
    "monitor"
    "chipB";
  gap:14px;
  align-items:start;
}
.pxn-floating-chip.chip-solo{
  grid-area:chipB;
  width:100%;
  min-height:118px;
  padding:14px 16px;
  margin:0;
  align-self:stretch;
  position:relative;
  left:auto;right:auto;top:auto;bottom:auto;
  max-width:none;
}
.pxn-floating-chip.chip-solo small{font-size:10px;letter-spacing:.16em}
.pxn-floating-chip.chip-solo b{font-size:15px;line-height:1.42;margin-top:6px}
.pxn-floating-chip.chip-solo span{display:inline-flex;align-self:flex-start;margin-top:auto}
@media(max-width:780px){
  .pxn-spotlight-media{grid-template-columns:1fr;grid-template-areas:"monitor" "chipB"}
}


/* v154 — Digitopia-inspired motion layer for PIXION */
@keyframes pxnShellDrift{0%,100%{transform:translateY(0);box-shadow:0 38px 100px rgba(12,94,133,.16),0 0 0 8px rgba(18,184,228,.025)}50%{transform:translateY(-4px);box-shadow:0 46px 118px rgba(12,94,133,.2),0 0 0 10px rgba(18,184,228,.038)}}
@keyframes pxnAmbientGlow{0%,100%{opacity:.32;transform:scale(1)}50%{opacity:.62;transform:scale(1.05)}}
@keyframes pxnSweep{0%{transform:translateX(-130%) skewX(-18deg)}100%{transform:translateX(160%) skewX(-18deg)}}
@keyframes pxnPulseBadge{0%,100%{box-shadow:0 0 0 0 rgba(18,184,228,.18)}50%{box-shadow:0 0 0 10px rgba(18,184,228,0)}}
@keyframes pxnCardRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes pxnProgressBreath{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
@keyframes pxnFigureFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.pxn-scenario-shell{animation:pxnShellDrift 8.5s ease-in-out infinite;position:relative;isolation:isolate}
.pxn-scenario-shell:before{content:"";position:absolute;inset:auto -12% -24% auto;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(18,184,228,.16),transparent 72%);filter:blur(4px);opacity:.45;pointer-events:none;animation:pxnAmbientGlow 6.5s ease-in-out infinite;z-index:0}
.pxn-scenario-topbar,.pxn-scenario-heading,.pxn-view-tabs,.pxn-scenario-view-body,.pxn-scenario-progress,.pxn-scenario-note{position:relative;z-index:1}
.pxn-scenario-switcher button,.pxn-view-tabs button{overflow:hidden}
.pxn-scenario-switcher button::after,.pxn-view-tabs button::after{transition:background .2s ease,opacity .2s ease,transform .25s ease}
.pxn-scenario-switcher button::marker,.pxn-view-tabs button::marker{display:none}
.pxn-scenario-switcher button::selection,.pxn-view-tabs button::selection{background:transparent}
.pxn-scenario-switcher button::before,.pxn-view-tabs button::before{position:relative;z-index:1}
.pxn-scenario-switcher button span,.pxn-view-tabs button span{position:relative;z-index:1}
.pxn-scenario-switcher button:focus-visible,.pxn-view-tabs button:focus-visible{outline:2px solid rgba(18,184,228,.34);outline-offset:2px}
.pxn-scenario-switcher button .shimmer,.pxn-view-tabs button .shimmer{display:none}
.pxn-scenario-switcher button:after,.pxn-view-tabs button:before{will-change:transform}
.pxn-scenario-switcher button::after2{display:none}
.pxn-scenario-switcher button::before2{display:none}
.pxn-scenario-switcher button > *, .pxn-view-tabs button > * {position:relative;z-index:1}
.pxn-scenario-switcher button::after, .pxn-view-tabs button::after{overflow:hidden}
.pxn-scenario-switcher button::before, .pxn-view-tabs button::before{overflow:hidden}
.pxn-scenario-switcher button::before, .pxn-view-tabs button::before{backface-visibility:hidden}
.pxn-scenario-switcher button::before{animation:none}
.pxn-scenario-switcher button.is-active::after,.pxn-view-tabs button.is-active::after{animation:pxnSweep 2.8s linear infinite}
.pxn-scenario-switcher button.is-active{animation:pxnPulseBadge 3.2s ease-in-out infinite}
.pxn-scenario-status{position:relative;overflow:hidden}
.pxn-scenario-status:after{content:"";position:absolute;inset:0;left:-110%;width:44%;background:linear-gradient(90deg,transparent,rgba(18,184,228,.16),transparent);transform:skewX(-18deg);animation:pxnSweep 4.8s linear infinite;pointer-events:none}
.pxn-scenario-figure{animation:pxnFigureFloat 7s ease-in-out infinite;position:relative;overflow:hidden}
.pxn-scenario-figure:after{content:"";position:absolute;top:0;bottom:0;left:-30%;width:22%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.28),rgba(255,255,255,0));transform:skewX(-20deg);animation:pxnSweep 5.8s linear infinite;pointer-events:none;z-index:2;mix-blend-mode:screen}
.pxn-scenario-image-badge i{animation:pxnPulseBadge 2.8s ease-in-out infinite}
.pxn-detail-card,.pxn-floating-chip,.pxn-scenario-canvas > *, .pxn-intro-rail article{animation:pxnCardRise .55s ease both}
.pxn-detail-card:nth-child(2){animation-delay:.08s}.pxn-detail-card:nth-child(3){animation-delay:.16s}
.pxn-intro-rail article{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.pxn-intro-rail article:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(13,94,133,.12);border-color:rgba(18,184,228,.24)}
.pxn-scenario-progress button.is-active{animation:pxnProgressBreath 2.1s ease-in-out infinite}
.pxn-spotlight-media,.pxn-visual-screen,.pxn-process-map,.pxn-dashboard-screen{animation:pxnCardRise .5s ease both}
.pxn-scenario-shell.is-detail-view .pxn-detail-card{animation:pxnCardRise .5s ease both}
@media (prefers-reduced-motion:reduce){
  .pxn-scenario-shell,.pxn-scenario-shell:before,.pxn-scenario-status:after,.pxn-scenario-figure,.pxn-scenario-figure:after,.pxn-scenario-progress button.is-active,.pxn-scenario-switcher button.is-active,.pxn-detail-card,.pxn-floating-chip,.pxn-scenario-canvas > *,.pxn-intro-rail article{animation:none!important}
}


/* v156 — PIXION dynamic cycle + L1-L4 transition layer */
@keyframes pcwArrowTravel{
  0%{transform:translateY(-50%) translateX(-5px) scale(.92);opacity:.45}
  45%{transform:translateY(-50%) translateX(2px) scale(1.05);opacity:1}
  100%{transform:translateY(-50%) translateX(7px) scale(.92);opacity:.45}
}
@keyframes pcwCardEnter{
  from{opacity:0;transform:translateY(24px) scale(.97)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes pcwActivePulse{
  0%,100%{transform:translateY(0);box-shadow:0 16px 44px rgba(13,94,133,.06)}
  50%{transform:translateY(-7px);box-shadow:0 28px 64px rgba(18,184,228,.19)}
}
@keyframes pcwToplineFlow{
  from{background-position:0 50%}
  to{background-position:220px 50%}
}
@keyframes ppsLevelIn{
  from{opacity:0;transform:translateX(-24px) scale(.96)}
  to{opacity:1;transform:translateX(0) scale(1)}
}
@keyframes ppsLevelBreathe{
  0%,100%{transform:translateX(0) scale(1);filter:saturate(1)}
  50%{transform:translateX(7px) scale(1.02);filter:saturate(1.14)}
}
@keyframes ppsConnectorDrop{
  0%{transform:scaleY(0);opacity:0}
  100%{transform:scaleY(1);opacity:1}
}
@keyframes ppsBadgePulse{
  0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.24)}
  50%{box-shadow:0 0 0 9px rgba(255,255,255,0)}
}

.pixion-cycle-web{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.pixion-cycle-web::before{
  content:"";
  position:absolute;
  width:340px;height:340px;
  right:-130px;top:-150px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(18,184,228,.16),rgba(18,184,228,0) 70%);
  pointer-events:none;
  z-index:-1;
}
.pcw-topline::before{
  border-top:0;
  height:2px;
  background:repeating-linear-gradient(90deg,rgba(18,184,228,.42) 0 9px,transparent 9px 16px);
  background-size:220px 2px;
}
.pixion-cycle-web.is-motion-ready .pcw-topline::before{
  animation:pcwToplineFlow 3.2s linear infinite;
}
.pixion-cycle-web .pcw-card{
  opacity:0;
  transform:translateY(24px) scale(.97);
  transition:border-color .3s ease,background .3s ease,box-shadow .3s ease,transform .3s ease;
}
.pixion-cycle-web.is-in-view .pcw-card{
  animation:pcwCardEnter .62s cubic-bezier(.2,.8,.2,1) forwards;
  animation-delay:calc(var(--pcw-i,0) * 110ms);
}
.pixion-cycle-web .pcw-card:nth-child(1){--pcw-i:0}
.pixion-cycle-web .pcw-card:nth-child(2){--pcw-i:1}
.pixion-cycle-web .pcw-card:nth-child(3){--pcw-i:2}
.pixion-cycle-web .pcw-card:nth-child(4){--pcw-i:3}
.pixion-cycle-web .pcw-card:nth-child(5){--pcw-i:4}
.pixion-cycle-web .pcw-card:nth-child(6){--pcw-i:5}
.pixion-cycle-web.is-in-view .pcw-card:not(:last-child)::after{
  animation:pcwArrowTravel 1.45s ease-in-out infinite;
  animation-delay:calc(var(--pcw-i,0) * 140ms);
}
.pixion-cycle-web .pcw-card.is-cycle-active{
  border-color:rgba(18,184,228,.48);
  background:linear-gradient(180deg,#fff 0%,#f0fbfe 100%);
  animation:pcwActivePulse 1.9s ease-in-out infinite!important;
  z-index:2;
}
.pixion-cycle-web .pcw-card.is-cycle-active .pcw-index{
  color:#fff;
  background:linear-gradient(135deg,#078ebc,#12b8e4 58%,#59ded9);
  box-shadow:0 12px 28px rgba(18,184,228,.25);
}
.pixion-cycle-web .pcw-card.is-cycle-active li::before{
  box-shadow:0 0 0 5px rgba(18,184,228,.12);
}

.pps-hierarchy{
  position:relative;
  overflow:hidden;
}
.pps-hierarchy::after{
  content:"";
  position:absolute;
  left:50%;top:104px;bottom:92px;
  width:2px;
  transform-origin:top;
  transform:scaleY(0);
  background:linear-gradient(180deg,rgba(117,189,216,.25),rgba(8,126,178,.48));
  z-index:0;
  pointer-events:none;
}
.pps-hierarchy.is-in-view::after{
  animation:ppsConnectorDrop 1.25s ease .25s forwards;
}
.pps-hierarchy .pps-level{
  position:relative;
  z-index:1;
  opacity:0;
  transform:translateX(-24px) scale(.96);
  transition:box-shadow .28s ease,filter .28s ease,transform .28s ease;
}
.pps-hierarchy.is-in-view .pps-level{
  animation:ppsLevelIn .58s cubic-bezier(.2,.8,.2,1) forwards;
  animation-delay:calc(var(--pps-i,0) * 180ms);
}
.pps-hierarchy .pps-level:nth-of-type(1){--pps-i:0}
.pps-hierarchy .pps-level:nth-of-type(2){--pps-i:1}
.pps-hierarchy .pps-level:nth-of-type(3){--pps-i:2}
.pps-hierarchy .pps-level:nth-of-type(4){--pps-i:3}
.pps-hierarchy .pps-level.is-level-active{
  animation:ppsLevelBreathe 1.8s ease-in-out infinite!important;
  box-shadow:0 20px 40px rgba(8,126,178,.22);
  filter:saturate(1.14);
}
.pps-hierarchy .pps-level.is-level-active>span{
  animation:ppsBadgePulse 1.8s ease-in-out infinite;
  background:rgba(255,255,255,.28);
}
.pps-hierarchy .pps-level:hover{
  transform:translateX(6px) scale(1.015);
  box-shadow:0 18px 34px rgba(8,126,178,.16);
}
.pps-bridge-flow>div,
.pps-component-grid>div{
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.pps-bridge-flow>div:hover,
.pps-component-grid>div:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 30px rgba(13,94,133,.09);
  border-color:rgba(18,184,228,.28);
}

@media(max-width:980px){
  .pixion-cycle-web.is-in-view .pcw-card:not(:last-child)::after{animation:none}
  .pps-hierarchy::after{display:none}
}
@media(prefers-reduced-motion:reduce){
  .pixion-cycle-web .pcw-card,
  .pixion-cycle-web.is-in-view .pcw-card,
  .pixion-cycle-web.is-in-view .pcw-card:not(:last-child)::after,
  .pixion-cycle-web .pcw-card.is-cycle-active,
  .pixion-cycle-web.is-motion-ready .pcw-topline::before,
  .pps-hierarchy .pps-level,
  .pps-hierarchy.is-in-view .pps-level,
  .pps-hierarchy .pps-level.is-level-active,
  .pps-hierarchy.is-in-view::after,
  .pps-hierarchy .pps-level.is-level-active>span{
    animation:none!important;
    opacity:1;
    transform:none;
  }
}