[data-theme="light"] {
  --body-bg: #f5f7fa;
  --theme-color2: #f5f7fa;
  --headings-color: #1a1a2e;
  --text-color: rgba(26, 26, 46, 0.72);
  --text-color2: #707070;
  --theme-color-black: #1a1a2e;
  --theme-color-lighter: #e8eaed;
  --theme-color-lighter2: #cccccc;
  --theme-color-dark: #e0e3e8;
  --theme-color-gray: #d5d8dd;
  --gradient-1: linear-gradient(181.35deg, rgb(245 240 244 / 0%) 1.15%, rgb(230 0 126 / 8%) 98.91%);
  --gradient-4: linear-gradient(39.66deg, #f0ede8 -21.47%, #f5f7fa 55.5%);
  --gradient-5: linear-gradient(12.03deg, #f0e8ee -8.48%, #f5f7fa 80.11%);
}

[data-theme="light"] body {
  background-color: var(--body-bg);
  color: var(--text-color);
}

[data-theme="light"] .page-wrapper {
  background-color: var(--body-bg);
}

/* ---- Header ---- */
[data-theme="light"] .main-header {
  background-color: rgba(245, 247, 250, 0.92);
  backdrop-filter: blur(12px);
}
[data-theme="light"] .main-header .sticky-header {
  background-color: rgba(245, 247, 250, 0.95);
  backdrop-filter: blur(12px);
}
[data-theme="light"] .main-header .navigation > li > a,
[data-theme="light"] .main-header .dropdown > ul > li > a,
[data-theme="light"] .sticky-header .main-menu .navigation > li > a {
  color: #1a1a2e !important;
}
[data-theme="light"] .main-header .navigation > li > a:hover {
  color: #e6007e !important;
}
[data-theme="light"] .sticky-header .main-menu .navigation > li > a:hover,
[data-theme="light"] .sticky-header .main-menu .navigation > li.current > a {
  color: #e6007e !important;
}
[data-theme="light"] .main-header .dropdown > ul {
  background-color: #ffffff;
  border: 1px solid #e0e3e8;
}
[data-theme="light"] .mobile-menu .menu-box {
  background-color: #ffffff;
}

/* Finturu wordmark — solid black in light mode */
[data-theme="light"] .main-header .logo img,
[data-theme="light"] .main-header .sticky-header .logo img,
[data-theme="light"] .mobile-menu .nav-logo img {
  filter: brightness(0);
}

/* ---- Banner ---- */
[data-theme="light"] .banner-section-four .title,
[data-theme="light"] .banner-section-four .title span {
  color: #1a1a2e;
}
[data-theme="light"] .banner-section-four .text {
  color: rgba(0, 0, 0, 0.6);
}
[data-theme="light"] .banner-section-four .content-box .btn-style-five.theme-btn {
  font-size: 17px;
  padding: 17px 38px;
}
[data-theme="light"] .banner-section-four .content-box .banner-play-btn {
  color: #1a1a2e;
  font-size: 17px;
}
[data-theme="light"] .banner-section-four .content-box .banner-play-btn:hover {
  color: #e6007e;
}
[data-theme="light"] .banner-section-four .content-box .banner-play-btn .icon {
  color: #e6007e;
  background-color: #ffffff;
  border: 1.5px solid rgba(230, 0, 126, 0.45);
  box-shadow: 0 2px 12px rgba(230, 0, 126, 0.15);
  width: 60px;
  height: 60px;
  line-height: 60px;
}
[data-theme="light"] .banner-section-four .content-box .banner-play-btn:hover .icon {
  background-color: #e6007e;
  color: #ffffff;
  border-color: #e6007e;
}

/* ---- Clients ---- */
[data-theme="light"] .clients-section .outer-box {
  background-color: rgba(0, 0, 0, 0.03);
  border-color: rgba(0, 0, 0, 0.08);
}
[data-theme="light"] .clients-section .client-title {
  color: #555;
}

/* ---- Ecosystem ---- */
[data-theme="light"] .ecosystem-section {
  background: #f5f7fa;
}
[data-theme="light"] .ecosystem-grid-bg {
  opacity: 0.03;
}
[data-theme="light"] .ecosystem-glow-bg {
  opacity: 0.15;
}
[data-theme="light"] .ecosystem-title {
  color: #1a1a2e;
}
[data-theme="light"] .ecosystem-subtitle {
  color: rgba(0, 0, 0, 0.6);
}
[data-theme="light"] .ecosystem-section .ecosystem-card {
  background: #ffffff !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
}
[data-theme="light"] .ecosystem-section .ecosystem-card::before {
  opacity: 0;
  pointer-events: none;
}
[data-theme="light"] .ecosystem-card-title {
  color: #1a1a2e;
}
[data-theme="light"] .ecosystem-card-desc {
  color: rgba(0, 0, 0, 0.6);
}
[data-theme="light"] .ecosystem-orb-inner {
  background: linear-gradient(135deg, #ffffff, #f0f0f5);
  box-shadow: 0 0 40px rgba(230, 0, 126, 0.15);
}
[data-theme="light"] .ecosystem-orb-text {
  color: #1a1a2e;
}

/* ---- Services / Features (outer box is #000 in base CSS) ---- */
[data-theme="light"] .features-section-two-h4 {
  background: #eef1f6;
}
[data-theme="light"] .features-section-two-h4 .outer-box {
  background: #ffffff !important;
  border-color: rgba(0, 0, 0, 0.1);
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.06);
}
[data-theme="light"] .features-section-two-h4 .container {
  background-image: none;
}
[data-theme="light"] .features-section-two-h4 .content-colmun .inner-colmun {
  background-color: #f6f7fb;
  border-color: rgba(0, 0, 0, 0.08);
}
[data-theme="light"] .features-section-two-h4 .image-column .inner-colmun {
  background: transparent;
}
[data-theme="light"] .features-block-h4 .title {
  color: #1a1a2e;
}
[data-theme="light"] .features-block-h4 .subtitle {
  color: #b80066;
}
[data-theme="light"] .features-block-h4 .text {
  color: rgba(26, 26, 46, 0.72);
}
[data-theme="light"] .features-block-h4 {
  background: #ffffff !important;
  border-bottom-color: rgba(0, 0, 0, 0.08);
  border-color: rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);
}
[data-theme="light"] .features-block-h4:hover {
  background: #fafbff !important;
}
[data-theme="light"] .features-block-h4 li {
  color: rgba(26, 26, 46, 0.78);
}
/* Pills: base CSS uses white text — force readable contrast on light cards */
[data-theme="light"] .features-section-two-h4 .features-list .btn-outline {
  color: #1a1a2e !important;
  background: rgba(0, 175, 255, 0.12) !important;
  border-color: rgba(0, 175, 255, 0.45) !important;
}

[data-theme="light"] .sec-title .title {
  color: #1a1a2e;
}
[data-theme="light"] .sec-title .text {
  color: rgba(0, 0, 0, 0.6);
}

/* ---- Feature / Status Quo ---- */
[data-theme="light"] .feature-section-layout4 {
  background: #eef0f4;
}
[data-theme="light"] .feature-block-post-layout4 .inner {
  background: rgba(255, 255, 255, 0.8);
  border-color: rgba(0, 0, 0, 0.08);
}
[data-theme="light"] .feature-block-post-layout4 .counter-title a {
  color: #1a1a2e;
}
[data-theme="light"] .feature-block-post-layout4 .text {
  color: rgba(0, 0, 0, 0.6);
}
[data-theme="light"] .feature-section-layout4 .btn-style-five.theme-btn {
  font-size: 17px;
  padding: 17px 38px;
}

/* ---- Pricing ---- */
[data-theme="light"] .pricing-section-layout4 {
  background: #f5f7fa;
}
[data-theme="light"] .pricing-item-l4 {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.1);
}
[data-theme="light"] .pricing-item-l4 .title {
  color: #1a1a2e;
}
[data-theme="light"] .pricing-item-l4 .subtitle {
  color: rgba(0, 0, 0, 0.5);
}
[data-theme="light"] .pricing-item-l4 .price {
  color: #1a1a2e;
}
[data-theme="light"] .pricing-item-l4 .features li span {
  color: rgba(0, 0, 0, 0.7);
}
[data-theme="light"] .pricing-item-l4.style2 {
  background: rgba(255, 255, 255, 0.6);
}
[data-theme="light"] .pricing-wrapper-layout4 .pricing-wrapper-child {
  background-color: #eceef3 !important;
}

