/* ai-search/price ページ専用CSS
   読み込み順: 共通DS(techsuite-ds.css) → 配色(theme.css) → このファイル。
   ここに書いてよいのは「このページにしか無いセクションの構造」だけ
   （guidelines/02-lp.md「CSSの3層」）。2ページ目で必要になったらDSへ昇格させる。 */

/* ---- pf-style ---- */
/* Price Figures（初期費用/月額の2枚カード）— このページ専用の自己完結スタイル。共通DSトークンのみ参照 */
.pf_grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:8px}
.pf_card{background:#fff;border:1px solid var(--border);border-radius:var(--r-sm);padding:clamp(28px,3vw,36px);position:relative;overflow:hidden}
.pf_card::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--teal),var(--accent))}
.pf_label{font-family:var(--font-en);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-2);font-weight:700;margin:0 0 14px}
.pf_value{font-family:var(--font-serif);font-weight:700;color:var(--fg);display:flex;align-items:baseline;gap:8px;margin:0}
.pf_value .num{font-size:clamp(30px,4vw,40px)}
.pf_value .unit{font-size:15px;font-weight:600;color:var(--fg-muted)}
.pf_note{margin:14px 0 0;font-size:13.5px;color:var(--fg-muted);line-height:1.8}
.pf_disclaimer{margin:24px 0 0;font-size:12.5px;color:var(--fg-dim);line-height:1.9;max-width:74ch}
.flow--3{grid-template-columns:repeat(3,1fr)}
@media(max-width:768px){.pf_grid{grid-template-columns:1fr}}
@media(max-width:860px){.flow--3{grid-template-columns:1fr}}