.dsc-page { color:#202734; background:#fff; }
.dsc-page * { box-sizing:border-box; }
.dsc-hero {
  max-width:1120px; margin:auto;
  padding:80px 24px 40px; text-align:center;
}
.pm-detail .dsc-hero h1 {
  margin:0 auto 24px; max-width:950px;
  font-size:clamp(38px,5vw,66px);
  line-height:1.08; font-weight:650; letter-spacing:-.05em;
}
.dsc-hero > p {
  margin:0 auto; max-width:820px; font-size:18px;
  color:#748091; line-height:1.8;
}
.dsc-primary {
  display:inline-flex; gap:25px; align-items:center;
  margin-top:30px; padding:16px 25px;
  border-radius:999px; background:#215deb; color:#fff;
  font-size:14px; font-weight:600;
}
.dsc-section-nav {
  display:flex; justify-content:center; flex-wrap:wrap;
  gap:12px 28px; margin-top:42px;
}
.dsc-section-nav a { color:#667487; font-size:13px; }
.dsc-section-nav a:hover { color:#245fe6; }
.dsc-showcase {
  max-width:1320px; margin:0 auto; padding:30px;
  background:linear-gradient(140deg,#edf3fc,#e6edf9);
  border-radius:16px;
}
.dsc-app {
  display:grid; grid-template-columns:205px minmax(0,1fr) 230px;
  overflow:hidden; background:#fff; border:1px solid #e5eaf2;
  border-radius:12px; box-shadow:0 20px 50px #2239520d;
}
.dsc-sidebar { padding:23px 15px; background:#fafbfe; border-right:1px solid #edf0f5; }
.dsc-community-brand { display:flex; align-items:center; gap:10px; margin-bottom:28px; }
.dsc-community-brand > span {
  display:grid; place-items:center; width:32px; height:32px;
  border-radius:8px; background:#e2eafa; color:#526aa2; font-weight:650;
}
.dsc-community-brand strong { font-size:14px; }
.dsc-sidebar-label {
  margin:23px 10px 9px; font-size:9px; font-weight:600;
  letter-spacing:.1em; color:#9ba3af;
}
.dsc-salon { padding:10px; color:#788496; font-size:11px; line-height:1.5; }
.dsc-selected { background:#eaf0fc; color:#4165b4; border-radius:8px; }
.dsc-conversation { min-width:0; padding:25px 28px; }
.dsc-room-heading { display:flex; justify-content:space-between; gap:15px; }
.dsc-room-heading strong { display:block; font-size:16px; font-weight:600; }
.dsc-room-heading div > span { display:block; color:#9ba4b1; font-size:11px; margin-top:6px; }
.dsc-room-symbol { color:#a4b2c8; font-size:23px; }
.dsc-date { margin:30px 0 10px; text-align:center; color:#a4adba; font-size:10px; }
.dsc-message { display:flex; align-items:flex-start; gap:13px; padding:20px 0; }
.dsc-avatar {
  display:grid; place-items:center; flex-shrink:0;
  width:35px; height:35px; border-radius:50%;
  background:#e4edfb; color:#5c7aaa; font-size:11px; font-weight:600;
}
.dsc-avatar-purple { background:#eee7f7; color:#9272b7; }
.dsc-avatar-peach { background:#faeade; color:#b08d73; }
.dsc-message strong { font-size:12px; font-weight:600; }
.dsc-message strong small { color:#a1a9b7; font-size:10px; font-weight:400; margin-left:5px; }
.dsc-message p { color:#687789; font-size:12px; line-height:1.8; margin:7px 0 0; }
.dsc-composer {
  display:flex; justify-content:space-between; gap:10px;
  margin-top:25px; padding:15px; border:1px solid #e5eaf1;
  border-radius:8px; color:#a4aeba; font-size:11px;
}
.dsc-about { padding:22px; border-left:1px solid #edf0f5; }
.dsc-about-cover {
  height:82px; border-radius:8px;
  background:linear-gradient(135deg,#e0eafa,#f0e7f7);
}
.pm-detail .dsc-about h2 { font-size:17px; line-height:1.3; margin:20px 0 12px; }
.dsc-about p { color:#929dab; font-size:11px; line-height:1.8; }
.dsc-about-rule { height:1px; background:#edf0f5; margin:25px 0; }
.dsc-about > strong { font-size:11px; }
.dsc-about > span { display:block; font-size:10px; color:#929dab; margin-top:15px; }
.dsc-value-grid {
  display:grid; grid-template-columns:repeat(3,1fr); gap:42px;
  max-width:1200px; margin:auto; padding:65px 30px 85px;
}
.pm-detail .dsc-value-grid h2 { font-size:21px; margin:0 0 13px; }
.dsc-value-grid p { margin:0; color:#7f8a99; font-size:14px; line-height:1.8; }
.dsc-feature {
  display:grid; grid-template-columns:1fr 1fr;
  align-items:center; gap:75px; max-width:1200px;
  margin:auto; padding:50px 30px 65px;
  scroll-margin-top:140px;
}
.pm-detail .dsc-feature-copy h2 {
  margin:0 0 24px; font-size:clamp(31px,3.5vw,45px);
  line-height:1.12; letter-spacing:-.045em; font-weight:600;
}
.dsc-feature-copy > p { color:#778394; font-size:16px; line-height:1.85; }
.dsc-feature-copy ul { list-style:none; padding:0; margin:25px 0; }
.dsc-feature-copy li { position:relative; padding-left:24px; margin:13px 0; font-size:14px; color:#5f7084; line-height:1.7; }
.dsc-feature-copy li::before { content:"✓"; position:absolute; left:0; color:#5b88ae; }
.dsc-feature-copy > a { color:#2d60ce; font-size:13px; font-weight:600; }
.dsc-feature-visual { padding:38px; border-radius:12px; min-width:0; }
.dsc-lavender { background:#f1edf9; }
.dsc-blue { background:#edf3fc; }
.dsc-mint { background:#eaf5f0; }
.dsc-note, .dsc-space-list, .dsc-guidelines {
  padding:28px; background:#fff; border-radius:12px;
  box-shadow:0 18px 38px #23374c0b;
}
.dsc-note h3, .dsc-space-list h3, .dsc-guidelines h3 {
  font-size:21px; line-height:1.3; font-weight:600;
  letter-spacing:-.025em; margin:20px 0 15px;
}
.dsc-note p { color:#7c8798; font-size:13px; line-height:1.8; }
.dsc-note-reply { display:flex; gap:12px; border-top:1px solid #edf0f5; margin-top:22px; padding-top:20px; }
.dsc-note-reply p { margin:0; font-size:11px; }
.dsc-reverse .dsc-feature-copy { order:2; }
.dsc-reverse .dsc-feature-visual { order:1; }
.dsc-space-list h3 { margin-top:0; }
.dsc-space-list > span {
  display:block; margin:22px 0 9px; color:#a0aab8;
  font-size:9px; letter-spacing:.09em;
}
.dsc-space-list > div { padding:14px; border-radius:8px; background:#f6f8fc; margin-top:7px; }
.dsc-space-list b { display:block; color:#526781; font-size:12px; font-weight:550; }
.dsc-space-list small { display:block; color:#96a2b2; font-size:10px; margin-top:5px; }
.dsc-guideline-icon {
  display:grid; place-items:center; width:40px; height:40px;
  border-radius:12px; background:#edf7f2; color:#77a691;
}
.dsc-guidelines > p { font-size:12px; color:#8b9d94; margin-bottom:25px; }
.dsc-guidelines > div { display:flex; gap:13px; padding:17px 0; border-top:1px solid #edf2ef; color:#687f72; font-size:12px; line-height:1.7; }
.dsc-guidelines > div > span { color:#a4b8ac; font-size:10px; }
.dsc-faq {
  display:grid; grid-template-columns:1fr 1.7fr; gap:65px;
  max-width:1200px; margin:auto; padding:70px 30px 100px;
}
.pm-detail .dsc-faq h2 { font-size:38px; font-weight:600; letter-spacing:-.04em; }
.dsc-faq details { border-bottom:1px solid #e6ebf2; padding:21px 0; }
.dsc-faq details:first-child { border-top:1px solid #e6ebf2; }
.dsc-faq summary { cursor:pointer; font-size:15px; font-weight:550; line-height:1.6; }
.dsc-faq details p { font-size:14px; line-height:1.85; color:#788597; margin:16px 0 0; }
@media(max-width:1100px) {
  .dsc-showcase { margin:0 22px; padding:20px; }
  .dsc-app { grid-template-columns:180px minmax(0,1fr); }
  .dsc-about { display:none; }
  .dsc-feature { gap:35px; }
  .dsc-feature-visual { padding:25px; }
}
@media(max-width:760px) {
  .dsc-hero { padding:45px 22px 30px; }
  .dsc-hero br { display:none; }
  .dsc-hero > p { font-size:16px; }
  .dsc-showcase { margin:0 16px; padding:12px; border-radius:12px; }
  .dsc-app { grid-template-columns:1fr; }
  .dsc-sidebar { display:none; }
  .dsc-conversation { padding:22px 18px; }
  .dsc-value-grid { grid-template-columns:1fr; gap:25px; padding:40px 25px; }
  .dsc-feature { grid-template-columns:1fr; gap:28px; padding:35px 22px; }
  .dsc-reverse .dsc-feature-copy,
  .dsc-reverse .dsc-feature-visual { order:initial; }
  .dsc-faq { grid-template-columns:1fr; gap:10px; padding:45px 22px 65px; }
  .pm-detail .dsc-faq h2 { font-size:32px; }
}