/* ============================================================
     ▼ /service/ ─ サービスLP（このページ固有の追加）
        新規クラスは既存クラスとの衝突チェック済み（§7-1）：
        svclp-hero / pick2 / pcard
     ============================================================ */

  /* 写真を使わないヒーロー。column / privacy と同じ作法で .dhero に色だけ足す。
     濃紺の無地＋ロゴブルーの淡い光で成立させる */
  .svclp-hero{background:
    radial-gradient(110% 150% at 86% -30%, rgba(28,104,174,.35) 0%, rgba(28,104,174,0) 58%),
    linear-gradient(150deg, var(--b900) 0%, var(--b800) 100%)}
  .svclp-hero .lead{max-width:44em}

  /* BrazeとLINEの2枚へ送るカード（比較表の直下） */
  .pick2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px}
  .pcard{background:var(--white);border:1px solid var(--n300);border-top:2px solid var(--b600);
         padding:24px 24px 20px;text-decoration:none;display:flex;flex-direction:column;gap:10px;
         transition:border-color .25s ease, transform .25s ease}
  .pcard:hover{border-color:var(--b400);transform:translateY(-2px)}
  .pcard .k{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:10px;
            font-weight:700;letter-spacing:.12em;color:var(--b600)}
  .pcard .k .ic{width:15px;height:15px}
  .pcard h3{font-family:var(--serif);font-size:clamp(17px,2.2vw,21px);font-weight:700;
            letter-spacing:.04em;line-height:1.6;margin:0;color:var(--n900)}
  .pcard p{margin:0;font-size:13px;font-weight:500;color:var(--n700);line-height:1.85;flex:1}
  .pcard .pgo{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;
              color:var(--b600);border-bottom:1.5px solid var(--b200);align-self:flex-start;padding-bottom:2px}
  .pcard:hover .pgo{color:var(--b500);border-color:var(--b500)}
  @media (max-width:760px){.pick2{grid-template-columns:1fr}}