/* PRICING */
  .pricing{}
  .billing-tabs{margin-top:32px;display:inline-flex;background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px;gap:2px}
  .billing-tabs .bt{padding:8px 18px;border-radius:999px;font-size:13px;font-weight:700;color:var(--muted);position:relative;transition:all .15s}
  .billing-tabs .bt.on{background:var(--grad);color:#fff}
  .billing-tabs .bt .save{display:inline-block;margin-left:6px;font-size:10px;background:#10b981;color:#fff;padding:2px 6px;border-radius:99px;font-weight:800;letter-spacing:.02em}
  .pricing .plans{margin-top:48px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:stretch}
  .plan{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;display:flex;flex-direction:column;position:relative;transition:all .25s}
  .plan:hover{transform:translateY(-4px);box-shadow:0 24px 50px -20px rgba(67,56,202,.18);border-color:#d4c8b8}
  .plan .pname{font-size:18px;font-weight:800;letter-spacing:-0.015em}
  .plan .ptag{font-size:12px;color:var(--soft);margin-top:3px}
  .plan .pprice{margin-top:24px;display:flex;align-items:baseline;gap:4px}
  .plan .pprice .v{font-size:34px;font-weight:800;letter-spacing:-0.03em;font-feature-settings:"tnum"}
  .plan .pprice .u{font-size:13px;color:var(--soft);font-weight:500}
  .plan .pdesc{font-size:12.5px;color:var(--muted);margin-top:10px;line-height:1.6}
  .plan .pfeatures{margin-top:24px;border-top:1px solid var(--line);padding-top:20px;flex:1}
  .plan .pfeatures li{font-size:13.5px;color:var(--ink-2);padding:7px 0;display:flex;align-items:flex-start;gap:8px;line-height:1.5}
  .plan .pfeatures li svg{width:14px;height:14px;color:var(--ind);flex-shrink:0;margin-top:4px}
  .plan .pcta{margin-top:22px;padding:12px;text-align:center;border-radius:12px;font-size:13px;font-weight:700;background:var(--paper-2);transition:all .15s}
  .plan .pcta:hover{background:var(--grad);color:#fff}
  .plan.featured{background:var(--grad);color:#fff;border-color:transparent;margin:-22px 0;padding:36px 30px;z-index:2;box-shadow:0 34px 66px -26px rgba(99,80,237,.5)}
  .plan.featured:hover{transform:translateY(-4px);box-shadow:0 42px 78px -26px rgba(99,80,237,.55);border-color:transparent}
  .plan.featured::after{content:"인기";position:absolute;top:-13px;right:22px;background:#fff;color:#4338CA;font-size:11px;font-weight:800;letter-spacing:.06em;padding:6px 12px;border-radius:99px;box-shadow:0 6px 16px -6px rgba(67,56,202,.45)}
  .plan.featured .ptag,.plan.featured .pdesc{color:rgba(255,255,255,.6)}
  .plan.featured .pprice .u{color:rgba(255,255,255,.6)}
  .plan.featured .pfeatures{border-top-color:rgba(255,255,255,.1)}
  .plan.featured .pfeatures li{color:rgba(255,255,255,.85)}
  .plan.featured .pfeatures li svg{color:#C4B5FD}
  .plan.featured .pcta{background:#fff;color:#4338CA}
  .plan.featured .pcta:hover{background:#fff;color:#312E81;filter:brightness(1.02)}

  .pricing-detail-actions{margin-top:40px;text-align:center}
  .pricing-detail-actions.is-bottom{margin-top:28px}
  .pricing-detail-toggle[aria-expanded="true"]{background:var(--paper-2);border-color:#cfc8b8}
  .pricing-detail-panel{margin-top:40px}
  .pricing-detail-panel[hidden]{display:none}
  .pricing-detail-panel .head{font-size:32px}
  .pricing-detail-panel .matrix{margin-top:32px}

  /* matrix table */
  .matrix{margin-top:80px;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}
  .matrix .mhead{display:grid;grid-template-columns:1.5fr repeat(4,.7fr);padding:14px 24px;border-bottom:1px solid var(--line);font-size:13px;font-weight:700;background:var(--paper-2)}
  .matrix .mhead .ph{text-align:center}
  .matrix .mhead .ph:nth-child(4){color:var(--ind)}
  .matrix .mcat{padding:18px 24px 4px;font-size:11px;font-weight:700;color:var(--soft);letter-spacing:.18em;text-transform:uppercase;background:var(--paper-2)}
  .matrix .mrow{display:grid;grid-template-columns:1.5fr repeat(4,.7fr);padding:11px 24px;font-size:13.5px;border-top:1px solid var(--line)}
  .matrix .mrow .l{color:var(--ink-2)}
  .matrix .mrow .c{text-align:center}
  .matrix .mrow .c.no{color:#cfc8b8}
  .matrix .mrow .c.yes{color:var(--ind);font-weight:700}