/* style2 comparison cards — base CSS uses white text for dark cards */
[data-theme="light"] .pricing-item-l4.style2 .title {
  color: #1a1a2e !important;
}
[data-theme="light"] .pricing-item-l4.style2 .subtitle {
  color: rgba(26, 26, 46, 0.55) !important;
}
[data-theme="light"] .pricing-item-l4.style2 .price {
  color: #1a1a2e !important;
}
[data-theme="light"] .pricing-item-l4.style2 .price .month,
[data-theme="light"] .pricing-item-l4.style2 .month {
  color: rgba(26, 26, 46, 0.52) !important;
}
[data-theme="light"] .pricing-item-l4.style2 .features li,
[data-theme="light"] .pricing-item-l4.style2 .features li.active {
  color: rgba(26, 26, 46, 0.72) !important;
}
[data-theme="light"] .pricing-item-l4.style2 .features li.disabled {
  color: rgba(26, 26, 46, 0.38) !important;
}
[data-theme="light"] .pricing-item-l4.style2 .features li.active .icon {
  background: rgba(230, 0, 126, 0.12) !important;
  color: #e6007e !important;
}
[data-theme="light"] .pricing-item-l4.style2 .features li.disabled .icon {
  background: rgba(26, 26, 46, 0.08) !important;
  color: rgba(26, 26, 46, 0.35) !important;
}
[data-theme="light"] .pricing-item-l4.style2 .icon.dark {
  background: #eef0f4 !important;
}
[data-theme="light"] .pricing-item-l4.style2 .icon.dark i {
  color: #5c5f72 !important;
}

