/* CORZ Design-Locked Future Technology Layer v17.3 / 2036-ready
   Design contract: the approved separated header identity and restored white
   primary category navigation are the only visual overrides in this layer.
   All page heroes, cards, sections, typography, imagery, spacing, footer and
   marketing layouts remain governed by the approved 2026 production CSS. */

/* Approved header identity: CORZ mark + separate organization name + tagline. */
body.executive-corz .brand{
  width:auto!important;height:auto!important;min-height:0!important;max-width:530px!important;
  padding:0!important;overflow:visible!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;justify-content:start!important;
  display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;
  gap:15px!important;min-width:0!important;
}
body.executive-corz .brand:hover{border:0!important;background:transparent!important;box-shadow:none!important}
body.executive-corz .brand>img.brand-mark-header{
  width:164px!important;height:58px!important;max-width:none!important;max-height:none!important;
  padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;
  object-fit:contain!important;object-position:center!important;
  filter:drop-shadow(0 7px 18px rgba(0,184,214,.18))!important;
}
body.executive-corz .brand-identity{
  display:block!important;visibility:visible!important;opacity:1!important;min-width:0!important;
  border-left:1px solid rgba(121,236,229,.28)!important;padding:5px 0 5px 15px!important;line-height:1.2!important;
}
body.executive-corz .brand-name-header{
  display:block!important;color:#f4feff!important;font-size:.73rem!important;font-weight:900!important;
  letter-spacing:.095em!important;text-transform:uppercase!important;white-space:nowrap!important;
}
body.executive-corz .brand-tagline-header{
  display:block!important;margin-top:6px!important;color:#77dfe5!important;font-size:.585rem!important;font-weight:780!important;
  letter-spacing:.155em!important;text-transform:uppercase!important;white-space:nowrap!important;
}

/* Header-only responsive safeguards from the approved header iteration. */
@media(max-width:1180px){
  body.executive-corz .brand-tagline-header{display:none!important}
  body.executive-corz .brand{max-width:420px!important}
}
@media(max-width:1020px){
  body.executive-corz .brand>img.brand-mark-header{width:138px!important;height:50px!important}
  body.executive-corz .brand-name-header{font-size:.66rem!important;letter-spacing:.075em!important}
  body.executive-corz .header-project-cta{display:none!important}
}
@media(max-width:760px){
  body.executive-corz .brand{gap:9px!important;max-width:min(68vw,360px)!important}
  body.executive-corz .brand>img.brand-mark-header{width:108px!important;height:40px!important}
  body.executive-corz .brand-identity{padding-left:9px!important}
  body.executive-corz .brand-name-header{white-space:normal!important;font-size:.59rem!important;line-height:1.25!important;letter-spacing:.055em!important;max-width:190px!important}
  body.executive-corz .brand-tagline-header{display:none!important}
  body.executive-corz .icon-button.search-open{display:none!important}
}
@media(max-width:480px){
  body.executive-corz .brand{max-width:64vw!important}
  body.executive-corz .brand>img.brand-mark-header{width:96px!important;height:36px!important}
  body.executive-corz .brand-name-header{font-size:.53rem!important;max-width:142px!important}
}

/* Progressive web-platform enhancements: no static layout redesign. */
body.executive-corz :where(a,button,input,textarea,select,summary):focus-visible{
  outline:3px solid #55e1e5;outline-offset:3px;
}
@view-transition{navigation:auto}
::view-transition-old(root){animation:corz-v17-out .14s ease both}
::view-transition-new(root){animation:corz-v17-in .20s ease both}
@keyframes corz-v17-out{to{opacity:.88}}
@keyframes corz-v17-in{from{opacity:.82}to{opacity:1}}
@media(prefers-reduced-motion:reduce){
  ::view-transition-old(root),::view-transition-new(root){animation:none!important}
}

/* Approved top navigation restoration — Executive 2026 white menu bar.
   Scope is intentionally limited to the primary category navigation only.
   Header identity and every other page design element remain unchanged. */
body.executive-corz .category-nav{
  background:#fff!important;
  border-top:0!important;
  border-bottom:1px solid var(--ex-line)!important;
  color:var(--ex-ink)!important;
}
body.executive-corz .category-nav a{
  color:#466270!important;
  background:transparent!important;
  padding:11px 13px;
  border-bottom:3px solid transparent!important;
  font-size:.74rem;
  font-weight:750;
  box-shadow:none!important;
}
body.executive-corz .category-nav a:hover,
body.executive-corz .category-nav a.active{
  color:#071f2f!important;
  background:#f5fafb!important;
  border-color:var(--ex-teal)!important;
  box-shadow:none!important;
}

