/* MIKRON site-wide visual refresh — 2026-08-24
   Extends the visual language of the homepage to all inner pages without changing content or SEO structure. */

body:not([data-page="home"]){
  --inner-lime:#a8ef2c;
  --inner-lime-2:#d9ff86;
  --inner-green:#215e2e;
  --inner-ink:#102319;
  position:relative;
}

:root[data-theme="light"] body:not([data-page="home"]){
  background:
    radial-gradient(circle at 10% 6%,rgba(184,236,105,.26),transparent 24%),
    radial-gradient(circle at 88% 10%,rgba(214,255,134,.32),transparent 30%),
    linear-gradient(180deg,#fbfff5 0%,#f3fae8 42%,#eef8dd 100%);
}

:root[data-theme="dark"] body:not([data-page="home"]){
  --bg:#102719;
  --bg-soft:#153321;
  --surface:#193d27;
  --surface-2:#204b30;
  --border:rgba(183,255,50,.22);
  --fg:#f7fff0;
  --fg-muted:#c8d7c6;
  --fg-dim:#9db39c;
  background:
    radial-gradient(circle at 8% 4%,rgba(183,255,50,.12),transparent 28%),
    radial-gradient(circle at 95% 16%,rgba(132,220,74,.12),transparent 24%),
    linear-gradient(180deg,#0f2718,#12311f 46%,#10281a);
}

/* Bright glass nav on inner pages */
:root[data-theme="light"] body:not([data-page="home"]) .nav{
  background:rgba(250,255,244,.82)!important;
  border-bottom-color:rgba(108,157,65,.18)!important;
  box-shadow:0 8px 34px rgba(49,87,38,.07)!important;
}
:root[data-theme="light"] body:not([data-page="home"]) .nav.scrolled{background:rgba(250,255,244,.94)!important}

/* Shared animated canvas on inner-page sections */
body:not([data-page="home"]) .section,
body:not([data-page="home"]) .brand-model-section,
body:not([data-page="home"]) .seo-model-hub,
body:not([data-page="home"]) .iphone-picker-section,
body:not([data-page="home"]) .model-compact-hero,
body:not([data-page="home"]) .model-other-device,
body:not([data-page="home"]) .cta-banner,
body:not([data-page="home"]) .contact-section{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}

/* Large rotating gradient rings */
body:not([data-page="home"]) .section::before,
body:not([data-page="home"]) .brand-model-section::before,
body:not([data-page="home"]) .seo-model-hub::before,
body:not([data-page="home"]) .iphone-picker-section::before,
body:not([data-page="home"]) .model-compact-hero::before,
body:not([data-page="home"]) .model-other-device::before,
body:not([data-page="home"]) .cta-banner::before{
  content:"";
  position:absolute;
  width:520px;height:520px;
  right:-190px;top:-230px;
  border-radius:50%;
  background:
    radial-gradient(circle at center,transparent 55%,rgba(184,255,70,.15) 56%,transparent 57%),
    conic-gradient(from 30deg,transparent 0 13%,rgba(255,255,255,.76) 14% 14.5%,rgba(182,255,59,.62) 15% 17%,transparent 18% 44%,rgba(255,255,255,.45) 45% 46%,rgba(170,244,47,.52) 47% 49%,transparent 50% 100%);
  mask:radial-gradient(circle,transparent 0 56%,#000 57% 60%,transparent 61% 67%,#000 68% 69%,transparent 70%);
  -webkit-mask:radial-gradient(circle,transparent 0 56%,#000 57% 60%,transparent 61% 67%,#000 68% 69%,transparent 70%);
  opacity:.42;
  pointer-events:none;
  z-index:-1;
  animation:mikronInnerOrbit 24s linear infinite;
  filter:drop-shadow(0 0 22px rgba(183,255,50,.16));
}

body:not([data-page="home"]) .section::after,
body:not([data-page="home"]) .brand-model-section::after,
body:not([data-page="home"]) .seo-model-hub::after,
body:not([data-page="home"]) .iphone-picker-section::after,
body:not([data-page="home"]) .model-compact-hero::after,
body:not([data-page="home"]) .model-other-device::after,
body:not([data-page="home"]) .cta-banner::after{
  content:"";
  position:absolute;
  width:390px;height:390px;
  left:-180px;bottom:-230px;
  border-radius:50%;
  border:1px solid rgba(154,222,62,.18);
  box-shadow:
    0 0 0 34px rgba(163,235,70,.035),
    0 0 0 70px rgba(163,235,70,.027),
    0 0 0 112px rgba(163,235,70,.018),
    0 0 70px rgba(164,242,60,.11);
  opacity:.78;
  pointer-events:none;
  z-index:-1;
  animation:mikronInnerOrbitReverse 30s linear infinite;
}

@keyframes mikronInnerOrbit{to{transform:rotate(360deg)}}
@keyframes mikronInnerOrbitReverse{to{transform:rotate(-360deg)}}
@keyframes mikronGlowFloat{0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.68}50%{transform:translate3d(-22px,18px,0) scale(1.08);opacity:1}}
@keyframes mikronCardShimmer{0%{transform:translateX(-145%) rotate(14deg)}60%,100%{transform:translateX(225%) rotate(14deg)}}

/* Light sections closer to homepage instead of dark slabs */
:root[data-theme="light"] body:not([data-page="home"]) .section,
:root[data-theme="light"] body:not([data-page="home"]) .brand-model-section,
:root[data-theme="light"] body:not([data-page="home"]) .seo-model-hub,
:root[data-theme="light"] body:not([data-page="home"]) .iphone-picker-section,
:root[data-theme="light"] body:not([data-page="home"]) .contact-section{
  background:
    radial-gradient(circle at 84% 12%,rgba(183,237,87,.18),transparent 30%),
    radial-gradient(circle at 12% 90%,rgba(216,255,145,.20),transparent 34%),
    linear-gradient(180deg,rgba(253,255,249,.92),rgba(240,249,226,.88))!important;
  border-color:rgba(115,165,72,.15)!important;
}
:root[data-theme="light"] body:not([data-page="home"]) .section:nth-of-type(even):not(.contact-section){
  background:
    radial-gradient(circle at 14% 24%,rgba(196,242,117,.22),transparent 29%),
    radial-gradient(circle at 92% 72%,rgba(222,255,162,.22),transparent 30%),
    linear-gradient(180deg,#f5fbe9,#edf7da)!important;
}

/* Model hero is no longer a dark slab in light theme */
:root[data-theme="light"] body:not([data-page="home"]) .model-compact-hero{
  color:#102319!important;
  background:
    radial-gradient(circle at 20% 20%,rgba(225,255,171,.60),transparent 30%),
    radial-gradient(circle at 88% 12%,rgba(179,236,84,.28),transparent 29%),
    linear-gradient(135deg,#fbfff5 0%,#f0f9df 56%,#e8f5d0 100%)!important;
  border-bottom:1px solid rgba(116,166,73,.18)!important;
}
:root[data-theme="light"] body:not([data-page="home"]) .model-compact-title{color:#102319!important}
:root[data-theme="light"] body:not([data-page="home"]) .model-title-accent,
:root[data-theme="light"] body:not([data-page="home"]) .model-compact-eyebrow{color:#70b515!important}
:root[data-theme="light"] body:not([data-page="home"]) .model-compact-lead{color:#4f6252!important}
:root[data-theme="light"] body:not([data-page="home"]) .model-compact-pill{
  color:#536354!important;
  background:rgba(255,255,255,.70)!important;
  border-color:rgba(110,160,73,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 8px 24px rgba(67,108,45,.06);
}
:root[data-theme="light"] body:not([data-page="home"]) .model-compact-pill strong{color:#17351d!important}
:root[data-theme="light"] body:not([data-page="home"]) .model-compact-device{
  border-color:rgba(117,179,44,.34)!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(190,243,96,.22),transparent 58%),
    linear-gradient(145deg,rgba(255,255,255,.86),rgba(232,247,211,.74))!important;
  box-shadow:0 28px 70px rgba(60,105,37,.13),inset 0 1px 0 rgba(255,255,255,.95)!important;
}
:root[data-theme="light"] body:not([data-page="home"]) .model-compact-device img{filter:drop-shadow(0 22px 30px rgba(50,82,35,.22))!important}

/* "Other device" becomes a bright premium glass card */
:root[data-theme="light"] body:not([data-page="home"]) .model-other-device{
  color:#142419!important;
  background:linear-gradient(180deg,#edf7da 0%,#f7fceE 100%)!important;
}
:root[data-theme="light"] body:not([data-page="home"]) .model-other-card{
  background:
    radial-gradient(circle at 12% 48%,rgba(191,244,93,.24),transparent 25%),
    linear-gradient(135deg,rgba(255,255,255,.84),rgba(237,248,218,.75))!important;
  border-color:rgba(120,184,44,.28)!important;
  box-shadow:0 24px 64px rgba(59,104,39,.11),inset 0 1px 0 rgba(255,255,255,.92)!important;
}
:root[data-theme="light"] body:not([data-page="home"]) .model-other-copy h2{color:#11271a!important}
:root[data-theme="light"] body:not([data-page="home"]) .model-other-copy p{color:#5d6d5f!important}
:root[data-theme="light"] body:not([data-page="home"]) .model-other-benefits{color:#405944!important}

/* Shared premium glass cards */
body:not([data-page="home"]) :is(.advantage-card,.break-card,.service-item,.review-card,.step,.brand-model-card,.seo-model-card,.iphone-product-card,.popular-price-card,.contact-card-v3,.calc-card,.blog-card,.device-card){
  position:relative;
  overflow:hidden;
  transition:transform .32s var(--ease),box-shadow .32s var(--ease),border-color .32s var(--ease)!important;
}
:root[data-theme="light"] body:not([data-page="home"]) :is(.advantage-card,.break-card,.service-item,.review-card,.step,.brand-model-card,.seo-model-card,.iphone-product-card,.popular-price-card,.contact-card-v3,.calc-card,.blog-card,.device-card){
  background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(246,251,237,.73))!important;
  border-color:rgba(120,166,80,.18)!important;
  box-shadow:0 18px 44px rgba(50,91,37,.075),inset 0 1px 0 rgba(255,255,255,.90)!important;
  backdrop-filter:blur(13px);
  -webkit-backdrop-filter:blur(13px);
}
body:not([data-page="home"]) :is(.advantage-card,.break-card,.service-item,.review-card,.brand-model-card,.seo-model-card,.iphone-product-card,.popular-price-card):hover{
  transform:translateY(-6px)!important;
  border-color:rgba(147,218,49,.45)!important;
  box-shadow:0 24px 56px rgba(54,102,36,.13),0 0 30px rgba(180,245,72,.10),inset 0 1px 0 rgba(255,255,255,.9)!important;
}

/* Bright gradient sheen on interactive cards */
body:not([data-page="home"]) :is(.advantage-card,.break-card,.service-item,.brand-model-card,.seo-model-card,.iphone-product-card,.popular-price-card)::before{
  content:"";
  position:absolute;inset:-30% auto -30% -45%;width:32%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);
  transform:rotate(14deg);
  pointer-events:none;
  opacity:.0;
}
body:not([data-page="home"]) :is(.advantage-card,.break-card,.service-item,.brand-model-card,.seo-model-card,.iphone-product-card,.popular-price-card):hover::before{
  opacity:1;
  animation:mikronCardShimmer 1.15s ease both;
}

/* Price/service tables retain readability while feeling lighter */
:root[data-theme="light"] body:not([data-page="home"]) :is(.services-table,.service-list,.price-list,.calc-panel){
  background:rgba(255,255,255,.60)!important;
  border-color:rgba(112,162,71,.16)!important;
  box-shadow:0 18px 52px rgba(54,96,38,.06)!important;
  backdrop-filter:blur(10px);
}

/* CTA banners keep contrast, but use the homepage green rather than near-black */
body:not([data-page="home"]) .cta-banner{
  background:
    radial-gradient(circle at 12% 18%,rgba(183,255,50,.18),transparent 28%),
    radial-gradient(circle at 92% 70%,rgba(207,255,103,.11),transparent 30%),
    linear-gradient(135deg,#174b28,#0e3820)!important;
  border-top:1px solid rgba(183,255,50,.18);
  border-bottom:1px solid rgba(183,255,50,.18);
}

/* Decorative glowing dots layered over sections */
body:not([data-page="home"]) .section > .wrap::after,
body:not([data-page="home"]) .model-compact-hero > .wrap::after,
body:not([data-page="home"]) .model-other-device > .wrap::after{
  content:"";
  position:absolute;
  width:9px;height:9px;
  right:5%;top:12%;
  border-radius:50%;
  background:#d6ff72;
  box-shadow:0 0 8px #d6ff72,0 0 22px rgba(183,255,50,.82),-120px 74px 0 -2px rgba(183,255,50,.68),-120px 74px 14px 0 rgba(183,255,50,.25),-280px -20px 0 -3px rgba(255,255,255,.82);
  pointer-events:none;
  animation:mikronGlowFloat 4.8s ease-in-out infinite;
  z-index:-1;
}

/* Legal/blog pages: clean editorial cards instead of heavy dark canvas */
:root[data-theme="light"] body[data-page="legal"] main,
:root[data-theme="light"] body[data-page="privacy"] main,
:root[data-theme="light"] body[data-page^="blog"] main{
  background:transparent!important;
}
:root[data-theme="light"] body[data-page="legal"] :is(.legal-card,.content-card,.policy-card),
:root[data-theme="light"] body[data-page="privacy"] :is(.legal-card,.content-card,.policy-card){
  background:rgba(255,255,255,.78)!important;
  border-color:rgba(112,162,71,.18)!important;
  box-shadow:0 20px 52px rgba(50,88,38,.07)!important;
}

/* Make the dark theme greener and less black on inner pages */
:root[data-theme="dark"] body:not([data-page="home"]) .model-compact-hero,
:root[data-theme="dark"] body:not([data-page="home"]) .model-other-device{
  background:
    radial-gradient(circle at 82% 15%,rgba(183,255,50,.12),transparent 28%),
    linear-gradient(145deg,#102c1b,#0d2417)!important;
}
:root[data-theme="dark"] body:not([data-page="home"]) .section:nth-of-type(even):not(.contact-section){background:#143321!important}
:root[data-theme="dark"] body:not([data-page="home"]) :is(.advantage-card,.break-card,.service-item,.review-card,.brand-model-card,.seo-model-card,.iphone-product-card,.popular-price-card){background:linear-gradient(145deg,rgba(28,62,39,.92),rgba(19,48,30,.90))!important}

/* Motion accessibility + responsive tuning */
@media(max-width:900px){
  body:not([data-page="home"]) .section::before,
  body:not([data-page="home"]) .brand-model-section::before,
  body:not([data-page="home"]) .seo-model-hub::before,
  body:not([data-page="home"]) .iphone-picker-section::before,
  body:not([data-page="home"]) .model-compact-hero::before,
  body:not([data-page="home"]) .model-other-device::before,
  body:not([data-page="home"]) .cta-banner::before{width:360px;height:360px;right:-170px;top:-150px;opacity:.32}
}
@media(max-width:600px){
  body:not([data-page="home"]) .section::after,
  body:not([data-page="home"]) .brand-model-section::after,
  body:not([data-page="home"]) .seo-model-hub::after,
  body:not([data-page="home"]) .iphone-picker-section::after{width:250px;height:250px;left:-140px;bottom:-160px;opacity:.55}
}
@media(prefers-reduced-motion:reduce){
  body:not([data-page="home"]) .section::before,
  body:not([data-page="home"]) .section::after,
  body:not([data-page="home"]) .brand-model-section::before,
  body:not([data-page="home"]) .brand-model-section::after,
  body:not([data-page="home"]) .model-compact-hero::before,
  body:not([data-page="home"]) .model-other-device::before,
  body:not([data-page="home"]) .section > .wrap::after{animation:none!important}
}

/* V87 — lighten the "Почему обращаются к нам" section on secondary pages
   and remove the white shimmer/glow animation from cards. */
body:not([data-page="home"]) header.hero + .section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 14% 24%, rgba(186,255,94,.14), transparent 24%),
    radial-gradient(circle at 84% 18%, rgba(172,244,84,.10), transparent 22%),
    radial-gradient(circle at 50% 100%, rgba(128,196,62,.08), transparent 28%),
    linear-gradient(180deg, rgba(7,18,12,.92) 0%, rgba(5,14,10,.97) 100%) !important;
}
body:not([data-page="home"]) header.hero + .section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(170,239,82,.12) 0%, rgba(170,239,82,0) 30%, rgba(170,239,82,0) 70%, rgba(170,239,82,.08) 100%),
    radial-gradient(circle at 8% 78%, rgba(179,245,96,.12), transparent 26%),
    radial-gradient(circle at 93% 78%, rgba(179,245,96,.08), transparent 22%);
  opacity:1;
}
body:not([data-page="home"]) header.hero + .section > .wrap{
  position:relative;
  z-index:1;
}
body:not([data-page="home"]) header.hero + .section .section-head h2{
  text-shadow:0 10px 28px rgba(0,0,0,.38);
}
body:not([data-page="home"]) header.hero + .section .advantage-card{
  background:linear-gradient(145deg, rgba(18,42,29,.84), rgba(8,22,15,.94)) !important;
  border-color:rgba(135,195,75,.26) !important;
  box-shadow:0 18px 42px rgba(9,18,12,.24), inset 0 1px 0 rgba(214,255,156,.04) !important;
  backdrop-filter:blur(0px) !important;
  -webkit-backdrop-filter:blur(0px) !important;
}
body:not([data-page="home"]) header.hero + .section .advantage-card:hover{
  transform:translateY(-4px) !important;
  border-color:rgba(164,233,79,.34) !important;
  box-shadow:0 20px 46px rgba(10,20,14,.28) !important;
}
body:not([data-page="home"]) header.hero + .section .advantage-card .ico{
  background:linear-gradient(180deg, rgba(120,181,48,.30), rgba(70,116,34,.20)) !important;
  border:1px solid rgba(155,223,74,.22) !important;
  box-shadow:none !important;
}
/* kill the white shimmer / white glow animation on cards */
body:not([data-page="home"]) :is(.advantage-card,.break-card,.service-item,.review-card,.brand-model-card,.seo-model-card,.iphone-product-card,.popular-price-card)::before{
  content:none !important;
  animation:none !important;
  opacity:0 !important;
}
body:not([data-page="home"]) :is(.advantage-card,.break-card,.service-item,.review-card,.brand-model-card,.seo-model-card,.iphone-product-card,.popular-price-card):hover::before{
  content:none !important;
  animation:none !important;
  opacity:0 !important;
}

:root[data-theme="light"] body:not([data-page="home"]) header.hero + .section{
  background:
    radial-gradient(circle at 14% 24%, rgba(193,242,123,.26), transparent 24%),
    radial-gradient(circle at 84% 18%, rgba(178,229,101,.18), transparent 22%),
    linear-gradient(180deg, rgba(243,248,236,.94) 0%, rgba(236,244,228,.98) 100%) !important;
}
:root[data-theme="light"] body:not([data-page="home"]) header.hero + .section::before{
  background:
    linear-gradient(90deg, rgba(175,223,100,.18) 0%, rgba(175,223,100,0) 30%, rgba(175,223,100,0) 70%, rgba(175,223,100,.12) 100%),
    radial-gradient(circle at 8% 78%, rgba(193,242,123,.16), transparent 24%),
    radial-gradient(circle at 93% 78%, rgba(193,242,123,.10), transparent 22%);
}
:root[data-theme="light"] body:not([data-page="home"]) header.hero + .section .advantage-card{
  background:linear-gradient(145deg, rgba(255,255,255,.90), rgba(242,249,233,.80)) !important;
  border-color:rgba(129,183,74,.22) !important;
  box-shadow:0 16px 38px rgba(54,96,38,.08), inset 0 1px 0 rgba(255,255,255,.85) !important;
}
:root[data-theme="light"] body:not([data-page="home"]) header.hero + .section .advantage-card:hover{
  border-color:rgba(129,183,74,.30) !important;
  box-shadow:0 18px 42px rgba(54,96,38,.10) !important;
}

/* V88 — make the "Почему обращаются к нам" section even lighter */
body:not([data-page="home"]) header.hero + .section{
  background:
    radial-gradient(circle at 14% 24%, rgba(196,255,104,.18), transparent 24%),
    radial-gradient(circle at 84% 18%, rgba(186,250,96,.14), transparent 22%),
    radial-gradient(circle at 50% 100%, rgba(150,215,72,.11), transparent 28%),
    linear-gradient(180deg, rgba(10,24,16,.88) 0%, rgba(7,18,13,.94) 100%) !important;
}
body:not([data-page="home"]) header.hero + .section::before{
  background:
    linear-gradient(90deg, rgba(186,248,100,.16) 0%, rgba(186,248,100,0) 28%, rgba(186,248,100,0) 72%, rgba(186,248,100,.12) 100%),
    radial-gradient(circle at 8% 78%, rgba(193,250,110,.16), transparent 26%),
    radial-gradient(circle at 93% 78%, rgba(193,250,110,.10), transparent 22%) !important;
}
body:not([data-page="home"]) header.hero + .section .advantage-card{
  background:linear-gradient(145deg, rgba(22,50,35,.86), rgba(12,28,20,.94)) !important;
  border-color:rgba(151,214,87,.30) !important;
  box-shadow:0 18px 42px rgba(9,18,12,.18), inset 0 1px 0 rgba(226,255,178,.06) !important;
}
body:not([data-page="home"]) header.hero + .section .advantage-card:hover{
  border-color:rgba(175,239,100,.38) !important;
  box-shadow:0 20px 46px rgba(10,20,14,.22) !important;
}
body:not([data-page="home"]) header.hero + .section .advantage-card .ico{
  background:linear-gradient(180deg, rgba(131,197,55,.34), rgba(78,126,38,.24)) !important;
  border-color:rgba(169,235,88,.26) !important;
}

:root[data-theme="light"] body:not([data-page="home"]) header.hero + .section{
  background:
    radial-gradient(circle at 14% 24%, rgba(205,247,138,.34), transparent 24%),
    radial-gradient(circle at 84% 18%, rgba(191,234,122,.22), transparent 22%),
    linear-gradient(180deg, rgba(247,251,241,.96) 0%, rgba(241,248,234,.99) 100%) !important;
}
:root[data-theme="light"] body:not([data-page="home"]) header.hero + .section::before{
  background:
    linear-gradient(90deg, rgba(187,228,120,.22) 0%, rgba(187,228,120,0) 28%, rgba(187,228,120,0) 72%, rgba(187,228,120,.16) 100%),
    radial-gradient(circle at 8% 78%, rgba(205,247,138,.20), transparent 24%),
    radial-gradient(circle at 93% 78%, rgba(205,247,138,.12), transparent 22%) !important;
}
:root[data-theme="light"] body:not([data-page="home"]) header.hero + .section .advantage-card{
  background:linear-gradient(145deg, rgba(255,255,255,.94), rgba(245,251,237,.86)) !important;
  border-color:rgba(141,192,87,.24) !important;
  box-shadow:0 16px 38px rgba(54,96,38,.06), inset 0 1px 0 rgba(255,255,255,.92) !important;
}

/* V89 — make the advantages section much lighter, closer to the brighter sections above */
body:not([data-page="home"]) header.hero + .section{
  background:
    radial-gradient(circle at 12% 20%, rgba(198,255,108,.24), transparent 26%),
    radial-gradient(circle at 82% 16%, rgba(188,247,100,.18), transparent 24%),
    radial-gradient(circle at 18% 86%, rgba(164,231,84,.16), transparent 24%),
    radial-gradient(circle at 88% 82%, rgba(164,231,84,.12), transparent 22%),
    linear-gradient(180deg, rgba(16,38,25,.90) 0%, rgba(10,27,19,.95) 100%) !important;
}
body:not([data-page="home"]) header.hero + .section::before{
  background:
    linear-gradient(90deg, rgba(190,247,105,.18) 0%, rgba(190,247,105,0) 24%, rgba(190,247,105,0) 76%, rgba(190,247,105,.12) 100%),
    radial-gradient(circle at 8% 74%, rgba(202,255,118,.18), transparent 28%),
    radial-gradient(circle at 92% 26%, rgba(202,255,118,.10), transparent 22%),
    radial-gradient(circle at 50% 100%, rgba(170,233,91,.08), transparent 30%) !important;
  opacity:1 !important;
}
body:not([data-page="home"]) header.hero + .section .advantage-card{
  background:linear-gradient(145deg, rgba(26,58,40,.88), rgba(14,33,23,.94)) !important;
  border-color:rgba(165,231,94,.34) !important;
  box-shadow:0 16px 36px rgba(7,16,11,.16), inset 0 1px 0 rgba(224,255,176,.08) !important;
}
body:not([data-page="home"]) header.hero + .section .advantage-card:hover{
  border-color:rgba(183,245,110,.42) !important;
  box-shadow:0 18px 40px rgba(7,16,11,.18) !important;
}
body:not([data-page="home"]) header.hero + .section .advantage-card .ico{
  background:linear-gradient(180deg, rgba(144,214,63,.38), rgba(82,130,42,.24)) !important;
  border-color:rgba(180,244,103,.28) !important;
}

:root[data-theme="light"] body:not([data-page="home"]) header.hero + .section{
  background:
    radial-gradient(circle at 12% 20%, rgba(212,248,149,.40), transparent 26%),
    radial-gradient(circle at 82% 16%, rgba(198,236,130,.26), transparent 24%),
    linear-gradient(180deg, rgba(248,252,242,.98) 0%, rgba(242,249,234,1) 100%) !important;
}
:root[data-theme="light"] body:not([data-page="home"]) header.hero + .section::before{
  background:
    linear-gradient(90deg, rgba(190,229,124,.24) 0%, rgba(190,229,124,0) 24%, rgba(190,229,124,0) 76%, rgba(190,229,124,.18) 100%),
    radial-gradient(circle at 8% 74%, rgba(212,248,149,.22), transparent 26%),
    radial-gradient(circle at 92% 26%, rgba(212,248,149,.14), transparent 22%) !important;
}
:root[data-theme="light"] body:not([data-page="home"]) header.hero + .section .advantage-card{
  background:linear-gradient(145deg, rgba(255,255,255,.96), rgba(247,252,239,.90)) !important;
  border-color:rgba(149,197,93,.28) !important;
  box-shadow:0 14px 34px rgba(54,96,38,.05), inset 0 1px 0 rgba(255,255,255,.96) !important;
}

/* V90 — make ONLY the advantages section background much lighter and distinctly lime */
body:not([data-page="home"]) header.hero + .section{
  background:
    radial-gradient(circle at 12% 18%, rgba(200,255,92,.42), transparent 30%),
    radial-gradient(circle at 82% 16%, rgba(190,250,86,.34), transparent 28%),
    radial-gradient(circle at 18% 84%, rgba(183,244,79,.28), transparent 28%),
    radial-gradient(circle at 88% 82%, rgba(178,239,74,.22), transparent 26%),
    linear-gradient(180deg, rgba(68,108,43,.96) 0%, rgba(46,82,34,.98) 100%) !important;
}
body:not([data-page="home"]) header.hero + .section::before{
  background:
    linear-gradient(90deg, rgba(205,255,101,.30) 0%, rgba(205,255,101,.07) 24%, rgba(205,255,101,0) 50%, rgba(205,255,101,.06) 76%, rgba(205,255,101,.24) 100%),
    radial-gradient(circle at 8% 72%, rgba(211,255,116,.26), transparent 28%),
    radial-gradient(circle at 92% 24%, rgba(211,255,116,.20), transparent 26%),
    radial-gradient(circle at 50% 104%, rgba(193,249,92,.18), transparent 34%) !important;
  opacity:1 !important;
}

:root[data-theme="light"] body:not([data-page="home"]) header.hero + .section{
  background:
    radial-gradient(circle at 12% 18%, rgba(222,255,163,.46), transparent 30%),
    radial-gradient(circle at 82% 16%, rgba(212,248,145,.36), transparent 28%),
    linear-gradient(180deg, rgba(235,249,209,.99) 0%, rgba(224,242,194,1) 100%) !important;
}
:root[data-theme="light"] body:not([data-page="home"]) header.hero + .section::before{
  background:
    linear-gradient(90deg, rgba(196,232,119,.30) 0%, rgba(196,232,119,.08) 24%, rgba(196,232,119,0) 50%, rgba(196,232,119,.06) 76%, rgba(196,232,119,.24) 100%),
    radial-gradient(circle at 8% 72%, rgba(219,253,157,.28), transparent 28%),
    radial-gradient(circle at 92% 24%, rgba(219,253,157,.22), transparent 26%) !important;
}

/* V91 — change the ACTUAL advantages-section background to a bright lime field.
   No extra radial spots/rings; cards stay exactly as in V89/V90. */
body:not([data-page="home"]) header.hero + .section{
  background:
    linear-gradient(115deg,
      #6f9637 0%,
      #628b32 18%,
      #557d2d 38%,
      #4b742a 56%,
      #5c842f 76%,
      #6a9235 100%) !important;
}
body:not([data-page="home"]) header.hero + .section::before{
  background:
    linear-gradient(90deg,
      rgba(204,255,102,.18) 0%,
      rgba(204,255,102,.06) 24%,
      rgba(255,255,255,0) 50%,
      rgba(204,255,102,.05) 76%,
      rgba(204,255,102,.15) 100%) !important;
  opacity:1 !important;
}

:root[data-theme="light"] body:not([data-page="home"]) header.hero + .section{
  background:
    linear-gradient(115deg,
      #d8f39a 0%,
      #cae98b 20%,
      #bddf7e 42%,
      #b4d775 60%,
      #c4e485 80%,
      #d3ee95 100%) !important;
}
:root[data-theme="light"] body:not([data-page="home"]) header.hero + .section::before{
  background:
    linear-gradient(90deg,
      rgba(255,255,255,.18) 0%,
      rgba(255,255,255,.05) 30%,
      rgba(255,255,255,0) 50%,
      rgba(255,255,255,.04) 70%,
      rgba(255,255,255,.14) 100%) !important;
}

/* V92 — copy the exact MAX lime spots from the tech hero into the advantages section */
body:not([data-page="home"]) header.hero + .section{
  background:
    radial-gradient(ellipse 72% 92% at 10% 18%, rgba(183,255,50,.58) 0%, rgba(183,255,50,.38) 26%, rgba(183,255,50,.18) 48%, transparent 72%),
    radial-gradient(ellipse 66% 86% at 88% 56%, rgba(183,255,50,.50) 0%, rgba(183,255,50,.30) 28%, rgba(183,255,50,.14) 50%, transparent 74%),
    radial-gradient(ellipse 46% 58% at 54% 96%, rgba(183,255,50,.34) 0%, rgba(183,255,50,.16) 40%, transparent 72%),
    linear-gradient(135deg,#0a1d10 0%,#173719 42%,#1f4a1d 62%,#102716 100%) !important;
}
body:not([data-page="home"]) header.hero + .section::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  width:auto !important;
  height:auto !important;
  right:auto !important;
  top:auto !important;
  left:auto !important;
  bottom:auto !important;
  border-radius:0 !important;
  mask:none !important;
  -webkit-mask:none !important;
  filter:none !important;
  animation:none !important;
  z-index:0 !important;
  opacity:1 !important;
  background-image:
    radial-gradient(ellipse 56% 56% at 18% 26%, rgba(206,255,114,.54) 0%, rgba(183,255,50,.28) 34%, transparent 70%),
    radial-gradient(ellipse 48% 54% at 80% 60%, rgba(203,255,105,.46) 0%, rgba(183,255,50,.24) 36%, transparent 72%),
    radial-gradient(ellipse 38% 42% at 44% 84%, rgba(183,255,50,.28) 0%, transparent 70%),
    linear-gradient(90deg, rgba(183,255,50,.18) 0%, rgba(183,255,50,.05) 28%, rgba(183,255,50,0) 50%, rgba(183,255,50,.06) 74%, rgba(183,255,50,.16) 100%) !important;
}
/* remove the old orbit circles/dots in this section so the transferred spots are the actual background */
body:not([data-page="home"]) header.hero + .section::after{
  content:none !important;
  display:none !important;
}
body:not([data-page="home"]) header.hero + .section > .wrap::after{
  content:none !important;
  display:none !important;
}
body:not([data-page="home"]) header.hero + .section > .wrap{
  position:relative !important;
  z-index:1 !important;
}

:root[data-theme="light"] body:not([data-page="home"]) header.hero + .section{
  background:
    radial-gradient(ellipse 72% 92% at 10% 18%, rgba(183,255,50,.58) 0%, rgba(183,255,50,.38) 26%, rgba(183,255,50,.18) 48%, transparent 72%),
    radial-gradient(ellipse 66% 86% at 88% 56%, rgba(183,255,50,.50) 0%, rgba(183,255,50,.30) 28%, rgba(183,255,50,.14) 50%, transparent 74%),
    radial-gradient(ellipse 46% 58% at 54% 96%, rgba(183,255,50,.34) 0%, rgba(183,255,50,.16) 40%, transparent 72%),
    linear-gradient(135deg,#0a1d10 0%,#173719 42%,#1f4a1d 62%,#102716 100%) !important;
}
:root[data-theme="light"] body:not([data-page="home"]) header.hero + .section::before{
  background-image:
    radial-gradient(ellipse 56% 56% at 18% 26%, rgba(206,255,114,.54) 0%, rgba(183,255,50,.28) 34%, transparent 70%),
    radial-gradient(ellipse 48% 54% at 80% 60%, rgba(203,255,105,.46) 0%, rgba(183,255,50,.24) 36%, transparent 72%),
    radial-gradient(ellipse 38% 42% at 44% 84%, rgba(183,255,50,.28) 0%, transparent 70%),
    linear-gradient(90deg, rgba(183,255,50,.18) 0%, rgba(183,255,50,.05) 28%, rgba(183,255,50,0) 50%, rgba(183,255,50,.06) 74%, rgba(183,255,50,.16) 100%) !important;
}


/* V93 — ACTUAL bright lime background for "Почему обращаются к нам".
   This changes the SECTION FILL itself, not decorative circles/spots. */
html body:not([data-page="home"]) header.hero + .section{
  background:
    linear-gradient(135deg,
      #6f982f 0%,
      #5f8c2a 22%,
      #4e7d24 48%,
      #5f8d2b 72%,
      #739b31 100%) !important;
  background-color:#5f8c2a !important;
  border-top-color:rgba(198,255,102,.28) !important;
  border-bottom-color:rgba(198,255,102,.28) !important;
}

/* Remove dark overlays so the bright section fill is actually visible. */
html body:not([data-page="home"]) header.hero + .section::before,
html body:not([data-page="home"]) header.hero + .section::after{
  content:none !important;
  display:none !important;
  background:none !important;
  opacity:0 !important;
}

/* Keep the cards dark for contrast; no white shimmer/glow. */
html body:not([data-page="home"]) header.hero + .section .advantage-card{
  background:linear-gradient(145deg,#143821 0%,#0d2918 100%) !important;
  border-color:rgba(202,255,103,.34) !important;
  box-shadow:0 16px 34px rgba(10,22,13,.20) !important;
}
html body:not([data-page="home"]) header.hero + .section .advantage-card:hover{
  background:linear-gradient(145deg,#143821 0%,#0d2918 100%) !important;
  border-color:rgba(210,255,114,.44) !important;
  box-shadow:0 18px 38px rgba(10,22,13,.22) !important;
}
html body:not([data-page="home"]) header.hero + .section .advantage-card::before,
html body:not([data-page="home"]) header.hero + .section .advantage-card::after{
  content:none !important;
  display:none !important;
  animation:none !important;
  box-shadow:none !important;
}


/* V94 — force the actual section background to be bright lime on all advantages sections. */

html body .advantages-section-lime{
  position:relative !important;
  overflow:hidden !important;
  background:#7ea935 !important;
  background-image:linear-gradient(135deg,#93bf43 0%, #86b53b 18%, #77a831 40%, #6b9d2e 58%, #7aaa34 78%, #8fbd42 100%) !important;
  border-top:1px solid rgba(207,255,120,.30) !important;
  border-bottom:1px solid rgba(207,255,120,.30) !important;
}
html[data-theme="light"] body .advantages-section-lime{
  background:#7ea935 !important;
  background-image:linear-gradient(135deg,#93bf43 0%, #86b53b 18%, #77a831 40%, #6b9d2e 58%, #7aaa34 78%, #8fbd42 100%) !important;
}
html body .advantages-section-lime::before,
html body .advantages-section-lime::after,
html body .advantages-section-lime > .wrap::before,
html body .advantages-section-lime > .wrap::after{
  content:none !important;
  display:none !important;
  background:none !important;
  opacity:0 !important;
  box-shadow:none !important;
  filter:none !important;
  animation:none !important;
}
html body .advantages-section-lime .section-head,
html body .advantages-section-lime .advantages-grid{
  position:relative !important;
  z-index:1 !important;
}
html body .advantages-section-lime .advantage-card{
  background:linear-gradient(145deg, rgba(18,49,31,.92), rgba(10,28,18,.96)) !important;
  border-color:rgba(206,255,112,.36) !important;
  box-shadow:0 14px 30px rgba(8,20,12,.18) !important;
}
html body .advantages-section-lime .advantage-card:hover{
  transform:translateY(-4px) !important;
  background:linear-gradient(145deg, rgba(18,49,31,.94), rgba(10,28,18,.98)) !important;
  border-color:rgba(218,255,132,.46) !important;
  box-shadow:0 16px 34px rgba(8,20,12,.22) !important;
}
html body .advantages-section-lime .advantage-card::before,
html body .advantages-section-lime .advantage-card::after{
  content:none !important;
  display:none !important;
  animation:none !important;
  box-shadow:none !important;
}


/* V95 — push advantages section to acid lime with bright spots and minimal dark green. */

html body .advantages-section-lime{
  background:#a8d63f !important;
  background-image:
    radial-gradient(circle at 12% 24%, rgba(226,255,128,.78) 0%, rgba(226,255,128,.52) 13%, rgba(226,255,128,0) 30%),
    radial-gradient(circle at 84% 18%, rgba(214,255,102,.70) 0%, rgba(214,255,102,.44) 12%, rgba(214,255,102,0) 28%),
    radial-gradient(circle at 74% 78%, rgba(200,255,92,.68) 0%, rgba(200,255,92,.40) 14%, rgba(200,255,92,0) 32%),
    radial-gradient(circle at 20% 82%, rgba(218,255,118,.62) 0%, rgba(218,255,118,.34) 13%, rgba(218,255,118,0) 30%),
    linear-gradient(135deg, #c2ef5a 0%, #b3e54c 16%, #a7db42 34%, #9fd43d 52%, #abdf47 72%, #c4ef62 100%) !important;
  border-top:1px solid rgba(228,255,145,.44) !important;
  border-bottom:1px solid rgba(228,255,145,.44) !important;
}
html[data-theme="light"] body .advantages-section-lime{
  background:#a8d63f !important;
  background-image:
    radial-gradient(circle at 12% 24%, rgba(226,255,128,.78) 0%, rgba(226,255,128,.52) 13%, rgba(226,255,128,0) 30%),
    radial-gradient(circle at 84% 18%, rgba(214,255,102,.70) 0%, rgba(214,255,102,.44) 12%, rgba(214,255,102,0) 28%),
    radial-gradient(circle at 74% 78%, rgba(200,255,92,.68) 0%, rgba(200,255,92,.40) 14%, rgba(200,255,92,0) 32%),
    radial-gradient(circle at 20% 82%, rgba(218,255,118,.62) 0%, rgba(218,255,118,.34) 13%, rgba(218,255,118,0) 30%),
    linear-gradient(135deg, #c2ef5a 0%, #b3e54c 16%, #a7db42 34%, #9fd43d 52%, #abdf47 72%, #c4ef62 100%) !important;
}
html body .advantages-section-lime .wrap,
html body .advantages-section-lime .section-head,
html body .advantages-section-lime .advantages-grid{
  background:transparent !important;
}