/* DECIVARA site-wide visual refresh — 2026-08-08
   GoCX remains the company identity; DECIVARA is the product/platform identity.
   This stylesheet intentionally loads last so it can consolidate the public,
   authentication and workspace presentation without altering application logic. */

:root{
  --decivara-navy:#0b1029;
  --decivara-navy-2:#17163d;
  --decivara-purple:#5b259f;
  --decivara-violet:#7b4de2;
  --decivara-gold:#ffc20a;
  --decivara-orange:#ff6500;
  --decivara-cream:#fbfbd8;
  --decivara-ink:#171927;
  --decivara-muted:#656575;
  --decivara-line:rgba(42,31,77,.12);
  --decivara-shadow:0 24px 70px rgba(18,14,47,.14);
}

/* ---------- Product identity ---------- */
.decivara-wordmark,
.product-wordmark{
  display:inline-flex;
  align-items:baseline;
  gap:7px;
  font-family:"Saira","Ubuntu",Arial,sans-serif;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.decivara-wordmark small,
.product-wordmark small{
  font-size:.55em;
  font-weight:600;
  letter-spacing:.04em;
  text-transform:none;
  opacity:.72;
}
.app-header-context>span{letter-spacing:.02em}
.auth-product-mark{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-left:12px;
  padding-left:12px;
  border-left:1px solid rgba(255,255,255,.22);
  color:#fff;
  font-family:"Saira","Ubuntu",Arial,sans-serif;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.08em;
}
.footer-product-note{
  display:block;
  margin-top:13px;
  color:rgba(255,255,255,.68);
  font-size:.82rem;
  line-height:1.55;
}

/* ---------- Public shell ---------- */
.public-body .site-header-wrap{
  background:
    linear-gradient(180deg,rgba(251,251,216,.98),rgba(251,251,216,.95)),
    url('/static/media/public/gocx-bg-section-light.png') center/cover no-repeat;
}
.public-body .site-header{
  box-shadow:0 16px 42px rgba(25,25,52,.08)!important;
}

/* Homepage: use the media library as scenery, not just inline illustrations. */
.public-body[data-page-path="/"] .web-hero.gocx-dark-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(7,10,29,.97) 0%,rgba(17,15,49,.94) 48%,rgba(29,15,63,.80) 100%),
    url('/static/media/public/gocx-bg-hero-dark.png') center/cover no-repeat!important;
}
.public-body[data-page-path="/"] .web-hero.gocx-dark-hero::after{
  content:"";
  position:absolute;
  z-index:-1;
  width:520px;
  height:520px;
  right:-190px;
  top:-130px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,194,10,.19),rgba(116,53,190,.08) 48%,transparent 72%);
  filter:blur(2px);
  pointer-events:none;
}
.public-body[data-page-path="/"] .web-hero .hero-copy{position:relative;z-index:2}
.public-body[data-page-path="/"] .web-hero .eyebrow.gold{color:#ffe06b!important}
.public-body[data-page-path="/"] .web-hero h1{max-width:800px;text-wrap:balance}
.public-body[data-page-path="/"] .trust-strip{
  position:relative;
  background:
    linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.90)),
    url('/static/media/public/gocx-bg-section-light.png') center/cover no-repeat!important;
  border-top:1px solid rgba(255,194,10,.2);
  border-bottom:1px solid rgba(83,50,128,.08);
}
.public-body[data-page-path="/"] .trust-strip article{
  position:relative;
  border-radius:18px;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.public-body[data-page-path="/"] .trust-strip article:hover{
  transform:translateY(-3px);
  background:rgba(255,255,255,.72);
  box-shadow:0 16px 36px rgba(34,24,65,.08);
}
.public-body[data-page-path="/"] .result-preview-section,
.public-body[data-page-path="/"] .audience-section,
.public-body[data-page-path="/"] .public-framework-section{
  position:relative;
  isolation:isolate;
}
.public-body[data-page-path="/"] .result-preview-section::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0 calc(50% - 50vw);
  background:
    linear-gradient(90deg,rgba(255,255,255,.97),rgba(255,255,255,.90)),
    url('/static/media/public/gocx-bg-section-light.png') center/cover no-repeat;
  opacity:.72;
}
.public-body[data-page-path="/"] .public-snapshot-visual>img,
.public-body[data-page-path="/"] .public-framework-media,
.public-body[data-page-path="/"] .audience-media{
  transition:transform .22s ease,filter .22s ease;
}
.public-body[data-page-path="/"] .public-snapshot-visual:hover>img,
.public-body[data-page-path="/"] .public-framework-section:hover .public-framework-media{
  transform:translateY(-4px);
  filter:drop-shadow(0 26px 46px rgba(27,17,58,.16));
}
.public-body[data-page-path="/"] .dark-purpose-band{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(7,10,29,.96),rgba(21,15,56,.87)),
    url('/static/media/public/gocx-bg-network-dark.png') center/cover no-repeat!important;
}
.public-body[data-page-path="/"] .dark-purpose-band::after{
  content:"";
  position:absolute;
  width:410px;
  height:410px;
  right:-120px;
  bottom:-210px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,194,10,.22),transparent 68%);
  pointer-events:none;
}
.public-body[data-page-path="/"] .compact-discovery-callout{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(67,40,115,.12);
  border-radius:30px;
  margin-top:56px!important;
  margin-bottom:64px!important;
  padding:48px clamp(28px,4vw,58px)!important;
  background:
    linear-gradient(105deg,rgba(255,255,255,.98) 0%,rgba(255,253,244,.94) 62%,rgba(248,241,255,.86) 100%),
    url('/static/media/public/gocx-bg-section-light.png') center/cover no-repeat;
  box-shadow:var(--decivara-shadow);
}
.discovery-callout-media{
  display:block;
  width:min(340px,34vw);
  height:auto;
  align-self:center;
  justify-self:end;
  filter:drop-shadow(0 18px 34px rgba(24,14,47,.16));
}

