/* Sales home page (v5, DrRisk). Loaded after styles.css and site.v2.css. Cached for a year: change it under a new name. */
.nav-cta { color: #07111f !important; background: var(--cyan); border-radius: 10px; padding: 8px 14px; font-weight: 750; }
.nav-cta::after { display: none; }
.nav-cta:hover { background: #65e9df; }

.offer-pill { display: inline-flex; align-items: center; gap: 10px; border: 1px solid rgba(37,213,200,.35); background: rgba(37,213,200,.08); color: #bff6f1; border-radius: 999px; padding: 7px 14px; font-size: 12px; font-weight: 700; }
.offer-pill b { color: var(--cyan); }

.alert-mock { display: grid; grid-template-columns: 34px 1fr; gap: 12px; align-items: start; }
.alert-mock__icon { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: rgba(255,207,122,.14); color: #ffcf7a; font-weight: 800; font-size: 15px; }
.alert-mock p { margin: 0; color: #dfe7f1; font-size: 14px; }
.alert-mock small { color: #718198; font-size: 11px; }

.pillars { padding: 120px 0 110px; }
.pillar-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.pillar { position: relative; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); padding: 34px; background: linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.012)); }
.pillar__number { color: var(--cyan); font-size: 11px; font-weight: 800; letter-spacing: .12em; }
.pillar h3 { margin: 34px 0 12px; font-size: 26px; line-height: 1.15; letter-spacing: -.03em; }
.pillar p { margin: 0; color: #9fb0c5; }
.pillars__more { margin-top: 28px; }

.offer { padding: 120px 0; }
.offer__card { position: relative; display: grid; grid-template-columns: 1.1fr .9fr; gap: 56px; align-items: center; border-radius: 28px; padding: 64px; border: 1px solid rgba(37,213,200,.3); background: radial-gradient(circle at 85% 10%, rgba(91,124,255,.25), transparent 55%), linear-gradient(145deg, rgba(37,213,200,.08), rgba(255,255,255,.02)); }
.offer__card h2 { margin: 0; font-size: clamp(34px, 4vw, 54px); line-height: 1.08; letter-spacing: -.045em; }
.offer__card > div > p { color: #a9b8cb; margin: 18px 0 0; }
.offer__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.offer__list li { display: grid; grid-template-columns: 26px 1fr; gap: 10px; align-items: start; color: #dfe7f1; }
.offer__list li::before { content: "\2713"; width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; background: rgba(37,213,200,.15); color: var(--cyan); font-size: 12px; font-weight: 800; }
.offer__cta { margin-top: 34px; }

.faq { padding: 0 0 120px; }
.faq__list { display: grid; gap: 10px; max-width: 860px; }
.faq details { border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.025); }
.faq summary { cursor: pointer; list-style: none; display: flex; justify-content: space-between; gap: 16px; padding: 20px 24px; font-weight: 700; font-size: 17px; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "+"; color: var(--cyan); font-size: 22px; line-height: 1; }
.faq details[open] summary::after { content: "\2013"; }
.faq details p { margin: 0; padding: 0 24px 22px; color: #9fb0c5; }

.about-strip { border-block: 1px solid var(--line); background: var(--ink-2); }
.about-strip__inner { display: grid; grid-template-columns: .9fr 1.1fr; gap: 80px; padding-block: 90px; align-items: start; }
.about-strip h2 { margin: 0; font-size: clamp(30px, 3.4vw, 44px); letter-spacing: -.04em; line-height: 1.1; }
.about-strip p { margin: 0 0 14px; color: #9fb0c5; }
.about-strip .disclaimer { font-size: 13px; color: #718198; }

@media (max-width: 980px) {
  .pillar-grid { grid-template-columns: 1fr; }
  .offer__card { grid-template-columns: 1fr; padding: 48px 32px; gap: 36px; }
  .about-strip__inner { grid-template-columns: 1fr; gap: 24px; }
}

@media (max-width: 680px) {
  .pillars, .offer { padding: 80px 0; }
  .faq { padding-bottom: 80px; }
  .offer__card { padding: 38px 22px; }
  .faq summary { padding: 18px; font-size: 16px; }
  .faq details p { padding: 0 18px 18px; }
  .nav-cta { display: inline-block; }
}

/* DrRisk product line above the hero title */
.product-name { display: flex; flex-wrap: wrap; align-items: baseline; gap: 10px; margin: 22px 0 0; color: #9fb0c5; font-size: 15px; }
.product-name b { color: #fff; font-size: 20px; font-weight: 800; letter-spacing: -.02em; }
.product-name b + span { color: var(--cyan); font-weight: 650; }
.product-hero h1 + .product-name { margin-top: 18px; }
.product-hero h1 + .product-name span { color: var(--cyan); font-weight: 650; font-size: 17px; }