/* Оптический фон: двигаются готовые градиентные слои, радиус blur не анимируется. */
.atmosphere {
  position: fixed;
  inset: 0;
  height: 100vh;
  z-index: -1;
  background: #101010;
}
.atmosphere:before,
.atmosphere:after {
  content: '';
  position: absolute;
  width: 125%;
  height: 125%;
  inset: -12%;
  pointer-events: none;
  transform-origin: center;
  animation-play-state: paused;
}
.atmosphere:before {
  background: radial-gradient(ellipse at 20% 25%, #8787877a, transparent 47%), radial-gradient(ellipse at 80% 65%, #8585856e, transparent 40%), radial-gradient(ellipse at 65% 10%, #c5c5c538, transparent 35%);
  animation: ambient-silver 26s ease-in-out infinite alternate paused;
}
.atmosphere:after {
  background: radial-gradient(ellipse at 22% 78%, #e9a67d3d, transparent 40%), radial-gradient(ellipse at 80% 35%, #91919140, transparent 42%);
  animation: ambient-warm 21s ease-in-out infinite alternate paused;
}
.atmosphere svg { opacity: .26; filter: blur(18px); }
.ambient-running .atmosphere:before,
.ambient-running .atmosphere:after { animation-play-state: running; }
.scene-light { background: radial-gradient(ellipse at 10% 30%, #dddddd6b, transparent 45%), radial-gradient(ellipse at 90% 80%, #f3c6a960, transparent 48%); }

/* У каждой крупной поверхности один слой размытия, без вложенного blur. */
.product-window {
  position: relative;
  background: linear-gradient(125deg, #d5d5d51a, #1616169e 55%, #9999992b);
  backdrop-filter: blur(22px) saturate(1.35);
  -webkit-backdrop-filter: blur(22px) saturate(1.35);
  border-color: #ededed66;
  box-shadow: 0 35px 90px #0006, inset 0 1px 0 #ffffff70, inset 0 -1px 0 #ededed1f;
}
.product-window .window-toolbar { backdrop-filter: none; -webkit-backdrop-filter: none; background: #dddddd0d; }
.product-sidebar { background: #1313134d; }
.product-content { background: linear-gradient(135deg, #21212133, #18181866); }
.featured-lead {
  background: linear-gradient(135deg, #e7e7e715, #212121bd);
  border-color: #e6e6e640;
  box-shadow: inset 0 1px #ffffff29, 0 12px 30px #0002;
}
.category-controls { border-color: #e8e8e83b; background: #13131352; box-shadow: inset 0 1px #f2f2f21f; }
.category-controls button[aria-pressed="true"] { background: linear-gradient(#b5b5b54d, #6a6a6a80); box-shadow: inset 0 1px #f7f7f766, inset 0 -1px #ffffff1a, 0 3px 7px #0003; }
.filter-stage {
  background: linear-gradient(125deg, #d0d0d01c, #222222a6);
  backdrop-filter: blur(16px) saturate(1.25);
  -webkit-backdrop-filter: blur(16px) saturate(1.25);
  border-color: #e8e8e84d;
  box-shadow: inset 0 1px #ffffff40, 0 18px 45px #0002;
}
.response-example {
  background: linear-gradient(125deg, #dbdbdb24, #262626bd);
  backdrop-filter: blur(18px) saturate(1.3);
  -webkit-backdrop-filter: blur(18px) saturate(1.3);
  border-color: #e8e8e850;
  box-shadow: inset 0 1px #ffffff59, 0 20px 60px #0003;
}
.workflow { background: linear-gradient(transparent, #0e0e0e33); }
.pricing-section { background: #0f0f0f30; }
.price-card {
  background: linear-gradient(140deg, #d1d1d11f, #1c1c1cb8);
  backdrop-filter: blur(18px) saturate(1.25);
  -webkit-backdrop-filter: blur(18px) saturate(1.25);
  border-color: #e3e3e342;
  box-shadow: inset 0 1px #ffffff3b, 0 16px 45px #0002;
}
.price-featured { background: linear-gradient(140deg, #f1d7c12b, #373737bd 50%, #262626bd); border-color: #f6d7b98c; box-shadow: inset 0 1px #fff8, 0 18px 50px #0004; }
.source-node > span { background: linear-gradient(135deg, #dedede30, #66666630); border-color: #efefef59; box-shadow: inset 0 1px #ffffff6b, 0 10px 24px #0003; }
.hero-description, .section-heading>p:last-child, .delivery-copy>p, .response-copy>p:last-child { color: #cdcdcd; }
.nav-shell { background: linear-gradient(120deg, #dfdfdf38, #262626b8 55%, #b0b0b02e); }
@keyframes ambient-silver { from { transform: translate3d(-3%, -2%, 0) rotate(-5deg); opacity: .68; } to { transform: translate3d(5%, 4%, 0) rotate(6deg); opacity: 1; } }
@keyframes ambient-warm { from { transform: translate3d(5%, 3%, 0) scale(1); opacity: .4; } to { transform: translate3d(-5%, -4%, 0) scale(1.07); opacity: .85; } }
@media(max-width:560px) {
  .atmosphere:before, .atmosphere:after { width: 130%; height: 120%; }
  .product-window, .filter-stage, .response-example, .price-card { backdrop-filter: blur(12px) saturate(1.2); -webkit-backdrop-filter: blur(12px) saturate(1.2); }
}
@media(prefers-reduced-motion:reduce) { .ambient-running .atmosphere:before, .ambient-running .atmosphere:after { animation-play-state: paused; } }
.reduced .atmosphere:before, .reduced .atmosphere:after { animation-play-state: paused; }
@media(prefers-reduced-transparency:reduce) { .product-window,.filter-stage,.response-example,.price-card { background:#252525;backdrop-filter:none;-webkit-backdrop-filter:none; } }
@media(prefers-contrast:more) { .product-window,.filter-stage,.response-example,.price-card { background:#232323;backdrop-filter:none;-webkit-backdrop-filter:none; } }
.opaque .product-window,.opaque .filter-stage,.opaque .response-example,.opaque .price-card { background:#252525;backdrop-filter:none;-webkit-backdrop-filter:none; }
@supports not (backdrop-filter:blur(1px)) { .product-window,.filter-stage,.response-example,.price-card { background:#252525; } }