/* terms-of-service page specific CSS */
:root { --red:#B91C1C;--red-soft:#FEF2F2;--dark:#111827;--dark2:#1F2937;--body:#475569;--bg:#F8FAFC;--white:#FFFFFF;--border:#E2E8F0;--maxw:1240px; }
h1 { font-size:52px;line-height:1.1; }
.btn { display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:8px;font-weight:600;font-size:15px;border:1.5px solid transparent;cursor:pointer;transition:background .15s ease; }
.btn-primary { background:var(--red);color:#fff; }
.btn-primary:hover { background:#9f1a1a; }
.btn-ghost { color:var(--dark);font-weight:500; }
.page-hero { padding:72px 0 56px;position:relative;overflow:hidden;background:linear-gradient(180deg,var(--bg) 0%,#fff 100%);border-bottom:1px solid var(--border); }
.page-hero::before { content:"";position:absolute;inset:0;background-image:radial-gradient(circle,#E2E8F0 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(180deg,rgba(0,0,0,.55),transparent 75%);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.55),transparent 75%);opacity:.55;pointer-events:none; }
.page-hero .cfp_cs_wrap { position:relative;max-width:860px; }
.page-hero p { font-size:18px;margin-top:18px; }
.terms { padding:64px 0 96px; }
.terms .cfp_cs_wrap { max-width:860px; }
.company { background:var(--bg);border:1px solid var(--border);border-left:3px solid var(--red);border-radius:12px;padding:24px 28px;margin:32px 0 8px; }
.company p { font-size:16px;color:var(--dark2);padding:4px 0; }
.company strong { color:var(--dark);font-weight:600; }
.company a { color:var(--red);font-weight:500; }
.clause { padding:32px 0;border-bottom:1px solid var(--border); }
.clause:last-of-type { border-bottom:none; }
.clause h2 { font-size:22px;line-height:1.3;margin-bottom:12px; }
.clause p+p, .clause p+ul, .clause ul+p { margin-top:14px; }
.clause ul { padding-left:0;list-style:none; }
.clause li { position:relative;padding:6px 0 6px 26px;font-size:17px; }
.clause li::before { content:"";position:absolute;left:4px;top:15px;width:8px;height:8px;border-radius:2px;background:var(--red); }
.clause .important { background:var(--red-soft);border:1px solid #FCA5A5;border-radius:10px;padding:16px 20px;color:var(--dark); }
.clause .important strong { color:var(--red); }
.contact { background:var(--dark);border-radius:14px;padding:36px;margin-top:32px; }
.contact h2 { color:#fff;font-size:22px;margin-bottom:10px; }
.contact p { color:#94A3B8;font-size:16px; }
.contact a { display:inline-block;margin-top:14px;color:#fff;font-weight:600;font-size:17px;border-bottom:2px solid var(--red); }
@media (max-width:980px) {
  h1 { font-size:42px; }
}
@media (max-width:620px) {
  h1 { font-size:34px; }
  .contact { padding:26px; }
}