/* ---- Net Circle ---- */
[data-theme="light"] .nc-section {
  background: #eef1f6 !important;
  color: #1a1a2e;
}
[data-theme="light"] .nc-title {
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  color: #1a1a2e !important;
  -webkit-text-fill-color: #1a1a2e;
}
[data-theme="light"] .nc-subtitle {
  color: rgba(26, 26, 46, 0.72) !important;
  max-width: 38rem;
}
[data-theme="light"] .nc-pill {
  color: #1a1a2e;
  background: linear-gradient(135deg, #ffffff 0%, #f0e8f0 100%);
  border-color: rgba(230, 0, 126, 0.25);
  box-shadow: 0 6px 20px rgba(230, 0, 126, 0.12);
}
[data-theme="light"] .nc-grid-bg {
  opacity: 0.12;
}
[data-theme="light"] .nc-glow-bg {
  opacity: 0.35;
}
[data-theme="light"] .nc-card {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
}
[data-theme="light"] .nc-card::before {
  opacity: 0;
  pointer-events: none;
}
[data-theme="light"] .nc-card-title {
  color: #1a1a2e;
}
[data-theme="light"] .nc-card-desc {
  color: rgba(26, 26, 46, 0.72) !important;
}
[data-theme="light"] .nc-icon-wrap {
  background: rgba(230, 0, 126, 0.1);
  box-shadow: inset 0 0 0 1px rgba(230, 0, 126, 0.28);
  color: #b80068;
}
[data-theme="light"] .nc-icon-wrap svg {
  stroke-width: 2.25;
}
[data-theme="light"] .nc-orb-content {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0;
}
[data-theme="light"] .nc-orb-text {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35), 0 0 24px rgba(0, 0, 0, 0.25);
}
[data-theme="light"] .nc-connectors .nc-path {
  stroke: rgba(26, 26, 46, 0.32) !important;
  stroke-width: 2 !important;
}
[data-theme="light"] .nc-connectors .nc-packet {
  fill: #e6007e !important;
}
[data-theme="light"] .nc-ring-1 {
  border-color: rgba(230, 0, 126, 0.35);
}
[data-theme="light"] .nc-ring-2 {
  border-color: rgba(26, 26, 46, 0.2);
}
[data-theme="light"] .nc-card-dot {
  background: #e6007e;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9);
}

