/* ============================================================
   Crossing Akita — Co-create page styles
   ============================================================ */

.cocreate-page-hero{
  padding-top: clamp(56px, 9vw, 96px);
  background: linear-gradient(180deg, var(--color-primary) 0%, var(--color-primary-soft) 100%);
  color: #EDEFF2;
}
.cocreate-page-hero .eyebrow{ color: var(--color-accent); }
.cocreate-page-hero .section-title{
  color:#fff;
  font-size: clamp(1.5rem, 3.4vw, 2.2rem);
  max-width: 720px;
}
.cocreate-page-hero .section-lead{
  color:#D9DEE5;
  max-width: 640px;
  margin-top:14px;
}

.cocreate-page-list{
  margin: 32px 0 20px;
  max-width: 640px;
}
.cocreate-page-list li{
  position:relative;
  padding-left:22px;
  margin-bottom: 12px;
  font-size:0.98rem;
  color:#D9DEE5;
}
.cocreate-page-list li::before{
  content:"";
  position:absolute; left:0; top:10px;
  width:6px; height:6px;
  background: var(--color-accent);
}

.cocreate-page-note{
  color:#D9DEE5;
  max-width: 640px;
  margin-bottom: 8px;
  font-size: 0.96rem;
  line-height:1.9;
}

.tag-row--light{ margin-bottom: 8px; }

.cocreate-form-section{ padding-top: clamp(48px, 7vw, 80px); }
.cocreate-form-container{ max-width: 680px; }

.cocreate-form-container .cocreate-form{
  background:#fff;
  border-radius: 4px;
  border: 1px solid rgba(25,52,77,0.08);
  padding: clamp(26px, 4vw, 40px);
}

.cocreate-back{
  margin-top: 32px;
  text-align:center;
}