.area-main { padding-bottom: 130px; padding-top: 75px; }
.area-hero { max-width: 780px; }
.area-hero h1 { font-size: clamp(3.8rem, 8vw, 7rem); }
.area-hero > p:last-child { font-size: 19px; max-width: 610px; }
.data-state { border-bottom: 1px solid var(--line); border-top: 1px solid var(--line); color: var(--muted); font-family: "DM Mono", monospace; font-size: 10px; letter-spacing: .06em; margin: 70px 0 0; padding: 15px 0; text-transform: uppercase; }
.discovery-section { padding-top: 110px; }
.discovery-heading { align-items: end; display: flex; gap: 40px; justify-content: space-between; margin-bottom: 45px; }
.discovery-heading h2 { font-size: clamp(3rem, 5vw, 5rem); margin: 0; }
.discovery-heading > p { color: var(--muted); font-size: 13px; max-width: 350px; }
.card-grid { display: grid; gap: 16px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.discovery-card { background: var(--cream); border: 1px solid var(--line); display: flex; flex-direction: column; min-height: 350px; padding: 25px; }
.discovery-card:nth-child(3n+2) { background: #eee9ff; }
.discovery-card h3 { font-size: 29px; letter-spacing: -.06em; line-height: 1; margin: 45px 0 18px; }
.discovery-card > p { font-size: 14px; }
.card-topline { align-items: start; display: flex; gap: 12px; justify-content: space-between; }
.card-type, .sample-badge, .card-tags, .interest-count { font-family: "DM Mono", monospace; font-size: 9px !important; letter-spacing: .06em; text-transform: uppercase; }
.sample-badge { background: var(--orange); padding: 5px 7px; }
.card-meta { border-bottom: 1px solid var(--line); padding-bottom: 16px; }
.card-tags { color: var(--orange-deep); margin-top: auto; padding-top: 25px; }
.interest-count { color: var(--muted); margin-top: auto; padding-top: 20px; }
.text-action { background: transparent; border: 0; color: var(--orange-deep); cursor: pointer; display: inline-block; font-family: "DM Mono", monospace; font-size: 10px; margin: 9px 18px 0 0; padding: 0; text-align: left; text-transform: uppercase; }
.interest-panel { border-top: 1px solid var(--line); margin-top: 12px; padding-top: 12px; }
.interest-panel summary { color: var(--orange-deep); cursor: pointer; font-family: "DM Mono", monospace; font-size: 10px; text-transform: uppercase; }
.interest-form { padding-top: 20px; }
.interest-form .text-field { margin-bottom: 15px; }
.filter-group { display: flex; flex-wrap: wrap; gap: 7px; }
.filter-button { background: transparent; border: 1px solid var(--line); cursor: pointer; font-family: "DM Mono", monospace; font-size: 9px; padding: 9px 11px; text-transform: uppercase; }
.filter-button.is-active { background: var(--ink); color: var(--cream); }
.empty-card { border: 1px solid var(--line); color: var(--muted); grid-column: 1 / -1; padding: 30px; }
.connection-section { background: var(--ink); color: var(--cream); display: grid; gap: 100px; grid-template-columns: .8fr 1fr; margin-top: 130px; padding: 55px; }
.connection-section h2 { font-size: clamp(3rem, 5vw, 5rem); }
.connection-section > div > p:last-child { color: #bcb5ae; max-width: 400px; }
.connection-form { background: var(--cream); color: var(--ink); padding: 30px; }
.text-field select { background: transparent; border: 1px solid var(--line); display: block; font: 16px "DM Sans", sans-serif; margin-top: 10px; padding: 14px; width: 100%; }
.text-field small { color: var(--muted); display: block; font-family: "DM Sans", sans-serif; font-size: 11px; letter-spacing: 0; margin-top: 7px; text-transform: none; }
.signal-strip { align-items: end; border-top: 1px solid var(--line); display: grid; gap: 90px; grid-template-columns: 1fr .8fr; margin-top: 130px; padding-top: 80px; }
.signal-strip h2 { font-size: clamp(3rem, 5vw, 5rem); }
.signal-strip > div:last-child p { color: var(--muted); }
@media (max-width: 800px) {
  .area-main { padding-bottom: 80px; padding-top: 50px; }
  .discovery-section { padding-top: 80px; }
  .discovery-heading { align-items: start; display: block; }
  .discovery-heading > p, .filter-group { margin-top: 24px; }
  .card-grid { grid-template-columns: 1fr; }
  .connection-section { display: block; margin-left: -20px; margin-right: -20px; padding: 30px 20px; }
  .connection-form { margin-top: 45px; padding: 22px; }
  .signal-strip { display: block; }
}