/* v17.3 approved micro-refresh — visual scope remains strictly limited to:
   (1) the Solution Paths / Pilihan Solusi hero button, and
   (2) the active primary navigation marker. */

/* High-impact Solution Paths / Pilihan Solusi CTA.
   This intentionally changes only the clickable CTA itself: the hero layout,
   copy, primary project CTA, spacing model and surrounding content remain locked. */
body.executive-corz .page-hero .hero-actions a.button-secondary.button-ghost[href="#scope"]{
  position:relative!important;
  isolation:isolate;
  overflow:hidden;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  text-wrap:balance;
  vertical-align:middle;
  cursor:pointer;
  min-width:min(100%,260px);
  min-height:64px;
  padding:18px 30px!important;
  border-radius:20px!important;
  border:1px solid rgba(207,255,250,.95)!important;
  background:linear-gradient(120deg,#27e4ef 0%,#36f1d4 24%,#25b9ff 50%,#6f7cff 72%,#f255d4 100%)!important;
  background-size:260% 260%!important;
  color:#ffffff!important;
  font-size:1.06rem!important;
  font-weight:900!important;
  line-height:1.15!important;
  letter-spacing:.01em!important;
  text-shadow:0 1px 2px rgba(2,31,48,.34)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.34),
    inset 0 -1px 0 rgba(4,58,81,.24),
    0 0 0 1px rgba(78,236,232,.18),
    0 16px 36px rgba(2,141,168,.34),
    0 0 34px rgba(74,226,240,.24)!important;
  transform:translateZ(0);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,filter .22s ease!important;
  animation:corz-solution-cta-spectrum 7s ease-in-out infinite, corz-solution-cta-breathe 3.8s ease-in-out infinite;
}
body.executive-corz .page-hero .hero-actions a.button-secondary.button-ghost[href="#scope"]::before{
  content:"";
  position:absolute;
  inset:1px;
  z-index:-2;
  border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,.03) 48%,rgba(3,22,40,.08));
  pointer-events:none;
}
body.executive-corz .page-hero .hero-actions a.button-secondary.button-ghost[href="#scope"]::after{
  content:"";
  position:absolute;
  top:-92%;
  left:-36%;
  width:28%;
  height:290%;
  z-index:-1;
  transform:rotate(18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.58),transparent);
  pointer-events:none;
  animation:corz-solution-cta-sheen 4.8s cubic-bezier(.3,.7,.3,1) infinite;
}
body.executive-corz .page-hero .hero-actions a.button-secondary.button-ghost[href="#scope"]:hover,
body.executive-corz .page-hero .hero-actions a.button-secondary.button-ghost[href="#scope"]:focus-visible{
  transform:translateY(-3px) scale(1.025);
  border-color:#efffff!important;
  filter:saturate(1.08) brightness(1.04);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.42),
    inset 0 -1px 0 rgba(4,58,81,.20),
    0 0 0 2px rgba(132,246,241,.22),
    0 22px 42px rgba(2,141,168,.38),
    0 0 42px rgba(89,233,244,.30)!important;
}
body.executive-corz .page-hero .hero-actions a.button-secondary.button-ghost[href="#scope"]:active{
  transform:translateY(-1px) scale(.995);
  box-shadow:
    inset 0 2px 6px rgba(4,55,76,.24),
    0 10px 20px rgba(2,141,168,.26)!important;
}
@keyframes corz-solution-cta-spectrum{
  0%{background-position:0% 50%}
  25%{background-position:35% 0%}
  50%{background-position:100% 50%}
  75%{background-position:65% 100%}
  100%{background-position:0% 50%}
}
@keyframes corz-solution-cta-breathe{
  0%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 0 -1px 0 rgba(4,58,81,.24),0 0 0 1px rgba(78,236,232,.18),0 16px 36px rgba(2,141,168,.34),0 0 28px rgba(74,226,240,.18)}
  50%{box-shadow:inset 0 1px 0 rgba(255,255,255,.38),inset 0 -1px 0 rgba(4,58,81,.20),0 0 0 2px rgba(120,243,239,.18),0 19px 40px rgba(2,141,168,.36),0 0 42px rgba(120,104,255,.24)}
}
@keyframes corz-solution-cta-sheen{
  0%,58%{left:-36%;opacity:0}
  64%{opacity:1}
  82%{left:116%;opacity:.94}
  83%,100%{left:116%;opacity:0}
}
@media(max-width:640px){
  body.executive-corz .page-hero .hero-actions a.button-secondary.button-ghost[href="#scope"]{
    width:100%;
    min-width:0;
  }
}
@media(prefers-reduced-motion:reduce){
  body.executive-corz .page-hero .hero-actions a.button-secondary.button-ghost[href="#scope"],
  body.executive-corz .page-hero .hero-actions a.button-secondary.button-ghost[href="#scope"]::after{
    animation:none!important;
    transition:none!important;
  }
}