/* ---- CTA (dark strip: generic h/p/a rules must not win here) ---- */
[data-theme="light"] .cta-section-two-layout2 .sec-title .title,
[data-theme="light"] .cta-section-two-layout2 .sec-title .text,
[data-theme="light"] .cta-section-two-layout2 h2,
[data-theme="light"] .cta-section-two-layout2 p {
  color: #ffffff !important;
}
[data-theme="light"] .cta-section-two-layout2 .sec-title .title span {
  color: #e6007e !important;
}
[data-theme="light"] .cta-section-two-layout2 .sec-title .text {
  color: rgba(255, 255, 255, 0.88) !important;
}
[data-theme="light"] .cta-section-two-layout2 .sub-title {
  color: rgba(255, 255, 255, 0.92) !important;
}
[data-theme="light"] .cta-section-two-layout2 .app-button,
[data-theme="light"] .cta-section-two-layout2 .button-box a.theme-btn {
  color: #ffffff !important;
}
[data-theme="light"] .cta-section-two-layout2 .app-button {
  background-color: rgba(13, 10, 28, 0.88);
  border-color: rgba(255, 255, 255, 0.35);
}
[data-theme="light"] .cta-section-two-layout2 .app-button:hover {
  color: #ffffff !important;
}

/* ---- Footer ---- */
[data-theme="light"] .main-footer.footer-style-four {
  background: #1a1a2e;
}

.footer-style-four .footer-widget-wrapper-four {
  padding: 72px 0 36px;
}

/* ---- Generic text overrides ---- */
[data-theme="light"] h1, [data-theme="light"] h2, [data-theme="light"] h3,
[data-theme="light"] h4, [data-theme="light"] h5, [data-theme="light"] h6 {
  color: #1a1a2e;
}
[data-theme="light"] p {
  color: rgba(0, 0, 0, 0.65);
}
[data-theme="light"] a {
  color: #1a1a2e;
}
[data-theme="light"] a.btn-style-five,
[data-theme="light"] a.btn-style-five:hover {
  color: #ffffff !important;
}

/* Footer stays dark in light mode — global p/a must not apply here */
[data-theme="light"] .main-footer.footer-style-four .footer-content p,
[data-theme="light"] .main-footer.footer-style-four p {
  color: rgba(255, 255, 255, 0.78) !important;
}
[data-theme="light"] .main-footer.footer-style-four .widget-head .title {
  color: #ffffff !important;
}
[data-theme="light"] .main-footer.footer-style-four .user-links li a,
[data-theme="light"] .main-footer.footer-style-four .policy-link a {
  color: rgba(255, 255, 255, 0.82) !important;
}
[data-theme="light"] .main-footer.footer-style-four .user-links li a:hover,
[data-theme="light"] .main-footer.footer-style-four .policy-link a:hover {
  color: #e6007e !important;
}
[data-theme="light"] .main-footer.footer-style-four .footer-logo img {
  filter: none;
}
[data-theme="light"] .main-footer.footer-style-four .social-icon-list4 li a {
  color: #ffffff !important;
}
[data-theme="light"] .main-footer.footer-style-four .subscribe-form-four .btn-style-five,
[data-theme="light"] .main-footer.footer-style-four .subscribe-form-four .theme-btn {
  color: #ffffff !important;
}

/* Main footer: bottom bar + any text — global light p/a/h* must not apply here */
[data-theme="light"] .main-footer.footer-style-four .footer-bottom4 p,
[data-theme="light"] .main-footer.footer-style-four .footer-bottom4 p span {
  color: rgba(255, 255, 255, 0.9) !important;
}
[data-theme="light"] .main-footer.footer-style-four .footer-bottom4 .policy-link a {
  color: rgba(255, 255, 255, 0.88) !important;
}
[data-theme="light"] .main-footer.footer-style-four .footer-bottom4 .policy-link a:hover {
  color: #e6007e !important;
}
[data-theme="light"] .main-footer.footer-style-four .footer-content p,
[data-theme="light"] .main-footer.footer-style-four .footer-widget-items p {
  color: rgba(255, 255, 255, 0.82) !important;
}
[data-theme="light"] .main-footer.footer-style-four h1,
[data-theme="light"] .main-footer.footer-style-four h2,
[data-theme="light"] .main-footer.footer-style-four h3,
[data-theme="light"] .main-footer.footer-style-four h4,
[data-theme="light"] .main-footer.footer-style-four h5,
[data-theme="light"] .main-footer.footer-style-four h6 {
  color: rgba(255, 255, 255, 0.95) !important;
}

