.is-open .quiz-a_wb { display: block; animation: wbBloomIn 0.28s ease both; }
.quiz-item_wb.is-open .quiz-q_wb::after { content: "\2013"; }
.quiz-item_wb.is-hidden { display: none; }
.quiz-empty_wb.is-active { display: block; }
.dock-panel_wb.is-open { display: block; animation: wbBloomUp 0.32s ease both; }
.form-input_wb.is-error { border-color: #b45309; background: #fffbeb; }
.token_wb.is-active { background: rgba(255, 255, 255, 0.28); }


@media (max-width: 1024px) {
  .l-header-bar_wb { width: 94%; }
  .l-band_wb { padding: 3.25rem 5%; }
  .l-band-core_wb { width: 94%; }
  .splash-title_wb { font-size: 2.5rem; }
  .splash-lede_wb { max-width: 92%; }
  .tally_wb { gap: 8%; }
  .tally-num_wb { font-size: 2.8rem; }
  .tally-cell_wb { flex: 0 1 38%; margin-bottom: 1.5rem; }
  .card_wb { flex: 1 1 44%; }
  .step_wb { flex: 1 1 44%; }
  .foot-top_wb { grid-template-columns: 1fr; }
  .foot-pitch_wb { max-width: 100%; }
  .shot-frame_wb { width: 74%; }
  .doc_wb { width: 94%; }
}


@media (max-width: 768px) {
  body { padding-top: 132px; padding-bottom: 108px; }

  .l-band_wb,
  .big-splash_wb {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 3rem 6%;
  }
  .l-band-core_wb { width: 100%; gap: 0; }
  .l-split_wb, .order-panel_wb, .order-aside_wb { flex: 1 1 100%; min-width: 0; }
  .order-aside_wb { margin-bottom: 2.25rem; }

  .ribbon_wb { font-size: 0.72rem; letter-spacing: 0.03em; padding: 0.55rem 4%; }
  .l-header-bar_wb { width: 92%; min-height: 64px; }

  .splash-title_wb { font-size: 2.05rem; }
  .splash-lede_wb { font-size: 1.02rem; max-width: 100%; }
  .splash-kicker_wb { padding: 0.4rem 6%; }
  .price-now_wb { font-size: 2.1rem; }
  .splash-price_wb { gap: 5%; }

  .tally_wb { gap: 4%; margin: 2rem 0 1.5rem; }
  .tally-cell_wb { flex: 0 1 44%; min-width: 0; }
  .tally-num_wb { font-size: 2.3rem; }
  .tally-cap_wb { font-size: 0.7rem; letter-spacing: 0.1em; }

  .tokens_wb { gap: 3%; }
  .token_wb { padding: 0.5rem 5%; font-size: 0.8rem; }

  .card_wb, .step_wb, .pledge-item_wb { flex: 1 1 100%; min-width: 0; margin-bottom: 1.25rem; }
  .band-sub_wb { max-width: 100%; }
  .band-head_wb { margin-bottom: 1.75rem; }

  .shot-frame_wb { width: 82%; margin-top: 2rem; }
  .ridge_wb { height: 60px; }

  .order-panel_wb { padding: 2rem 6%; }
  .order-how-item_wb { padding-left: 16%; }
  .order-tel_wb { font-size: 1.35rem; }

  .dock_wb { right: 4%; bottom: 4%; }
  .dock-btn_wb { padding: 0.9rem 7%; font-size: 0.9rem; }
  .dock-panel_wb { width: 300px; padding: 1.5rem 8% 1.25rem; }

  .foot-cols_wb { gap: 8%; }
  .foot-col_wb { flex: 1 1 100%; margin-bottom: 1.5rem; }
  .foot-badge_wb { min-width: 100%; padding: 0.7rem 6%; }
  .foot-bar_wb { flex-direction: column; align-items: flex-start; }
  .foot-note_wb, .foot-pitch_wb { max-width: 100%; }

  .page-lede_wb { max-width: 100%; }
  .doc-block_wb { padding: 2.5rem 6% 1rem; }
  .doc_wb { width: 100%; }
}


@media (max-width: 520px) {
  .splash-title_wb { font-size: 1.75rem; }
  h2 { font-size: 1.6rem; }
  .tally-num_wb { font-size: 1.95rem; }
  .price-now_wb { font-size: 1.85rem; }
  .brand-logo_wb { height: 1.75rem; width: auto; }
  .spec-row_wb { flex-direction: column; gap: 0.25rem; }
  .ident-row_wb { flex-direction: column; gap: 0.25rem; }
  .ident-k_wb, .ident-v_wb { flex: 1 1 100%; }
  .spec-v_wb { text-align: left; }
  .dock-btn_wb span { display: none; }
  .dock-btn_wb { padding: 1rem; border-radius: 50%; min-width: 56px; justify-content: center; }
}