:root {
  --text: #2a1238;
  --muted: #6b4c7d;
  --line: #efd7ff;
  --pink: #ec4899;
  --purple: #a855f7;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: "SF Pro Display", "Inter", "Segoe UI", Arial, sans-serif;
  color: var(--text);
  background:
    radial-gradient(circle at 8% 8%, rgba(236,72,153,.22), transparent 35%),
    radial-gradient(circle at 90% 4%, rgba(168,85,247,.22), transparent 36%),
    linear-gradient(180deg, #fff4fd 0%, #f9f0ff 48%, #fff8ff 100%);
}
.container { width: min(1180px, 92%); margin: 0 auto; }

header {
  position: static;
  z-index: 0;
  backdrop-filter: blur(14px);
  background: linear-gradient(90deg, rgba(255,255,255,.88), rgba(252,234,255,.8), rgba(255,255,255,.88));
  border-bottom: 1px solid var(--line);
}
.topbar {
  min-height: 74px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.brand { display: inline-flex; align-items: center; text-decoration: none; }
.brand-logo { width: 36px; height: 36px; object-fit: contain; }
.mobile-nav-toggle {
  display: none;
  border: 0;
  background: transparent;
  color: #6a3f8a;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.mobile-nav-toggle:hover { background: rgba(168,85,247,.12); }
nav { display: flex; align-items: center; gap: .35rem; margin-left: 1.1rem; }
nav a {
  text-decoration: none;
  color: #6a3f8a;
  font-weight: 600;
  font-size: .92rem;
  padding: .52rem .9rem;
  border-radius: 999px;
  transition: .25s ease;
}
nav a:hover, nav a.active { color: #5b1e7a; background: rgba(168,85,247,.12); }

.products-menu { position: static; }
.products-trigger { cursor: pointer; user-select: none; }
.products-dropdown {
  position: absolute;
  top: calc(100% + .55rem);
  left: 0;
  right: 0;
  transform: translateY(8px);
  width: 100%;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.55);
  background: linear-gradient(140deg, rgba(255,255,255,.72), rgba(247,232,255,.62));
  backdrop-filter: blur(18px);
  box-shadow: 0 22px 45px rgba(102, 45, 145, .18);
  padding: .9rem;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: .25s ease;
  z-index: 40;
}
.products-menu.is-open .products-dropdown { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); }
.products-list { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0; padding: 0; list-style: none; }
.products-list a {
  display: inline-flex;
  align-items: center;
  padding: .46rem .75rem;
  border-radius: 999px;
  border: 1px solid #efddfb;
  background: rgba(255,255,255,.88);
  text-decoration: none;
  font-size: .84rem;
  font-weight: 600;
  color: #5f2f7e;
}
.cta {
  text-decoration: none;
  background: linear-gradient(135deg, var(--pink), var(--purple));
  color: #fff;
  font-size: .9rem;
  font-weight: 700;
  border-radius: 999px;
  padding: .62rem 1rem;
  box-shadow: 0 12px 28px rgba(96, 32, 140, .28), 0 3px 10px rgba(27, 10, 43, .16);
  margin-left: auto;
}

.mobile-drawer-overlay {
  position: fixed;
  inset: 0;
  background: rgba(18, 8, 28, .36);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: .25s ease;
  z-index: 60;
}

.mobile-drawer {
  position: fixed;
  top: 0;
  left: 0;
  width: min(84vw, 360px);
  height: 100dvh;
  background: linear-gradient(180deg, #fff9ff, #fff4ff);
  border-right: 1px solid #edd5ff;
  box-shadow: 18px 0 38px rgba(86, 30, 122, .2);
  transform: translateX(-104%);
  transition: .28s ease;
  z-index: 70;
  padding: .9rem .85rem 1.1rem;
}

.mobile-drawer-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: .9rem;
}

.mobile-drawer-close {
  border: 1px solid #e6cdfa;
  background: #fff;
  color: #5f2f7f;
  width: 32px;
  height: 32px;
  border-radius: 10px;
  font-size: 1.2rem;
  line-height: 1;
  cursor: pointer;
}

.mobile-nav { display: grid; gap: .35rem; }
.mobile-nav a,
.mobile-products-toggle {
  text-decoration: none;
  color: #5f2f7f;
  background: #fff;
  border: 1px solid #edd8ff;
  border-radius: 12px;
  padding: .66rem .72rem;
  font-size: .92rem;
  font-weight: 600;
  text-align: left;
}

.mobile-nav a.active { background: rgba(168,85,247,.12); border-color: #d9b2f8; }
.mobile-products-toggle { cursor: pointer; }

.mobile-products-dropdown {
  display: grid;
  gap: .35rem;
  margin-top: -.05rem;
  margin-bottom: .2rem;
}

.mobile-products-dropdown a {
  border-radius: 10px;
  font-size: .86rem;
  padding: .55rem .65rem;
  margin-left: .35rem;
  border: 1px solid #efe0fc;
}

.mobile-console-link {
  margin-top: .35rem;
  background: #000 !important;
  color: #fff !important;
  border-color: #000 !important;
}

.hero {
  padding: 4.4rem 0 2.8rem;
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  align-items: center;
  gap: 1.8rem;
}
.eyebrow {
  display: inline-block;
  padding: .35rem .65rem;
  border-radius: 999px;
  background: rgba(168,85,247,.14);
  border: 1px solid rgba(168,85,247,.25);
  color: #8b2bb3;
  font-size: .72rem;
  letter-spacing: .11em;
  text-transform: uppercase;
  font-weight: 700;
}
h1 { margin: .9rem 0 .8rem; font-size: clamp(2rem, 4.3vw, 4rem); line-height: 1.04; letter-spacing: -.02em; }
.lead { margin: 0; color: var(--muted); font-size: 1.06rem; max-width: 60ch; }
.hero-actions { margin-top: 1.25rem; display: flex; flex-wrap: wrap; gap: .72rem; }
.btn { border-radius: 999px; text-decoration: none; font-weight: 700; font-size: .92rem; padding: .72rem 1.06rem; border: 1px solid transparent; }
.btn.main { background: linear-gradient(135deg, var(--pink), var(--purple)); color: #fff; }
.btn.alt { background: #fff; color: #7c2d92; border-color: #f3d7ff; }
.score {
  border: 1px solid var(--line);
  background: linear-gradient(180deg, #ffffff, #fdf7ff);
  border-radius: 22px;
  padding: 1rem;
  box-shadow: 0 18px 38px rgba(168,85,247,.15);
}
.score-grid { margin-top: .65rem; display: grid; grid-template-columns: 1fr 1fr; gap: .62rem; }
.score-item { border: 1px solid #f0dcff; border-radius: 14px; background: #fff; padding: .78rem; }
.score-item strong { display: block; font-size: 1.45rem; }
.score-item small { color: #6c5a86; }

.slider-wrap { overflow: hidden; margin: .6rem 0 2.3rem; border-top: 1px solid #efd7ff; border-bottom: 1px solid #efd7ff; background: rgba(255,255,255,.65); }
.slider { display: flex; gap: .8rem; min-width: max-content; animation: slide 26s linear infinite; padding: .8rem 0; }
.pill { white-space: nowrap; border: 1px solid #efd7ff; background: #fff; border-radius: 999px; padding: .35rem .82rem; color: #6d3b8e; font-size: .74rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }

.section { padding: 2rem 0; }
.title { text-align: center; margin: 0 0 .4rem; font-size: clamp(1.55rem, 2.6vw, 2.5rem); }
.subtitle { text-align: center; color: var(--muted); margin: 0 0 1.2rem; }
.cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.card { border: 1px solid #efd7ff; border-radius: 18px; padding: 1rem; background: linear-gradient(180deg, #fff, #fff7ff); box-shadow: 0 12px 30px rgba(168,85,247,.1); transform: translateY(14px); opacity: 0; transition: .55s ease; }
.card.show { transform: translateY(0); opacity: 1; }
.tag { display: inline-block; font-size: .72rem; color: #7e22ce; font-weight: 700; text-transform: uppercase; letter-spacing: .09em; margin-bottom: .3rem; }
.card h3 { margin: .2rem 0 .35rem; font-size: 1.05rem; }
.card p { margin: 0; color: var(--muted); font-size: .93rem; }

.context-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-top: 1rem; }
.context-card { border: 1px solid #efd8ff; border-radius: 18px; background: linear-gradient(180deg, #fff, #fff7ff); padding: .9rem; box-shadow: 0 10px 24px rgba(168,85,247,.1); }
.context-card img { width: 100%; height: 200px; object-fit: cover; border-radius: 12px; border: 1px solid #f2e2ff; margin-bottom: .7rem; }
.context-card h3 { margin: 0 0 .35rem; font-size: 1.08rem; color: #612283; }
.context-card p { margin: 0; color: #694f79; font-size: .91rem; line-height: 1.55; }

footer.bg-muted {
  margin-top: 2.2rem;
  border-top: 1px solid #ececec;
  background: #ffffff;
  min-height: 500px;
}
footer.bg-muted .container { padding-top: 2.6rem; padding-bottom: 4.4rem; }
footer.bg-muted .grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2rem; margin-bottom: 1rem; }
footer.bg-muted h3 { margin: 0 0 1rem; font-size: .92rem; letter-spacing: .08em; text-transform: uppercase; color: #000; }
footer.bg-muted a { color: #111; text-decoration: none; }
footer.bg-muted ul { list-style: none; margin: 0; padding: 0; color: #000; }
footer.bg-muted ul li + li { margin-top: .75rem; }
footer.bg-muted ul li { margin-bottom: .5rem; }
footer.bg-muted ul li a { font-size: .9rem; color: #111; display: inline-block; }
footer.bg-muted .flex.gap-4 { display: flex; gap: 1rem; align-items: center; }
footer.bg-muted .footer-social { margin-top: .7rem; }
footer.bg-muted .border-t { border-top: 1px solid #f0f0f0; padding-top: 1rem; text-align: center; opacity: 1 !important; }

@keyframes slide { from { transform: translateX(0); } to { transform: translateX(-50%); } }

@media (max-width: 1080px) { .cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 920px) {
  nav { display: none; }
  .cta { display: none; }
  .mobile-nav-toggle { display: inline-flex; margin-left: auto; }
  .hero { grid-template-columns: 1fr; }
  .context-grid { grid-template-columns: 1fr; }
  footer.bg-muted .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.mobile-menu-open { overflow: hidden; }
  body.mobile-menu-open .mobile-drawer-overlay {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  body.mobile-menu-open .mobile-drawer { transform: translateX(0); }
}
@media (max-width: 640px) { .cards, .score-grid { grid-template-columns: 1fr; } .hero { padding-top: 2.8rem; } .topbar { min-height: 66px; } }
@media (max-width: 560px) { footer.bg-muted .grid { grid-template-columns: 1fr; } }

.contact-grid {
  display: grid;
  grid-template-columns: 1.02fr .98fr;
  gap: 1.2rem;
  align-items: start;
}

.contact-form-wrap {
  border: 1px solid #efd7ff;
  border-radius: 20px;
  background: linear-gradient(180deg, #ffffff, #fff8ff);
  box-shadow: 0 16px 36px rgba(168,85,247,.12);
  padding: 1.2rem;
}

.contact-form-wrap h2 {
  margin: 0;
  font-size: 1.5rem;
  color: #5f237f;
}

.contact-note {
  margin: .5rem 0 1rem;
  color: #6a4f7e;
  font-size: .92rem;
  line-height: 1.6;
}

.contact-form {
  display: grid;
  gap: .7rem;
}

.contact-form label {
  font-size: .84rem;
  font-weight: 700;
  color: #60277f;
}

.contact-form input,
.contact-form textarea {
  width: 100%;
  border: 1px solid #ebd4fb;
  border-radius: 12px;
  background: #fff;
  padding: .72rem .82rem;
  font-size: .91rem;
  color: #2b1539;
  outline: none;
  transition: border-color .2s ease, box-shadow .2s ease;
}

.contact-form input:focus,
.contact-form textarea:focus {
  border-color: #d88ffc;
  box-shadow: 0 0 0 3px rgba(236,72,153,.11);
}

.contact-form button {
  margin-top: .35rem;
  border: 0;
  border-radius: 999px;
  background: #000;
  color: #fff;
  font-size: .92rem;
  font-weight: 700;
  padding: .72rem 1.05rem;
  cursor: pointer;
  box-shadow: none;
}

.contact-form button:disabled {
  opacity: .75;
  cursor: not-allowed;
}

.contact-error {
  margin: .2rem 0 0;
  color: #b42318;
  font-size: .88rem;
}

.contact-success {
  border: 1px solid #ecd6fb;
  border-radius: 14px;
  background: #fff;
  padding: .95rem;
}

.contact-success h3 {
  margin: 0;
  font-size: 1.1rem;
  color: #5b227a;
}

.contact-success p {
  margin: .45rem 0 0;
  color: #5f4b71;
  font-size: .9rem;
}

.ai-reply {
  margin-top: .9rem;
  border-top: 1px solid #efddfb;
  padding-top: .8rem;
}

.ai-reply h4 {
  margin: 0;
  font-size: .86rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #7c36a0;
}

#aiReplyText {
  margin: .45rem 0 0;
  color: #3a2249;
  line-height: 1.6;
}

.contact-context-grid {
  margin-top: 0;
  grid-template-columns: 1fr;
}

.contact-section {
  padding-top: 0;
}

@media (max-width: 920px) {
  .contact-grid { grid-template-columns: 1fr; }
  .contact-form-wrap {
    padding: 1rem;
    border-radius: 16px;
  }
  .contact-form input,
  .contact-form textarea,
  .contact-form button {
    font-size: 16px;
  }
  .contact-form textarea {
    min-height: 132px;
  }
  .contact-form button {
    width: 100%;
  }
}

.about-hero { align-items: stretch; }
.about-score { display: flex; flex-direction: column; justify-content: center; }

.about-story-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.about-panel {
  border: 1px solid #edd7ff;
  border-radius: 20px;
  background: linear-gradient(180deg, #fff, #fef8ff);
  padding: 1.1rem;
  box-shadow: 0 14px 28px rgba(168, 85, 247, .1);
}

.about-panel h3 {
  margin: 0 0 .55rem;
  font-size: 1.15rem;
  color: #5f237f;
}

.about-panel p {
  margin: 0 0 .8rem;
  color: #5c4870;
  line-height: 1.72;
  font-size: .94rem;
}

.about-services {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.about-service-card {
  border: 1px solid #ecd5fe;
  border-radius: 18px;
  background: linear-gradient(180deg, #fff, #fff7ff);
  padding: .9rem;
  box-shadow: 0 12px 24px rgba(168, 85, 247, .1);
}

.about-service-card img {
  width: 100%;
  height: 190px;
  object-fit: cover;
  border-radius: 12px;
  border: 1px solid #f1dfff;
  margin-bottom: .65rem;
}

.about-service-card h3 {
  margin: .1rem 0 .45rem;
  color: #602582;
  font-size: 1.04rem;
}

.about-service-card p {
  margin: 0;
  color: #654f77;
  line-height: 1.62;
  font-size: .9rem;
}

.about-value-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .9rem;
}

.about-value-card {
  border: 1px solid #ecd4ff;
  border-radius: 16px;
  background: #fff;
  padding: .95rem;
  box-shadow: 0 10px 20px rgba(168, 85, 247, .08);
}

.about-value-card h3 {
  margin: .1rem 0 .45rem;
  color: #5f257f;
  font-size: .98rem;
}

.about-value-card p {
  margin: 0;
  color: #624b75;
  font-size: .88rem;
  line-height: 1.56;
}

.about-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .9rem;
}

.metric-card {
  border: 1px solid #eaceff;
  border-radius: 16px;
  background: linear-gradient(180deg, #fff, #fff8ff);
  padding: .9rem;
  text-align: center;
}

.metric-card strong {
  display: block;
  font-size: 2rem;
  color: #7b2fa0;
  line-height: 1;
  letter-spacing: -.02em;
}

.metric-card span {
  display: block;
  margin-top: .55rem;
  color: #654f75;
  font-size: .86rem;
}

.about-cta {
  border: 1px solid #edd6ff;
  border-radius: 24px;
  background: linear-gradient(140deg, rgba(255,255,255,.88), rgba(253,239,255,.9));
  box-shadow: 0 22px 42px rgba(168,85,247,.14);
  padding: 1.5rem;
  text-align: center;
}

.about-cta h2 {
  margin: 0;
  font-size: clamp(1.4rem, 2.4vw, 2.2rem);
}

.about-cta p {
  margin: .75rem auto 0;
  max-width: 75ch;
  color: #5f4a74;
  line-height: 1.7;
  font-size: .95rem;
}

.reveal-up {
  opacity: 0;
  transform: translateY(24px);
  transition: .6s ease;
}

.reveal-up.is-visible {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 1080px) {
  .about-services,
  .about-value-grid,
  .about-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 920px) {
  .about-story-grid { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  .about-services,
  .about-value-grid,
  .about-metrics { grid-template-columns: 1fr; }
}

.legal-hero { align-items: stretch; }
.legal-score { display: flex; flex-direction: column; justify-content: center; }

.legal-wrap {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  padding-top: 0;
}

.legal-card {
  border: 1px solid #ecd6fd;
  border-radius: 20px;
  background: linear-gradient(180deg, #ffffff, #fff8ff);
  box-shadow: 0 12px 28px rgba(168,85,247,.1);
  padding: 1rem;
}

.legal-card h2 {
  margin: .1rem 0 .55rem;
  font-size: 1.08rem;
  color: #5f257f;
}

.legal-card p {
  margin: 0;
  color: #614d73;
  font-size: .93rem;
  line-height: 1.7;
}

.legal-card a {
  color: #4c2ab8;
  text-decoration: none;
  font-weight: 600;
}

@media (max-width: 920px) {
  .legal-wrap { grid-template-columns: 1fr; }
}

.product-score { display: flex; flex-direction: column; justify-content: center; }
.product-gallery { padding-top: 0; }

.snapshot-media {
  border: 1px solid #ecd5ff;
  border-radius: 16px;
  background: #fff;
  padding: .45rem;
  margin-bottom: .7rem;
}

.snapshot-media img {
  width: 100%;
  height: 150px;
  object-fit: cover;
  border-radius: 12px;
  border: 1px solid #f0ddff;
}

.snapshot-badges {
  margin-top: .45rem;
  display: flex;
  flex-wrap: wrap;
  gap: .38rem;
}

.snapshot-badges span {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  background: linear-gradient(135deg, #fef2ff, #fff);
  border: 1px solid #e9d0fe;
  color: #6e3191;
  font-size: .69rem;
  font-weight: 700;
  letter-spacing: .04em;
  padding: .2rem .5rem;
  animation: glowPulse 2.4s ease-in-out infinite;
}

.product-visual-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.product-visual-card {
  border: 1px solid #ecd5ff;
  border-radius: 18px;
  background: linear-gradient(180deg, #fff, #fff7ff);
  padding: .9rem;
  box-shadow: 0 12px 24px rgba(168,85,247,.1);
}

.product-visual-card img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  border-radius: 12px;
  border: 1px solid #f2e2ff;
  margin-bottom: .7rem;
}

.product-visual-card h3 {
  margin: .1rem 0 .45rem;
  color: #5e237d;
  font-size: 1.03rem;
}

.product-visual-card p {
  margin: 0;
  color: #655178;
  font-size: .91rem;
  line-height: 1.58;
}

.feature-grid-xl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.feature-stack-section .title {
  margin-bottom: .45rem;
}

.feature-media-band {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: .75rem;
  margin-bottom: .9rem;
}

.feature-media-band img {
  width: 100%;
  height: 215px;
  object-fit: cover;
  border-radius: 14px;
  border: 1px solid #ecd6ff;
  box-shadow: 0 10px 24px rgba(168,85,247,.1);
}

.feature-chip {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  border: 1px solid #e7c7fd;
  background: linear-gradient(135deg, #fff, #fdeeff);
  color: #7a2ea2;
  font-size: .72rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 700;
  padding: .28rem .6rem;
  margin-bottom: .45rem;
}

.feature-xl-card {
  border: 1px solid #e8ccff;
  border-radius: 20px;
  background: linear-gradient(165deg, #fff, #fff5ff 58%, #fdf0ff);
  padding: 1rem;
  box-shadow: 0 16px 30px rgba(168,85,247,.11);
  position: relative;
  overflow: hidden;
}

.feature-xl-card::after {
  content: "";
  position: absolute;
  right: -26px;
  top: -26px;
  width: 110px;
  height: 110px;
  background: radial-gradient(circle, rgba(236,72,153,.16), transparent 62%);
  pointer-events: none;
}

.feature-xl-card h3 {
  margin: .1rem 0 .5rem;
  color: #602683;
  font-size: 1.04rem;
}

.feature-xl-card p {
  margin: 0;
  color: #654f78;
  font-size: .92rem;
  line-height: 1.65;
}

.feature-xl-card ul {
  margin: .7rem 0 0;
  padding-left: 1rem;
}

.feature-xl-card li {
  color: #5f4b72;
  font-size: .88rem;
  line-height: 1.56;
  margin-bottom: .4rem;
}

.ops-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .85rem;
}

.ops-section-highlight {
  border: 1px solid #ead0ff;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(255,255,255,.82), rgba(252,238,255,.8));
  padding: 1.2rem !important;
  box-shadow: 0 14px 30px rgba(165,79,240,.1);
}

.ops-media-hero {
  margin: .1rem 0 .95rem;
}

.ops-media-hero img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  border-radius: 16px;
  border: 1px solid #ebd3ff;
  box-shadow: 0 12px 26px rgba(168,85,247,.12);
}

.ops-card {
  border: 1px solid #e9cefd;
  border-radius: 18px;
  background: linear-gradient(180deg, #fff, #fff3ff);
  padding: .95rem;
  box-shadow: 0 10px 20px rgba(168,85,247,.08);
}

.ops-dot {
  display: inline-block;
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: linear-gradient(135deg, #ec4899, #a855f7);
  margin-bottom: .35rem;
}

.ops-card h3 {
  margin: .05rem 0 .45rem;
  color: #5f257f;
  font-size: .97rem;
}

.ops-card p {
  margin: 0;
  color: #644f74;
  font-size: .88rem;
  line-height: 1.56;
}

.cta-actions-center {
  justify-content: center;
}

@keyframes glowPulse {
  0%, 100% { box-shadow: 0 0 0 rgba(236,72,153,0); }
  50% { box-shadow: 0 0 0 5px rgba(236,72,153,.08); }
}

@media (max-width: 1080px) {
  .product-visual-grid,
  .ops-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 920px) {
  .feature-media-band { grid-template-columns: 1fr; }
  .feature-grid-xl { grid-template-columns: 1fr; }
  .ops-media-hero img { height: 200px; }
}

@media (max-width: 640px) {
  .product-visual-grid,
  .ops-grid { grid-template-columns: 1fr; }
}

.fb-brand-visual {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  margin-bottom: .55rem;
}

.fb-node {
  width: 42px;
  height: 42px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(59, 130, 246, .35);
  background: rgba(255, 255, 255, .62);
  backdrop-filter: blur(6px);
  color: #1877f2;
}

.fb-node-main {
  font-size: 1.6rem;
  font-weight: 800;
  text-transform: lowercase;
  line-height: 1;
}

.fb-node-globe svg { display: block; }

.fb-link {
  width: 38px;
  height: 2px;
  background: linear-gradient(90deg, rgba(24,119,242,.2), rgba(24,119,242,.65), rgba(24,119,242,.2));
}

.theme-facebook {
  background:
    radial-gradient(circle at 8% 8%, rgba(59,130,246,.2), transparent 36%),
    radial-gradient(circle at 90% 6%, rgba(14,165,233,.18), transparent 38%),
    linear-gradient(180deg, #f3f8ff 0%, #edf5ff 52%, #f7fbff 100%);
}

.theme-facebook header {
  background: linear-gradient(90deg, rgba(255,255,255,.88), rgba(236,246,255,.86), rgba(255,255,255,.88));
  border-bottom-color: #d9e9ff;
}

.theme-facebook nav a {
  color: #22538f;
}

.theme-facebook nav a:hover,
.theme-facebook nav a.active {
  color: #0f3f78;
  background: rgba(59,130,246,.12);
}

.theme-facebook .products-dropdown {
  border-color: rgba(255,255,255,.65);
  background: linear-gradient(140deg, rgba(255,255,255,.78), rgba(235,246,255,.72));
  box-shadow: 0 22px 45px rgba(40, 90, 170, .16);
}

.theme-facebook .products-list a {
  color: #1f4e88;
  border-color: #d9e9ff;
}

.theme-facebook .cta,
.theme-facebook .btn.main {
  background: linear-gradient(135deg, #1877f2, #0ea5e9);
  box-shadow: 0 12px 26px rgba(28, 100, 195, .26);
}

.theme-facebook .btn.alt {
  color: #12529b;
  border-color: #d8e8ff;
}

.theme-facebook .eyebrow {
  color: #18569d;
  background: rgba(59,130,246,.14);
  border-color: rgba(59,130,246,.26);
}

.theme-facebook .score,
.theme-facebook .about-cta,
.theme-facebook .feature-xl-card,
.theme-facebook .ops-card,
.theme-facebook .ops-section-highlight,
.theme-facebook .product-visual-card {
  border-color: #d7e7ff;
}

.theme-facebook .score {
  background: linear-gradient(180deg, #ffffff, #f6fbff);
  box-shadow: 0 16px 34px rgba(33, 92, 182, .13);
}

.theme-facebook .score-item {
  border-color: #dcecff;
}

.theme-facebook .score-item small,
.theme-facebook .subtitle,
.theme-facebook .lead,
.theme-facebook .feature-xl-card p,
.theme-facebook .ops-card p,
.theme-facebook .product-visual-card p {
  color: #4a6487;
}

.theme-facebook .feature-chip {
  border-color: #cfe4ff;
  background: linear-gradient(135deg, #f6fbff, #ffffff);
  color: #1d5ea8;
}

.theme-facebook .ops-dot {
  background: linear-gradient(135deg, #1877f2, #0ea5e9);
}

.theme-instagram {
  background:
    radial-gradient(circle at 8% 8%, rgba(236,72,153,.18), transparent 35%),
    radial-gradient(circle at 88% 10%, rgba(249,115,22,.16), transparent 36%),
    radial-gradient(circle at 52% 96%, rgba(168,85,247,.16), transparent 34%),
    linear-gradient(180deg, #fff7fb 0%, #fff2fa 50%, #fff9ff 100%);
}

.theme-instagram header {
  background: linear-gradient(90deg, rgba(255,255,255,.9), rgba(255,239,249,.88), rgba(255,255,255,.9));
  border-bottom-color: #f4dced;
}

.theme-instagram nav a { color: #8f2c67; }
.theme-instagram nav a:hover,
.theme-instagram nav a.active { color: #7b1f57; background: rgba(236,72,153,.11); }

.theme-instagram .cta,
.theme-instagram .btn.main {
  background: linear-gradient(135deg, #e1306c, #f77737 52%, #833ab4);
  box-shadow: 0 12px 26px rgba(178, 45, 120, .25);
}

.theme-instagram .btn.alt {
  color: #8d2b69;
  border-color: #f3d8e8;
}

.theme-instagram .eyebrow {
  color: #912f66;
  background: rgba(236,72,153,.14);
  border-color: rgba(236,72,153,.24);
}

.insta-snapshot {
  position: relative;
  overflow: hidden;
}

.insta-orb {
  width: 100%;
  height: 120px;
  border-radius: 16px;
  margin-bottom: .7rem;
  background:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,.82), rgba(255,255,255,.15) 30%),
    linear-gradient(135deg, #fd1d1d 0%, #e1306c 30%, #f77737 63%, #fcb045 100%);
  border: 1px solid rgba(255,255,255,.65);
  box-shadow: inset 0 0 0 2px rgba(255,255,255,.14), 0 12px 24px rgba(172, 43, 111, .18);
}

.insta-split-wrap { padding-top: 0; }

.insta-split-row {
  display: grid;
  grid-template-columns: 1.02fr .98fr;
  gap: 1rem;
  align-items: center;
  margin-top: 1rem;
  padding: .85rem;
  border: 1px solid #f2d9ea;
  border-radius: 20px;
  background: linear-gradient(160deg, #fff, #fff7fc);
  box-shadow: 0 14px 28px rgba(200, 79, 145, .1);
}

.insta-split-row.reverse { grid-template-columns: .98fr 1.02fr; }
.insta-split-row.reverse .insta-media { order: 2; }
.insta-split-row.reverse .insta-copy { order: 1; }

.insta-media img {
  width: 100%;
  height: 270px;
  object-fit: cover;
  border-radius: 14px;
  border: 1px solid #f2dced;
}

.insta-copy h3 {
  margin: .05rem 0 .45rem;
  color: #7f255c;
  font-size: 1.24rem;
}

.insta-copy p {
  margin: 0;
  color: #6b4a61;
  line-height: 1.7;
  font-size: .93rem;
}

.insta-copy ul {
  margin: .72rem 0 0;
  padding-left: 1rem;
}

.insta-copy li {
  color: #6a4a61;
  font-size: .89rem;
  line-height: 1.58;
  margin-bottom: .35rem;
}

.insta-cta {
  border-color: #f2d8e9;
  background: linear-gradient(145deg, rgba(255,255,255,.9), rgba(255,240,248,.9));
  box-shadow: 0 20px 38px rgba(205, 81, 147, .16);
}

@media (max-width: 920px) {
  .insta-split-row,
  .insta-split-row.reverse {
    grid-template-columns: 1fr;
  }
  .insta-split-row.reverse .insta-media,
  .insta-split-row.reverse .insta-copy {
    order: initial;
  }
  .insta-media img { height: 220px; }
}

.theme-whatsapp {
  background:
    radial-gradient(circle at 7% 8%, rgba(34,197,94,.18), transparent 36%),
    radial-gradient(circle at 88% 9%, rgba(16,185,129,.15), transparent 35%),
    linear-gradient(180deg, #f3fff8 0%, #effdf6 52%, #f7fffb 100%);
}

.theme-whatsapp header {
  background: linear-gradient(90deg, rgba(255,255,255,.9), rgba(236,252,243,.88), rgba(255,255,255,.9));
  border-bottom-color: #d7f2e2;
}

.theme-whatsapp nav a { color: #1b6f4a; }
.theme-whatsapp nav a:hover,
.theme-whatsapp nav a.active { color: #155f3f; background: rgba(34,197,94,.12); }

.theme-whatsapp .cta,
.theme-whatsapp .btn.main {
  background: linear-gradient(135deg, #25d366, #16a34a);
  box-shadow: 0 12px 26px rgba(25,148,81,.24);
}

.theme-whatsapp .btn.alt {
  color: #1f7d53;
  border-color: #ceefd9;
}

.theme-whatsapp .eyebrow {
  color: #1a764f;
  background: rgba(34,197,94,.14);
  border-color: rgba(34,197,94,.25);
}

.wa-snapshot { overflow: hidden; }

.wa-glass {
  display: flex;
  flex-wrap: wrap;
  gap: .38rem;
  margin-bottom: .7rem;
  padding: .45rem;
  border: 1px solid #d3f0df;
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(255,255,255,.84), rgba(238,255,246,.84));
}

.wa-glass span {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  border: 1px solid #ccebd8;
  color: #1f7c53;
  background: #fff;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .04em;
  padding: .24rem .52rem;
}

.wa-split-wrap { padding-top: 0; }

.wa-split-row {
  display: grid;
  grid-template-columns: 1.03fr .97fr;
  gap: 1rem;
  align-items: center;
  margin-top: 1rem;
  padding: .95rem;
  border: 1px solid #d5efdf;
  border-radius: 22px;
  background: linear-gradient(160deg, #fff, #f6fff9);
  box-shadow: 0 14px 28px rgba(31, 125, 83, .1);
}

.wa-split-row.reverse { grid-template-columns: .97fr 1.03fr; }
.wa-split-row.reverse .wa-copy { order: 2; }
.wa-split-row.reverse .wa-media { order: 1; }

.wa-media img {
  width: 100%;
  height: 280px;
  object-fit: cover;
  border-radius: 14px;
  border: 1px solid #dff3e7;
}

.wa-copy h3 {
  margin: .05rem 0 .45rem;
  color: #1c6c47;
  font-size: 1.22rem;
}

.wa-copy p {
  margin: 0;
  color: #3f6d58;
  line-height: 1.7;
  font-size: .93rem;
}

.wa-copy ul {
  margin: .72rem 0 0;
  padding-left: 1rem;
}

.wa-copy li {
  color: #3f6c57;
  font-size: .89rem;
  line-height: 1.58;
  margin-bottom: .35rem;
}

.wa-feature-surface {
  border: 1px solid #d5efdf;
  border-radius: 24px;
  padding: 1.2rem !important;
  background: linear-gradient(140deg, rgba(255,255,255,.88), rgba(239,255,246,.86));
}

.wa-cap-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .85rem;
}

.wa-cap-card {
  border: 1px solid #d4ecdF;
  border-radius: 16px;
  background: #fff;
  padding: .9rem;
  box-shadow: 0 10px 20px rgba(28, 120, 80, .08);
}

.wa-cap-card h3 {
  margin: .05rem 0 .4rem;
  color: #1e6f49;
  font-size: .98rem;
}

.wa-cap-card p {
  margin: 0;
  color: #446d5a;
  font-size: .88rem;
  line-height: 1.56;
}

.wa-cta {
  border-color: #d1ebdc;
  background: linear-gradient(145deg, rgba(255,255,255,.92), rgba(240,255,247,.9));
  box-shadow: 0 20px 36px rgba(26, 116, 78, .14);
}

@media (max-width: 1080px) {
  .wa-cap-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 920px) {
  .wa-split-row,
  .wa-split-row.reverse { grid-template-columns: 1fr; }
  .wa-split-row.reverse .wa-copy,
  .wa-split-row.reverse .wa-media { order: initial; }
  .wa-media img { height: 220px; }
}

@media (max-width: 640px) {
  .wa-cap-grid { grid-template-columns: 1fr; }
}

.theme-webbot {
  background:
    radial-gradient(circle at 8% 8%, rgba(14,165,233,.18), transparent 36%),
    radial-gradient(circle at 90% 10%, rgba(59,130,246,.16), transparent 36%),
    linear-gradient(180deg, #f4faff 0%, #f1f8ff 52%, #f8fbff 100%);
}

.theme-webbot header {
  background: linear-gradient(90deg, rgba(255,255,255,.9), rgba(237,247,255,.9), rgba(255,255,255,.9));
  border-bottom-color: #dbeaff;
}

.theme-webbot nav a { color: #1f4e88; }
.theme-webbot nav a:hover,
.theme-webbot nav a.active { color: #153f73; background: rgba(59,130,246,.12); }

.theme-webbot .cta,
.theme-webbot .btn.main {
  background: linear-gradient(135deg, #0ea5e9, #2563eb);
  box-shadow: 0 12px 26px rgba(41, 99, 196, .24);
}

.theme-webbot .btn.alt {
  color: #1f5398;
  border-color: #d6e7ff;
}

.theme-webbot .eyebrow {
  color: #1f5c9a;
  background: rgba(14,165,233,.14);
  border-color: rgba(14,165,233,.25);
}

.webbot-score { overflow: hidden; }

.webbot-badges {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
  margin-bottom: .7rem;
}

.webbot-badges span {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  border: 1px solid #d3e7ff;
  background: #fff;
  color: #1f4f89;
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .04em;
  padding: .2rem .52rem;
}

.webbot-flow { padding-top: 0; }

.webbot-bento {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .85rem;
}

.webbot-tile {
  border: 1px solid #d9e8ff;
  border-radius: 18px;
  background: linear-gradient(160deg, #fff, #f7fbff);
  padding: .9rem;
  box-shadow: 0 10px 22px rgba(41, 99, 196, .09);
}

.webbot-tile.large {
  grid-column: span 2;
  grid-row: span 2;
}

.webbot-tile.wide {
  grid-column: span 2;
}

.webbot-tile img {
  width: 100%;
  height: 210px;
  object-fit: cover;
  border-radius: 12px;
  border: 1px solid #e2eeff;
  margin-bottom: .65rem;
}

.webbot-tile h3 {
  margin: .06rem 0 .45rem;
  color: #1d4f86;
  font-size: 1.04rem;
}

.webbot-tile p {
  margin: 0;
  color: #486382;
  font-size: .9rem;
  line-height: 1.62;
}

.webbot-tile ul {
  margin: .62rem 0 0;
  padding-left: 1rem;
}

.webbot-tile li {
  color: #486382;
  font-size: .87rem;
  line-height: 1.55;
  margin-bottom: .34rem;
}

.webbot-strip {
  border: 1px solid #d9e8ff;
  border-radius: 18px;
  background: linear-gradient(140deg, rgba(255,255,255,.9), rgba(240,248,255,.9));
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .7rem;
  padding: .9rem;
}

.webbot-strip-item {
  background: #fff;
  border: 1px solid #dbe9ff;
  border-radius: 12px;
  padding: .65rem;
  display: grid;
  gap: .35rem;
}

.webbot-strip-item b {
  color: #1a4f8a;
  font-size: .95rem;
}

.webbot-strip-item span {
  color: #496384;
  font-size: .86rem;
  line-height: 1.5;
}

.webbot-cta {
  border-color: #d9e8ff;
  background: linear-gradient(145deg, rgba(255,255,255,.92), rgba(242,249,255,.9));
  box-shadow: 0 20px 36px rgba(41, 99, 196, .13);
}

@media (max-width: 1080px) {
  .webbot-bento { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .webbot-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
  .webbot-bento,
  .webbot-strip { grid-template-columns: 1fr; }
  .webbot-tile.large,
  .webbot-tile.wide { grid-column: span 1; grid-row: span 1; }
}

.theme-formbuilder {
  background:
    radial-gradient(circle at 10% 10%, rgba(245,158,11,.17), transparent 36%),
    radial-gradient(circle at 88% 8%, rgba(251,191,36,.16), transparent 34%),
    linear-gradient(180deg, #fffcf3 0%, #fff9ec 52%, #fffdf7 100%);
}

.theme-formbuilder header {
  background: linear-gradient(90deg, rgba(255,255,255,.9), rgba(255,247,227,.9), rgba(255,255,255,.9));
  border-bottom-color: #f2e5c8;
}

.theme-formbuilder nav a { color: #875706; }
.theme-formbuilder nav a:hover,
.theme-formbuilder nav a.active { color: #714700; background: rgba(245,158,11,.12); }

.theme-formbuilder .cta,
.theme-formbuilder .btn.main { background: linear-gradient(135deg, #f59e0b, #d97706); box-shadow: 0 12px 24px rgba(186,115,10,.24); }
.theme-formbuilder .btn.alt { color: #8b5a08; border-color: #f2e1be; }
.theme-formbuilder .eyebrow { color: #87590f; background: rgba(245,158,11,.14); border-color: rgba(245,158,11,.24); }

.fbuilder-panel { display: grid; grid-template-columns: 1fr 1fr; gap: .55rem; }
.fbuilder-panel div { border: 1px solid #f1dfbb; border-radius: 12px; padding: .65rem; background: #fff; }
.fbuilder-panel small { color: #8a6a29; }
.fbuilder-panel strong { display: block; color: #6f4a06; }

.fbuilder-board { padding-top: 0; }
.fbuilder-columns { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: .85rem; }
.fbuilder-col { border: 1px solid #f0dfbf; border-radius: 16px; background: linear-gradient(160deg, #fff, #fff9ee); padding: .9rem; }
.fbuilder-col h3 { margin: .06rem 0 .45rem; color: #7e4f07; }
.fbuilder-col ul { margin: 0; padding-left: 1rem; }
.fbuilder-col li { color: #6d5528; font-size: .88rem; line-height: 1.54; margin-bottom: .34rem; }

.fbuilder-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: .85rem; }
.fbuilder-card { border: 1px solid #efdcb8; border-radius: 16px; background: #fff; padding: .9rem; box-shadow: 0 10px 18px rgba(181,123,29,.09); }
.fbuilder-card.image-card { padding: .5rem; }
.fbuilder-card img { width: 100%; height: 230px; object-fit: cover; border-radius: 12px; border: 1px solid #f3e3c3; }
.fbuilder-card h3 { margin: .06rem 0 .45rem; color: #7d4f07; }
.fbuilder-card p { margin: 0; color: #6d562b; font-size: .9rem; line-height: 1.62; }

.fbuilder-cta { border-color: #efdebc; background: linear-gradient(145deg, rgba(255,255,255,.92), rgba(255,249,235,.9)); box-shadow: 0 20px 34px rgba(174,122,28,.13); }

.theme-bulkmail {
  background:
    radial-gradient(circle at 8% 8%, rgba(168,85,247,.17), transparent 36%),
    radial-gradient(circle at 90% 10%, rgba(79,70,229,.16), transparent 36%),
    linear-gradient(180deg, #f7f5ff 0%, #f4f1ff 52%, #fbfaff 100%);
}

.theme-bulkmail header {
  background: linear-gradient(90deg, rgba(255,255,255,.9), rgba(243,240,255,.9), rgba(255,255,255,.9));
  border-bottom-color: #e1dbff;
}

.theme-bulkmail nav a { color: #4f3ca5; }
.theme-bulkmail nav a:hover,
.theme-bulkmail nav a.active { color: #40308b; background: rgba(99,102,241,.12); }
.theme-bulkmail .cta,
.theme-bulkmail .btn.main { background: linear-gradient(135deg, #7c3aed, #4f46e5); box-shadow: 0 12px 24px rgba(90,70,190,.23); }
.theme-bulkmail .btn.alt { color: #4f3fa0; border-color: #ddd7ff; }
.theme-bulkmail .eyebrow { color: #533ea9; background: rgba(124,58,237,.14); border-color: rgba(124,58,237,.24); }

.bulkmail-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: .55rem; }
.bulkmail-metrics div { border: 1px solid #ddd7ff; border-radius: 12px; padding: .65rem; background: #fff; }
.bulkmail-metrics small { color: #6d62a8; }
.bulkmail-metrics strong { display: block; color: #4f4190; }

.bulkmail-timeline { padding-top: 0; }
.bulkmail-steps { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: .8rem; }
.bulkmail-step { border: 1px solid #ddd7ff; border-radius: 16px; background: linear-gradient(160deg, #fff, #f8f6ff); padding: .9rem; }
.bulkmail-step b { display: inline-flex; width: 26px; height: 26px; border-radius: 999px; align-items: center; justify-content: center; background: #4f46e5; color: #fff; font-size: .8rem; margin-bottom: .45rem; }
.bulkmail-step h3 { margin: .05rem 0 .4rem; color: #4b3f8f; font-size: .98rem; }
.bulkmail-step p { margin: 0; color: #625992; font-size: .88rem; line-height: 1.55; }

.bulkmail-showcase { display: grid; grid-template-columns: 1fr 1fr; gap: .85rem; }
.bulkmail-panel { border: 1px solid #ddd7ff; border-radius: 16px; background: #fff; padding: .55rem .55rem .85rem; }
.bulkmail-panel img { width: 100%; height: 220px; object-fit: cover; border-radius: 12px; border: 1px solid #e5e0ff; margin-bottom: .55rem; }
.bulkmail-panel h3 { margin: .05rem .3rem .35rem; color: #4a3f8e; }
.bulkmail-panel p { margin: 0 .3rem; color: #625a94; font-size: .89rem; line-height: 1.56; }

.bulkmail-cap-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: .8rem; }
.bulkmail-cap-card { border: 1px solid #ddd7ff; border-radius: 14px; background: #fff; padding: .8rem; }
.bulkmail-cap-card h3 { margin: .05rem 0 .35rem; color: #4c418f; font-size: .95rem; }
.bulkmail-cap-card p { margin: 0; color: #625a93; font-size: .86rem; line-height: 1.5; }

.bulkmail-cta { border-color: #ddd7ff; background: linear-gradient(145deg, rgba(255,255,255,.92), rgba(244,242,255,.9)); box-shadow: 0 20px 35px rgba(83,72,160,.12); }

@media (max-width: 1080px) {
  .fbuilder-columns,
  .bulkmail-steps,
  .bulkmail-cap-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 920px) {
  .fbuilder-grid,
  .bulkmail-showcase { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  .fbuilder-columns,
  .bulkmail-steps,
  .bulkmail-cap-grid { grid-template-columns: 1fr; }
}

.theme-about {
  background:
    radial-gradient(circle at 8% 10%, rgba(59,130,246,.16), transparent 36%),
    radial-gradient(circle at 90% 10%, rgba(16,185,129,.14), transparent 36%),
    linear-gradient(180deg, #f5faff 0%, #f1f8ff 52%, #f8fcff 100%);
}

.theme-contact {
  background:
    radial-gradient(circle at 8% 8%, rgba(20,184,166,.17), transparent 36%),
    radial-gradient(circle at 88% 12%, rgba(6,182,212,.14), transparent 34%),
    linear-gradient(180deg, #f3fffe 0%, #eefdfb 52%, #f8fffe 100%);
}

.theme-news {
  background:
    radial-gradient(circle at 8% 8%, rgba(245,158,11,.16), transparent 36%),
    radial-gradient(circle at 88% 12%, rgba(239,68,68,.12), transparent 34%),
    linear-gradient(180deg, #fff9f2 0%, #fff6ec 52%, #fffcf7 100%);
}

.theme-disclaimer {
  background:
    radial-gradient(circle at 9% 10%, rgba(107,114,128,.18), transparent 36%),
    radial-gradient(circle at 88% 8%, rgba(148,163,184,.14), transparent 34%),
    linear-gradient(180deg, #f7f8fa 0%, #f3f5f8 52%, #fafbfc 100%);
}

.theme-privacy {
  background:
    radial-gradient(circle at 9% 10%, rgba(139,92,246,.16), transparent 36%),
    radial-gradient(circle at 89% 8%, rgba(59,130,246,.14), transparent 34%),
    linear-gradient(180deg, #f8f6ff 0%, #f4f2ff 52%, #fbfaff 100%);
}

.theme-security {
  background:
    radial-gradient(circle at 8% 9%, rgba(34,197,94,.16), transparent 36%),
    radial-gradient(circle at 90% 10%, rgba(14,165,233,.14), transparent 34%),
    linear-gradient(180deg, #f4fff8 0%, #effdf6 52%, #f9fffc 100%);
}

.theme-terms {
  background:
    radial-gradient(circle at 8% 9%, rgba(245,158,11,.16), transparent 36%),
    radial-gradient(circle at 90% 10%, rgba(99,102,241,.14), transparent 34%),
    linear-gradient(180deg, #fffaf2 0%, #fff6ea 52%, #fffcf6 100%);
}

.theme-about header,
.theme-contact header,
.theme-news header,
.theme-disclaimer header,
.theme-privacy header,
.theme-security header,
.theme-terms header {
  border-bottom-color: rgba(209, 213, 219, .65);
}

.cta { box-shadow: none !important; }

.theme-x {
  background:
    radial-gradient(circle at 8% 9%, rgba(29,78,216,.22), transparent 36%),
    radial-gradient(circle at 90% 9%, rgba(15,23,42,.24), transparent 36%),
    linear-gradient(180deg, #f4f7ff 0%, #eef3ff 52%, #f8faff 100%);
}

.theme-x header {
  background: linear-gradient(90deg, rgba(255,255,255,.92), rgba(236,242,255,.92), rgba(255,255,255,.92));
  border-bottom-color: #d7e2ff;
}

.theme-x nav a { color: #1e3a8a; }
.theme-x nav a:hover,
.theme-x nav a.active { color: #142f78; background: rgba(37,99,235,.12); }
.theme-x .btn.main { background: linear-gradient(135deg, #1d4ed8, #0f172a); }
.theme-x .btn.alt { color: #1e3a8a; border-color: #d7e2ff; }
.theme-x .eyebrow { color: #1d3b8f; background: rgba(37,99,235,.14); border-color: rgba(37,99,235,.24); }

.x-score {
  border-color: #d9e4ff;
  background: linear-gradient(145deg, rgba(255,255,255,.93), rgba(240,246,255,.9));
}

.x-kpis {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .58rem;
}

.x-kpis div {
  border: 1px solid #d9e4ff;
  border-radius: 12px;
  background: #fff;
  padding: .64rem;
}

.x-kpis small { color: #4862a0; }
.x-kpis strong { display: block; color: #172f78; }

.x-analytics-board { padding-top: 0; }

.x-board-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .78rem;
}

.x-board-card {
  border: 1px solid #d9e4ff;
  border-radius: 16px;
  background: linear-gradient(160deg, #fff, #f5f8ff);
  padding: .88rem;
}

.x-board-card h3 {
  margin: .04rem 0 .38rem;
  color: #17357f;
  font-size: .96rem;
}

.x-board-card ul {
  margin: 0;
  padding-left: 1rem;
}

.x-board-card li {
  color: #42598d;
  font-size: .86rem;
  line-height: 1.52;
  margin-bottom: .34rem;
}

.x-flow-grid {
  border: 1px solid #d9e4ff;
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(255,255,255,.92), rgba(242,247,255,.9));
  padding: .74rem;
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: .72rem;
}

.x-flow-image img {
  width: 100%;
  height: 320px;
  object-fit: cover;
  border-radius: 14px;
  border: 1px solid #dce7ff;
}

.x-flow-copy {
  border: 1px solid #dce7ff;
  border-radius: 14px;
  background: #fff;
  padding: .82rem;
}

.x-flow-copy h3 {
  margin: .06rem 0 .5rem;
  color: #163783;
}

.x-flow-copy p {
  margin: 0 0 .65rem;
  color: #445a8c;
  font-size: .9rem;
  line-height: 1.62;
}

.x-flow-steps {
  display: grid;
  gap: .48rem;
}

.x-flow-steps div {
  border: 1px solid #dce7ff;
  border-radius: 11px;
  background: #f8fbff;
  padding: .58rem .62rem;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .42rem;
  align-items: start;
}

.x-flow-steps b { color: #1b3f95; font-size: .9rem; }
.x-flow-steps span { color: #48619a; font-size: .84rem; line-height: 1.45; }

.x-cta {
  border-color: #d9e4ff;
  background: linear-gradient(145deg, rgba(255,255,255,.94), rgba(241,247,255,.9));
  box-shadow: 0 20px 35px rgba(30,58,138,.12);
}

@media (max-width: 1080px) {
  .x-board-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 920px) {
  .x-flow-grid { grid-template-columns: 1fr; }
  .x-flow-image img { height: 240px; }
}

@media (max-width: 640px) {
  .x-board-grid,
  .x-kpis { grid-template-columns: 1fr; }
}