/* Solutions pages — footer.js (.site-footer) */
[data-theme="light"] .site-footer {
  background: #1a1a2e;
  color: rgba(255, 255, 255, 0.85);
  border-top-color: rgba(255, 255, 255, 0.1);
}
[data-theme="light"] .site-footer .footer-desc,
[data-theme="light"] .site-footer .footer-grid p,
[data-theme="light"] .site-footer .footer-bottom p,
[data-theme="light"] .site-footer .footer-bottom a {
  color: rgba(255, 255, 255, 0.84) !important;
}
[data-theme="light"] .site-footer .footer-col-title {
  color: rgba(255, 255, 255, 0.94) !important;
}
[data-theme="light"] .site-footer .footer-links a {
  color: rgba(255, 255, 255, 0.82) !important;
}
[data-theme="light"] .site-footer .footer-links a:hover,
[data-theme="light"] .site-footer .footer-bottom a:hover {
  color: #e6007e !important;
}
[data-theme="light"] .site-footer .footer-grid {
  border-bottom-color: rgba(255, 255, 255, 0.12);
}
[data-theme="light"] .site-footer .footer-logo img {
  filter: none;
}
[data-theme="light"] .site-footer .footer-social li a {
  color: #ffffff !important;
}
[data-theme="light"] .site-footer .footer-form button {
  color: #ffffff !important;
}

/* ---- Btn outlines ---- */
[data-theme="light"] .btn-outline {
  color: rgba(0, 0, 0, 0.7);
  border-color: rgba(0, 0, 0, 0.15);
}

/* ---- Sub-title pill ---- */
[data-theme="light"] .sub-title {
  color: #e6007e;
}

/* ---- Preloader ---- */
[data-theme="light"] .preloader {
  background: #f5f7fa;
}
[data-theme="light"] .preloader .load-text span {
  color: #1a1a2e;
}

/* ---- Back to top ---- */
[data-theme="light"] .back-to-top-btn {
  background: #1a1a2e;
  color: #ffffff;
}

/* ---- Theme/Lang toggle controls ---- */
.header-controls {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-right: 12px;
}
.theme-toggle-btn,
.lang-toggle-btn {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #ffffff;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 14px;
  padding: 0;
}
.lang-toggle-btn {
  width: auto;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.5px;
  font-family: inherit;
}
.theme-toggle-btn:hover,
.lang-toggle-btn:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.3);
}

[data-theme="light"] .theme-toggle-btn,
[data-theme="light"] .lang-toggle-btn {
  background: rgba(0, 0, 0, 0.06);
  border-color: rgba(0, 0, 0, 0.12);
  color: #1a1a2e;
}
[data-theme="light"] .theme-toggle-btn:hover,
[data-theme="light"] .lang-toggle-btn:hover {
  background: rgba(0, 0, 0, 0.1);
  border-color: rgba(0, 0, 0, 0.2);
}

/* Mobile responsive controls */
@media (max-width: 991px) {
  .header-controls {
    position: absolute;
    right: 60px;
    top: 50%;
    transform: translateY(-50%);
  }
}

/* ================================================================
   Solutions pages — Light theme overrides
   ================================================================ */