/* Active top navigation: preserve the approved white navigation bar, but restore
   the clearer Executive-style double underline for the selected section. */
body.executive-corz .category-nav a{position:relative}
body.executive-corz .category-nav a.active{
  color:#071f2f!important;
  background:#f5fafb!important;
  border-bottom-color:transparent!important;
  font-weight:850;
}
body.executive-corz .category-nav a.active::before,
body.executive-corz .category-nav a.active::after{
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  border-radius:999px;
  pointer-events:none;
}
body.executive-corz .category-nav a.active::after{
  bottom:1px;
  width:calc(100% - 22px);
  height:2px;
  background:var(--ex-teal);
}
body.executive-corz .category-nav a.active::before{
  bottom:5px;
  width:34%;
  min-width:24px;
  height:2px;
  background:var(--ex-cyan);
  box-shadow:0 0 8px rgba(66,212,214,.24);
}


/* v3.1.0 FutureReady compatibility reset for exact v4.1.6 header/navigation rendering.
   The v3.1.0 content/layout remains active everywhere else. */
body.executive-corz.future-2036 .site-header{
  background:rgba(5,23,37,.965)!important;
  border-bottom:0!important;
  box-shadow:0 12px 36px rgba(3,20,31,.16)!important;
}
body.executive-corz.future-2036 .site-header.is-condensed{
  background:rgba(5,23,37,.965)!important;
  box-shadow:0 12px 36px rgba(3,20,31,.16)!important;
}
body.executive-corz.future-2036 .site-header .container{
  width:min(1240px,calc(100% - 52px))!important;
}
body.executive-corz.future-2036 .header-main,
body.executive-corz.future-2036 .site-header.is-condensed .header-main{
  height:108px!important;
  min-height:108px!important;
}
body.executive-corz.future-2036 .header-actions{gap:10px!important}
body.executive-corz.future-2036 .header-project-cta{
  min-height:0!important;
  padding:10px 15px!important;
  border:0!important;
  white-space:normal;
}
body.executive-corz.future-2036 .site-header :is(.icon-button,.menu-open,.lang-switch){
  min-height:0!important;
  border-radius:10px!important;
  padding:9px 12px!important;
  transition:none!important;
}
body.executive-corz.future-2036 .category-nav{box-shadow:none!important}
body.executive-corz.future-2036 .category-nav a{
  min-height:0!important;
  display:block!important;
  letter-spacing:normal!important;
}
@media(max-width:1100px){
  body.executive-corz.future-2036 .site-header .container{width:min(100% - 36px,1240px)!important}
}
@media(max-width:820px){
  body.executive-corz.future-2036 .header-main,
  body.executive-corz.future-2036 .site-header.is-condensed .header-main{height:94px!important;min-height:94px!important}
  body.executive-corz.future-2036 .site-header :is(.icon-button,.menu-open,.lang-switch){padding:9px 12px!important}
}
@media(max-width:600px){
  body.executive-corz.future-2036 .site-header .container{width:calc(100% - 28px)!important}
  body.executive-corz.future-2036 .header-main,
  body.executive-corz.future-2036 .site-header.is-condensed .header-main{height:84px!important;min-height:84px!important;gap:10px!important}
  body.executive-corz.future-2036 .header-actions{gap:6px!important}
  body.executive-corz.future-2036 .site-header :is(.icon-button,.menu-open,.lang-switch){padding:8px 10px!important}
}
@media(max-width:430px){
  body.executive-corz.future-2036 .site-header .container{width:calc(100% - 20px)!important}
  body.executive-corz.future-2036 .lang-switch{font-size:.76rem!important;padding-inline:8px!important}
  body.executive-corz.future-2036 .menu-open{font-size:.76rem!important;padding-inline:8px!important}
}