/* ============================================================
   public-pages.css — page-specific styles for the public
   marketing pages (Home, About, FAQ, Pricing, legal docs, the
   report funnel). Pairs with public.css (tokens + shared
   components) and the public_shell.php head.

   These were the inline <style> blocks in CD's redesign mockups;
   moved here because the site CSP is 'self' (no inline styles).
   Inline style="" attributes from the mockups became the small
   utility + scoped classes at the foot of each section.
   ============================================================ */

/* ---- shared: photo placeholder frames (dashed "drop real art here") ---- */
.photo { position: relative; border-radius: var(--r-lg); overflow: hidden;
  background:
    repeating-linear-gradient(135deg, transparent 0 22px, rgba(36,61,36,.025) 22px 44px),
    linear-gradient(160deg, #e7efe0, #dbe7d2);
  border: 1.5px dashed color-mix(in oklab, var(--forest) 45%, var(--line));
  display: grid; place-items: center; text-align: center; color: var(--forest-2); }
.photo__lbl { display: flex; flex-direction: column; align-items: center; gap: 9px; padding: 22px; max-width: 30ch; }
.photo__lbl .ic { width: 30px; height: 30px; opacity: .75; }
.photo__lbl b { font-size: 13px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.photo__lbl span { font-size: 13px; color: var(--ink-3); line-height: 1.45; }

/* ---- shared utilities (replace mockup inline style="") ---- */
.u-mt8  { margin-top: 8px; }
.u-mt28 { margin-top: 28px; }
.u-mb26 { margin-bottom: 26px; }
.btn-row { display: flex; gap: 10px; flex-wrap: wrap; }
.btn-row--center { justify-content: center; }
.cta-lede { margin: 12px auto 22px; max-width: 520px; color: var(--ink-3); }
.btn-white { background: #fff; color: var(--forest); border-color: #fff; }
.cta { text-align: center; }
.fine { color: var(--ink-4); font-size: 14px; }
.ftr-ic { display: inline; vertical-align: -2px; }

/* ============================================================
   HOME
   ============================================================ */
.section--h { padding: clamp(40px, 5.5vw, 76px) 0; }
.section--h.section--tight { padding: clamp(30px, 4vw, 52px) 0; }

.hero { position: relative; overflow: hidden;
  background: radial-gradient(120% 90% at 88% -10%, var(--accent-soft) 0%, transparent 52%); }
.hero__in { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(28px, 4vw, 56px);
  align-items: center; padding: clamp(32px, 4.5vw, 60px) 0 clamp(36px, 5vw, 64px); }
@media (max-width: 900px){ .hero__in { grid-template-columns: 1fr; gap: 28px; } }
.hero h1 { font-size: clamp(31px, 4vw, 50px); line-height: 1.05; margin: 16px 0 0; max-width: 15ch; }
.hero h1 .warm { color: var(--accent-ink); }
.hero .lede { margin-top: 16px; max-width: 52ch; font-size: clamp(17px, 1.5vw, 19px); }
.hero__form { margin-top: 24px; max-width: 520px; }
.rf { display: grid; grid-template-columns: 1fr auto; gap: 10px; }
@media (max-width: 520px){ .rf { grid-template-columns: 1fr; } }
.rf .input-wrap { flex: none; }
.rf .select-wrap { position: relative; grid-column: 1 / -1; }
.rf .select-wrap .ic { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); color: var(--ink-4); pointer-events: none; }
.rf .select-wrap .caret { left: auto; right: 14px; }
.rf select { width: 100%; font: inherit; font-size: 16px; color: var(--ink); background: var(--surface);
  border: 1.5px solid var(--forest); border-radius: var(--r-md); padding: 13px 40px 13px 44px; min-height: 54px;
  outline: none; appearance: none; cursor: pointer; }
.rf select:focus { box-shadow: 0 0 0 4px var(--accent-soft); }
.rf .input { min-height: 54px; font-size: 16px; }
.rf .btn { min-height: 54px; }
.hero__trust { display: inline-flex; align-items: center; gap: 8px; margin-top: 13px; font-size: 14px; color: var(--ink-3); font-weight: 600; }
.hero__trust .ic { color: var(--green); }
.hero__where { display: flex; align-items: center; gap: 8px 18px; flex-wrap: wrap; margin-top: 22px; }
.hero__where .lbl { font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-4); }
.hero__where .it { display: inline-flex; align-items: center; gap: 7px; font-weight: 700; font-size: 14px; color: var(--ink-3); }
.hero__where .fb .ic{color:var(--fb)} .hero__where .ig .ic{color:var(--ig)} .hero__where .gg .ic{color:var(--google)} .hero__where .gpt .ic{color:var(--gpt)} .hero__where .bl .ic{color:var(--blog)}

.hero__photo { aspect-ratio: 4 / 3.4; min-height: 280px; box-shadow: var(--sh-2); }
.hero__photo--pin { position: absolute; left: 14px; bottom: 14px; display: flex; align-items: center; gap: 8px;
  background: rgba(255,255,255,.92); border-radius: var(--r-pill); padding: 7px 14px 7px 11px; font-size: 13px; font-weight: 700; color: var(--ink); box-shadow: var(--sh-1); }
.hero__photo--pin .ic { width: 15px; height: 15px; color: var(--accent); }

.how { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 30px; }
@media (max-width: 760px){ .how { grid-template-columns: 1fr; } }
.how .s { padding: 24px; }
.how .s__n { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 13px; }
.how .s__n b { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; background: var(--forest); color: #fff; font-weight: 800; font-size: 16px; }
.how .s__n .ic { color: var(--accent-ink); }
.how h4 { margin-bottom: 6px; }
.how p { color: var(--ink-3); font-size: 15.5px; }
.how__note { margin-top: 22px; color: var(--ink-3); }

.feat { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 30px; }
@media (max-width: 820px){ .feat { grid-template-columns: 1fr; } }
.feat .f { padding: 26px; }
.feat .fIco { width: 48px; height: 48px; border-radius: 13px; display: grid; place-items: center; margin-bottom: 14px; background: var(--accent-soft); color: var(--accent-ink); }
.feat .fIco .ic { width: 24px; height: 24px; }
.feat h4 { margin-bottom: 6px; }
.feat p { color: var(--ink-3); font-size: 15.5px; }

.opt { display: grid; grid-template-columns: 1.3fr .7fr; gap: clamp(22px, 3vw, 40px); align-items: center; }
@media (max-width: 820px){ .opt { grid-template-columns: 1fr; } }
.opt h3 { margin: 12px 0 12px; }
.opt p { color: var(--ink-3); max-width: 54ch; }
.opt__cta { margin-top: 20px; }
.opt__photo { aspect-ratio: 16 / 10; min-height: 200px; }

.about { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(22px, 3vw, 44px); align-items: center; }
@media (max-width: 820px){ .about { grid-template-columns: 1fr; } }
.about h2 { margin: 10px 0 12px; }
.about .lede { color: var(--ink-3); }
.about__more { margin-top: 20px; }
.about__photo { aspect-ratio: 5 / 4; min-height: 230px; }

.ptease { display: flex; align-items: center; justify-content: space-between; gap: 22px; flex-wrap: wrap; padding: 28px clamp(24px,3vw,38px); background: var(--forest); }
.ptease__kick { color: #bcd6b6; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; font-size: 12px; margin-bottom: 8px; }
.ptease__price { display: flex; align-items: baseline; gap: 8px; }
.ptease__price .amt { font-size: 46px; font-weight: 800; color: #fff; letter-spacing: -.03em; line-height: 1; }
.ptease__price .per { font-size: 16px; color: #bcd6b6; font-weight: 600; }
.ptease__desc { color: #cfe2c9; margin-top: 8px; max-width: 46ch; }

/* ============================================================
   ABOUT
   ============================================================ */
.section--a { padding: clamp(38px,5vw,68px) 0; }
.ahero { padding: clamp(42px,6vw,76px) 0 clamp(24px,3vw,40px);
  background: radial-gradient(120% 80% at 78% -20%, var(--accent-soft) 0%, transparent 55%); }
.ahero__in { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(28px,4vw,56px); align-items: center; }
@media (max-width: 880px){ .ahero__in { grid-template-columns: 1fr; } }
.ahero h1 { font-size: clamp(34px,4.6vw,58px); line-height: 1.04; margin: 14px 0 0; max-width: 15ch; }
.ahero .lede { margin-top: 16px; max-width: 50ch; }
.ahero__photo { aspect-ratio: 4 / 3.6; min-height: 280px; box-shadow: var(--sh-2); }

.stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
@media (max-width: 680px){ .stats { grid-template-columns: 1fr; } }
.stat { text-align: center; padding: 28px 20px; }
.stat .big { font-size: clamp(36px,4.5vw,52px); font-weight: 800; color: var(--forest-2); letter-spacing: -.03em; line-height: 1; }
.stat .lab { margin-top: 8px; color: var(--ink-3); font-size: 15px; }

.vals { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; margin-top: 30px; }
@media (max-width: 820px){ .vals { grid-template-columns: 1fr; } }
.val { padding: 26px; }
.val .vIco { width: 48px; height: 48px; border-radius: 13px; display: grid; place-items: center; margin-bottom: 14px; background: var(--good-bg); color: var(--green-deep); }
.val .vIco .ic { width: 24px; height: 24px; }
.val h4 { margin-bottom: 6px; }
.val p { color: var(--ink-3); font-size: 15.5px; }

.story { max-width: 760px; margin: 0 auto; }
.story h2 { margin: 10px 0 18px; }
.story p { color: var(--ink-2); font-size: 17.5px; line-height: 1.65; margin: 0 0 16px; }
.story p .lead-in { color: var(--ink); font-weight: 700; }

/* ============================================================
   FAQ
   ============================================================ */
.fhero { text-align: center; padding: clamp(40px, 6vw, 72px) 0 clamp(8px,2vw,18px);
  background: radial-gradient(120% 80% at 50% -20%, var(--accent-soft) 0%, transparent 55%); }
.fhero h1 { margin: 16px auto 0; max-width: 18ch; }
.fhero .lede { margin: 14px auto 0; max-width: 48ch; }
.faq { max-width: 800px; margin: 0 auto; padding: clamp(28px,4vw,48px) 0; display: grid; gap: 12px; }
.qa { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg); box-shadow: var(--sh-1); overflow: hidden; }
.qa[open] { border-color: var(--forest); box-shadow: var(--sh-2); }
.qa > summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 16px;
  padding: 19px 22px; font-weight: 700; font-size: 18px; color: var(--ink); letter-spacing: -.01em; }
.qa > summary::-webkit-details-marker { display: none; }
.qa > summary .pm { width: 28px; height: 28px; border-radius: 50%; background: var(--accent-soft); color: var(--accent-ink); display: grid; place-items: center; flex: none; transition: transform .2s ease; }
.qa[open] > summary .pm { transform: rotate(45deg); }
.qa__body { padding: 0 22px 20px; }
.qa__body p { color: var(--ink-3); font-size: 16.5px; line-height: 1.6; }
.fcta { text-align: center; padding: 8px 0 64px; }
.fcta h3 { margin-bottom: 8px; }
.fcta p { color: var(--ink-3); margin-bottom: 18px; }

/* ============================================================
   PRICING
   ============================================================ */
.section--p { padding: clamp(36px, 5vw, 68px) 0; }
.phero { text-align: center; padding: clamp(40px, 6vw, 72px) 0 clamp(24px,3vw,36px);
  background: radial-gradient(120% 80% at 50% -20%, var(--accent-soft) 0%, transparent 55%); }
.phero .price { display: flex; justify-content: center; align-items: baseline; gap: 10px; margin-top: 18px; }
.phero .price .amt { font-size: clamp(56px, 9vw, 88px); font-weight: 800; color: var(--ink); letter-spacing: -.04em; line-height: .9; }
.phero .price .per { font-size: 20px; color: var(--ink-3); font-weight: 600; }
.phero .sub { margin: 14px auto 0; max-width: 46ch; }
.phero .terms { display:inline-flex; align-items:center; gap:8px; margin-top:18px; font-size:14px; font-weight:600; color:var(--forest-2); background:#eef3e8; border-radius:var(--r-pill); padding:6px 14px; }
.phero .terms .ic { color: var(--green); }

.four { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; max-width: 920px; margin: 0 auto; }
@media (max-width: 720px){ .four { grid-template-columns: 1fr; } }
.four .ft { display: grid; grid-template-columns: 52px 1fr; gap: 16px; padding: 24px; }
.four .ft .fIco { width: 52px; height: 52px; border-radius: 14px; display: grid; place-items: center; background: var(--accent-soft); color: var(--accent-ink); }
.four .ft .fIco .ic { width: 26px; height: 26px; }
.four .ft h4 { margin-bottom: 5px; }
.four .ft p { color: var(--ink-3); font-size: 15.5px; }

.show { max-width: 920px; margin: 0 auto; }
.show__stage { position: relative; overflow: hidden; border-radius: var(--r-lg); }
.show__track { display: flex; transition: transform .35s ease; }
.show__slide { flex: 0 0 100%; }
.slide-in { display: grid; grid-template-columns: 1fr 1fr; gap: 0; min-height: 340px; }
@media (max-width: 720px){ .slide-in { grid-template-columns: 1fr; } }
.slide-in__txt { padding: clamp(26px, 3.4vw, 44px); display: flex; flex-direction: column; justify-content: center; background: var(--surface); }
.slide-in__txt .n { font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--accent-ink); margin-bottom: 12px; }
.slide-in__txt h3 { margin-bottom: 10px; }
.slide-in__txt p { color: var(--ink-3); font-size: 16.5px; }
.slide-in__art { background: var(--forest); color: #eaf3e6; display: grid; place-items: center; padding: 30px; }
.slide-in__art .ic { width: 64px; height: 64px; opacity: .92; }
.show__nav { display: flex; align-items: center; justify-content: center; gap: 18px; margin-top: 18px; }
.show__dots { display: flex; gap: 8px; }
.show__dots button { width: 10px; height: 10px; border-radius: 50%; border: none; background: var(--line); cursor: pointer; padding: 0; transition: background .15s ease, transform .15s ease; }
.show__dots button[aria-current="true"] { background: var(--accent); transform: scale(1.25); }
.show__arrow { width: 46px; height: 46px; border-radius: 50%; border: 1.5px solid var(--forest); background: var(--surface); color: var(--forest); display: grid; place-items: center; cursor: pointer; }
.show__arrow:hover { background: #f0f5ec; }

.afford { max-width: 760px; margin: 0 auto; text-align: center; }
.afford .big { font-size: clamp(19px, 2.4vw, 25px); font-weight: 700; color: var(--ink); line-height: 1.45; }
.afford__note { color: var(--ink-3); margin-top: 16px; }
.pcta { text-align: center; padding: 12px 0 8px; }

/* ============================================================
   LEGAL / DOC PAGES (Privacy, Service Guarantee)
   ============================================================ */
.doc-hero { padding: clamp(36px,5vw,60px) 0 8px; }
.doc-hero--accent { background: radial-gradient(120% 80% at 50% -25%, var(--accent-soft) 0%, transparent 55%); }
.doc-hero h1 { font-size: clamp(32px,4.5vw,52px); margin-top: 14px; }
.doc-hero .meta { color: var(--ink-4); font-size: 14px; margin-top: 10px; }

.doc { max-width: 760px; margin: 0 auto; padding: clamp(24px,3.5vw,40px) 0 64px; }
.doc h2 { font-size: clamp(20px,2.4vw,26px); margin: 34px 0 10px; }
.doc p { color: var(--ink-2); font-size: 16.5px; line-height: 1.65; margin: 0 0 12px; }
.doc ul { margin: 0 0 14px; padding: 0; list-style: none; display: grid; gap: 10px; }
.doc ul li { display: grid; grid-template-columns: 22px 1fr; gap: 11px; color: var(--ink-2); font-size: 16px; line-height: 1.55; }
.doc ul li .bx { width: 22px; height: 22px; border-radius: 6px; display: grid; place-items: center; margin-top: 2px; }
.doc ul li .bx .ic { width: 13px; height: 13px; stroke-width: 2.6; }
.doc ul li b { color: var(--ink); }

/* Privacy (legal) variant */
.doc--legal h2 { margin: 36px 0 10px; padding-top: 22px; border-top: 1px solid var(--line); }
.doc--legal h2:first-of-type { border-top: none; padding-top: 0; }
.doc--legal ul li .bx { background: var(--accent-soft); color: var(--accent-ink); }
.doc .toc { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg); padding: 18px 22px; margin-bottom: 30px; box-shadow: var(--sh-1); }
.doc .toc strong { display: block; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-4); margin-bottom: 10px; }
.doc .toc ol { margin: 0; padding-left: 18px; columns: 2; column-gap: 28px; color: var(--ink-3); font-size: 14.5px; }
@media (max-width: 560px){ .doc .toc ol { columns: 1; } }
.doc .toc a { color: var(--accent-ink); text-decoration: none; }
.doc .toc a:hover { text-decoration: underline; }
.doc .contact { background: var(--surface); border: 1.5px solid var(--forest); border-radius: var(--r-lg); padding: 22px; box-shadow: var(--sh-2); margin-top: 28px; }
.doc .contact h4 { margin-bottom: 8px; }
.doc .contact p { margin: 0 0 6px; }
.doc .contact .fine { margin-top: 12px; }

/* Service Guarantee (numbered steps) variant */
.doc--steps h2 { display: flex; align-items: center; gap: 12px; }
.doc--steps h2 .num { width: 34px; height: 34px; border-radius: 10px; background: var(--forest); color: #fff; display: grid; place-items: center; font-size: 16px; font-weight: 800; flex: none; }
.doc--steps ul li .bx { background: var(--bad-bg); color: var(--bad); }
.promise-card { background: var(--surface); border: 1.5px solid var(--forest); border-radius: var(--r-lg); padding: 26px; box-shadow: var(--sh-2); margin-bottom: 8px; }
.promise-card .lede { color: var(--ink-2); margin-top: 12px; }
.example { background: var(--surface-tint); border: 1px solid var(--line); border-left: 3px solid var(--green); border-radius: var(--r-md); padding: 16px 18px; margin: 4px 0 12px; }
.example b { color: var(--ink); }

/* ============================================================
   WHAT YOU GET (member-tools screenshot tour)
   ============================================================ */
.bg-2 { background: var(--canvas-2); }
.twhero { text-align: center; padding: clamp(38px,5vw,64px) 0 clamp(20px,3vw,30px);
  background: radial-gradient(120% 80% at 50% -25%, var(--accent-soft) 0%, transparent 55%); }
.twhero h1 { margin: 16px auto 0; max-width: 20ch; }
.twhero .lede { margin: 14px auto 0; max-width: 52ch; }
.twhero .cta { margin-top: 22px; display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }
.twhero .demo { display:inline-flex; align-items:center; gap:7px; margin-top:16px; font-size:13px; font-weight:600; color:var(--ink-4); }
.twhero .demo .ic { width:14px; height:14px; color:var(--forest-2); }

.tour { max-width: 1080px; margin: 0 auto; padding: clamp(16px,2.5vw,28px) var(--gutter) 0; }
.shot { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(20px,3vw,40px); align-items: center; margin-bottom: clamp(26px,3.5vw,48px); }
.shot:nth-child(even) .shot__txt { order: 2; }
@media (max-width: 820px){ .shot { grid-template-columns: 1fr; gap: 18px; } .shot:nth-child(even) .shot__txt { order: 0; } }
.shot__txt .tag { display:inline-flex; align-items:center; gap:7px; font-size:12px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--accent-ink); background:var(--accent-soft); border-radius:var(--r-pill); padding:5px 12px; }
.shot__txt h3 { margin: 12px 0 8px; }
.shot__txt p { color: var(--ink-3); font-size: 16px; line-height: 1.55; }
.shot__txt ul { list-style:none; margin:14px 0 0; padding:0; display:grid; gap:9px; }
.shot__txt ul li { display:grid; grid-template-columns:20px 1fr; gap:10px; font-size:15px; color:var(--ink-2); }
.shot__txt ul li .ic { width:18px; height:18px; color:var(--green); margin-top:2px; }

.frame { border-radius: var(--r-lg); overflow: hidden; border: 1px solid var(--line); box-shadow: var(--sh-2); background: #fff; }
.frame__bar { display: flex; align-items: center; gap: 7px; padding: 9px 13px; background: #e9efe3; border-bottom: 1px solid var(--line); }
.frame__bar .dot { width: 10px; height: 10px; border-radius: 50%; background: #c2cdb8; }
.frame__bar .url { margin-left: 10px; font-size: 11.5px; color: var(--ink-4); background: #fff; border-radius: var(--r-pill); padding: 3px 12px; flex: 1; max-width: 320px; }
.frame img { display: block; width: 100%; }

.midcta { text-align: center; background: var(--forest); border-radius: var(--r-lg); padding: clamp(26px,3.5vw,40px); margin: clamp(10px,2vw,20px) 0 clamp(26px,3.5vw,48px); }
.midcta h2 { color: #fff; }
.midcta p { color: #cfe2c9; margin: 10px auto 20px; max-width: 50ch; }
.midcta .btn { background: #fff; color: var(--forest); border-color: #fff; }
.midcta .btn:hover { background: #eafae3; }

.tend { text-align: center; padding: clamp(30px,4vw,56px) 0; }

/* ============================================================
   FREE REPORT — compare setup (competitors + keywords)
   ============================================================ */
.frwrap { max-width: 860px; margin: 0 auto; padding: 0 var(--gutter); }
.frtop { padding: 26px 0 6px; }
.steps-bar { display: flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 700; color: var(--ink-4); margin-bottom: 18px; }
.steps-bar .st { display: inline-flex; align-items: center; gap: 7px; }
.steps-bar .st .n { width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; background: var(--line); color: var(--ink-3); }
.steps-bar .st--active { color: var(--ink); }
.steps-bar .st--active .n { background: var(--accent); color: #fff; }
.steps-bar .ln { flex: 1; height: 1px; background: var(--line); max-width: 40px; }

.frhead { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; }
.frhead h1 { font-size: clamp(26px,3.4vw,38px); }
.subject { display: inline-flex; align-items: center; gap: 9px; background: var(--surface); border: 1.5px solid var(--forest); border-radius: var(--r-pill); padding: 8px 14px; font-weight: 700; color: var(--ink); font-size: 15px; }
.subject .ic { color: var(--forest-2); }
.subject .cat { color: var(--ink-4); font-weight: 600; font-size: 13px; }
.subject .edit { color: var(--accent-ink); font-size: 13px; font-weight: 700; text-decoration: none; margin-left: 4px; }

.panel { margin-top: 18px; }
.panel__h { padding: 18px 22px 0; }
.panel__h .lbl { font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--accent-ink); }
.panel__h h3 { margin: 8px 0 4px; }
.panel__h p { color: var(--ink-3); font-size: 15px; }

/* Competitor rows: stacked, one per full-width row, utilitarian — just the
   business name + an editable URL the owner can click and type over. */
.comps { display: grid; grid-template-columns: 1fr; gap: 8px; padding: 16px 22px 6px; }
.comp { display: flex; align-items: center; gap: 12px; padding: 11px 14px; border: 1.5px solid var(--line); border-radius: var(--r-md); background: var(--surface); }
.comp:focus-within { border-color: var(--forest-2); box-shadow: 0 0 0 3px var(--accent-soft); }
.comp__in { flex: 1; min-width: 0; border: none; background: transparent; font: inherit; font-size: 15px; font-weight: 600; color: var(--ink); outline: none; }
.comp--edit { flex-direction: row; align-items: center; flex-wrap: wrap; gap: 6px 12px; }
.comp--edit:hover { border-color: var(--forest-2); }
.comp__chk { flex: none; width: 20px; height: 20px; accent-color: var(--green); cursor: pointer; }
/* start OFF: unchecked rows are dimmed (full opacity on hover so they're readable);
   checked rows highlight so it's clear which ones are being compared. */
.comp:has(.comp__chk:not(:checked)) { opacity: .62; }
.comp:has(.comp__chk:not(:checked)):hover { opacity: 1; }
.comp:has(.comp__chk:checked) { opacity: 1; border-color: var(--green); box-shadow: 0 0 0 2px var(--good-bg); }
.comp__name { flex: 1 1 150px; min-width: 0; font: inherit; font-weight: 700; font-size: 15px; color: var(--ink); outline: none;
  background: transparent; border: none; border-bottom: 1.5px dashed var(--line); padding: 3px 2px; }
.comp__site { display: flex; align-items: center; gap: 8px; flex: 2 1 210px; min-width: 0; }
.comp__site .ic { width: 16px; height: 16px; color: var(--ink-4); flex: none; }
.comp__site .comp__in { flex: 1; font-weight: 600; color: var(--accent-ink);
  border: none; border-bottom: 1.5px dashed var(--line); padding: 3px 2px; }
.comp__name:focus, .comp__site .comp__in:focus { border-bottom-style: solid; border-bottom-color: var(--accent); }
.comp__name:hover, .comp__site .comp__in:hover { border-bottom-color: var(--forest-2); }
.comp__edit { flex: none; font-size: 12px; font-weight: 700; color: var(--accent-ink); text-decoration: underline; cursor: pointer; white-space: nowrap; }
.comp__edit:hover { color: var(--accent); }
.comp__n { font-weight: 700; color: var(--ink); font-size: 15px; display: block; line-height: 1.25; }
.comp__u { font-size: 12.5px; color: var(--ink-4); display: block; }
.comp__meta { margin-left: auto; font-size: 11px; font-weight: 700; color: var(--ink-4); background: var(--canvas-2); border-radius: var(--r-pill); padding: 3px 9px; white-space: nowrap; }
.comp__rm { margin-left: auto; width: 22px; height: 22px; border: none; background: rgba(0,0,0,.06); color: var(--ink-3); border-radius: 50%; cursor: pointer; display: grid; place-items: center; padding: 0; }
.comp__rm .ic { width: 12px; height: 12px; stroke-width: 3; }

.addown { display: flex; gap: 10px; padding: 8px 22px 20px; flex-wrap: wrap; }
.addown .input-wrap { flex: 1 1 280px; }
.addown .input { min-height: 48px; font-size: 15px; padding-left: 42px; }
.addown .input-wrap .ic { width: 18px; height: 18px; }

.kwbox { padding: 16px 22px 22px; }
.kw-input { display: flex; gap: 10px; }
.kw-input .input-wrap { flex: 1; }
.kw-input .input { min-height: 48px; font-size: 15px; padding-left: 42px; }
.kw-input .input-wrap .ic { width: 18px; height: 18px; }
.chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; min-height: 8px; }
.kw { display: inline-flex; align-items: center; gap: 7px; background: var(--accent-soft); color: var(--accent-ink); border-radius: var(--r-pill); padding: 7px 8px 7px 13px; font-size: 14px; font-weight: 600; }
.kw button { width: 18px; height: 18px; border: none; background: rgba(0,0,0,.08); color: inherit; border-radius: 50%; cursor: pointer; display: grid; place-items: center; padding: 0; }
.kw button .ic { width: 11px; height: 11px; stroke-width: 3; }
.kw-count { font-size: 13px; color: var(--ink-4); margin-top: 12px; font-weight: 600; }
.kw-count b { color: var(--ink); }
.sugg { margin-top: 16px; }
.sugg .lbl { font-size: 12px; font-weight: 700; color: var(--ink-4); margin-bottom: 9px; }
.sugg .row { display: flex; flex-wrap: wrap; gap: 8px; }
.sugg button { background: var(--surface); border: 1px dashed var(--line); color: var(--ink-3); border-radius: var(--r-pill); padding: 6px 13px; font-size: 13.5px; font-weight: 600; cursor: pointer; }
.sugg button:hover { border-color: var(--forest-2); border-style: solid; color: var(--ink); }
.sugg button[disabled] { opacity: .4; cursor: default; }

.frcta { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin: 22px 0 44px; }
.frcta .note { font-size: 13.5px; color: var(--ink-4); max-width: 44ch; }

/* the read-your-site intro line on the setup screen */
.sitepeek { display: flex; gap: 12px; align-items: flex-start; background: var(--good-bg); border: 1px solid var(--line); border-radius: var(--r-md); padding: 13px 15px; margin-bottom: 16px; }
.sitepeek .ic { width: 20px; height: 20px; color: var(--green-deep); flex: none; margin-top: 1px; }
.sitepeek b { color: var(--ink); }
.sitepeek p { color: var(--ink-3); font-size: 14px; margin: 2px 0 0; }
.sitepeek .down { color: var(--warn); }

/* ============================================================
   TIMER / "working on it" pages (Timer 1 + Timer 2)
   ============================================================ */
.hdr--slim { justify-content: space-between; }
.ai-pill { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; color: var(--forest-2); }
.ai-pill .d { width: 9px; height: 9px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 0 var(--accent-soft); animation: ai-pulse 1.4s ease-in-out infinite; }
@keyframes ai-pulse { 0%,100%{ box-shadow: 0 0 0 0 color-mix(in oklab, var(--green) 45%, transparent); } 50%{ box-shadow: 0 0 0 6px transparent; } }

.rrwrap { max-width: 720px; margin: 0 auto; padding: clamp(28px,5vw,64px) var(--gutter); }
.rr h1 { font-size: clamp(26px,3.4vw,40px); line-height: 1.07; max-width: 18ch; }
.rr-dom { display: inline-flex; align-items: center; gap: 8px; margin-top: 14px; font-weight: 700; color: var(--ink); background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-pill); padding: 6px 13px; font-size: 14px; }
.rr-dom .ic { color: var(--forest-2); }
.rr-sub { color: var(--ink-3); margin-top: 14px; max-width: 52ch; }

.prog { margin-top: 22px; }
.prog__bar { height: 10px; border-radius: var(--r-pill); background: #dce7d3; overflow: hidden; position: relative; }
.prog__ind { position: absolute; top: 0; left: 0; height: 100%; width: 38%; border-radius: var(--r-pill); background: var(--accent-grad, linear-gradient(100deg,#2f7d2a,#5cb030)); animation: prog-slide 1.5s ease-in-out infinite; }
@keyframes prog-slide { 0%{ left: -40%; } 100%{ left: 100%; } }

.checks { list-style: none; margin: 20px 0 0; padding: 0; display: grid; gap: 10px; }
.checks li { display: flex; align-items: center; gap: 11px; font-size: 15px; color: var(--ink-2); }
.checks li .d { width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; flex: none; background: var(--green); color: #fff; }
.checks li .d .ic { width: 13px; height: 13px; stroke-width: 3; }

.ben { margin-top: 26px; }
.ben__lbl { font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-4); margin-bottom: 12px; }
.ben__stage { position: relative; min-height: 88px; }
.ben__slide { position: absolute; inset: 0; display: flex; align-items: center; gap: 14px; opacity: 0; transform: translateY(8px); transition: opacity .4s ease, transform .4s ease; }
.ben__slide.on { opacity: 1; transform: none; }
.ben__ico { width: 46px; height: 46px; border-radius: 12px; display: grid; place-items: center; background: var(--accent-soft); color: var(--accent-ink); flex: none; }
.ben__ico .ic { width: 24px; height: 24px; }
.ben__t { font-weight: 800; color: var(--ink); font-size: 18px; }
.ben__p { color: var(--ink-3); font-size: 14.5px; margin-top: 2px; }
.ben__dots { display: flex; gap: 6px; margin-top: 14px; }
.ben__dots i { width: 7px; height: 7px; border-radius: 50%; background: var(--line); transition: background .2s ease, width .2s ease; }
.ben__dots i.on { background: var(--accent); width: 18px; border-radius: var(--r-pill); }
.rr-noscript { margin-top: 22px; }

/* real presence scoreboard on the report (you vs competitors, website-based) */
.cmp td.na { color: var(--ink-4); text-align: center; }

/* ============================================================
   SIGN UP (/enroll)
   ============================================================ */
.su-body { --canvas: #eef4ea; }
.u-mt10 { margin-top: 10px; }
.suhero { text-align: center; padding: clamp(40px,6vw,72px) 0 8px;
  background: radial-gradient(120% 80% at 50% -20%, var(--accent-soft) 0%, transparent 55%); }
.suhero h1 { margin: 16px auto 0; max-width: 16ch; }
.suhero .lede { margin: 14px auto 0; max-width: 54ch; }

.su { display: grid; grid-template-columns: 1.1fr .9fr; gap: 0; max-width: 980px; margin: 28px auto 0; padding: 0; overflow: hidden; }
@media (max-width: 820px){ .su { grid-template-columns: 1fr; } }
.su__form { padding: clamp(24px,3.4vw,38px); }
.su__form h3 { margin-bottom: 4px; }
.su__form .hint { color: var(--ink-3); font-size: 14px; margin-bottom: 18px; }
.frow { display: grid; gap: 6px; margin-bottom: 14px; }
.frow.two { grid-template-columns: 1fr 1fr; gap: 12px; }
@media (max-width: 520px){ .frow.two { grid-template-columns: 1fr; } }
.frow.two .frow { margin-bottom: 0; }
.frow--plan { gap: 8px; }
.frow label { font-size: 13px; font-weight: 700; color: var(--ink); }
.frow .input { width: 100%; min-height: 48px; font-size: 15px; padding-left: 14px; }
.frow .input.with-ic { padding-left: 42px; }
.frow .iw { position: relative; }
.frow .iw .ic { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--ink-4); width: 18px; height: 18px; }
.planpick { display: grid; gap: 8px; margin-bottom: 16px; }
.planopt { display: flex; align-items: center; gap: 12px; border: 1.5px solid var(--line); border-radius: var(--r-md); padding: 12px 14px; cursor: pointer; }
.planopt.on { border-color: var(--green); background: var(--good-bg); }
.planopt input { accent-color: var(--green); width: 18px; height: 18px; }
.planopt .nm { font-weight: 700; color: var(--ink); font-size: 14.5px; }
.planopt .pr { margin-left: auto; font-weight: 800; color: var(--ink); }
.planopt .pr .u { font-weight: 600; font-size: 12px; color: var(--ink-4); }
.billnote { display: flex; gap: 10px; align-items: flex-start; background: var(--surface-tint); border: 1px solid var(--line); border-radius: var(--r-md); padding: 12px 14px; font-size: 13px; color: var(--ink-3); margin-top: 6px; }
.billnote .ic { color: var(--forest-2); flex: none; margin-top: 1px; }

.su__sum { padding: clamp(24px,3.4vw,38px); background: var(--forest); color: #eaf3e6; display: flex; flex-direction: column; }
.su__sum h4 { font-size: 13px; letter-spacing: .1em; text-transform: uppercase; color: #9cc593; }
.su__sum .price { display: flex; align-items: baseline; gap: 6px; margin: 12px 0 4px; }
.su__sum .price .amt { font-size: 52px; font-weight: 800; color: #fff; letter-spacing: -.03em; line-height: 1; }
.su__sum .price .per { font-size: 16px; color: #bcd6b6; font-weight: 600; }
.su__sum .terms { font-size: 13.5px; color: #bcd6b6; }
.su__sum ul { list-style: none; margin: 18px 0 0; padding: 0; display: grid; gap: 11px; }
.su__sum ul li { display: grid; grid-template-columns: 22px 1fr; gap: 10px; font-size: 14.5px; color: #e3efde; }
.su__sum ul li .ic { width: 18px; height: 18px; color: #9cd98a; margin-top: 2px; }
.su__sum .total { margin-top: auto; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.16); }
.sum-row { display: flex; justify-content: space-between; font-size: 13px; color: #bcd6b6; margin-top: 4px; }
.sum-row--main { font-weight: 700; color: #fff; font-size: 15px; margin-top: 0; }
.su__sum .fine { color: #9cbf96; font-size: 12px; margin-top: 12px; }

.reassure__btns { margin-top: 20px; display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }
.cmp .ulab { display: inline-block; margin-left: 7px; font-size: 11px; font-weight: 800; color: var(--green-deep); background: var(--good-bg); border-radius: var(--r-pill); padding: 1px 8px; }
.cmp-est { margin-left: 8px; font-size: 10px; font-weight: 800; letter-spacing: .06em; color: var(--warn); background: var(--warn-bg); border-radius: var(--r-pill); padding: 2px 8px; }

/* platform-colored comparison columns (FB/IG/Google/ChatGPT) */
.cmp th.pcol { white-space: nowrap; }
.cmp th.pcol .ic { width: 13px; height: 13px; vertical-align: -2px; margin-right: 3px; }
.cmp th.pc-fb { color: var(--fb); } .cmp th.pc-ig { color: var(--ig); } .cmp th.pc-gg { color: var(--google); } .cmp th.pc-gpt { color: var(--gpt); }
.cmp td.pc-fb .mini i { background: var(--fb); } .cmp td.pc-ig .mini i { background: var(--ig); } .cmp td.pc-gg .mini i { background: var(--google); } .cmp td.pc-gpt .mini i { background: var(--gpt); }
.cmp-row--na td.kw { color: var(--ink-3); }
.cmp__url { display: block; font-size: 11px; color: var(--ink-4); font-weight: 600; word-break: break-all; margin-top: 2px; }
.cmp__note { display: block; font-size: 11px; color: var(--accent-ink); font-weight: 600; margin-top: 2px; }

/* "members get the deep report" callout */
.deepnote { display: flex; gap: 14px; align-items: flex-start; background: var(--accent-soft); border: 1px solid color-mix(in oklab, var(--accent) 30%, var(--line)); border-radius: var(--r-md); padding: 16px 18px; margin-top: 18px; }
.deepnote__ic { flex: none; width: 40px; height: 40px; border-radius: 11px; background: #fff; color: var(--accent-ink); display: grid; place-items: center; }
.deepnote__ic .ic { width: 22px; height: 22px; }
.deepnote b { color: var(--ink); font-size: 15px; }
.deepnote p { color: var(--ink-2); font-size: 14px; margin: 4px 0 12px; }

/* ============================================================
   REPORT — framed generated document on deep forest ground
   (CD Report.html). Printable: header repeats on every PDF page.
   ============================================================ */
.rep-body { background: var(--forest); }
.rpage { max-width: 940px; margin: 0 auto; padding: clamp(20px,3vw,34px) var(--gutter) 0; }
.rpage__intro { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; margin-bottom: 16px; }
.rpage__intro .t .k { font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: #9cc593; }
.rpage__intro .t h1 { color: #fff; font-size: clamp(22px,2.8vw,30px); margin-top: 4px; }

.repdoc { background: var(--surface); border-radius: var(--r-lg); box-shadow: var(--sh-3); border: 1px solid #cbe0c2; overflow: hidden; }
.repdoc__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 18px 24px; background: var(--forest); color: #dcead7; }
.repdoc__head .brand { display: flex; gap: 12px; align-items: flex-start; }
.repdoc__head .brand img { height: 34px; background: #fff; border-radius: 7px; padding: 4px; }
.repdoc__head .brand .c { font-size: 12px; line-height: 1.5; }
.repdoc__head .brand .c strong { color: #fff; display: block; font-size: 13px; }
.repdoc__head .pdf { text-align: right; }
.repdoc__head .pdf .ref { font-size: 11px; color: #9cc593; font-weight: 700; letter-spacing: .06em; }
.repdoc__pdfbtn { display: inline-flex; align-items: center; gap: 8px; margin-top: 6px; cursor: pointer; background: #fff; color: var(--forest); border: none; border-radius: var(--r-md); padding: 9px 14px; font: inherit; font-weight: 700; font-size: 13.5px; }
.repdoc__pdfbtn:hover { background: #eafae3; }
.repdoc__pdfbtn .ic { width: 16px; height: 16px; }

.repdoc__title { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; padding: 18px 24px 14px; border-bottom: 1px solid var(--line); }
.repdoc__title .biz { display: flex; align-items: center; gap: 10px; font-weight: 800; color: var(--ink); font-size: 21px; letter-spacing: -.01em; }
.repdoc__title .biz .ic { color: var(--forest-2); }
.repdoc__title .meta { font-size: 12.5px; color: var(--ink-4); margin-top: 3px; }
.repdoc__title .dom { display: inline-flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 700; color: var(--accent-ink); background: var(--accent-soft); border-radius: var(--r-pill); padding: 6px 13px; text-decoration: none; border: none; cursor: pointer; }
.repdoc__title .dom .ic { width: 14px; height: 14px; }
.repdoc__body { padding: 20px 24px 26px; }

.ov { display: grid; grid-template-columns: auto 1fr; gap: 20px; align-items: center; background: var(--surface-tint); border: 1px solid var(--line); border-radius: var(--r-md); padding: 18px 20px; }
@media (max-width: 560px){ .ov { grid-template-columns: 1fr; } }
.scorebox { width: 96px; text-align: center; }
.scorebox .num { font-size: 44px; font-weight: 800; color: var(--ink); letter-spacing: -.03em; line-height: 1; }
.scorebox .num small { font-size: 17px; color: var(--ink-4); font-weight: 700; }
.scorebox .bar { height: 7px; border-radius: var(--r-pill); background: #e3ecdb; margin-top: 9px; overflow: hidden; }
.scorebox .bar i { display: block; height: 100%; width: 0; border-radius: var(--r-pill); background: var(--accent-grad); }
.scorebox .gr { display: inline-block; margin-top: 8px; font-size: 12px; font-weight: 800; color: var(--forest-2); background: #eef3e8; border-radius: var(--r-pill); padding: 3px 10px; }
.ov__txt h3 { font-size: 19px; margin-bottom: 5px; }
.ov__txt p { color: var(--ink-3); font-size: 15px; line-height: 1.5; }
.ov__txt .rank { display:inline-flex; align-items:center; gap:6px; margin-top:9px; font-size:12.5px; font-weight:700; color:var(--forest-2); background:#eef3e8; border-radius:var(--r-pill); padding:4px 11px; }
.ov__txt .rank .ic { width:14px; height:14px; color:var(--google); }

.sec-h { display: flex; align-items: center; gap: 9px; font-size: 12.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-4); margin: 22px 0 11px; }
.sec-h .ic { width: 15px; height: 15px; color: var(--forest-2); }

.plats4 { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; }
@media (max-width: 640px){ .plats4 { grid-template-columns: 1fr 1fr; } }
.pb { border: 1px solid var(--line); border-radius: var(--r-md); padding: 12px 13px; border-top: 3px solid var(--pc, var(--forest)); }
.pb.fb{--pc:var(--fb)} .pb.ig{--pc:var(--ig)} .pb.gg{--pc:var(--google)} .pb.gpt{--pc:var(--gpt)}
.pb__h { display: flex; align-items: center; justify-content: space-between; }
.pb__n { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; font-size: 13px; color: var(--ink); }
.pb__n .ic { width: 15px; height: 15px; color: var(--pc, var(--forest)); }
.pb__g { font-weight: 800; font-size: 16px; color: var(--ink); background: var(--canvas-2); border-radius: 6px; padding: 1px 8px; }
.pb__g small { font-size: 10px; color: var(--ink-4); font-weight: 600; }
.pb__t { font-size: 12px; color: var(--ink-3); margin-top: 7px; line-height: 1.4; }

.cmp { border: 1px solid var(--line); border-radius: var(--r-md); overflow: hidden; }
.cmp table { width: 100%; border-collapse: collapse; }
.cmp th, .cmp td { padding: 11px 13px; text-align: left; font-size: 13.5px; }
.cmp thead th { border-bottom: 2px solid var(--forest); }
/* solid, heavy, dark line between each business row; rows stay white (no tint) */
.cmp tbody td { background: var(--surface); border-bottom: 2px solid var(--forest); }
.cmp thead th { background: var(--surface-tint); font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: var(--ink-4); }
.cmp thead th.you { color: var(--forest-2); }
.cmp tbody tr:last-child td { border-bottom: none; }
.cmp .kw { font-weight: 700; color: var(--ink); }
.cmp .sc { font-variant-numeric: tabular-nums; }
.cmp .scwrap { display: flex; align-items: center; gap: 9px; }
.cmp .mini { width: 56px; height: 6px; border-radius: var(--r-pill); background: #e3ecdb; overflow: hidden; flex: none; }
.cmp .mini i { display: block; height: 100%; width: 0; background: var(--ink-4); border-radius: var(--r-pill); }
.cmp td.you .scwrap b { color: var(--forest-2); font-weight: 800; }
.cmp td.you .mini i { background: var(--green); }
.cmp__foot { padding: 10px 13px; font-size: 12px; color: var(--ink-4); background: var(--surface-tint); border-top: 1px solid var(--line); }

.finds { border: 1px solid var(--line); border-radius: var(--r-md); overflow: hidden; }
.find { display: grid; grid-template-columns: 22px 1fr; gap: 12px; padding: 12px 15px; border-top: 1px solid var(--line-soft); }
.find:first-child { border-top: none; }
.find .ic { width: 20px; height: 20px; margin-top: 1px; }
.find--good .ic{color:var(--good)} .find--warn .ic{color:var(--warn)} .find--next .ic{color:var(--fb)}
.find .ft { font-weight: 700; color: var(--ink); font-size: 14.5px; }
.find .fx { font-size: 13.5px; color: var(--ink-3); }
.find .on { font-size: 11px; color: var(--ink-4); font-weight: 700; }

.next { background: var(--canvas); margin-top: clamp(22px,3vw,36px); border-radius: var(--r-xl) var(--r-xl) 0 0; }
.next__in { max-width: 940px; margin: 0 auto; padding: clamp(28px,4vw,48px) var(--gutter); }
.next .center { max-width: 600px; }
.offer2 { display: grid; grid-template-columns: 1.2fr .8fr; margin-top: 24px; }
@media (max-width: 720px){ .offer2 { grid-template-columns: 1fr; } }
.offer2__l { padding: clamp(24px,3vw,34px); }
.offer2__l h3 { margin: 13px 0 13px; }
.offer2__r { padding: clamp(24px,3vw,34px); background: var(--forest); color: #eaf3e6; display: flex; flex-direction: column; justify-content: center; }
.offer2__price { display: flex; align-items: baseline; gap: 6px; }
.offer2__r .amt { font-size: 44px; font-weight: 800; color: #fff; letter-spacing: -.03em; line-height: 1; }
.offer2__r .per { font-size: 15px; color: #bcd6b6; font-weight: 600; }
.offer2__r .terms { font-size: 13px; color: #bcd6b6; margin-top: 6px; }
.offer2__cta { margin-top: 16px; }
.offer2__alt { display: block; text-align: center; margin-top: 11px; color: #dcead7; font-weight: 600; font-size: 13px; text-decoration: underline; }
.seeget { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding: 20px 24px; margin-top: 16px; }
.seeget h4 { margin-bottom: 3px; }
.seeget p { color: var(--ink-3); }

.news { display: grid; grid-template-columns: auto 1fr; gap: 18px; align-items: center; padding: 22px 24px; margin-top: 16px; }
@media (max-width: 620px){ .news { grid-template-columns: 1fr; } }
.news__ico { width: 52px; height: 52px; border-radius: 14px; background: var(--accent-soft); color: var(--accent-ink); display: grid; place-items: center; }
.news__ico .ic { width: 26px; height: 26px; }
.news h4 { margin-bottom: 3px; }
.news p { color: var(--ink-3); font-size: 14px; }
.news__form { display: flex; gap: 9px; margin-top: 12px; flex-wrap: wrap; }
.news__form .input { min-height: 46px; font-size: 15px; padding-left: 16px; flex: 1 1 220px; }
.news__form .btn { min-height: 46px; }

@media print {
  body { background: #fff; }
  .hdr, .next, .ftr { display: none !important; }
  .rpage { max-width: none; padding: 0; }
  .rpage__intro { display: none; }
  .repdoc { border: none; box-shadow: none; }
  .repdoc__head { position: fixed; top: 0; left: 0; right: 0; background: var(--forest) !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .repdoc__body { padding-top: 90px; }
  .pb, .cmp, .finds, .ov { break-inside: avoid; }
}