/* Discovery page: build a visual narrative between the long-form sections. */
.public-body[data-page-path="/discovery"] .pricing-journey-hero{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(8,11,31,.97),rgba(22,17,60,.91) 58%,rgba(32,18,68,.80)),
    url('/static/media/public/gocx-bg-network-dark.png') center/cover no-repeat!important;
}
.public-body[data-page-path="/discovery"] .pricing-journey-hero h1,
.public-body[data-page-path="/discovery"] .pricing-journey-hero p{color:#fff!important}
.public-body[data-page-path="/discovery"] .pricing-control-strip span{background:rgba(255,255,255,.08)!important;color:#fff!important;border-color:rgba(255,194,10,.28)!important}
.public-body[data-page-path="/discovery"] .discovery-visual-card{
  border:1px solid rgba(255,194,10,.22)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(255,249,226,.93))!important;
  box-shadow:0 30px 68px rgba(2,3,15,.28)!important;
}
.public-body[data-page-path="/discovery"] .discovery-story-section{
  position:relative;
  background:
    linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.92)),
    url('/static/media/public/gocx-bg-section-light.png') center/cover no-repeat;
}
.public-body[data-page-path="/discovery"] .discovery-story-section::after{
  content:"";
  display:block;
  width:min(940px,90%);
  height:70px;
  margin:22px auto -18px;
  background:url('/static/media/public/gocx-divider-gold-ribbon.png') center/contain no-repeat;
  opacity:.72;
  pointer-events:none;
}
.public-body[data-page-path="/discovery"] .discovery-coverage-band{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(135deg,rgba(251,251,216,.97),rgba(255,255,255,.95)),
    url('/static/media/public/gocx-bg-section-light.png') center/cover no-repeat!important;
}
.public-body[data-page-path="/discovery"] .discovery-coverage-band::after{
  content:"";
  position:absolute;
  right:-70px;
  bottom:-65px;
  width:360px;
  height:260px;
  background:url('/static/media/public/gocx-object-risk-control.png') center/contain no-repeat;
  opacity:.15;
  pointer-events:none;
}
.public-body[data-page-path="/discovery"] .discovery-evidence-band{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(8,11,31,.96),rgba(29,18,67,.86)),
    url('/static/media/public/gocx-bg-network-dark.png') center/cover no-repeat!important;
}
.public-body[data-page-path="/discovery"] .discovery-evidence-band::after{
  content:"";
  position:absolute;
  right:-45px;
  top:42px;
  width:340px;
  height:270px;
  background:url('/static/media/public/gocx-object-evidence-insight.png') center/contain no-repeat;
  opacity:.30;
  pointer-events:none;
}
.public-body[data-page-path="/discovery"] .discovery-commercial-section{
  background:
    linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.94)),
    url('/static/media/public/gocx-bg-section-light.png') center/cover no-repeat;
}
.public-body[data-page-path="/discovery"] .partner-neutral-band{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(9,11,31,.97),rgba(40,21,82,.88)),
    url('/static/media/public/gocx-bg-network-dark.png') center/cover no-repeat!important;
}
.public-body[data-page-path="/discovery"] .discovery-final-cta{
  position:relative;
  margin-top:54px;
  margin-bottom:60px;
  padding:46px clamp(24px,4vw,56px)!important;
  border:1px solid rgba(75,45,126,.14);
  border-radius:28px;
  background:
    linear-gradient(100deg,rgba(255,255,255,.97),rgba(255,248,222,.90)),
    url('/static/media/public/gocx-bg-section-light.png') center/cover no-repeat;
  box-shadow:0 22px 54px rgba(26,18,58,.10);
}