[data-theme="light"] {
  --background: oklch(0.97 0.005 265);
  --foreground: oklch(0.15 0.02 265);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.15 0.02 265);
  --secondary: oklch(0.94 0.01 265);
  --secondary-foreground: oklch(0.15 0.02 265);
  --muted: oklch(0.94 0.01 265);
  --muted-foreground: oklch(0.45 0.02 265);
  --accent: oklch(0.92 0.01 265);
  --border: oklch(0.80 0.01 265 / 50%);
  --theme-color-dark: #e0e3e8;
  --theme-color-light: rgba(0, 0, 0, 0.65);
  --theme-color-gray: rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .hero {
  background: oklch(0.97 0.005 265);
}
[data-theme="light"] .section-bg-secondary {
  background: oklch(0.95 0.005 265);
}
[data-theme="light"] .card {
  background: oklch(1 0 0);
  border-color: oklch(0.88 0.01 265);
}
[data-theme="light"] .settle-card {
  background: oklch(1 0 0);
  border-color: oklch(0.88 0.01 265);
}
[data-theme="light"] .settle-card.primary {
  border-color: var(--primary);
}
[data-theme="light"] .badge-pill {
  background: oklch(0.92 0.01 265);
  color: oklch(0.15 0.02 265);
}
[data-theme="light"] .footer {
  background: oklch(0.15 0.02 265);
  color: oklch(0.85 0.01 265);
}
[data-theme="light"] .cta-section {
  background: oklch(0.92 0.01 265);
}
[data-theme="light"] pre {
  background: oklch(0.96 0.005 265);
  color: oklch(0.30 0.02 265);
  border-color: oklch(0.88 0.01 265);
}

/* ---- Solutions light: Worldwide Accounts — visual depth ---- */
@keyframes sol-aurora-shift {
  0%, 100% { opacity: 0.5; transform: translate(0, 0) scale(1); }
  50% { opacity: 0.9; transform: translate(2%, -3%) scale(1.04); }
}
@keyframes sol-float-soft {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}

[data-theme="light"] body.page-worldwide-accounts .sol-hero-aurora {
  background:
    radial-gradient(ellipse 78% 58% at 82% 8%, rgba(230, 0, 126, 0.16), transparent 58%),
    radial-gradient(ellipse 55% 48% at 8% 35%, rgba(230, 0, 126, 0.08), transparent 52%),
    radial-gradient(ellipse 45% 40% at 70% 85%, rgba(135, 0, 73, 0.08), transparent 48%);
  animation: sol-aurora-shift 18s ease-in-out infinite;
}

[data-theme="light"] body.page-worldwide-accounts .section-bg-secondary {
  background:
    radial-gradient(ellipse 70% 45% at 15% 10%, rgba(230, 0, 126, 0.05), transparent 50%),
    radial-gradient(ellipse 55% 40% at 95% 90%, rgba(135, 0, 73, 0.04), transparent 48%),
    oklch(0.965 0 0);
}

