.finder-panel { background: #fff; padding: clamp(18px, 3vw, 36px); border-radius: 26px; box-shadow: 0 8px 28px #1e274619; }
.finder-panel { min-height: 370px; }
.finder-panel progress { width: 100%; accent-color: #237D72; }
#finder-progress { margin: 0; font-weight: 700; }
#finder-step h3 { margin: 16px 0 10px; font: bold clamp(23px, 3vw, 34px)/1.22 Georgia, serif; }
#finder-step fieldset { min-width: 0; padding: 0; border: 0; margin: 0; }
#finder-step legend { font-weight: 700; margin-bottom: 8px; }
.finder-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.finder-option { display: flex; align-items: center; gap: 9px; min-height: 48px; border: 1px solid #a4a8b5; border-radius: 12px; padding: 8px 11px; cursor: pointer; font-weight: 600; }
.finder-option:has(input:checked) { background: #DDF8F5; border-color: #237D72; }
.finder-option input { accent-color: #237D72; flex: none; }
.finder-email { display: grid; gap: 6px; margin-top: 12px; font-weight: 700; }
.finder-email input { min-height: 48px; min-width: 0; padding: 10px; border: 1px solid #737b90; border-radius: 10px; }
.finder-controls { display: flex; gap: 12px; justify-content: space-between; flex-wrap: wrap; }
.finder-controls .btn { white-space: normal; }
#finder-feedback { min-height: 1.5em; font-weight: 600; color: #8e301a; margin: 8px 0; }

#finder-form[hidden], #finder-back[hidden], #finder-result[hidden] { display:none; }
#finder-form { scroll-margin-top:96px; }
.hero-art:has(video) { width:100%; max-width:860px; min-height:0; margin:28px auto 0; align-self:center; }
.hero-art video { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:contain; border-radius:14px; }
.hero-art:has(video)::before, .hero-art:has(video)::after { display:none; }
.play-pack-art { width:min(880px,94%); margin:20px auto 12px; }
.play-pack-art img { width:100%; height:auto; display:block; }
.finder-panel { width:100%; max-width:640px; margin:0 auto; text-align:left; }
@media(max-width:720px){
  .finder-options { grid-template-columns:1fr; }
  .play-pack-art { width:100%; margin:14px auto 8px; }
}


.hero-quiz-note { margin: 16px 0 0; font-size: .9rem; line-height: 1.55; text-align: center; }
.popup.finder-invitation {
  width:min(940px,100%);
  grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
}
.finder-popup-art { display:grid; align-items:center; padding:20px; background:var(--cloud-paper); }
.finder-popup-art img { display:block; width:100%; height:auto; }
@media(max-width:680px) {
  .popup.finder-invitation { grid-template-columns:1fr; }
  .finder-popup-art { padding:44px 16px 0; }
  .finder-popup-art img { width:auto; max-width:100%; max-height:30vh; margin-inline:auto; }
}

.hero .hero-title { line-height:1.1; margin-bottom:20px; }
.hero .hero-copy { line-height:1.55; margin-bottom:22px; }
.pack-copy .section-title, .approach-intro .section-title,
.products-lead .section-title, .footer-title, .finder-invitation h2 { line-height:1.18; }
.pack-copy p, .approach-intro p, .tool-card p, .product-card p,
.footer-copy p, .finder-invitation p { line-height:1.5; }