html[data-theme="light"] {
  color-scheme: light;
  --bg0: #f6f9fe;
  --bg1: #e9f1fb;
  --card: rgba(255, 255, 255, .88);
  --card2: rgba(255, 255, 255, .97);
  --stroke: rgba(15, 23, 42, .14);
  --stroke2: rgba(15, 23, 42, .24);
  --text: #0c1b33;
  --muted: rgba(12, 27, 51, .74);
  --muted2: rgba(12, 27, 51, .60);
  --shadow: 0 24px 70px rgba(37, 64, 105, .18);
}

html[data-theme="light"] body {
  background:
    radial-gradient(1200px 800px at 10% 10%, rgba(0, 167, 181, .13), transparent 60%),
    radial-gradient(1000px 700px at 90% 15%, rgba(112, 82, 214, .11), transparent 55%),
    radial-gradient(900px 650px at 70% 95%, rgba(40, 167, 69, .08), transparent 55%),
    linear-gradient(180deg, var(--bg0), var(--bg1));
}

.theme-toggle { flex: 0 0 auto; font-size: 17px; }

html[data-theme="light"] header.site-header {
  background: linear-gradient(180deg, rgba(7, 10, 18, .96), rgba(7, 10, 18, .88));
  border-bottom-color: rgba(53, 245, 255, .18);
}
html[data-theme="light"] header.site-header .navlink { color: rgba(234, 240, 255, .78); }
html[data-theme="light"] header.site-header .navlink:hover { color: #fff; }
html[data-theme="light"] header.site-header .btn { color: #eaf0ff; }
html[data-theme="light"] header.site-header .btn-ghost,
html[data-theme="light"] header.site-header .theme-toggle { border-color: rgba(255,255,255,.18); background: rgba(255,255,255,.06); }
html[data-theme="light"] .mobile-drawer { border-top-color: rgba(255,255,255,.12); }

html[data-theme="light"] .fx-lines { opacity: .025; }
html[data-theme="light"] .fx-noise { opacity: .025; }
html[data-theme="light"] .section-title,
html[data-theme="light"] .section-title-pricing { color: var(--text) !important; }
html[data-theme="light"] .sep { background: rgba(12,27,51,.14); }
html[data-theme="light"] .chip,
html[data-theme="light"] .pill {
  border-color: rgba(12,27,51,.16);
  background: rgba(255,255,255,.72);
  color: var(--text);
}
html[data-theme="light"] .card,
html[data-theme="light"] .diag,
html[data-theme="light"] .price-card,
html[data-theme="light"] .proof-card,
html[data-theme="light"] .pricing-note,
html[data-theme="light"] .faq-card,
html[data-theme="light"] .addon-card {
  box-shadow: 0 18px 48px rgba(42, 67, 105, .12);
}
html[data-theme="light"] .hero-card,
html[data-theme="light"] .demo-shell,
html[data-theme="light"] .screen-frame,
html[data-theme="light"] footer.site-footer,
html[data-theme="light"] .eyeticker-wrap {
  --text: #eaf0ff;
  --muted: rgba(234,240,255,.76);
  --muted2: rgba(234,240,255,.62);
  color: var(--text);
}
html[data-theme="light"] .hero-card .pill {
  border-color: rgba(255,255,255,.16);
  background: rgba(255,255,255,.07);
  color: var(--text);
}
html[data-theme="light"] .eyeticker .eyeticker-wrap {
  border-color: rgba(255,255,255,.13);
  background:
    radial-gradient(1200px 240px at 50% 0%, rgba(53,245,255,.10), rgba(0,0,0,0)),
    #0a1020 !important;
  box-shadow: 0 18px 54px rgba(12,27,51,.28);
}
html[data-theme="light"] .eyeticker .eyeticker-title { color: rgba(234,240,255,.92); }
html[data-theme="light"] .eyeticker .eyeticker-note { color: rgba(234,240,255,.68); }
html[data-theme="light"] .eyeticker .pillx {
  border-color: rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color: rgba(234,240,255,.94);
}
html[data-theme="light"] .eyeticker .pillx .muted { color: rgba(234,240,255,.68); }
html[data-theme="light"] .eyeticker .pillx .badge {
  border-color: rgba(255,255,255,.15);
  background: rgba(255,255,255,.10);
}
html[data-theme="light"] .eyeticker .rows::before {
  background: linear-gradient(90deg, #0a1020, rgba(10,16,32,0));
}
html[data-theme="light"] .eyeticker .rows::after {
  background: linear-gradient(270deg, #0a1020, rgba(10,16,32,0));
}
html[data-theme="light"] footer.site-footer {
  border-top-color: rgba(53,245,255,.20);
  background:
    radial-gradient(800px 500px at 20% 0%, rgba(167,139,250,.12), transparent 60%),
    radial-gradient(800px 500px at 90% 100%, rgba(53,245,255,.11), transparent 60%),
    #0a1020;
}
html[data-theme="light"] footer.site-footer h3,
html[data-theme="light"] footer.site-footer h4 { color: #eaf0ff; }
html[data-theme="light"] footer.site-footer .footer-webtrust {
  border-color: rgba(255,206,92,.34);
  background: linear-gradient(135deg,rgba(255,206,92,.10),rgba(53,245,255,.06));
}

.social-section { overflow: hidden; }
.social-intro { max-width: 820px; }
.social-kicker {
  display: inline-flex;
  margin-bottom: 12px;
  color: var(--aqua);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .16em;
}
.social-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 24px;
}
.social-card {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 112px;
  padding: 20px;
  border: 1px solid var(--stroke2);
  border-radius: 20px;
  background: var(--card);
  box-shadow: 0 18px 48px rgba(0,0,0,.18);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.social-card:hover {
  transform: translateY(-3px);
  border-color: rgba(53,245,255,.48);
  box-shadow: 0 24px 64px rgba(0,0,0,.28);
}
.social-logo {
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  background: rgba(255,255,255,.95);
}
.social-logo svg { width: 30px; height: 30px; fill: currentColor; }
.social-facebook .social-logo { color: #1877f2; }
.social-youtube .social-logo { color: #ff0033; }
.social-tiktok .social-logo { color: #050505; box-shadow: inset 3px 0 #25f4ee, inset -3px 0 #fe2c55; }
.social-card strong { display: block; font-size: 18px; color: var(--text); }
.social-card small { display: block; margin-top: 6px; color: var(--muted); line-height: 1.45; }
.social-disclosure { margin: 16px 0 0; color: var(--muted2); font-size: 12px; line-height: 1.55; }

html[data-theme="light"] .social-kicker { color: #007d8a; }
html[data-theme="light"] .social-card { box-shadow: 0 18px 48px rgba(42,67,105,.12); }

@media (max-width: 840px) {
  .social-grid { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  .theme-toggle { order: -1; }
  .social-card { min-height: 96px; padding: 16px; }
}