[data-theme="light"] body.page-worldwide-accounts .currency-pill {
  background: linear-gradient(145deg, #ffffff 0%, #f4f6fb 100%);
  border: 1px solid rgba(230, 0, 126, 0.18);
  box-shadow: 0 4px 16px rgba(26, 26, 46, 0.06);
}

[data-theme="light"] body.page-worldwide-accounts .race-legend {
  padding: 0.65rem 1.5rem;
  background: #ffffff;
  border-radius: 999px;
  border: 1px solid rgba(26, 26, 46, 0.08);
  box-shadow: 0 8px 28px rgba(26, 26, 46, 0.07);
}

[data-theme="light"] body.page-worldwide-accounts .rail-row {
  padding: 1rem 1.25rem;
  background: #ffffff;
  border-radius: 1rem;
  border: 1px solid rgba(26, 26, 46, 0.07);
  box-shadow: 0 6px 22px rgba(26, 26, 46, 0.05);
}

[data-theme="light"] body.page-worldwide-accounts .rail-bar.primary {
  box-shadow: 0 0 0 1px rgba(230, 0, 126, 0.12) inset;
}

[data-theme="light"] body.page-worldwide-accounts .account-flip-wrap .account-card {
  background: linear-gradient(168deg, #ffffff 0%, #f3f5fb 55%, #fafbff 100%);
  box-shadow:
    0 24px 56px -28px rgba(230, 0, 126, 0.22),
    0 0 0 1px rgba(230, 0, 126, 0.1);
}

[data-theme="light"] body.page-worldwide-accounts .account-stat {
  padding: 1.1rem 0.75rem;
  background: #ffffff;
  border-radius: 1rem;
  border: 1px solid rgba(26, 26, 46, 0.07);
  box-shadow: 0 8px 24px rgba(26, 26, 46, 0.05);
}

[data-theme="light"] body.page-worldwide-accounts .account-stat .value {
  background: linear-gradient(120deg, #e6007e, #870049);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

[data-theme="light"] body.page-worldwide-accounts .ledger {
  box-shadow: 0 16px 48px -24px rgba(26, 26, 46, 0.12);
  border-color: rgba(26, 26, 46, 0.08);
}

[data-theme="light"] body.page-worldwide-accounts .ledger-head {
  background: linear-gradient(90deg, rgba(230, 0, 126, 0.1), rgba(230, 0, 126, 0.04));
  border-bottom-color: rgba(26, 26, 46, 0.08);
}

[data-theme="light"] body.page-worldwide-accounts .ledger-row:nth-child(even):not(.done) {
  background: rgba(245, 247, 250, 0.85);
}

[data-theme="light"] body.page-worldwide-accounts .step-item {
  background: #ffffff;
  border-radius: 1.1rem;
  padding: 1.35rem 1.25rem;
  border: 1px solid rgba(26, 26, 46, 0.07);
  box-shadow: 0 10px 32px rgba(26, 26, 46, 0.06);
  transition: transform 0.28s ease, box-shadow 0.28s ease;
}

[data-theme="light"] body.page-worldwide-accounts .step-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 44px -18px rgba(230, 0, 126, 0.16);
}

[data-theme="light"] body.page-worldwide-accounts .step-icon-square {
  background: linear-gradient(135deg, rgba(230, 0, 126, 0.14), rgba(46, 196, 182, 0.12));
  box-shadow: 0 4px 14px rgba(230, 0, 126, 0.1);
}

[data-theme="light"] body.page-worldwide-accounts .step-num-circle {
  box-shadow: 0 4px 12px rgba(230, 0, 126, 0.35);
}

[data-theme="light"] body.page-worldwide-accounts .usecase-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

[data-theme="light"] body.page-worldwide-accounts .usecase-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 28px 56px -20px rgba(230, 0, 126, 0.14);
}

[data-theme="light"] body.page-worldwide-accounts .section-header .badge-pill {
  box-shadow: 0 0 0 1px rgba(230, 0, 126, 0.2), 0 8px 24px rgba(230, 0, 126, 0.08);
}

[data-theme="light"] body.page-worldwide-accounts .replay-btn {
  padding: 0.5rem 1.25rem;
  border-radius: 999px;
  background: rgba(230, 0, 126, 0.08);
  border: 1px solid rgba(230, 0, 126, 0.2);
}

/* ---- Solutions light: Integrations ---- */
[data-theme="light"] body.page-integrations .sol-hero-aurora {
  background:
    radial-gradient(ellipse 72% 55% at 75% 0%, rgba(230, 0, 126, 0.14), transparent 55%),
    radial-gradient(ellipse 50% 45% at 5% 60%, rgba(230, 0, 126, 0.07), transparent 50%),
    radial-gradient(ellipse 40% 35% at 90% 85%, rgba(135, 0, 73, 0.08), transparent 45%);
  animation: sol-aurora-shift 20s ease-in-out infinite;
}

[data-theme="light"] body.page-integrations .section-bg-secondary {
  background:
    radial-gradient(ellipse 65% 50% at 80% 0%, rgba(230, 0, 126, 0.06), transparent 48%),
    radial-gradient(ellipse 50% 40% at 0% 100%, rgba(135, 0, 73, 0.04), transparent 45%),
    oklch(0.965 0 0);
}

[data-theme="light"] body.page-integrations .badge-pill-sm {
  border: 1px solid rgba(230, 0, 126, 0.25);
  box-shadow: 0 2px 10px rgba(230, 0, 126, 0.08);
}

[data-theme="light"] body.page-integrations .plugin-status-card {
  background: linear-gradient(165deg, #ffffff 0%, #f5f7fb 100%);
  border: 1px solid rgba(230, 0, 126, 0.16);
  box-shadow:
    0 28px 64px -32px rgba(230, 0, 126, 0.25),
    0 0 0 1px rgba(255, 255, 255, 0.8) inset;
  animation: sol-float-soft 9s ease-in-out infinite;
}

[data-theme="light"] body.page-integrations .plugin-mini {
  background: #ffffff;
  border: 1px solid rgba(26, 26, 46, 0.06);
  box-shadow: 0 2px 8px rgba(26, 26, 46, 0.04);
}

[data-theme="light"] body.page-integrations .dataflow-svg-wrap {
  padding: 1rem;
  background: #ffffff;
  border-radius: 1.25rem;
  border: 1px solid rgba(26, 26, 46, 0.07);
  box-shadow: 0 14px 40px rgba(26, 26, 46, 0.08);
}

[data-theme="light"] body.page-integrations .dataflow-source,
[data-theme="light"] body.page-integrations .dataflow-output {
  background: linear-gradient(135deg, #ffffff, #f8f9fc);
  border: 1px solid rgba(230, 0, 126, 0.12);
  box-shadow: 0 4px 14px rgba(26, 26, 46, 0.05);
}

[data-theme="light"] body.page-integrations .dataflow-counter {
  background: linear-gradient(90deg, rgba(230, 0, 126, 0.12), rgba(46, 196, 182, 0.1));
  border: 1px solid rgba(230, 0, 126, 0.15);
  border-radius: 999px;
  box-shadow: 0 4px 14px rgba(230, 0, 126, 0.1);
}

[data-theme="light"] body.page-integrations .plugin-filter-btn:not(.active) {
  background: #ffffff;
  box-shadow: 0 2px 8px rgba(26, 26, 46, 0.04);
}

[data-theme="light"] body.page-integrations .plugin-filter-btn.active {
  box-shadow: 0 6px 20px rgba(230, 0, 126, 0.25);
}

[data-theme="light"] body.page-integrations .plugin-card {
  background: linear-gradient(180deg, #ffffff 0%, #fafbff 100%);
  border-color: rgba(26, 26, 46, 0.08);
  box-shadow: 0 6px 20px rgba(26, 26, 46, 0.05);
}

[data-theme="light"] body.page-integrations .plugin-card:hover {
  border-color: rgba(230, 0, 126, 0.28);
  box-shadow: 0 14px 36px -12px rgba(230, 0, 126, 0.18);
}

[data-theme="light"] body.page-integrations .plugin-card.expanded {
  box-shadow: 0 22px 50px -20px rgba(230, 0, 126, 0.22);
}

[data-theme="light"] body.page-integrations .terminal {
  border: 1px solid rgba(26, 26, 46, 0.1);
  box-shadow: 0 18px 48px rgba(26, 26, 46, 0.1);
}

[data-theme="light"] body.page-integrations .terminal-bar {
  background: linear-gradient(90deg, rgba(230, 0, 126, 0.08), rgba(26, 26, 46, 0.04));
  border-bottom-color: rgba(26, 26, 46, 0.08);
}

[data-theme="light"] body.page-integrations .terminal-stat {
  background: #ffffff;
  border-radius: 0.75rem;
  border: 1px solid rgba(26, 26, 46, 0.07);
  box-shadow: 0 4px 14px rgba(26, 26, 46, 0.05);
}

[data-theme="light"] body.page-integrations .terminal-stat .value {
  background: linear-gradient(120deg, #e6007e, #870049);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

[data-theme="light"] body.page-integrations .how-item-compact {
  background: #ffffff;
  border-radius: 1rem;
  padding: 1.25rem 1rem;
  border: 1px solid rgba(26, 26, 46, 0.07);
  box-shadow: 0 8px 24px rgba(26, 26, 46, 0.05);
}

[data-theme="light"] body.page-integrations .how-item-compact .icon-box {
  background: linear-gradient(135deg, rgba(230, 0, 126, 0.12), rgba(99, 102, 241, 0.1));
  box-shadow: 0 4px 12px rgba(99, 102, 241, 0.12);
}

[data-theme="light"] body.page-integrations .usecase-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

[data-theme="light"] body.page-integrations .usecase-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 22px 48px -18px rgba(230, 0, 126, 0.12);
}

[data-theme="light"] body.page-integrations .section-header .badge-pill {
  box-shadow: 0 0 0 1px rgba(230, 0, 126, 0.2), 0 8px 22px rgba(230, 0, 126, 0.08);
}

@media (prefers-reduced-motion: reduce) {
  [data-theme="light"] body.page-worldwide-accounts .sol-hero-aurora,
  [data-theme="light"] body.page-integrations .sol-hero-aurora,
  [data-theme="light"] body.page-integrations .plugin-status-card {
    animation: none !important;
  }
}
