/* Participants (participants.html) */
.hero {
  min-height: 100svh; display: flex; flex-direction: column; justify-content: flex-end;
  padding: 140px 56px 80px; position: relative; overflow: hidden;
}
.hero-bg-circle {
  position: absolute; right: -200px; top: 50%; transform: translateY(-50%);
  opacity: 0.035; pointer-events: none;
}
.hero-eyebrow {
  font-family: var(--f-m); font-size: 0.6rem; letter-spacing: 0.16em;
  text-transform: uppercase; color: var(--muted);
  display: flex; align-items: center; gap: 12px; margin-bottom: 40px;
}
.hero-eyebrow::before { content:''; display:block; width:20px; height:1px; background:var(--muted); }
.hero h1 { max-width: 860px; margin-bottom: 18px; font-size: clamp(2rem, 4.2vw, 4rem); }
.hero h1 .serif-word { font-family:var(--f-d); font-style:italic; }
.hero-sub {
  font-family: var(--f-m); font-size: 0.68rem; letter-spacing: 0.1em;
  text-transform: uppercase; color: var(--accent); margin-bottom: 44px;
  display: flex; align-items: center; gap: 20px;
}
.hero-sub::before { content:''; display:block; width:1px; height:28px; background:var(--accent); opacity:0.5; }
.hero-strip {
  display: flex; gap: 40px; margin-top: 52px; flex-wrap: wrap;
  border-top: 1px solid var(--border); padding-top: 28px;
}
.hs-item .hsl { font-family:var(--f-m); font-size:0.56rem; letter-spacing:0.1em; text-transform:uppercase; color:var(--muted); margin-bottom:5px; }
.hs-item .hsv { font-family:var(--f-m); font-size:0.72rem; }

.method-key {
  font-family: var(--f-d); font-style: italic;
  font-size: clamp(1.4rem, 2.4vw, 2rem);
  padding: 28px 0; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);
  margin: 32px 0; color: var(--fg); line-height: 1.35;
}

.get-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--border); margin-top:52px; }
.get-card { background:var(--bg); padding:36px 30px; }
.get-n { font-family:var(--f-m); font-size:0.58rem; letter-spacing:0.12em; text-transform:uppercase; color:var(--accent); margin-bottom:18px; }
.get-body { font-family:var(--f-d); font-size:0.97rem; line-height:1.72; color:var(--muted); }
.get-body strong { color:var(--fg); font-weight:400; }

.why-cols { display:grid; grid-template-columns:1fr 1fr; gap:80px; }
.why-cols p { font-family:var(--f-d); font-size:0.97rem; color:var(--muted); line-height:1.78; margin-bottom:16px; }

.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:start; }
.form-intro { font-family:var(--f-d); font-size:0.97rem; color:var(--muted); line-height:1.75; margin-bottom:0; }
.form-success { display:none; font-family:var(--f-m); font-size:0.7rem; letter-spacing:0.07em; padding:18px 22px; border:1px solid var(--border); color:var(--muted); margin-top:14px; }

@media(max-width:900px){
  .get-grid,.why-cols,.form-grid{grid-template-columns:1fr;}
}
@media(max-width:768px){
  .hero{padding:120px 24px 64px;}
  .hero-strip{gap:24px;}
}