/* Страницы продуктов экосистемы NEXUS AI PRO (/remote, /tunnel): общие стили поверх Tailwind CDN */
:root { --bg: #0B0E14; --cyan: #00F2FE; --sky: #38BDF8; }
html, body { overflow-x: hidden; overflow-x: clip; }
html { background: var(--bg); }
body { background: var(--bg); color: #E2E8F0; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
::selection { background: rgba(0,242,254,.3); color: #fff; }

.eco-grid {
  background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 44px 44px;
  -webkit-mask-image: radial-gradient(ellipse 80% 60% at 50% 20%, #000 30%, transparent 78%);
          mask-image: radial-gradient(ellipse 80% 60% at 50% 20%, #000 30%, transparent 78%);
}
.text-gradient { background: linear-gradient(100deg, #7DF9FF 0%, #00F2FE 35%, #38BDF8 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.eco-card { background: rgba(255,255,255,.02); border: 1px solid rgba(255,255,255,.10); transition: border-color .3s ease, box-shadow .3s ease, transform .3s ease; }
.eco-card:hover { border-color: rgba(0,242,254,.35); box-shadow: 0 20px 60px -30px rgba(0,242,254,.55); }
.eco-plaque { background: rgba(0,242,254,.05); border: 1px solid rgba(0,242,254,.18); }
.logo-mark { filter: drop-shadow(0 0 6px rgba(0,242,254,.5)); }
.pro-pill { border: 1.5px solid #22D3EE; color: #22D3EE; box-shadow: 0 0 12px -2px rgba(34,211,238,.6), inset 0 0 8px -2px rgba(34,211,238,.4); }

.btn-primary {
  background: linear-gradient(100deg, #00F2FE, #38BDF8 55%, #3B82F6);
  color: #04131a !important;
  box-shadow: 0 0 0 1px rgba(0,242,254,.45) inset, 0 10px 30px -10px rgba(0,242,254,.75);
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
}
.btn-primary:hover { transform: translateY(-2px); filter: brightness(1.06); box-shadow: 0 0 0 1px rgba(0,242,254,.6) inset, 0 16px 45px -10px rgba(0,242,254,.9); }

/* EcosystemPricing */
.eco-toggle { color: #94A3B8; transition: background .2s ease, color .2s ease; }
.eco-toggle:hover { color: #fff; }
.eco-toggle.is-active { background: rgba(0,242,254,.12); color: #fff; box-shadow: inset 0 0 0 1px rgba(0,242,254,.35); }
.eco-toggle:focus-visible, a:focus-visible, button:focus-visible { outline: 2px solid var(--cyan); outline-offset: 2px; }
.eco-plan { background: rgba(255,255,255,.02); border: 1px solid rgba(255,255,255,.10); }
.eco-plan--featured { background: linear-gradient(180deg, rgba(0,242,254,.07), rgba(56,189,248,.02)); border-color: rgba(0,242,254,.45); box-shadow: 0 0 0 1px rgba(0,242,254,.12), 0 24px 70px -30px rgba(0,242,254,.6); }

details > summary { list-style: none; } details > summary::-webkit-details-marker { display: none; }
details[open] .faq-icon { transform: rotate(45deg); }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
}