/* 통합 요금 정책 표시 (2026-10-04) — scripts/pricing/render-pricing.mjs 가 그리는 구역 전용. style.css 토큰만 쓴다. */
.pricing-head{max-width:86rem;margin-bottom:clamp(3.2rem,5vw,5.6rem)}
.pricing-head h2{margin:0 0 2rem;font-size:clamp(3rem,4vw,4.8rem);font-weight:500;line-height:1.2;letter-spacing:-.035em}
.pricing-lead{margin:0;color:var(--mut);font-size:1.8rem;line-height:1.75}
.pricing-lead strong{color:var(--ink)}
.price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;align-items:stretch}
.price-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.price-card{position:relative;display:flex;flex-direction:column;padding:3.6rem 3rem;border:1px solid var(--line);border-radius:var(--r-md);background:var(--glass)}
.price-card.is-recommended,.price-card.has-geo{border-color:var(--accent-line);background:linear-gradient(165deg,var(--accent-glass),var(--accent-wash-2))}
.price-badge{position:absolute;top:-1.3rem;left:3rem;padding:.5rem 1.4rem;border-radius:var(--r-pill);background:var(--accent);color:#fff;font-size:1.3rem;font-weight:700}
.price-name{margin:0 0 1.4rem;font-family:var(--f-lat);font-size:2.2rem;font-weight:600;letter-spacing:.02em}
.price-amount{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1rem;margin:0 0 1.4rem}
.price-amount strong{font-size:clamp(3.2rem,3.4vw,4.2rem);font-weight:600;letter-spacing:-.03em;line-height:1.1}
.price-grid-4 .price-amount strong{font-size:clamp(2.8rem,2.4vw,3.6rem)}
.price-amount span{color:var(--mut-2);font-size:1.4rem}
.price-summary{margin:0 0 2.2rem;color:var(--mut);font-size:1.6rem;line-height:1.65}
.price-meta{display:grid;gap:.8rem;margin:0 0 2.2rem;padding:1.6rem 0;border-block:1px solid var(--line)}
.price-meta div{display:flex;justify-content:space-between;gap:1.6rem;font-size:1.5rem}
.price-meta dt{color:var(--mut-2)}
.price-meta dd{margin:0;color:var(--ink);text-align:right}
.price-list{display:grid;gap:1rem;margin:0;padding:0;list-style:none}
.price-list li{position:relative;padding-left:2.2rem;color:var(--mut);font-size:1.55rem;line-height:1.6}
.price-list li::before{content:"";position:absolute;left:0;top:.9rem;width:.8rem;height:.8rem;border:1.5px solid var(--accent-hi);border-radius:50%}
.price-list li strong{color:var(--ink)}
.price-list li small{display:block;margin-top:.4rem;color:var(--mut-2);font-size:1.4rem}
.price-examples{margin-bottom:2rem}
.price-geo{margin-top:auto;padding-top:2rem;border-top:1px solid var(--line)}
.price-geo strong{display:block;margin-bottom:1.2rem;color:var(--accent-hi);font-size:1.5rem}
.price-flagship{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:3rem 5rem;margin-top:2rem;padding:clamp(3.2rem,4vw,4.8rem);border:1px solid var(--accent-line);border-radius:var(--r-md);background:linear-gradient(135deg,var(--accent-wash),transparent 70%),var(--glass)}
.price-flagship h3{margin:0 0 1.6rem;font-size:clamp(2.6rem,3vw,3.4rem);font-weight:600;line-height:1.3}
.price-kicker{margin:0 0 1.2rem;color:var(--accent-hi);font-family:var(--f-lat);font-size:1.4rem;font-weight:700;letter-spacing:.06em}
.price-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;margin-top:2rem}
.price-note{padding:3rem;border:1px solid var(--line);border-radius:var(--r-md);background:var(--glass)}
.price-note h3{margin:0 0 1.4rem;font-size:2rem;line-height:1.4}
.price-note p{margin:0 0 1.2rem;color:var(--mut);font-size:1.55rem;line-height:1.7}
.price-note p:last-child{margin-bottom:0}
.price-caution{margin:2rem 0 0}
.price-more{margin:2.4rem 0 0;font-size:1.6rem}
.price-more a{color:var(--accent-hi);text-decoration:underline;text-underline-offset:.4rem}

/* AI 챗봇 부가 서비스 (정책 v2) — renderChatbot */
.price-chatbot{margin-top:clamp(4rem,6vw,6.4rem);padding-top:clamp(3.2rem,5vw,4.8rem);border-top:1px solid var(--line)}
.price-chatbot-title{margin:0 0 1.6rem;font-size:clamp(2.6rem,3vw,3.4rem);font-weight:500;line-height:1.3}
.price-chatbot .pricing-lead{margin-bottom:clamp(2.4rem,4vw,3.6rem)}
.price-options a,.home-pricing-note a{color:var(--accent-hi);text-decoration:underline;text-underline-offset:.4rem;white-space:nowrap}

/* 홈 요약 */
.home-pricing{margin-top:clamp(4rem,6vw,6.4rem);padding:clamp(3rem,4vw,4.8rem);border:1px solid var(--line);border-radius:var(--r-md);background:var(--glass)}
.home-pricing-head{max-width:80rem;margin-bottom:3.2rem}
.home-pricing-head h3{margin:0 0 1.4rem;font-size:clamp(2.4rem,3vw,3.2rem);font-weight:500;line-height:1.3}
.home-pricing-head p{margin:0;color:var(--mut);font-size:1.7rem;line-height:1.7}
.home-pricing-head strong{color:var(--ink)}
.home-pricing-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 5rem}
.home-pricing-label{margin:0 0 1.2rem;color:var(--accent-hi);font-size:1.4rem;font-weight:700}
.home-price-rows{margin:0 0 1.8rem;padding:0;list-style:none}
.home-price-rows li{display:flex;justify-content:space-between;align-items:baseline;gap:1.6rem;padding:1.3rem 0;border-bottom:1px solid var(--line);font-size:1.6rem}
.home-price-rows li span{color:var(--mut)}
.home-price-rows li em{margin-left:.6rem;padding:.2rem .8rem;border-radius:var(--r-pill);background:var(--accent-wash);color:var(--accent-hi);font-size:1.2rem;font-style:normal;font-weight:700}
.home-price-rows li strong{color:var(--ink);font-weight:600;white-space:nowrap}
.home-pricing-link{color:var(--accent-hi);font-size:1.5rem;text-decoration:underline;text-underline-offset:.4rem}
.home-pricing-note{margin:2.8rem 0 0;color:var(--mut-2);font-size:1.4rem;line-height:1.7}

@media (max-width:1100px){
  .price-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){
  .price-grid,.price-grid-4,.price-notes,.price-flagship,.home-pricing-cols{grid-template-columns:minmax(0,1fr)}
  .price-card{padding:3.2rem 2.4rem}
  .price-note{padding:2.4rem}
}