/* Free assessment: retain usability while making the first screen feel like the product. */
.public-body[data-page-path="/assessment/new"] .compact-assessment-hero{
  position:relative;
  overflow:hidden!important;
  background:
    linear-gradient(110deg,rgba(251,251,216,.97),rgba(255,255,255,.94) 60%,rgba(242,233,255,.88)),
    url('/static/media/public/gocx-bg-section-light.png') center/cover no-repeat!important;
}
.public-body[data-page-path="/assessment/new"] .compact-assessment-hero::after{
  content:"";
  position:absolute;
  right:-120px;
  top:-115px;
  width:420px;
  height:420px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(117,58,195,.14),rgba(255,194,10,.08) 45%,transparent 70%);
  pointer-events:none;
}
.public-body[data-page-path="/assessment/new"] .before-you-begin-card{
  position:relative;
  z-index:2;
  overflow:hidden;
}
.public-body[data-page-path="/assessment/new"] .assessment-outcome-strip article{
  border-top:3px solid transparent!important;
  background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,var(--decivara-orange),var(--decivara-gold),var(--decivara-purple)) border-box!important;
  box-shadow:0 14px 30px rgba(31,22,66,.07)!important;
}
.public-body[data-page-path="/assessment/new"] .assessment-start-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(70,44,118,.12)!important;
  box-shadow:0 24px 62px rgba(26,18,58,.10)!important;
}
.public-body[data-page-path="/assessment/new"] .assessment-start-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:url('/static/media/public/gocx-bg-section-light.png') center/cover no-repeat;
  opacity:.14;
  pointer-events:none;
}
.public-body[data-page-path="/assessment/new"] .assessment-start-card>*{position:relative;z-index:1}

