/* Light visual treatment inspired by ASOBU DESIGN's media service page.
   Loaded after line-lp.css; every rule stays inside this LP. */
#asobu-line-lp {
  --dark: #292b29;
  --ink: #292b29;
  --muted: #626b65;
  --pale: #f1f9f3;
  --cream: #faf9f5;
  --line: #dfe7e0;
  --yellow: #fff0b8;
  background: #fff;
}

#asobu-line-lp .hero-v2 {
  background: #fbfaf6;
}
#asobu-line-lp .hero-v2::before {
  background: #f0f4ec;
}
#asobu-line-lp .hero-label {
  background: #fff;
  color: var(--ink);
  border: 1px solid #dce7dc;
  box-shadow: 0 3px 12px rgba(42, 63, 45, .05);
}
#asobu-line-lp .hero-label strong {
  color: #078d40;
}
#asobu-line-lp .hero-v2 .hero-actions .btn {
  border-color: #188342;
  box-shadow: 3px 4px 0 #188342;
}
#asobu-line-lp .hero-v2 .hero-actions .btn.dark {
  background: #fff;
  color: var(--ink);
  border-color: #b6c7b9;
  box-shadow: 3px 4px 0 #cedacf;
}
#asobu-line-lp .hero-v2 .hero-actions .diagnosis {
  background: #fff1be;
  color: var(--ink);
  border-color: #ddc76c;
  box-shadow: 3px 4px 0 #ead999;
}
#asobu-line-lp .hero-shape-red {
  background: #8ce9af;
}
#asobu-line-lp .hero-shape-yellow {
  background: #fff1aa;
}
#asobu-line-lp .hero-chip {
  border-color: #708477;
  box-shadow: 4px 4px 0 #d2ded4;
}

/* Service steps and outcomes are light, readable strips instead of dark bars. */
#asobu-line-lp .stat-strip {
  background: #f4f8f1;
  color: var(--ink);
  border-top: 1px solid #e1eadf;
  border-bottom: 1px solid #e1eadf;
}
#asobu-line-lp .stat,
#asobu-line-lp .stat:last-child {
  border-color: #dce7dc;
}
#asobu-line-lp .stat b {
  color: #16874a;
}
#asobu-line-lp .outcomes {
  background: #fff;
}
#asobu-line-lp .outcome {
  background: #f5faf5;
}
#asobu-line-lp .outcome:nth-child(2) {
  background: #f1f7fc;
  border-color: #87afd0;
}
#asobu-line-lp .outcome:nth-child(3) {
  background: #fff9e9;
  border-color: #e2bd52;
}

#asobu-line-lp .trouble,
#asobu-line-lp .faq {
  background: #faf9f5;
}
#asobu-line-lp .flow {
  background: #f3f8f5;
}
#asobu-line-lp .answer {
  background: #edf7ef;
  color: var(--ink);
  border: 1px solid #c8e2cd;
}
#asobu-line-lp .answer em {
  color: #117a40;
}

/* Keep the information-dense cards, replacing full dark fills with pale tones. */
#asobu-line-lp .detail-card,
#asobu-line-lp .industry-v2-card,
#asobu-line-lp .month-table {
  border: 1px solid #dce7de;
  box-shadow: 0 10px 28px rgba(38, 60, 43, .045);
}
#asobu-line-lp .detail-head {
  background: #edf7ef;
  color: var(--ink);
  border-bottom: 1px solid #d4e7d7;
}
#asobu-line-lp .detail-card:nth-child(2) .detail-head {
  background: #eef6fc;
  border-color: #d7e6f2;
}
#asobu-line-lp .detail-card:nth-child(3) .detail-head {
  background: #fff7e2;
  border-color: #f2e4bc;
}
#asobu-line-lp .detail-head small {
  color: #18844b;
}
#asobu-line-lp .detail-card:nth-child(2) .detail-head small {
  color: #517faa;
}
#asobu-line-lp .detail-card:nth-child(3) .detail-head small {
  color: #9c7421;
}
#asobu-line-lp .industry-v2-head {
  background: #f0f8f1;
  color: var(--ink);
  border-bottom: 1px solid #dce9df;
}
#asobu-line-lp .industry-v2-card:nth-child(2) .industry-v2-head {
  background: #f0f6fc;
  border-color: #d9e6f2;
}
#asobu-line-lp .industry-v2-card:nth-child(3) .industry-v2-head {
  background: #fff8e7;
  border-color: #f1e4c2;
}
#asobu-line-lp .industry-v2-card:nth-child(4) .industry-v2-head {
  background: #fff2f0;
  border-color: #f5dfdb;
}
#asobu-line-lp .industry-v2-head p {
  color: var(--muted);
}
#asobu-line-lp .industry-v2-head .industry-tag {
  background: #fff;
  color: #23814a;
  border: 1px solid #c5dfca;
}
#asobu-line-lp .month-row strong {
  background: #edf7ef;
  color: var(--ink);
  border-right: 1px solid #dce7de;
}
#asobu-line-lp .delivery-sample {
  background: #f6faf5;
}

#asobu-line-lp .report-panel {
  background: #eef6fc;
  color: var(--ink);
  border: 1px solid #d6e6f2;
}
#asobu-line-lp .metric {
  background: #fff;
  border: 1px solid #dce9f2;
}
#asobu-line-lp .metric b {
  color: #318258;
}
#asobu-line-lp .report-point {
  border-color: #dce7de;
}

#asobu-line-lp .strength {
  background: #faf8ef;
  color: var(--ink);
}
#asobu-line-lp .strength .section-lead,
#asobu-line-lp .strength-card p {
  color: var(--muted);
}
#asobu-line-lp .strength-card {
  background: #fff;
  border: 1px solid #e6e3d5;
  box-shadow: 0 10px 24px rgba(47, 45, 34, .04);
}
#asobu-line-lp .strength-card b {
  color: #16874a;
}
#asobu-line-lp .price {
  border-color: #e0e7df;
  box-shadow: 0 10px 24px rgba(38, 60, 43, .04);
}
#asobu-line-lp .price.recommend {
  border-color: #45b978;
  background: #fafffa;
}
#asobu-line-lp .price-note {
  background: #f4f9f3;
}

#asobu-line-lp .cta {
  background: #f2f8ef;
  color: var(--ink);
  border-top: 1px solid #dce9d9;
}
#asobu-line-lp .cta .btn {
  background: #06c755;
  color: #fff;
  box-shadow: 0 9px 22px rgba(6, 150, 70, .16);
}

@media (max-width: 820px) {
  #asobu-line-lp .hero-v2 {
    background: #fbfaf6;
  }
  #asobu-line-lp .stat,
  #asobu-line-lp .stat:last-child {
    border-color: #dce7dc;
  }
  #asobu-line-lp .month-row strong {
    border-right: 0;
    border-bottom: 1px solid #dce7de;
  }
  #asobu-line-lp .outcome:nth-child(2),
  #asobu-line-lp .outcome:nth-child(3) {
    border-top-width: 4px;
  }
}