/* publishers page specific CSS */
section { padding:88px 0; }
.pill-tag { display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid var(--border);border-radius:999px;background:#fff;font-size:13px;font-weight:600;color:var(--dark2);margin-bottom:22px; }
.pill-tag i { width:8px;height:8px;border-radius:50%;background:var(--red); }
.hero2 { padding:80px 0 0;text-align:center;background:linear-gradient(180deg,var(--bg),#fff);position:relative;overflow:hidden; }
.hero2::before { content:"";position:absolute;inset:0;background-image:radial-gradient(circle,#E2E8F0 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(180deg,#000,transparent 70%);opacity:.6;pointer-events:none; }
.hero2 .cfp_cs_wrap { position:relative; }
.hero2 h1 { max-width:900px;margin:0 auto 22px; }
.hero2 .sub { max-width:760px;margin:0 auto 34px;font-size:19px; }
.upload-bar { max-width:720px;margin:0 auto;display:flex;align-items:center;gap:14px;background:#fff;border:1.5px dashed #CBD5E1;border-radius:14px;padding:12px 12px 12px 20px;box-shadow:0 12px 30px -12px rgba(17,24,39,.15);text-align:left; }
.upload-bar:hover { border-color:var(--red); }
.upload-bar .ub-txt { flex:1; }
.upload-bar b { display:block;color:var(--dark);font-size:15px; }
.upload-bar small { font-size:12.5px;color:#94A3B8; }
.chips { display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:22px 0 0; }
.chips span { font-size:13px;font-weight:600;color:var(--dark2);display:flex;align-items:center;gap:6px; }
.chips span::before { content:"✓";color:var(--red);font-weight:800; }
.mock { max-width:1000px;margin:56px auto 0;background:#fff;border:1px solid var(--border);border-bottom:none;border-radius:16px 16px 0 0;box-shadow:0 30px 70px -20px rgba(17,24,39,.28);text-align:left;overflow:hidden; }
.mock-bar { display:flex;align-items:center;gap:8px;padding:12px 18px;background:var(--dark); }
.mock-bar i { width:9px;height:9px;border-radius:50%;background:#4B5563; }
.mock-bar .tabs { margin-left:auto;display:flex;gap:4px;background:#1F2937;padding:3px;border-radius:8px; }
.mock-bar button { border:0;background:transparent;color:#9CA3AF;font:600 12.5px Inter,sans-serif;padding:6px 14px;border-radius:6px;cursor:pointer; }
.mock-bar button.on { background:var(--red);color:#fff; }
.mock-body { display:grid;grid-template-columns:1.4fr 1fr; }
.mock-doc { padding:30px 32px;font-size:14.5px;line-height:1.95;color:#334155; }
.mock-doc mark { background:var(--red-soft);border-bottom:2px solid #FCA5A5;padding:1px 2px; }
.mock-doc mark.ai { background:#F1F5F9;border-bottom:2px solid #94A3B8; }
body[data-view="plag"] mark.ai, body[data-view="ai"] mark.pl { background:transparent;border-color:transparent; }
.mock-side { background:var(--bg);border-left:1px solid var(--border);padding:30px 26px; }
.mock-side .score { font-size:48px;font-weight:800;color:var(--red);line-height:1; }
.mock-side .sl { font-size:13px;color:#64748B;font-weight:600;margin:6px 0 20px; }
.v-ai { display:none; }
body[data-view="ai"] .v-ai { display:block; }
body[data-view="ai"] .v-pl { display:none; }
body[data-view="ai"] .mock-side .score { color:var(--dark2); }
.src { display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border);font-size:13.5px;color:var(--dark2);font-weight:500; }
.src b { color:var(--red); }
.samp { font-size:11.5px;color:#94A3B8;margin-top:14px; }
.h2c { text-align:center;max-width:720px;margin:0 auto 48px; }
.h2c p { margin-top:14px;font-size:18px; }
.bento { display:grid;grid-template-columns:repeat(6,1fr);gap:18px; }
.tile { border:1px solid var(--border);border-radius:16px;padding:30px;background:#fff; }
.tile h3 { font-size:19px;margin-bottom:8px; }
.tile p { font-size:15px; }
.tile .ic { width:40px;height:40px;border-radius:10px;background:var(--red-soft);color:var(--red);display:flex;align-items:center;justify-content:center;margin-bottom:18px;font-size:16px; }
.t-a { grid-column:span 3; }
.t-b { grid-column:span 3; }
.t-c { grid-column:span 2; }
.t-d { grid-column:span 2; }
.t-e { grid-column:span 2; }
.tile.dark { background:var(--dark);border-color:var(--dark); }
.tile.dark h3 { color:#fff; }
.tile.dark p { color:#94A3B8; }
.tile.dark .ic { background:#2A3548; }
.tile.red { background:var(--red);border-color:var(--red); }
.tile.red h3 { color:#fff; }
.tile.red p { color:#FEE2E2; }
.tile.red .ic { background:rgba(255,255,255,.18);color:#fff; }
.sticky-split { display:grid;grid-template-columns:400px 1fr;gap:64px;align-items:start; }
.sticky-split .lhs { position:sticky;top:110px; }
.sticky-split .lhs p { margin-top:16px;font-size:18px; }
.check-list { display:flex;flex-direction:column;gap:14px; }
.check-item { display:flex;gap:18px;align-items:center;padding:20px 24px;border:1px solid var(--border);border-radius:14px;background:#fff;font-weight:600;color:var(--dark);font-size:16.5px; }
.check-item .n { flex:none;width:36px;height:36px;border-radius:50%;background:var(--dark);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px; }
.alt { background:var(--bg); }
.trio { display:grid;grid-template-columns:repeat(3,1fr);gap:22px; }
.trio .col { background:#1A2333;border:1px solid #2A3548;border-radius:16px;padding:34px 30px; }
.trio h3 { color:#fff;font-size:21px;margin-bottom:14px; }
.trio p { color:#94A3B8;font-size:15.5px;margin-top:12px; }
.trio strong { color:#fff; }
.dark-sec { background:var(--dark); }
.dark-sec .h2c h2 { color:#fff; }
.rows { max-width:900px;margin:0 auto; }
.row { display:grid;grid-template-columns:70px 1fr 1.4fr;gap:24px;align-items:baseline;padding:28px 0;border-top:1px solid var(--border); }
.row:last-child { border-bottom:1px solid var(--border); }
.row .num { font-size:15px;font-weight:800;color:var(--red); }
.row h3 { font-size:20px; }
.row p { font-size:16px; }
.cta-card { background:var(--red);border-radius:24px;padding:64px 48px;text-align:center;color:#FEE2E2; }
.cta-card h2 { color:#fff;margin-bottom:16px; }
.cta-card p { max-width:680px;margin:0 auto 30px;font-size:18px; }
.cta-card .cfp_cs_btn { background:#fff;color:var(--red); }
.cta-card .cfp_cs_btn:hover { background:var(--red-soft); }
.faq-split { display:grid;grid-template-columns:340px 1fr;gap:64px; }
.faq details { border-bottom:1px solid var(--border);padding:20px 0; }
.faq details:first-child { border-top:1px solid var(--border); }
.faq summary { cursor:pointer;font-weight:600;font-size:17.5px;color:var(--dark);list-style:none;display:flex;justify-content:space-between;gap:16px; }
.faq summary::-webkit-details-marker { display:none; }
.faq summary::after { content:"+";color:var(--red);font-size:24px;line-height:1; }
.faq details[open] summary::after { content:"\2212"; }
.faq details p { margin-top:12px;font-size:16px; }
@media (max-width:980px) {
  .mock-body, .sticky-split, .trio, .faq-split { grid-template-columns:1fr;gap:28px; }
  .sticky-split .lhs { position:static; }
  .bento { grid-template-columns:1fr 1fr; }
  .bento>* { grid-column:span 1!important; }
  .row { grid-template-columns:50px 1fr; }
  .row p { grid-column:2; }
  .mock-side { border-left:0;border-top:1px solid var(--border); }
}
@media (max-width:620px) {
  .bento { grid-template-columns:1fr; }
  .upload-bar { flex-direction:column;align-items:stretch;text-align:center; }
  .cta-card { padding:44px 24px; }
}