/* Partner enquiry remains clearly a GoCX company relationship, but uses the same visual system. */
.public-body[data-page-path="/partners/register"]{
  background:
    linear-gradient(rgba(255,255,255,.94),rgba(255,255,255,.98)),
    url('/static/media/public/gocx-bg-section-light.png') top center/100% auto no-repeat;
}
.public-body[data-page-path="/partners/register"] .partner-enquiry-head{
  position:relative;
  overflow:hidden;
  padding:42px clamp(24px,4vw,52px)!important;
  border-radius:28px;
  background:linear-gradient(105deg,#111633,#21134b 65%,#35125f)!important;
  box-shadow:var(--decivara-shadow);
}
.public-body[data-page-path="/partners/register"] .partner-enquiry-head :is(h1,p,.eyebrow){color:#fff!important}
.public-body[data-page-path="/partners/register"] .partner-enquiry-process{background:rgba(255,255,255,.96)!important}
.public-body[data-page-path="/partners/register"] .partner-enquiry-form{box-shadow:0 24px 62px rgba(27,18,60,.10)!important}

/* ---------- Authentication ---------- */
.auth-body{
  background:
    linear-gradient(115deg,rgba(6,8,25,.96),rgba(24,15,58,.87)),
    url('/static/media/public/dark-hero-energy-arc-background.png') center/cover fixed no-repeat!important;
}
.auth-body .auth-header{
  background:rgba(8,10,29,.72)!important;
  border-bottom:1px solid rgba(255,194,10,.18)!important;
  backdrop-filter:blur(16px);
}
.auth-body .auth-header>a:last-child{color:#ffe37b!important}
.auth-body .auth-main{
  min-height:calc(100vh - 90px);
  display:grid;
  place-items:center;
  padding:58px 24px 72px!important;
}
.auth-body .login-card,
.auth-body .card.login-card{
  width:min(520px,100%);
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:28px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,250,231,.93))!important;
  box-shadow:0 34px 90px rgba(0,0,0,.34)!important;
}
.auth-body .auth-brand strong{color:var(--decivara-purple)!important;letter-spacing:.06em}

/* ---------- Signed-in workspace ---------- */
.workspace-body{
  background:
    linear-gradient(rgba(247,246,251,.96),rgba(247,246,251,.98)),
    url('/static/media/public/gocx-bg-section-light.png') top center/100% auto no-repeat!important;
}
.workspace-body .app-header{
  background:linear-gradient(90deg,#0c112e,#211747 68%,#31165d)!important;
  border-bottom:1px solid rgba(255,194,10,.18)!important;
  box-shadow:0 12px 34px rgba(17,13,44,.16);
}
.workspace-body .app-header-context span{color:#ffd955!important}
.workspace-body .app-header-context strong{color:#fff!important}
.workspace-body .workspace-nav-card{
  border:1px solid rgba(71,43,120,.10)!important;
  background:rgba(255,255,255,.91)!important;
  box-shadow:0 18px 44px rgba(28,20,61,.07)!important;
  backdrop-filter:blur(12px);
}
.workspace-body .page-head.dashboard-head{
  position:relative;
  overflow:hidden;
  margin-top:26px!important;
  padding:36px clamp(24px,4vw,52px)!important;
  border-radius:28px;
  background:
    linear-gradient(100deg,rgba(12,17,46,.97),rgba(36,20,78,.89)),
    url('/static/media/public/gocx-bg-network-dark.png') center/cover no-repeat!important;
  box-shadow:0 22px 54px rgba(20,15,51,.16);
}
.workspace-body .page-head.dashboard-head :is(.eyebrow,h1,p){color:#fff!important}
.workspace-body .page-head.dashboard-head .eyebrow{color:#ffd955!important}
.workspace-body .stat-grid article{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(65,42,105,.10)!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,#fff,#fffdf5)!important;
  box-shadow:0 14px 32px rgba(28,20,61,.06)!important;
}
.workspace-body .stat-grid article::after{
  content:"";
  position:absolute;
  right:-28px;
  bottom:-35px;
  width:110px;
  height:110px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,194,10,.15),rgba(104,50,172,.06) 50%,transparent 72%);
  pointer-events:none;
}
.workspace-body .table-card{
  border:1px solid rgba(65,42,105,.10)!important;
  border-top:4px solid var(--decivara-purple)!important;
  box-shadow:0 18px 46px rgba(28,20,61,.07)!important;
}
.workspace-body .button.primary,
.auth-body .button.primary{
  border-color:transparent!important;
  background:linear-gradient(90deg,var(--decivara-orange),var(--decivara-gold))!important;
  color:#171717!important;
  box-shadow:0 10px 24px rgba(255,126,0,.18)!important;
}

/* Participant assessment pages receive a quiet DECIVARA identity without changing the form flow. */
.participant-body{
  background:
    linear-gradient(rgba(250,249,253,.97),rgba(250,249,253,.98)),
    url('/static/media/public/gocx-bg-section-light.png') top center/100% auto no-repeat!important;
}
.participant-body .participant-header{
  background:linear-gradient(90deg,#0d1230,#211747)!important;
  border-bottom:1px solid rgba(255,194,10,.18)!important;
}
.participant-body .participant-context span{color:#ffd955!important}
.participant-body .participant-context strong{color:#fff!important}

/* ---------- Responsive reductions ---------- */
@media(max-width:980px){
  .discovery-callout-media{width:min(300px,42vw)}
  .public-body[data-page-path="/discovery"] .discovery-evidence-band::after{opacity:.16;right:-110px}
  .workspace-body .page-head.dashboard-head{margin-left:18px!important;margin-right:18px!important}
}

@media(max-width:760px){
  .auth-product-mark{display:none}
  .public-body[data-page-path="/"] .compact-discovery-callout{border-radius:22px;margin-left:16px!important;margin-right:16px!important;padding:32px 22px!important}
  .discovery-callout-media{display:none}
  .public-body[data-page-path="/discovery"] .discovery-story-section::after{height:46px;margin-bottom:-10px}
  .public-body[data-page-path="/discovery"] .discovery-evidence-band::after,
  .public-body[data-page-path="/discovery"] .discovery-coverage-band::after{display:none}
  .public-body[data-page-path="/partners/register"] .partner-enquiry-head{border-radius:20px;padding:30px 20px!important}
  .auth-body{background-attachment:scroll!important}
  .auth-body .auth-main{padding:34px 16px 48px!important}
  .auth-body .login-card{border-radius:22px!important}
  .workspace-body .page-head.dashboard-head{border-radius:20px;padding:28px 22px!important}
}

@media(prefers-reduced-motion:reduce){
  .public-body[data-page-path="/"] .trust-strip article,
  .public-body[data-page-path="/"] .public-snapshot-visual>img,
  .public-body[data-page-path="/"] .public-framework-media,
  .public-body[data-page-path="/"] .audience-media{transition:none!important;transform:none!important}
}
