/* V172: truly separate green creation-first drawer */
.creation-only-modal{
  padding:clamp(18px,2.5vw,30px)!important;
  background:
    radial-gradient(circle at 10% 0%,rgba(144,255,167,.16),transparent 30%),
    linear-gradient(180deg,#f4fff8 0%,#ffffff 44%,#f7fffb 100%)!important;
  color:#061633!important;
}

.creation-only-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr)!important;
  gap:clamp(18px,3vw,34px)!important;
  align-items:stretch!important;
  padding:clamp(22px,3vw,36px)!important;
  border-radius:34px!important;
  background:linear-gradient(135deg,#074934,#0c7a52)!important;
  color:#fff!important;
  box-shadow:0 26px 72px rgba(8,114,78,.22)!important;
  border:1px solid rgba(188,255,203,.24)!important;
}

.creation-route-kicker{
  margin:0 0 12px!important;
  color:#b6ff9b!important;
  text-transform:uppercase!important;
  letter-spacing:.18em!important;
  font-size:11px!important;
  font-weight:950!important;
}

.creation-hero-copy h2{
  margin:0!important;
  color:#fff!important;
  font-size:clamp(38px,4.6vw,72px)!important;
  line-height:.94!important;
  letter-spacing:-.07em!important;
  font-weight:900!important;
  text-wrap:balance!important;
}

.creation-hero-copy > p{
  max-width:880px!important;
  margin:18px 0 0!important;
  color:rgba(255,255,255,.84)!important;
  font-size:clamp(16px,1.2vw,20px)!important;
  line-height:1.48!important;
  font-weight:570!important;
}

.creation-only-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin-top:22px!important;
}
.creation-only-actions .cta.accent{
  background:#c7ff9b!important;
  color:#073b2f!important;
  border-color:#c7ff9b!important;
}
.creation-only-actions .cta.secondary{
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.22)!important;
}

.creation-hero-panel{
  padding:20px!important;
  border-radius:26px!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.creation-hero-panel span{
  display:block!important;
  color:#b6ff9b!important;
  text-transform:uppercase!important;
  letter-spacing:.16em!important;
  font-size:10px!important;
  font-weight:950!important;
  margin-bottom:10px!important;
}
.creation-hero-panel b{
  display:block!important;
  color:#fff!important;
  font-size:clamp(24px,2.1vw,34px)!important;
  line-height:1.02!important;
  letter-spacing:-.05em!important;
}
.creation-hero-panel p{
  margin:12px 0 0!important;
  color:rgba(255,255,255,.78)!important;
  font-size:14.5px!important;
  line-height:1.45!important;
}

.creation-only-section{
  margin-top:20px!important;
  padding:clamp(18px,2.3vw,30px)!important;
  border-radius:30px!important;
  background:#fff!important;
  border:1px solid rgba(158,226,195,.82)!important;
  box-shadow:0 16px 50px rgba(8,114,78,.08)!important;
}
.creation-only-section .section-head p,
.creation-secondary-knowledge p{
  color:#08724e!important;
}
.creation-only-section .section-head h3{
  color:#061633!important;
  font-size:clamp(28px,3vw,48px)!important;
  line-height:.98!important;
  letter-spacing:-.06em!important;
}

.creation-only-grid{
  margin-top:18px!important;
}

.creation-team-grid{
  display:grid!important;
  grid-template-columns:.75fr .9fr 1.2fr!important;
  gap:14px!important;
}
.creation-team-grid article{
  padding:18px!important;
  border-radius:20px!important;
  background:#f8fffb!important;
  border:1px solid rgba(158,226,195,.72)!important;
}
.creation-team-grid b{
  display:block!important;
  color:#061633!important;
  font-size:18px!important;
  line-height:1.1!important;
  margin-bottom:10px!important;
}
.creation-team-grid p,
.creation-team-grid li{
  color:#516b5e!important;
  font-size:14px!important;
  line-height:1.42!important;
}
.creation-team-grid ul{
  margin:0!important;
  padding-left:18px!important;
}

.creation-secondary-knowledge{
  margin-top:20px!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:18px!important;
  padding:20px!important;
  border-radius:26px!important;
  background:#f5fbff!important;
  border:1px solid rgba(153,208,238,.82)!important;
}
.creation-secondary-knowledge h3{
  margin:2px 0 6px!important;
  color:#061633!important;
  font-size:24px!important;
  line-height:1.04!important;
  letter-spacing:-.04em!important;
}
.creation-secondary-knowledge span{
  display:block!important;
  color:#5d6c83!important;
  font-size:14px!important;
  line-height:1.42!important;
}
.creation-secondary-knowledge .cta{
  white-space:nowrap!important;
}

/* Make absolutely sure creation-only drawer never inherits blue demand modal visuals */
.creation-only-modal .modal-hero,
.creation-only-modal .modal-summary,
.creation-only-modal .opportunity-room,
.creation-only-modal .demand-channel-architecture{
  display:none!important;
}

@media(max-width:900px){
  .creation-only-hero,
  .creation-team-grid{
    grid-template-columns:1fr!important;
  }
  .creation-secondary-knowledge{
    display:grid!important;
  }
}
@media(max-width:760px){
  .creation-only-modal{
    padding:14px!important;
  }
  .creation-only-hero{
    padding:20px!important;
    border-radius:26px!important;
  }
  .creation-hero-copy h2{
    font-size:38px!important;
  }
  .creation-only-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  .creation-only-actions .cta,
  .creation-secondary-knowledge .cta{
    width:100%!important;
  }
}