/* ============ TOKENS — dark (default) ============ */
:root{
  --bg: #0a0a0a;
  --bg-soft: #101010;
  --surface: #161616;
  --surface-2: #1d1d1d;
  --border: #2a2a2a;
  --fg: #f4f4f2;
  --fg-muted: #9c9c98;
  --fg-dim: #6b6b68;
  --accent: #b7ff32;
  --accent-2: #d3ff72;
  --accent-dim: #89c920;
  --accent-ink: #0a1400;
  --shadow: rgba(0,0,0,.45);
  --radius: 18px;
  --radius-sm: 10px;
  --maxw: 1240px;
  --ease: cubic-bezier(.16,.84,.44,1);
  --glow-1: rgba(158,230,44,.10);
  --glow-2: rgba(158,230,44,.08);
  --card-glow: rgba(158,230,44,.16);
  color-scheme: dark;
}

/* ============ TOKENS — light ============ */
:root[data-theme="light"]{
  --bg: #eef6dd;
  --bg-soft: #e1edc6;
  --surface: #f9fbf3;
  --surface-2: #eef2df;
  --border: #d3e0bd;
  --fg: #0e0f0c;
  --fg-muted: #52544c;
  --fg-dim: #83857b;
  --accent: #79b91c;
  --accent-2: #6ea812;
  --accent-dim: #8fce26;
  --accent-ink: #ffffff;
  --shadow: rgba(20,30,10,.12);
  --glow-1: rgba(92,154,23,.22);
  --glow-2: rgba(92,154,23,.17);
  --card-glow: rgba(92,154,23,.22);
  color-scheme: light;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--bg);
  color:var(--fg);
  font-family:'Segoe UI Variable Text','SF Pro Text','Aptos','Segoe UI',sans-serif;
  font-size:16px;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  transition:background .35s var(--ease), color .35s var(--ease);
}
h1,h2,h3,h4{
  font-family:'Segoe UI Variable Display','SF Pro Display','Aptos Display','Segoe UI',sans-serif;
  margin:0;
  line-height:1.06;
  letter-spacing:-0.035em;
  font-weight:720;
}
.lime-word{color:var(--accent);font-weight:800}
.display-soft{font-family:'Segoe UI Variable Display','SF Pro Display','Aptos Display','Segoe UI',sans-serif;font-weight:650;letter-spacing:-.045em}
.tech-label{font-family:'Cascadia Mono','SFMono-Regular','Consolas',monospace;letter-spacing:.1em;text-transform:uppercase}
p{margin:0;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
button{font-family:inherit;cursor:pointer;}
::selection{background:var(--accent);color:var(--accent-ink);}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px;}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px;position:relative;z-index:1;}
.eyebrow{
  font-family:'Cascadia Mono','SFMono-Regular','Consolas',monospace;
  font-size:12.5px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--accent);
  display:flex;align-items:center;gap:10px;
  margin-bottom:16px;
}
.eyebrow::before{
  content:'';
  width:7px;height:7px;border-radius:50%;
  background:var(--accent);
  box-shadow:0 0 0 4px var(--glow-1);
  flex-shrink:0;
  animation:nodepulse 2.4s ease-in-out infinite;
}
.section{padding:110px 0;position:relative;overflow:hidden;}
.section-head{max-width:640px;margin-bottom:56px;}
.section-head h2{font-size:clamp(28px,4vw,44px);position:relative;display:inline-block;}
.section-head h2::after{
  content:'';position:absolute;left:1px;bottom:-10px;height:3px;width:0;
  background:linear-gradient(90deg,var(--accent),transparent);border-radius:3px;
  transition:width .8s var(--ease) .1s;
}
.section-head.in h2::after{width:68px;}
.section-head .desc{margin-top:16px;color:var(--fg-muted);font-size:17px;max-width:520px;}

/* decorative floating accent blobs — more visible in light theme */
#about, #contact{position:relative;overflow:hidden;}
#about::before, #contact::before{
  content:'';position:absolute;width:440px;height:440px;border-radius:50%;
  background:radial-gradient(circle, var(--glow-1), transparent 70%);
  filter:blur(6px);top:-140px;right:-120px;pointer-events:none;z-index:0;
  animation:blobfloat 11s ease-in-out infinite;
}
#about::after, #contact::after{
  content:'';position:absolute;width:340px;height:340px;border-radius:50%;
  background:radial-gradient(circle, var(--glow-2), transparent 70%);
  filter:blur(6px);bottom:-120px;left:-100px;pointer-events:none;z-index:0;
  animation:blobfloat 13s ease-in-out infinite reverse;
}
@keyframes blobfloat{
  0%,100%{transform:translate(0,0) scale(1);}
  50%{transform:translate(-24px,26px) scale(1.1);}
}
@media(max-width:700px){
  #about::before, #contact::before{width:260px;height:260px;top:-80px;right:-80px;}
  #about::after, #contact::after{width:220px;height:220px;bottom:-70px;left:-70px;}
}

@media(max-width:860px){
  .wrap{padding:0 20px;}
  .section{padding:72px 0;}
  .section-head{margin-bottom:36px;}
}

/* ============ CIRCUIT TRACE SVG (signature motif) ============ */
.trace-line{ fill:none; stroke:var(--border); stroke-width:1.4; }
.trace-line.live{
  stroke:var(--accent-dim);
  stroke-dasharray:6 10;
  animation:traceflow 3.5s linear infinite;
}
@keyframes traceflow{ to{ stroke-dashoffset:-160; } }
.node{
  fill:var(--accent);
  filter:drop-shadow(0 0 6px rgba(158,230,44,.7));
  animation:nodepulse 2.4s ease-in-out infinite;
}
@keyframes nodepulse{ 0%,100%{opacity:1; r:4;} 50%{opacity:.55; r:5.2;} }
@keyframes iconPulse{ 0%{transform:scale(1) rotate(0);} 50%{transform:scale(1.16) rotate(-6deg);} 100%{transform:scale(1) rotate(0);} }
@keyframes themeSpin{ 0%{transform:rotate(-40deg) scale(.6);opacity:.3;} 100%{transform:rotate(0) scale(1);opacity:1;} }

/* ============ NAV ============ */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:200;
  background:color-mix(in srgb, var(--bg) 78%, transparent);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--border);
  transition:background .3s var(--ease), box-shadow .3s var(--ease);
}
.nav.scrolled{
  background:color-mix(in srgb, var(--bg) 94%, transparent);
  box-shadow:0 10px 30px var(--shadow);
}
.nav-inner{
  max-width:var(--maxw);margin:0 auto;padding:14px 32px;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
}
.logo-badge{
  background:#fff;border-radius:12px;padding:9px 20px;
  display:flex;align-items:center;flex-shrink:0;
  box-shadow:0 4px 18px var(--shadow);
  transition:transform .3s var(--ease);
}
.logo-badge:hover{transform:translateY(-1px);}
.logo-badge img{height:32px;width:auto;display:block;}
.logo-mark{
  font-family:'Segoe UI Variable Display','SF Pro Display','Aptos Display','Segoe UI',sans-serif;font-weight:800;font-size:21px;letter-spacing:.01em;
  color:#0a0a0a;line-height:1;white-space:nowrap;display:inline-flex;align-items:baseline;
}
.logo-mark .i-dot{position:relative;padding:0 1px;}
.logo-mark .i-dot::before{
  content:'';position:absolute;top:-5px;left:50%;transform:translateX(-50%);
  width:6px;height:6px;border-radius:50%;background:#b7ff32;
  box-shadow:0 0 6px rgba(158,230,44,.6);
}
@media(max-width:480px){.logo-mark{font-size:17px;}.logo-mark .i-dot::before{top:-4px;width:5px;height:5px;}}
.nav-links{display:flex;align-items:center;gap:22px;list-style:none;margin:0;padding:0;font-size:14px;font-weight:600;}
.nav-links > li > a{color:var(--fg-muted);transition:color .2s;position:relative;}
.nav-links > li > a:hover,.nav-links > li > a.active{color:var(--fg);}
.nav-links > li > a::after{
  content:'';position:absolute;left:0;bottom:-6px;width:0;height:1.5px;background:var(--accent);
  transition:width .25s var(--ease);
}
.nav-links > li > a:hover::after,.nav-links > li > a.active::after{width:100%;}

.has-dropdown{position:relative;}
.dropdown-trigger{display:flex;align-items:center;gap:6px;background:none;border:0;color:var(--fg-muted);font:inherit;font-weight:600;padding:0;cursor:pointer;}
.dropdown-trigger:hover{color:var(--fg);}
.dropdown-trigger svg{width:10px;height:10px;transition:transform .25s var(--ease);}
.has-dropdown.open .dropdown-trigger svg{transform:rotate(180deg);}
.dropdown-panel{
  position:absolute;top:calc(100% + 18px);left:50%;transform:translateX(-50%) translateY(6px);
  width:520px;background:var(--surface);border:1px solid var(--border);border-radius:16px;
  padding:14px;box-shadow:0 30px 60px var(--shadow);
  display:grid;grid-template-columns:1fr 1fr;gap:4px;
  opacity:0;pointer-events:none;transition:opacity .22s var(--ease), transform .22s var(--ease);
}
.has-dropdown.open .dropdown-panel{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0);}
.dropdown-panel a{
  display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;
  color:var(--fg);font-size:14px;font-weight:600;transition:background .18s;
}
.dropdown-panel a:hover{background:var(--surface-2);}
.dropdown-panel a.active{color:var(--accent);}
.dropdown-panel .ico{
  width:30px;height:30px;border-radius:8px;background:rgba(158,230,44,.12);color:var(--accent);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px;
}

.nav-cta{display:flex;align-items:center;gap:16px;flex-shrink:0;}
.nav-phone{font-family:'Cascadia Mono','SFMono-Regular','Consolas',monospace;font-size:13.5px;color:var(--fg-muted);display:none;}
@media(min-width:1080px){.nav-phone{display:block;}}

.theme-toggle{
  display:flex;align-items:center;background:var(--surface-2);border:1px solid var(--border);
  border-radius:100px;padding:3px;gap:2px;flex-shrink:0;
}
.theme-toggle button{
  border:0;background:none;color:var(--fg-dim);width:30px;height:30px;border-radius:100px;
  display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s;
}
.theme-toggle button svg{width:15px;height:15px;}
.theme-toggle button.active{background:var(--accent);color:var(--accent-ink);}
.theme-toggle button.switching svg{animation:themeSpin .45s var(--ease);}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-weight:700;font-size:14.5px;padding:13px 24px;border-radius:100px;
  border:1px solid transparent;transition:transform .25s var(--ease), box-shadow .25s var(--ease), background .25s, color .25s, border-color .25s;
  white-space:nowrap;
}
.btn-primary{background:var(--accent);color:var(--accent-ink);position:relative;overflow:hidden;}
.btn-primary::after{
  content:'';position:absolute;top:0;left:-60%;width:40%;height:100%;
  background:linear-gradient(120deg, transparent, rgba(255,255,255,.55), transparent);
  transform:skewX(-20deg);transition:left .6s var(--ease);
}
.btn-primary:hover::after{left:120%;}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px var(--card-glow);}
.btn-ghost{background:transparent;border-color:var(--border);color:var(--fg);transition:transform .25s var(--ease), box-shadow .25s var(--ease), background .25s, color .25s, border-color .25s;}
.btn-ghost:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 22px var(--glow-1);}
.burger{display:none;background:none;border:0;color:var(--fg);padding:6px;flex-shrink:0;}
.burger svg{width:22px;height:22px;}
@media(max-width:1060px){
  .nav-links{display:none;}
  .burger{display:block;}
}

/* mobile drawer */
.mobile-drawer{
  position:fixed;inset:0;z-index:300;background:var(--bg);
  display:flex;flex-direction:column;padding:20px;
  transform:translateY(-100%);transition:transform .35s var(--ease);
  overflow-y:auto;
}
.mobile-drawer.open{transform:translateY(0);}
.mobile-drawer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;}
.mobile-drawer a{display:block;padding:16px 4px;font-size:19px;font-weight:700;color:var(--fg);border-bottom:1px solid var(--border);font-family:'Segoe UI Variable Display','SF Pro Display','Aptos Display','Segoe UI',sans-serif;}
.mobile-drawer .mob-sub a{font-size:15px;font-weight:600;padding:12px 4px 12px 18px;color:var(--fg-muted);font-family:'Segoe UI Variable Text','SF Pro Text','Aptos','Segoe UI',sans-serif;border-bottom:1px solid var(--border);}
.mobile-drawer-close{background:none;border:0;color:var(--fg);}
.mobile-drawer-close svg{width:24px;height:24px;}

/* ============ HERO ============ */
.hero{ min-height:92svh; display:flex; align-items:center; padding:150px 0 80px; position:relative; overflow:hidden; }
.hero-bg{position:absolute;inset:0;z-index:0;opacity:.55;}
.hero-grain{
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:radial-gradient(circle at 20% 20%, var(--glow-1), transparent 45%),
    radial-gradient(circle at 85% 75%, var(--glow-2), transparent 40%);
}
.hero-spotlight{
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(circle 320px at var(--mx,50%) var(--my,20%), var(--glow-1), transparent 70%);
  transition:background .1s linear;
}
@media(max-width:900px){.hero-spotlight{display:none;}}
.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;}
@media(max-width:960px){.hero-inner{grid-template-columns:1fr;}}
.breadcrumb{
  display:flex;align-items:center;gap:8px;font-family:'Cascadia Mono','SFMono-Regular','Consolas',monospace;font-size:12.5px;
  color:var(--fg-dim);margin-bottom:18px;flex-wrap:wrap;
}
.breadcrumb a{color:var(--fg-dim);}
.breadcrumb a:hover{color:var(--accent);}
.breadcrumb .sep{opacity:.5;}
.breadcrumb .current{color:var(--accent);}
.hero h1{ font-size:clamp(36px,5.2vw,62px); font-weight:800; animation:rise .9s var(--ease) both; }
.hero h1 em{ font-style:normal;color:var(--accent);text-shadow:0 0 26px var(--glow-1); }
.hero-sub{ margin-top:24px;color:var(--fg-muted);font-size:18px;max-width:500px; animation:rise .9s .1s var(--ease) both; }
.hero-actions{margin-top:38px;display:flex;gap:16px;flex-wrap:wrap;animation:rise .9s .2s var(--ease) both;}
.hero-price{
  display:inline-flex;align-items:center;gap:10px;margin-top:22px;padding:10px 16px;
  background:var(--surface);border:1px solid var(--border);border-radius:100px;
  font-family:'Cascadia Mono','SFMono-Regular','Consolas',monospace;font-size:13px;color:var(--fg-muted);
  animation:rise .9s .15s var(--ease) both;
}
.hero-price strong{color:var(--accent);font-family:'Segoe UI Variable Display','SF Pro Display','Aptos Display','Segoe UI',sans-serif;font-size:14px;}
.hero-calc-link{
  display:inline-flex;align-items:center;gap:10px;margin-top:22px;padding:11px 18px;
  background:var(--surface);border:1px solid var(--border);border-radius:100px;
  font-family:'Cascadia Mono','SFMono-Regular','Consolas',monospace;font-size:13px;color:var(--fg);font-weight:600;
  animation:rise .9s .15s var(--ease) both;cursor:pointer;transition:border-color .25s,transform .25s,box-shadow .25s;
}
.hero-calc-link .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);flex-shrink:0;animation:nodepulse 2.4s ease-in-out infinite;}
.hero-calc-link:hover{border-color:var(--accent-dim);transform:translateY(-2px);box-shadow:0 10px 26px var(--card-glow);}
@keyframes rise{from{opacity:0;transform:translateY(22px);}to{opacity:1;transform:translateY(0);}}

.hero-visual{ position:relative; aspect-ratio:1/1.05; display:flex;align-items:center;justify-content:center; animation:rise 1s .3s var(--ease) both; }
.device{
  position:relative;background:linear-gradient(160deg,var(--surface-2),var(--bg-soft));
  border:1px solid var(--border); box-shadow:0 40px 90px -20px var(--shadow), inset 0 0 0 1px rgba(158,230,44,.03);
  overflow:hidden; animation:float 5s ease-in-out infinite;
}
@keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-14px);}}
.scanline{
  position:absolute;left:0;right:0;height:38%;
  background:linear-gradient(180deg,transparent, rgba(158,230,44,.22), transparent);
  animation:scan 2.6s ease-in-out infinite;
}
@keyframes scan{0%{top:-40%;}100%{top:100%;}}
.device-ring{ position:absolute;inset:0;border-radius:50%; border:1px dashed rgba(158,230,44,.25); animation:spin 22s linear infinite; }
@keyframes spin{to{transform:rotate(360deg);}}
.hero-visual .ring-1{width:110%;height:110%;top:-5%;left:-5%;}
.hero-visual .ring-2{width:130%;height:130%;top:-15%;left:-15%;animation-duration:34s;animation-direction:reverse;border-color:var(--border);}

/* device silhouette variants */
.shape-phone{ width:58%;aspect-ratio:9/18.5;border-radius:38px; }
.shape-phone::before{ content:'';position:absolute;top:10px;left:50%;transform:translateX(-50%); width:34%;height:16px;background:var(--bg);border-radius:20px; }
.shape-laptop{ width:78%;aspect-ratio:16/10.4;border-radius:14px; }
.shape-laptop::after{ content:'';position:absolute;left:8%;right:8%;bottom:10%;height:3px;background:var(--border);border-radius:3px; }
.shape-desktop{ width:70%;aspect-ratio:16/11;border-radius:16px; }
.shape-desktop::before{ content:'';position:absolute;top:16px;left:16px;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent); }
.shape-tablet{ width:56%;aspect-ratio:3/4;border-radius:26px; }
.shape-watch{ width:44%;aspect-ratio:1/1.18;border-radius:34%; }
.shape-watch::before{ content:'';position:absolute;top:-8%;left:50%;transform:translateX(-50%);width:34%;height:14%;background:var(--surface-2);border:1px solid var(--border);border-radius:6px 6px 0 0; }
.shape-console{ width:72%;aspect-ratio:16/9.5;border-radius:18px; }

.hero-tag{
  position:absolute;background:var(--surface);border:1px solid var(--border);
  border-radius:14px;padding:12px 16px;font-family:'Cascadia Mono','SFMono-Regular','Consolas',monospace;font-size:12.5px;
  display:flex;align-items:center;gap:10px;box-shadow:0 20px 40px var(--shadow);
  animation:floattag 4s ease-in-out infinite;
}
.hero-tag .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);}
.hero-tag.t1{top:8%;left:-4%;animation-delay:.2s;}
.hero-tag.t2{bottom:14%;right:-8%;animation-delay:1s;}
@media(max-width:960px){.hero-tag{display:none;}}
@keyframes floattag{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}

/* ============ MARQUEE STATS ============ */
.marquee-section{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-soft);padding:26px 0;overflow:hidden;}
.marquee-track{display:flex;width:max-content;animation:marquee 28s linear infinite;}
.marquee-section:hover .marquee-track{animation-play-state:paused;}
.marquee-item{ display:flex;align-items:center;gap:14px;padding:0 44px; font-family:'Cascadia Mono','SFMono-Regular','Consolas',monospace;font-size:14.5px;color:var(--fg-muted);white-space:nowrap; }
.marquee-item strong{color:var(--fg);font-family:'Segoe UI Variable Display','SF Pro Display','Aptos Display','Segoe UI',sans-serif;font-weight:700;font-size:16px;}
.marquee-item::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;}
@keyframes marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* ============ SERVICES OVERVIEW (home) ============ */
.services-frame{ position:relative;border-radius:24px;overflow:hidden;border:1px solid var(--border); background:var(--surface); }
.services-frame img{width:100%;transition:transform .6s var(--ease);}
.services-frame:hover img{transform:scale(1.015);}
.services-foot{ display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap; margin-top:24px;color:var(--fg-muted);font-size:14.5px; }
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease), transform .8s var(--ease);}
.reveal.in{opacity:1;transform:translateY(0);}

/* stagger entrance for grid children */
.device-grid > *:nth-child(1),.advantages-grid > *:nth-child(1),.break-grid > *:nth-child(1),.icon-tiles > *:nth-child(1),
.service-list > *:nth-child(1),.steps > *:nth-child(1),.carousel > *:nth-child(1){transition-delay:.02s;}
.device-grid > *:nth-child(2),.advantages-grid > *:nth-child(2),.break-grid > *:nth-child(2),.icon-tiles > *:nth-child(2),
.service-list > *:nth-child(2),.steps > *:nth-child(2),.carousel > *:nth-child(2){transition-delay:.08s;}
.device-grid > *:nth-child(3),.advantages-grid > *:nth-child(3),.break-grid > *:nth-child(3),.icon-tiles > *:nth-child(3),
.service-list > *:nth-child(3),.steps > *:nth-child(3),.carousel > *:nth-child(3){transition-delay:.14s;}
.device-grid > *:nth-child(4),.advantages-grid > *:nth-child(4),.break-grid > *:nth-child(4),.icon-tiles > *:nth-child(4),
.service-list > *:nth-child(4),.steps > *:nth-child(4),.carousel > *:nth-child(4){transition-delay:.20s;}
.device-grid > *:nth-child(5),.service-list > *:nth-child(5){transition-delay:.26s;}
.device-grid > *:nth-child(6),.service-list > *:nth-child(6){transition-delay:.32s;}
.device-grid > *:nth-child(7),.service-list > *:nth-child(7){transition-delay:.38s;}
.device-grid > *:nth-child(8),.service-list > *:nth-child(8){transition-delay:.44s;}

.device-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
@media(max-width:900px){.device-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:520px){.device-grid{grid-template-columns:1fr;}}
.device-card{
  background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px;
  display:flex;flex-direction:column;gap:14px;transition:transform .3s var(--ease),border-color .3s;
}
.device-card:hover{transform:translateY(-5px);border-color:var(--accent-dim);box-shadow:0 16px 36px var(--card-glow);}
.device-card .ico{
  width:42px;height:42px;border-radius:11px;background:rgba(158,230,44,.12);color:var(--accent);
  display:flex;align-items:center;justify-content:center;font-size:19px;transition:transform .4s var(--ease);
}
.device-card:hover .ico{animation:iconPulse .6s var(--ease);}
.device-card h3{font-size:16.5px;}
.device-card p{font-size:13.5px;color:var(--fg-muted);}
.device-card .go{font-family:'Cascadia Mono','SFMono-Regular','Consolas',monospace;font-size:12px;color:var(--accent);margin-top:auto;display:flex;align-items:center;gap:6px;}

/* ============ SERVICE ITEM CARDS (device pages) ============ */
.service-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
@media(max-width:760px){.service-list{grid-template-columns:1fr;}}
.service-item{
  display:flex;gap:16px;padding:24px;background:var(--surface);border:1px solid var(--border);
  border-radius:16px;transition:border-color .25s,transform .25s;
}
.service-item:hover{border-color:var(--accent-dim);transform:translateX(4px);box-shadow:0 14px 32px var(--card-glow);}
.service-item .ico{
  width:38px;height:38px;border-radius:10px;background:rgba(158,230,44,.12);color:var(--accent);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:17px;
}
.service-item:hover .ico{animation:iconPulse .6s var(--ease);}
.service-item h4{font-size:15.5px;margin-bottom:6px;}
.service-item p{font-size:13.5px;color:var(--fg-muted);}
.service-item .price{
  font-family:'Cascadia Mono','SFMono-Regular','Consolas',monospace;font-size:12.5px;color:var(--accent);margin-top:10px;display:block;
}

/* ============ PROCESS STEPS ============ */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
@media(max-width:860px){.steps{grid-template-columns:1fr 1fr;}}
@media(max-width:520px){.steps{grid-template-columns:1fr;}}
.step{ background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:26px 22px; position:relative; }
.step .num{
  font-family:'Segoe UI Variable Display','SF Pro Display','Aptos Display','Segoe UI',sans-serif;font-weight:800;font-size:26px;color:var(--accent);
  opacity:.85;margin-bottom:14px;
}
.step h4{font-size:15px;margin-bottom:8px;}
.step p{font-size:13.5px;color:var(--fg-muted);}

/* ============ ABOUT ============ */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;}
@media(max-width:900px){.about-grid{grid-template-columns:1fr;gap:40px;}}
.about-copy p{color:var(--fg-muted);font-size:16.5px;margin-bottom:20px;}
.feature-list{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:14px;}
.feature-list li{
  display:flex;gap:14px;align-items:flex-start;font-size:15px;color:var(--fg);
  padding:16px;border:1px solid var(--border);border-radius:var(--radius-sm);
  background:var(--surface);transition:border-color .25s,transform .25s;
}
.feature-list li:hover{border-color:var(--accent-dim);transform:translateX(4px);}
.feature-list .icon{
  width:30px;height:30px;border-radius:8px;background:rgba(158,230,44,.12);color:var(--accent);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:15px;
}
.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;}
.stat-cell{background:var(--surface);padding:34px 26px;}
.stat-num{
  font-family:'Segoe UI Variable Display','SF Pro Display','Aptos Display','Segoe UI',sans-serif;font-weight:800;font-size:clamp(30px,3.4vw,42px);
  display:flex;align-items:baseline;gap:2px;
  background:linear-gradient(90deg,var(--accent),var(--accent-2));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.stat-label{margin-top:8px;color:var(--fg-muted);font-size:14px;}

/* ============ REVIEWS ============ */
.reviews-track{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media(max-width:900px){.reviews-track{grid-template-columns:1fr;}}
.review-card{
  background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);
  padding:28px;display:flex;flex-direction:column;gap:16px;
  transition:transform .35s var(--ease), border-color .35s;
}
.review-card:hover{transform:translateY(-6px);border-color:var(--accent-dim);box-shadow:0 20px 44px var(--card-glow);}
.stars{color:var(--accent);font-size:14px;letter-spacing:2px;}
.review-text{color:var(--fg-muted);font-size:15px;flex:1;}
.review-who{display:flex;align-items:center;gap:12px;padding-top:10px;border-top:1px solid var(--border);}
.avatar{
  width:38px;height:38px;border-radius:50%;background:var(--surface-2);
  display:flex;align-items:center;justify-content:center;font-family:'Segoe UI Variable Display','SF Pro Display','Aptos Display','Segoe UI',sans-serif;font-size:13px;
  color:var(--accent);border:1px solid var(--border);
}
.who-name{font-weight:700;font-size:14px;}
.who-meta{font-size:12.5px;color:var(--fg-dim);font-family:'Cascadia Mono','SFMono-Regular','Consolas',monospace;}

/* ============ LOCATION + FORM ============ */
.contact-section{background:var(--bg-soft);border-top:1px solid var(--border);}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;}
@media(max-width:900px){.contact-grid{grid-template-columns:1fr;}}
.loc-panel{background:var(--surface);padding:44px;display:flex;flex-direction:column;gap:26px;}
.loc-map{border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border);height:280px;filter:grayscale(.4) contrast(1.1);}
:root[data-theme="light"] .loc-map{filter:grayscale(.15);}
.loc-map iframe{width:100%;height:100%;border:0;display:block;}
.loc-item{display:flex;gap:14px;}
.loc-item .icon{
  width:36px;height:36px;border-radius:9px;background:rgba(158,230,44,.1);color:var(--accent);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.loc-item h4{font-size:15px;margin-bottom:4px;}
.loc-item p, .loc-item a{color:var(--fg-muted);font-size:14.5px;}
.loc-item a:hover{color:var(--accent);}
.socials{display:flex;gap:10px;margin-top:4px;}
.social-pill{ border:1px solid var(--border);border-radius:100px;padding:9px 16px;font-size:13px;font-weight:600; transition:border-color .2s,color .2s; }
.social-pill:hover{border-color:var(--accent);color:var(--accent);}

.form-panel{padding:44px;display:flex;flex-direction:column;gap:18px;position:relative;}
.field{display:flex;flex-direction:column;gap:8px;}
.field label{font-size:13px;color:var(--fg-muted);font-family:'Cascadia Mono','SFMono-Regular','Consolas',monospace;}
.field input,.field select,.field textarea{
  background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);
  padding:13px 16px;color:var(--fg);font-family:'Segoe UI Variable Text','SF Pro Text','Aptos','Segoe UI',sans-serif;font-size:16px;
  transition:border-color .2s, box-shadow .2s;
}
.field input:focus,.field select:focus,.field textarea:focus{
  border-color:var(--accent);box-shadow:0 0 0 3px rgba(158,230,44,.14);outline:none;
}
.field textarea{resize:vertical;min-height:90px;}
.form-note{font-size:12.5px;color:var(--fg-dim);}
.form-success{
  position:absolute;inset:0;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:14px;text-align:center;padding:44px;opacity:0;pointer-events:none;transition:opacity .4s var(--ease);
}
.form-success.show{opacity:1;pointer-events:auto;}
.success-node{width:56px;height:56px;border-radius:50%;background:rgba(158,230,44,.12);display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:26px;}

/* ============ FOOTER ============ */
footer{padding:60px 0 34px;border-top:1px solid var(--border);}
.footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;flex-wrap:wrap;padding-bottom:40px;}
.footer-nav{display:flex;gap:30px;flex-wrap:wrap;list-style:none;padding:0;margin:0;font-size:14px;color:var(--fg-muted);}
.footer-nav a:hover{color:var(--accent);}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-top:24px;border-top:1px solid var(--border);font-size:12.5px;color:var(--fg-dim);font-family:'Cascadia Mono','SFMono-Regular','Consolas',monospace;}

/* ============ ADVANTAGES ============ */
.advantages-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
@media(max-width:900px){.advantages-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:520px){.advantages-grid{grid-template-columns:1fr;}}
.advantage-card{
  background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px;
  display:flex;flex-direction:column;gap:12px;transition:transform .3s var(--ease),border-color .3s;
}
.advantage-card:hover{transform:translateY(-5px);border-color:var(--accent-dim);box-shadow:0 16px 36px var(--card-glow);}
.advantage-card .ico{
  width:40px;height:40px;border-radius:11px;background:rgba(158,230,44,.12);color:var(--accent);
  display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;
}
.advantage-card:hover .ico{animation:iconPulse .6s var(--ease);}
.advantage-card h4{font-size:15.5px;}
.advantage-card p{font-size:13.5px;color:var(--fg-muted);}

/* ============ BREAKDOWN EXAMPLES ============ */
.break-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
@media(max-width:760px){.break-grid{grid-template-columns:1fr;}}
.break-card{
  display:flex;gap:16px;padding:22px 24px;background:var(--surface);border:1px solid var(--border);
  border-radius:16px;transition:border-color .25s;
}
.break-card:hover{border-color:var(--accent-dim);box-shadow:0 14px 32px var(--card-glow);transform:translateY(-3px);}
.break-card .ico{
  width:36px;height:36px;border-radius:10px;background:rgba(158,230,44,.12);color:var(--accent);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px;
}
.break-card:hover .ico{animation:iconPulse .6s var(--ease);}
.break-card h4{font-size:14.5px;margin-bottom:6px;}
.break-card p{font-size:13px;color:var(--fg-muted);}

/* ============ PRICE CONDITION NOTE ============ */
.price-note{
  display:inline-flex;align-items:center;gap:8px;font-family:'Cascadia Mono','SFMono-Regular','Consolas',monospace;font-size:12px;
  color:var(--fg-dim);background:var(--surface);border:1px solid var(--border);
  padding:9px 16px;border-radius:100px;margin-bottom:36px;
}
.price-note .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;}

/* ============ REVIEW SOURCE BADGE (map-style reviews) ============ */
.review-top{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.source-badge{
  display:inline-flex;align-items:center;gap:6px;font-family:'Cascadia Mono','SFMono-Regular','Consolas',monospace;font-size:10.5px;
  color:var(--fg-dim);border:1px solid var(--border);padding:4px 10px;border-radius:100px;white-space:nowrap;
}
.source-badge .dot{width:5px;height:5px;border-radius:50%;background:var(--accent);flex-shrink:0;}

/* extra accent presence in light theme */
:root[data-theme="light"] .device-card,
:root[data-theme="light"] .advantage-card,
:root[data-theme="light"] .break-card,
:root[data-theme="light"] .service-item,
:root[data-theme="light"] .review-card,
:root[data-theme="light"] .step{
  background:linear-gradient(180deg, var(--surface), var(--surface-2));
}
:root[data-theme="light"] .source-badge{
  background:rgba(92,154,23,.08);border-color:rgba(92,154,23,.28);
}
:root[data-theme="light"] .price-note{
  background:rgba(92,154,23,.08);border-color:rgba(92,154,23,.28);
}
:root[data-theme="light"] .marquee-section{background:linear-gradient(180deg,#f7faf2,#f4f6f1);}
:root[data-theme="light"] .hero-tag{background:linear-gradient(180deg,#ffffff,#f7faf2);}

/* ============ MOBILE PERFORMANCE (lighter blur/animation load on phones) ============ */
@media(max-width:700px){
  .nav{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);}
  #about::before, #about::after, #contact::before, #contact::after{
    filter:blur(2px);animation-duration:16s;
  }
  .cta-banner::before{animation-duration:16s;}
  .device-ring{animation-duration:0s;display:none;}
  .hero-spotlight{display:none;}
}

/* ============ MOBILE REFINEMENTS ============ */
@media(max-width:480px){
  .wrap{padding:0 16px;}
  .nav-inner{padding:11px 16px;gap:8px;}
  .nav-cta{gap:10px;}
  .btn{padding:11px 18px;font-size:13.5px;}
  .logo-badge{padding:7px 13px;}
  .logo-badge img{height:24px;}
  .theme-toggle button{width:28px;height:28px;}
  .theme-toggle button svg{width:13px;height:13px;}
  .burger svg{width:20px;height:20px;}
  .section{padding:60px 0;}
  .section-head{margin-bottom:28px;}
  .marquee-item{padding:0 24px;font-size:13px;}
  .hero{padding:130px 0 50px;}
  .hero-actions{flex-direction:column;}
  .hero-actions .btn{width:100%;}
  .loc-panel,.form-panel{padding:26px 22px;}
  .device-card,.advantage-card,.break-card,.service-item,.review-card,.step{padding:20px;}
}

/* ============ DARK CTA BANNER (always dark — strong accent, even in light theme) ============ */
.cta-banner{
  background:#0a0a0a;color:#f4f4f2;position:relative;overflow:hidden;
  padding:70px 0;text-align:center;
}
.cta-banner::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(circle at 15% 30%, rgba(158,230,44,.16), transparent 45%),
    radial-gradient(circle at 85% 70%, rgba(158,230,44,.10), transparent 40%);
  animation:blobfloat 12s ease-in-out infinite;
}
.cta-banner .wrap{position:relative;z-index:1;}
.cta-banner .eyebrow{color:#b7ff32;justify-content:center;}
.cta-banner .eyebrow::before{background:#b7ff32;box-shadow:0 0 0 4px rgba(158,230,44,.18);}
.cta-banner h2{font-size:clamp(26px,3.6vw,40px);color:#f4f4f2;margin-bottom:14px;}
.cta-banner p{color:#a3a39d;font-size:16px;max-width:520px;margin:0 auto 30px;}
.cta-banner .cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}
.cta-banner .btn-ghost{border-color:#2a2a2a;color:#f4f4f2;}
.cta-banner .btn-ghost:hover{border-color:#b7ff32;color:#b7ff32;}

/* footer always reads dark for brand contrast, even in light theme */
footer{background:#0a0a0a;color:#dcdcd8;}
footer .footer-nav{color:#9c9c98;}
footer .footer-nav a:hover{color:#b7ff32;}
footer .footer-bottom{color:#6b6b68;border-top-color:#232323;}
footer .logo-badge{box-shadow:0 4px 18px rgba(0,0,0,.5);}

/* ============ SERVICES ICON GRID (homepage) ============ */
.icon-tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;}
@media(max-width:960px){.icon-tiles{grid-template-columns:repeat(3,1fr);}}
@media(max-width:600px){.icon-tiles{grid-template-columns:repeat(2,1fr);}}
.icon-tile{
  display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;
  padding:26px 14px;background:var(--surface);border:1px solid var(--border);border-radius:16px;
  transition:transform .3s var(--ease),border-color .3s,box-shadow .3s;
}
.icon-tile:hover{transform:translateY(-6px);border-color:var(--accent-dim);box-shadow:0 16px 34px var(--card-glow);}
.icon-tile .tile-ico{
  width:52px;height:52px;border-radius:14px;background:rgba(158,230,44,.12);color:var(--accent);
  display:flex;align-items:center;justify-content:center;transition:transform .4s var(--ease);
}
.icon-tile .tile-ico svg{width:26px;height:26px;}
.icon-tile:hover .tile-ico{animation:iconPulse .6s var(--ease);}
.icon-tile span{font-size:13.5px;font-weight:700;line-height:1.3;}

/* ============ REVIEWS CAROUSEL ============ */
.carousel-wrap{position:relative;}
.carousel{
  display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;
  scroll-behavior:smooth;padding-bottom:8px;
  -ms-overflow-style:none;scrollbar-width:none;
}
.carousel::-webkit-scrollbar{display:none;}
.carousel .review-card{
  flex:0 0 clamp(260px, 32vw, 360px);scroll-snap-align:start;
}
.carousel-controls{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;}
.carousel-btn{
  width:42px;height:42px;border-radius:50%;border:1px solid var(--border);background:var(--surface);
  color:var(--fg);display:flex;align-items:center;justify-content:center;transition:border-color .2s,color .2s,transform .2s;
}
.carousel-btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px);}
.carousel-btn svg{width:16px;height:16px;}

/* ============ CALCULATOR ============ */
.calc-panel{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:40px;}
@media(max-width:600px){.calc-panel{padding:24px;}}
.calc-step-label{font-family:'Cascadia Mono','SFMono-Regular','Consolas',monospace;font-size:12.5px;color:var(--fg-dim);margin-bottom:16px;letter-spacing:.04em;text-transform:uppercase;}
.calc-devices{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
@media(max-width:700px){.calc-devices{grid-template-columns:repeat(2,1fr);}}
.calc-device-btn{
  display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 10px;
  background:var(--bg-soft);border:1px solid var(--border);border-radius:14px;cursor:pointer;
  transition:border-color .2s,transform .2s,background .2s;font:inherit;color:var(--fg);font-size:13px;font-weight:700;text-align:center;
}
.calc-device-btn:hover{border-color:var(--accent-dim);transform:translateY(-3px);}
.calc-device-btn.active{border-color:var(--accent);background:rgba(158,230,44,.1);color:var(--accent);}
.calc-device-btn svg{width:26px;height:26px;}
.calc-problems{display:none;margin-top:32px;}
.calc-problems.show{display:block;animation:rise .4s var(--ease) both;}
.calc-problem-list{display:flex;flex-direction:column;gap:10px;}
.calc-problem-btn{
  display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;text-align:left;
  padding:14px 18px;background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;
  cursor:pointer;font:inherit;color:var(--fg);font-size:14.5px;transition:border-color .2s,background .2s;
}
.calc-problem-btn:hover{border-color:var(--accent-dim);}
.calc-problem-btn.active{border-color:var(--accent);background:rgba(158,230,44,.1);}
.calc-problem-btn .p-price{font-family:'Cascadia Mono','SFMono-Regular','Consolas',monospace;color:var(--accent);font-size:13px;flex-shrink:0;}
.calc-problem-other{border-style:dashed;background:transparent;}
.calc-problem-other .p-price{color:var(--fg-dim);}
.calc-result{display:none;margin-top:28px;padding:30px;border-radius:16px;background:rgba(158,230,44,.08);border:1px solid var(--accent-dim);text-align:center;}
.calc-result.show{display:block;animation:rise .5s var(--ease) both;}
.calc-result .price-big{font-family:'Segoe UI Variable Display','SF Pro Display','Aptos Display','Segoe UI',sans-serif;font-weight:800;font-size:clamp(28px,4vw,40px);color:var(--accent);margin-bottom:10px;}
.calc-result p{color:var(--fg-muted);font-size:14px;margin-bottom:20px;}
.calc-back{background:none;border:0;color:var(--fg-dim);font:inherit;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;margin-top:22px;transition:color .2s;}
.calc-back:hover{color:var(--accent);}

/* ============ ARTICLE / BLOG ============ */
.article-body{max-width:720px;font-size:17px;line-height:1.75;color:var(--fg);}
.article-body h2{font-size:24px;margin:36px 0 14px;}
.article-body h3{font-size:19px;margin:28px 0 10px;}
.article-body p{margin-bottom:18px;color:var(--fg-muted);}
.article-body ul{margin:0 0 18px;padding-left:22px;color:var(--fg-muted);}
.article-body li{margin-bottom:8px;}
.article-body .tip-box{
  background:var(--surface);border:1px solid var(--accent-dim);border-left:4px solid var(--accent);
  border-radius:12px;padding:20px 22px;margin:26px 0;font-size:15px;color:var(--fg);
}
.article-meta{display:flex;gap:14px;align-items:center;font-family:'Cascadia Mono','SFMono-Regular','Consolas',monospace;font-size:12.5px;color:var(--fg-dim);margin-bottom:8px;flex-wrap:wrap;}

.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
@media(max-width:760px){.blog-grid{grid-template-columns:1fr;}}
.blog-card{
  display:block;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:28px;
  transition:transform .3s var(--ease),border-color .3s,box-shadow .3s;
}
.blog-card:hover{transform:translateY(-5px);border-color:var(--accent-dim);box-shadow:0 16px 34px var(--card-glow);}
.blog-card .tag{font-family:'Cascadia Mono','SFMono-Regular','Consolas',monospace;font-size:11.5px;color:var(--accent);margin-bottom:12px;display:block;}
.blog-card h3{font-size:19px;margin-bottom:10px;}
.blog-card p{color:var(--fg-muted);font-size:14.5px;}
.blog-card .read-more{margin-top:16px;font-family:'Cascadia Mono','SFMono-Regular','Consolas',monospace;font-size:12px;color:var(--accent);}

/* ============ CALCULATOR MODAL ============ */
body.modal-open{overflow:hidden;}
.calc-modal{
  position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;
  padding:20px;opacity:0;pointer-events:none;transition:opacity .3s var(--ease);
}
.calc-modal.open{opacity:1;pointer-events:auto;}
.calc-modal-backdrop{position:absolute;inset:0;background:rgba(6,8,4,.62);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);}
.calc-modal-panel{
  position:relative;z-index:1;background:var(--surface);border:1px solid var(--border);
  border-radius:22px;max-width:520px;width:100%;max-height:86vh;overflow-y:auto;
  padding:30px;transform:translateY(20px) scale(.96);transition:transform .35s var(--ease);
  box-shadow:0 30px 80px rgba(0,0,0,.5);
}
.calc-modal.open .calc-modal-panel{transform:translateY(0) scale(1);}
.calc-modal-close{
  position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;
  background:var(--surface-2);border:1px solid var(--border);color:var(--fg);
  display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s,transform .2s;
  flex-shrink:0;
}
.calc-modal-close:hover{background:var(--accent);color:var(--accent-ink);transform:rotate(90deg);}
.calc-modal-close svg{width:16px;height:16px;}
.calc-modal-eyebrow{
  font-family:'Cascadia Mono','SFMono-Regular','Consolas',monospace;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--accent);display:flex;align-items:center;gap:8px;margin-bottom:10px;
}
.calc-modal-eyebrow::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--accent);animation:nodepulse 2.4s ease-in-out infinite;}
.calc-modal-title{font-family:'Segoe UI Variable Display','SF Pro Display','Aptos Display','Segoe UI',sans-serif;font-size:21px;margin:0 0 14px;padding-right:38px;}
.calc-modal-full-link{
  display:inline-flex;align-items:center;gap:8px;margin-bottom:22px;padding:10px 16px;
  border:1px solid var(--accent-dim);border-radius:100px;
  font-size:13px;color:var(--accent);font-weight:700;transition:background .2s,transform .2s;
}
.calc-modal-full-link svg{width:13px;height:13px;}
.calc-modal-full-link:hover{background:rgba(158,230,44,.1);transform:translateX(2px);}
@media(max-width:560px){
  .calc-modal-panel{padding:24px 20px;max-height:90vh;}
}



/* ============ LIGHT THEME 2.0 — neutral technical / premium ============ */
:root[data-theme="light"]{
  --bg:#f3f5f1;
  --bg-soft:#e9ece6;
  --surface:#ffffff;
  --surface-2:#f0f2ed;
  --border:#d8ddd3;
  --fg:#11130f;
  --fg-muted:#62675f;
  --fg-dim:#858b80;
  --accent:#91d62a;
  --accent-2:#92d83a;
  --accent-dim:#8ab959;
  --accent-ink:#10170a;
  --shadow:rgba(23,31,18,.11);
  --glow-1:rgba(120,189,36,.14);
  --glow-2:rgba(120,189,36,.09);
  --card-glow:rgba(65,97,35,.13);
  color-scheme:light;
}

:root[data-theme="light"] body{
  background:
    linear-gradient(rgba(25,35,21,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(25,35,21,.025) 1px, transparent 1px),
    var(--bg);
  background-size:48px 48px;
}

:root[data-theme="light"] .nav{
  background:rgba(248,250,247,.82);
  border-bottom-color:rgba(48,58,43,.12);
  box-shadow:0 1px 0 rgba(255,255,255,.9);
}
:root[data-theme="light"] .nav.scrolled{
  background:rgba(250,251,249,.94);
  box-shadow:0 14px 40px rgba(28,36,23,.09);
}
:root[data-theme="light"] .theme-toggle{
  background:#e9ece6;
  border-color:#d3d8cf;
  box-shadow:inset 0 1px 2px rgba(27,34,23,.05);
}
:root[data-theme="light"] .theme-toggle button.active{
  background:#171a15;
  color:#b7f05d;
  box-shadow:0 3px 10px rgba(17,20,15,.16);
}

:root[data-theme="light"] .hero{
  background:
    radial-gradient(circle at 72% 38%, rgba(120,189,36,.16), transparent 24%),
    radial-gradient(circle at 8% 92%, rgba(120,189,36,.07), transparent 28%),
    linear-gradient(180deg,#fafbf9 0%,#f3f5f1 72%,#eef1eb 100%);
}
:root[data-theme="light"] .hero-bg{opacity:.38;}
:root[data-theme="light"] .trace-line{stroke:#cfd5cb;}
:root[data-theme="light"] .trace-line.live{stroke:#8ab959;}
:root[data-theme="light"] .hero h1 em{color:#65a917;text-shadow:none;}
:root[data-theme="light"] .hero-sub{color:#555b51;}
:root[data-theme="light"] .hero-calc-link,
:root[data-theme="light"] .hero-price{
  background:rgba(255,255,255,.78);
  border-color:#d6dbd1;
  box-shadow:0 9px 28px rgba(27,36,21,.07);
  backdrop-filter:blur(10px);
}
:root[data-theme="light"] .btn-primary{
  background:#171a15;
  color:#f4f6f1;
  border-color:#171a15;
  box-shadow:0 8px 20px rgba(21,26,18,.16);
}
:root[data-theme="light"] .btn-primary::before{
  content:'';width:7px;height:7px;border-radius:50%;background:#b7ff32;
  box-shadow:0 0 0 4px rgba(158,230,44,.12);
}
:root[data-theme="light"] .btn-primary:hover{
  background:#20251d;border-color:#20251d;box-shadow:0 12px 28px rgba(21,26,18,.2);
}
:root[data-theme="light"] .btn-ghost{background:rgba(255,255,255,.6);border-color:#cfd5cb;}
:root[data-theme="light"] .btn-ghost:hover{background:#fff;color:#4e8c10;border-color:#91d62a;}

:root[data-theme="light"] .device{
  background:linear-gradient(150deg,#252a23 0%,#11140f 72%);
  border-color:#3a4135;
  box-shadow:0 42px 90px -30px rgba(24,31,20,.48), inset 0 0 0 1px rgba(255,255,255,.035);
}
:root[data-theme="light"] .shape-phone::before{background:#080a07;}
:root[data-theme="light"] .shape-watch::before{background:#252a23;border-color:#3a4135;}
:root[data-theme="light"] .shape-desktop::before{background:#b7ff32;}
:root[data-theme="light"] .scanline{background:linear-gradient(180deg,transparent,rgba(158,230,44,.28),transparent);}
:root[data-theme="light"] .device-ring{border-color:rgba(93,136,48,.32);}
:root[data-theme="light"] .hero-visual .ring-2{border-color:#cbd1c6;}
:root[data-theme="light"] .hero-tag{
  background:rgba(255,255,255,.92);border-color:#d8ddd3;
  box-shadow:0 18px 45px rgba(23,31,18,.12);backdrop-filter:blur(12px);
}

:root[data-theme="light"] .marquee-section{
  background:#171a15;border-color:#171a15;
  box-shadow:inset 0 1px rgba(255,255,255,.05), inset 0 -1px rgba(0,0,0,.18);
}
:root[data-theme="light"] .marquee-item{color:#aeb5aa;}
:root[data-theme="light"] .marquee-item strong{color:#f5f7f3;}
:root[data-theme="light"] .marquee-item::before{background:#b7ff32;}

:root[data-theme="light"] .section:nth-of-type(even):not(.contact-section){background:rgba(235,238,232,.52);}
:root[data-theme="light"] .section-head h2{color:#151814;}
:root[data-theme="light"] .eyebrow{color:#5f9f16;}

:root[data-theme="light"] .device-card,
:root[data-theme="light"] .advantage-card,
:root[data-theme="light"] .break-card,
:root[data-theme="light"] .service-item,
:root[data-theme="light"] .review-card,
:root[data-theme="light"] .step,
:root[data-theme="light"] .icon-tile,
:root[data-theme="light"] .blog-card,
:root[data-theme="light"] .calc-panel,
:root[data-theme="light"] .article-body .tip-box{
  background:#fff;border-color:#d9ded5;box-shadow:0 8px 26px rgba(26,34,22,.055);
}
:root[data-theme="light"] .device-card:hover,
:root[data-theme="light"] .advantage-card:hover,
:root[data-theme="light"] .break-card:hover,
:root[data-theme="light"] .service-item:hover,
:root[data-theme="light"] .review-card:hover,
:root[data-theme="light"] .icon-tile:hover,
:root[data-theme="light"] .blog-card:hover{
  border-color:#9cc96d;box-shadow:0 18px 40px rgba(44,65,29,.11);
}
:root[data-theme="light"] .icon-tile .tile-ico,
:root[data-theme="light"] .device-card .ico,
:root[data-theme="light"] .advantage-card .ico,
:root[data-theme="light"] .break-card .ico,
:root[data-theme="light"] .service-item .ico{
  background:#eef5e6;color:#5e9f15;border:1px solid #deead2;
}
:root[data-theme="light"] .source-badge,
:root[data-theme="light"] .price-note{background:#f3f6ef;border-color:#d9e2cf;color:#67705f;}

:root[data-theme="light"] .stat-grid{background:#d5dbd1;border-color:#d5dbd1;box-shadow:0 10px 30px rgba(25,34,21,.07);}
:root[data-theme="light"] .stat-cell{background:#fff;}

:root[data-theme="light"] .contact-section{
  background:linear-gradient(180deg,#e9ece6 0%,#f1f3ef 100%);border-top-color:#d5dad1;
}
:root[data-theme="light"] .contact-grid{
  background:#fff;border-color:#d3d9cf;box-shadow:0 24px 60px rgba(26,34,22,.10);
}
:root[data-theme="light"] .form-panel{background:#fff;}
:root[data-theme="light"] input,
:root[data-theme="light"] textarea,
:root[data-theme="light"] select{background:#f7f8f6;border-color:#d4d9d0;}
:root[data-theme="light"] input:focus,
:root[data-theme="light"] textarea:focus,
:root[data-theme="light"] select:focus{
  background:#fff;border-color:#82b94c;box-shadow:0 0 0 3px rgba(120,189,36,.10);
}
:root[data-theme="light"] .social-pill{background:#f5f7f3;border-color:#d4dad0;}
:root[data-theme="light"] .social-pill:hover{background:#171a15;color:#f5f7f3;border-color:#171a15;}

:root[data-theme="light"] .calc-device-btn,
:root[data-theme="light"] .calc-problem-btn{background:#f5f7f3;border-color:#d9ded5;}
:root[data-theme="light"] .calc-device-btn.active,
:root[data-theme="light"] .calc-problem-btn.active,
:root[data-theme="light"] .calc-result{background:#eef7e5;border-color:#a9cf7e;}
:root[data-theme="light"] .calc-result .price-big,
:root[data-theme="light"] .calc-problem-btn .p-price{color:#568f16;}
:root[data-theme="light"] .calc-modal-backdrop{background:rgba(17,20,15,.5);}
:root[data-theme="light"] .calc-modal-panel{box-shadow:0 35px 90px rgba(19,24,16,.25);}

@media(max-width:700px){
  :root[data-theme="light"] body{background-size:36px 36px;}
  :root[data-theme="light"] .hero{background:linear-gradient(180deg,#fafbf9 0%,#f2f4ef 100%);}
}

@media(prefers-reduced-motion:reduce){
  *{animation-duration:.001s !important;animation-iteration-count:1 !important;transition-duration:.001s !important;scroll-behavior:auto !important;}
}


/* ============ YANDEX TRUST + MAP ============ */
.yandex-proof{
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:22px 24px;margin:-18px 0 26px;background:var(--surface);
  border:1px solid var(--border);border-radius:var(--radius);
}
.yandex-score{display:flex;align-items:center;gap:18px;min-width:0;}
.yandex-score-value{
  font-family:'Segoe UI Variable Display','SF Pro Display','Aptos Display','Segoe UI',sans-serif;font-weight:900;font-size:clamp(34px,5vw,54px);
  line-height:1;color:var(--accent);letter-spacing:-.04em;
}
.yandex-score-copy{display:flex;flex-direction:column;gap:3px;min-width:0;}
.yandex-score-copy .stars{font-size:12px;}
.yandex-score-copy strong{font-size:15px;line-height:1.25;}
.yandex-score-copy span{font-family:'Cascadia Mono','SFMono-Regular','Consolas',monospace;font-size:11.5px;color:var(--fg-dim);}
.yandex-reviews-btn{flex-shrink:0;white-space:nowrap;}
.verified-review .review-text{font-size:16px;line-height:1.65;color:var(--fg);}
.source-badge[href]{cursor:pointer;}
.source-badge[href]:hover{border-color:var(--accent);color:var(--accent);}
.map-open-link{
  display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:-14px;
  color:var(--fg-muted);font-family:'Cascadia Mono','SFMono-Regular','Consolas',monospace;font-size:12px;
  padding:10px 2px 0;transition:color .2s;
}
.map-open-link:hover{color:var(--accent);}
.loc-map{filter:none;}
:root[data-theme="light"] .loc-map{filter:none;}

@media(max-width:700px){
  .yandex-proof{align-items:flex-start;flex-direction:column;margin-top:-8px;padding:20px;}
  .yandex-reviews-btn{width:100%;justify-content:center;}
  .yandex-score{gap:14px;}
  .yandex-score-copy strong{font-size:14px;}
}

:root[data-theme="light"] .yandex-proof{
  background:#fff;border-color:#d3d9cf;box-shadow:0 12px 34px rgba(26,34,22,.07);
}


/* ============ HERO TRUST STRIP ============ */
.hero-trust{display:flex;align-items:stretch;gap:0;margin-top:22px;max-width:620px;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:color-mix(in srgb,var(--surface) 82%,transparent);}
.hero-trust a{display:flex;flex-direction:column;gap:2px;padding:12px 16px;min-width:0;border-right:1px solid var(--border);transition:background .2s,color .2s;}
.hero-trust a:last-child{border-right:0;flex:1;}
.hero-trust a:hover{background:rgba(158,230,44,.07);}
.hero-trust strong{font-family:'Segoe UI Variable Display','SF Pro Display','Aptos Display','Segoe UI',sans-serif;font-size:12px;color:var(--fg);white-space:nowrap;}
.hero-trust a:first-child strong{color:var(--accent);}
.hero-trust span{font-family:'Cascadia Mono','SFMono-Regular','Consolas',monospace;font-size:10.5px;color:var(--fg-dim);white-space:nowrap;}
:root[data-theme="light"] .hero-trust{background:rgba(255,255,255,.78);border-color:#d4dad0;box-shadow:0 10px 26px rgba(26,34,22,.06);}
@media(max-width:600px){.hero-trust{display:grid;grid-template-columns:1fr 1fr;}.hero-trust a{border-bottom:1px solid var(--border);}.hero-trust a:nth-child(2){border-right:0}.hero-trust a:last-child{grid-column:1/-1;border-bottom:0;}.hero-trust span{white-space:normal;}}


/* ============ VERIFIED REVIEW SUMMARIES ============ */
.review-summary{font-size:15px!important;line-height:1.62!important;color:var(--fg-muted)!important;}
.service-reviews-section .carousel-controls{align-items:center;justify-content:space-between;}
.reviews-arrows{display:flex;gap:10px;}
.reviews-all-link{font-size:12.5px;padding:10px 16px;}
@media(max-width:600px){.service-reviews-section .carousel-controls{align-items:stretch;gap:14px;}.reviews-all-link{flex:1;text-align:center;justify-content:center;}.reviews-arrows{margin-left:auto;}}


/* ============ CONVERSION HERO + POPULAR PRICES ============ */
.hero-price-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;animation:rise .9s .15s var(--ease) both;}
.hero-price-strip span{display:inline-flex;gap:6px;align-items:center;padding:9px 12px;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--surface) 84%,transparent);font-family:'Cascadia Mono','SFMono-Regular','Consolas',monospace;font-size:11.5px;color:var(--fg-muted);}
.hero-price-strip b{color:var(--fg);font-weight:700;}
.hero-fast-contact{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:14px;font-size:12.5px;color:var(--fg-dim);animation:rise .9s .25s var(--ease) both;}
.hero-fast-contact>span{font-family:'Cascadia Mono','SFMono-Regular','Consolas',monospace;}
.hero-social-pill{padding:7px 12px;background:var(--surface);font-size:12px;}
.hero-phone-link{font-family:'Cascadia Mono','SFMono-Regular','Consolas',monospace;font-size:12px;color:var(--fg-muted);border-bottom:1px dashed var(--border);}
.hero-phone-link:hover{color:var(--accent);border-color:var(--accent);}
.popular-repairs{background:linear-gradient(180deg,var(--bg),var(--bg-soft));border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.popular-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.popular-price-card{position:relative;display:flex;flex-direction:column;min-height:190px;padding:22px;background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s;}
.popular-price-card::after{content:'';position:absolute;width:120px;height:120px;border-radius:50%;right:-65px;bottom:-70px;background:radial-gradient(circle,rgba(158,230,44,.13),transparent 70%);pointer-events:none;}
.popular-price-card:hover{transform:translateY(-4px);border-color:var(--accent-dim);box-shadow:0 18px 42px var(--card-glow);}
.popular-price-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;font-family:'Cascadia Mono','SFMono-Regular','Consolas',monospace;font-size:10.5px;color:var(--fg-dim);}
.popular-device{color:var(--accent);text-transform:uppercase;letter-spacing:.04em;}
.popular-time{text-align:right;}
.popular-price-card h3{font-size:17px;margin-top:24px;max-width:260px;}
.popular-price{font-family:'Segoe UI Variable Display','SF Pro Display','Aptos Display','Segoe UI',sans-serif;font-weight:800;font-size:20px;color:var(--fg);margin-top:8px;}
.popular-go{margin-top:auto;padding-top:22px;font-family:'Cascadia Mono','SFMono-Regular','Consolas',monospace;font-size:11.5px;color:var(--accent);}
.popular-price-foot{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:18px;padding:18px 20px;border:1px dashed var(--border);border-radius:14px;}
.popular-price-foot p{max-width:720px;color:var(--fg-dim);font-size:12px;line-height:1.6;}
.field-hint{display:block;margin-top:6px;font-size:11.5px;color:var(--fg-dim);}
.telegram-contact-field[hidden]{display:none!important;}
:root[data-theme="light"] .hero-price-strip span,:root[data-theme="light"] .hero-social-pill{background:rgba(255,255,255,.82);border-color:#d4dad0;}
:root[data-theme="light"] .popular-price-card{background:#fff;border-color:#d9ded6;box-shadow:0 10px 26px rgba(26,34,22,.045);}
:root[data-theme="light"] .popular-price-foot{background:rgba(255,255,255,.58);border-color:#d4dad0;}
@media(max-width:900px){.popular-price-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:620px){.hero-price-strip{display:grid;grid-template-columns:1fr 1fr;}.hero-price-strip span:last-child{grid-column:1/-1;}.hero-fast-contact>span{width:100%;}.popular-price-grid{grid-template-columns:1fr;}.popular-price-card{min-height:165px;}.popular-price-foot{align-items:stretch;flex-direction:column;}.popular-price-foot .btn{width:100%;}.hero-fast-contact .hero-phone-link{width:100%;margin-top:2px;}}


/* ============ HERO 3.0 — simpler first screen ============ */
.hero .hero-sub{max-width:650px;}
.hero-meta{
  display:flex;align-items:center;flex-wrap:wrap;gap:0;margin-top:18px;
  border:1px solid var(--border);border-radius:12px;width:max-content;max-width:100%;
  background:color-mix(in srgb,var(--surface) 78%,transparent);overflow:hidden;
  animation:rise .9s .25s var(--ease) both;
}
.hero-meta>span,.hero-meta>a{
  padding:10px 13px;font-family:'Cascadia Mono','SFMono-Regular','Consolas',monospace;font-size:11px;color:var(--fg-muted);
  border-right:1px solid var(--border);white-space:nowrap;
}
.hero-meta>*:last-child{border-right:0;}
.hero-meta strong{color:var(--accent);font-weight:700;}
.hero-meta a:hover{color:var(--fg);background:var(--glow-1);}
.hero-telegram-cta{display:inline-flex!important;align-items:center;justify-content:center;}
.hero-telegram-cta::before{content:'↗';font-family:'Cascadia Mono','SFMono-Regular','Consolas',monospace;font-size:12px;margin-right:8px;color:var(--accent);}
@media(max-width:700px){
  .hero-meta{display:grid;width:100%;grid-template-columns:1fr 1fr;}
  .hero-meta>span,.hero-meta>a{white-space:normal;border-bottom:1px solid var(--border);}
  .hero-meta>span:nth-child(2){border-right:0;}
  .hero-meta>a{grid-column:1/-1;border-bottom:0;border-right:0;}
}

/* ============ LIGHT THEME 2.1 — controlled lime accents ============ */
:root[data-theme="light"] .hero-meta{
  background:rgba(255,255,255,.84);border-color:#d7ded0;box-shadow:0 10px 30px rgba(31,43,24,.055);
}
:root[data-theme="light"] .hero-meta>span,
:root[data-theme="light"] .hero-meta>a{border-color:#dde3d8;}
:root[data-theme="light"] .hero-telegram-cta{
  background:#f2f8e9;border-color:#b7d88b;color:#31570b;
}
:root[data-theme="light"] .hero-telegram-cta:hover{background:#e9f6d8;border-color:#8fc84b;color:#234206;}

/* A subtle lime signature on the first card in each important grid. */
:root[data-theme="light"] .icon-tiles .icon-tile:first-child,
:root[data-theme="light"] .popular-price-grid .popular-price-card:first-child,
:root[data-theme="light"] .advantages-grid .advantage-card:first-child,
:root[data-theme="light"] .services-grid .service-item:first-child,
:root[data-theme="light"] .reviews-grid .review-card:first-child,
:root[data-theme="light"] .carousel .review-card:first-child{
  background:linear-gradient(145deg,#f8fdf1 0%,#edf8df 100%);
  border-color:#b8d991;
  box-shadow:0 12px 32px rgba(89,133,45,.10);
}
:root[data-theme="light"] .icon-tiles .icon-tile:first-child::before,
:root[data-theme="light"] .popular-price-grid .popular-price-card:first-child::before,
:root[data-theme="light"] .advantages-grid .advantage-card:first-child::before,
:root[data-theme="light"] .services-grid .service-item:first-child::before,
:root[data-theme="light"] .reviews-grid .review-card:first-child::before,
:root[data-theme="light"] .carousel .review-card:first-child::before{
  content:'';position:absolute;left:18px;right:18px;top:0;height:3px;border-radius:0 0 4px 4px;
  background:linear-gradient(90deg,#b7ff32,#91d62a 62%,transparent);
}
:root[data-theme="light"] .icon-tile,
:root[data-theme="light"] .advantage-card,
:root[data-theme="light"] .service-item,
:root[data-theme="light"] .review-card{position:relative;overflow:hidden;}
:root[data-theme="light"] .section-head .eyebrow{
  width:max-content;padding:6px 9px;border-radius:8px;background:#edf7e2;border:1px solid #d3e8ba;color:#4e8613;
}

/* ============ MOBILE LAYOUT HOTFIX 2026-08 ============ */
/* Keep every grid/flex child shrinkable so long labels never force the page wider than the viewport. */
.hero-inner > *, .contact-grid > *, .about-grid > *, .popular-price-grid > *, .icon-tiles > *, .advantages-grid > *, .reviews-track > *, .steps > *{min-width:0;}
.hero h1,.section-head h2,.popular-price-card h3,.loc-item p,.loc-item a,.review-text,.footer-nav a{overflow-wrap:anywhere;}
.socials{flex-wrap:wrap;}
.btn{max-width:100%;}

@media(max-width:960px){
  .hero{min-height:auto;align-items:flex-start;padding-top:122px;}
  .hero-inner{gap:26px;}
  .hero-visual{width:min(100%,460px);justify-self:center;aspect-ratio:1/0.82;}
  .shape-phone{width:42%;max-width:190px;}
}

@media(max-width:720px){
  /* The desktop “Записаться” button is redundant once the burger menu appears and is the main header overflow source. */
  .nav-cta > .btn{display:none;}
  .nav-inner{gap:10px;}
  .hero{padding:108px 0 48px;}
  .hero h1{font-size:clamp(30px,9.2vw,42px);line-height:1.08;letter-spacing:-.025em;}
  .hero-sub{font-size:16px;line-height:1.55;margin-top:18px;}
  .hero-actions{margin-top:26px;gap:10px;}
  .hero-meta{margin-top:16px;}
  .hero-visual{height:250px;aspect-ratio:auto;margin-top:0;}
  .shape-phone{width:120px;border-radius:28px;}
  .section-head .desc{font-size:15.5px;}
  .stat-cell{padding:24px 20px;}
  .stat-num{font-size:30px;}
  .loc-map{height:230px;}
}

@media(max-width:600px){
  /* On a phone the decorative device pushes the useful first-screen content below the fold. */
  .hero-visual{display:none;}
  .hero-inner{display:block;}
  .hero{padding-top:102px;padding-bottom:44px;}
  .hero-actions{flex-direction:column;align-items:stretch;}
  .hero-actions .btn{width:100%;white-space:normal;text-align:center;min-height:46px;}
  .hero-meta{width:100%;}
  .popular-price-top{gap:8px;flex-direction:column;}
  .popular-time{text-align:left;}
  .footer-top{gap:22px;}
  .footer-nav{gap:16px 20px;}
}

@media(max-width:420px){
  .wrap{padding-left:15px;padding-right:15px;}
  .nav-inner{padding:10px 14px;}
  .logo-badge{padding:7px 11px;border-radius:10px;}
  .logo-mark{font-size:16px;}
  .theme-toggle{padding:2px;}
  .theme-toggle button{width:27px;height:27px;}
  .nav-cta{gap:7px;}
  .burger{padding:4px;}
  .hero h1{font-size:29px;}
  .hero-sub{font-size:15.5px;}
  .hero-meta{grid-template-columns:1fr;}
  .hero-meta>span,.hero-meta>a{grid-column:1!important;border-right:0!important;border-bottom:1px solid var(--border)!important;}
  .hero-meta>a:last-child{border-bottom:0!important;}
  .icon-tiles{gap:10px;}
  .icon-tile{padding:20px 10px;}
  .icon-tile .tile-ico{width:46px;height:46px;}
  .stat-grid{grid-template-columns:1fr;}
  .stat-cell{padding:22px 18px;}
  .contact-grid{border-radius:14px;}
  .loc-panel,.form-panel{padding:22px 16px;}
  .field input,.field select,.field textarea{width:100%;min-width:0;padding:12px 13px;}
  .social-pill{padding:8px 12px;font-size:12px;}
  .carousel .review-card{flex-basis:min(86vw,320px);}
  .popular-price-card{padding:19px;}
  .popular-price-card h3{font-size:16px;}
}

@media(max-width:340px){
  .theme-toggle{display:none;}
  .icon-tiles{grid-template-columns:1fr;}
  .hero h1{font-size:27px;}
}

/* ============ DESIGN REFRESH 2026-08 — softer dark theme, richer light theme, stronger gradients ============ */

/* Dark theme: lift black into graphite so it feels premium but less harsh. */
:root{
  --bg:#121613;
  --bg-soft:#171d19;
  --surface:#1b221d;
  --surface-2:#222a24;
  --border:#313a34;
  --fg:#f1f4ef;
  --fg-muted:#b2b8b0;
  --fg-dim:#858e85;
  --shadow:rgba(0,0,0,.34);
  --glow-1:rgba(158,230,44,.13);
  --glow-2:rgba(158,230,44,.10);
  --card-glow:rgba(158,230,44,.18);
}
body{
  background:
    radial-gradient(circle at 12% 8%, rgba(158,230,44,.055), transparent 24%),
    radial-gradient(circle at 88% 12%, rgba(158,230,44,.045), transparent 22%),
    linear-gradient(180deg,#121613 0%, #141914 45%, #111512 100%);
}
.nav{
  background:color-mix(in srgb, var(--bg) 82%, transparent);
}
.nav.scrolled{
  background:color-mix(in srgb, var(--bg) 94%, transparent);
}
.hero{
  background:
    radial-gradient(circle at 78% 24%, rgba(158,230,44,.08), transparent 23%),
    radial-gradient(circle at 12% 86%, rgba(158,230,44,.05), transparent 24%),
    linear-gradient(180deg,#151b17 0%, #131813 58%, #111512 100%);
}
.section:nth-of-type(even):not(.contact-section){
  background:linear-gradient(180deg, rgba(255,255,255,.015), rgba(255,255,255,0));
}

/* Light theme: less white, more soft mineral/graphite contrast and tinted surfaces. */
:root[data-theme="light"]{
  --bg:#eff2ee;
  --bg-soft:#e6ebe4;
  --surface:#f3f5f1;
  --surface-2:#eaeeea;
  --border:#d0d7d1;
  --fg:#101411;
  --fg-muted:#586058;
  --fg-dim:#7a837b;
  --accent:#73b91d;
  --accent-2:#b7ff32;
  --accent-dim:#5f9e16;
  --accent-ink:#ffffff;
  --shadow:rgba(20,28,22,.08);
  --glow-1:rgba(115,185,29,.18);
  --glow-2:rgba(115,185,29,.13);
  --card-glow:rgba(115,185,29,.18);
}
:root[data-theme="light"] body{
  background:
    linear-gradient(rgba(31,42,33,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(31,42,33,.022) 1px, transparent 1px),
    linear-gradient(180deg,#eff2ee 0%,#ebefea 56%,#e5ebe5 100%);
  background-size:28px 28px,28px 28px,auto;
}
:root[data-theme="light"] .hero{
  background:
    radial-gradient(circle at 76% 30%, rgba(115,185,29,.16), transparent 24%),
    radial-gradient(circle at 10% 92%, rgba(115,185,29,.08), transparent 26%),
    linear-gradient(180deg,#f2f5f0 0%,#ecefea 62%,#e7ece6 100%);
}
:root[data-theme="light"] .nav{
  background:rgba(244,247,242,.82);
  border-bottom-color:#d8ddd8;
}
:root[data-theme="light"] .nav.scrolled{
  background:rgba(243,246,241,.95);
  box-shadow:0 12px 28px rgba(31,43,24,.06);
}
:root[data-theme="light"] .hero-sub{color:#515951;}
:root[data-theme="light"] .hero-meta{background:rgba(255,255,255,.72);}
:root[data-theme="light"] .theme-toggle{background:#f2f5f0;border-color:#d7dcd6;}
:root[data-theme="light"] .theme-toggle button.active{background:#ffffff;color:#111411;}

/* Section-level varied gradients, inspired by the CTA banner feel but lighter and differentiated. */
#services{
  background:
    radial-gradient(circle at 12% 18%, rgba(158,230,44,.08), transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));
}
#prices{
  background:
    radial-gradient(circle at 88% 20%, rgba(158,230,44,.075), transparent 23%),
    linear-gradient(180deg, rgba(255,255,255,.015), rgba(255,255,255,0));
}
#about{
  background:
    radial-gradient(circle at 85% 15%, rgba(158,230,44,.085), transparent 25%),
    radial-gradient(circle at 10% 88%, rgba(158,230,44,.05), transparent 22%),
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)) !important;
  border-top:1px solid var(--border) !important;
  border-bottom:1px solid var(--border) !important;
}
#reviews{
  background:
    radial-gradient(circle at 16% 14%, rgba(158,230,44,.08), transparent 22%),
    linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,0));
}
.cta-banner{
  background:
    linear-gradient(135deg, #1d241f 0%, #151a16 42%, #202a19 100%);
}
.cta-banner::before{
  background:
    radial-gradient(circle at 14% 32%, rgba(158,230,44,.22), transparent 38%),
    radial-gradient(circle at 48% 76%, rgba(196,255,92,.10), transparent 28%),
    radial-gradient(circle at 88% 18%, rgba(158,230,44,.16), transparent 34%);
}
.contact-section{
  background:
    radial-gradient(circle at 92% 15%, rgba(158,230,44,.06), transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,.015), rgba(255,255,255,0));
}
:root[data-theme="light"] #services{
  background:
    radial-gradient(circle at 14% 14%, rgba(115,185,29,.12), transparent 21%),
    linear-gradient(180deg,#f2f5f0 0%,#edf1ed 100%);
}
:root[data-theme="light"] #prices{
  background:
    radial-gradient(circle at 85% 18%, rgba(115,185,29,.12), transparent 22%),
    linear-gradient(180deg,#edf2ed 0%,#e8eee8 100%);
}
:root[data-theme="light"] #about{
  background:
    radial-gradient(circle at 88% 16%, rgba(115,185,29,.12), transparent 24%),
    radial-gradient(circle at 8% 84%, rgba(115,185,29,.06), transparent 20%),
    linear-gradient(180deg,#e8eee8 0%,#e2e9e2 100%) !important;
}
:root[data-theme="light"] #reviews{
  background:
    radial-gradient(circle at 10% 20%, rgba(115,185,29,.10), transparent 22%),
    linear-gradient(180deg,#eff3ef 0%,#eaeeea 100%);
}
:root[data-theme="light"] .cta-banner{
  background:linear-gradient(135deg, #dce8cf 0%, #d1e0c0 38%, #e7efde 100%);
  color:#111411;
}
:root[data-theme="light"] .cta-banner::before{
  background:
    radial-gradient(circle at 14% 30%, rgba(115,185,29,.18), transparent 36%),
    radial-gradient(circle at 55% 72%, rgba(196,255,92,.16), transparent 30%),
    radial-gradient(circle at 88% 18%, rgba(115,185,29,.12), transparent 30%);
}
:root[data-theme="light"] .cta-banner h2{color:#101411;}
:root[data-theme="light"] .cta-banner p{color:#445047;}
:root[data-theme="light"] .cta-banner .eyebrow{color:#467710;}
:root[data-theme="light"] .cta-banner .eyebrow::before{background:#73b91d;box-shadow:0 0 0 4px rgba(115,185,29,.18);}
:root[data-theme="light"] .cta-banner .btn-ghost{border-color:#b7c8ac;color:#111411;background:rgba(255,255,255,.55);}
:root[data-theme="light"] .cta-banner .btn-ghost:hover{border-color:#73b91d;color:#2f550a;}
:root[data-theme="light"] .contact-section{
  background:
    radial-gradient(circle at 92% 15%, rgba(115,185,29,.09), transparent 22%),
    linear-gradient(180deg,#e7ece7 0%,#eef2ee 100%);
  border-top-color:#d8ddd8;
}

/* Cards in light theme get softer tinted gradients instead of plain white slabs. */
:root[data-theme="light"] .device-card,
:root[data-theme="light"] .advantage-card,
:root[data-theme="light"] .break-card,
:root[data-theme="light"] .service-item,
:root[data-theme="light"] .review-card,
:root[data-theme="light"] .step,
:root[data-theme="light"] .icon-tile,
:root[data-theme="light"] .blog-card,
:root[data-theme="light"] .calc-panel,
:root[data-theme="light"] .article-body .tip-box,
:root[data-theme="light"] .form-panel,
:root[data-theme="light"] .loc-panel,
:root[data-theme="light"] .stat-cell{
  background:linear-gradient(180deg, rgba(255,255,255,.84) 0%, rgba(242,245,241,.98) 100%);
  border-color:#d7ddd8;
  box-shadow:0 12px 28px rgba(28,38,30,.05);
}
:root[data-theme="light"] .loc-map,
:root[data-theme="light"] .contact-grid{border-color:#d7ddd8;}
:root[data-theme="light"] input,
:root[data-theme="light"] textarea,
:root[data-theme="light"] select{background:#f1f4ef;}
:root[data-theme="light"] .stat-grid{background:#d8ded8;border-color:#d8ded8;}

/* Service icons: bigger, brighter, more premium. */
.icon-tiles{grid-template-columns:repeat(4,1fr);gap:18px;}
@media(max-width:1080px){.icon-tiles{grid-template-columns:repeat(3,1fr);}}
@media(max-width:680px){.icon-tiles{grid-template-columns:repeat(2,1fr);gap:12px;}}
.icon-tile{
  gap:14px;
  padding:28px 16px;
  border-radius:18px;
  background:linear-gradient(180deg, color-mix(in srgb,var(--surface) 92%, #ffffff 8%), var(--surface));
}
.icon-tile .tile-ico{
  width:64px;
  height:64px;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(158,230,44,.24), rgba(158,230,44,.12));
  color:var(--accent-2);
  box-shadow:0 12px 26px rgba(158,230,44,.15), inset 0 0 0 1px rgba(196,255,92,.14);
}
.icon-tile .tile-ico svg{width:32px;height:32px;stroke-width:1.8;}
.icon-tile span{font-size:15px;font-weight:800;line-height:1.35;max-width:11ch;}
.icon-tile:hover .tile-ico{
  animation:iconPulse .6s var(--ease);
  box-shadow:0 16px 34px rgba(158,230,44,.22), inset 0 0 0 1px rgba(196,255,92,.2);
}
.icon-tile:nth-child(odd) .tile-ico{
  background:linear-gradient(180deg, rgba(158,230,44,.28), rgba(158,230,44,.12));
}
.icon-tile:nth-child(even) .tile-ico{
  background:linear-gradient(180deg, rgba(196,255,92,.25), rgba(158,230,44,.11));
}
:root[data-theme="light"] .icon-tile{
  background:linear-gradient(180deg,#fbfdf9 0%,#f0f4ef 100%);
}
:root[data-theme="light"] .icon-tile .tile-ico{
  background:linear-gradient(180deg, rgba(115,185,29,.22), rgba(115,185,29,.10));
  color:#4f8512;
  box-shadow:0 12px 24px rgba(92,154,23,.14), inset 0 0 0 1px rgba(115,185,29,.15);
}

/* Popular cards and small graphic tiles get a little more accent, so both themes feel more alive. */
.popular-price-card,
.advantage-card,
.review-card,
.service-item,
.break-card{
  background-image:
    radial-gradient(circle at 100% 0, rgba(158,230,44,.045), transparent 28%),
    linear-gradient(180deg, transparent, transparent);
}
:root[data-theme="light"] .popular-price-card,
:root[data-theme="light"] .advantage-card,
:root[data-theme="light"] .review-card,
:root[data-theme="light"] .service-item,
:root[data-theme="light"] .break-card{
  background-image:
    radial-gradient(circle at 100% 0, rgba(115,185,29,.06), transparent 30%),
    linear-gradient(180deg, transparent, transparent);
}

@media(max-width:420px){
  .icon-tile{padding:22px 12px;gap:12px;}
  .icon-tile .tile-ico{width:56px;height:56px;border-radius:16px;}
  .icon-tile .tile-ico svg{width:28px;height:28px;}
  .icon-tile span{font-size:14px;}
}

/* ============ EXTRA GREEN GRADIENT BOOST 2026-08 ============ */
/* Stronger lime presence, while keeping readability. */
:root{
  --glow-1: rgba(158,230,44,.18);
  --glow-2: rgba(158,230,44,.14);
  --card-glow: rgba(158,230,44,.24);
}
:root[data-theme="light"]{
  --glow-1: rgba(115,185,29,.24);
  --glow-2: rgba(115,185,29,.18);
  --card-glow: rgba(115,185,29,.22);
}

.hero{
  background:
    radial-gradient(circle at 78% 24%, rgba(158,230,44,.14), transparent 24%),
    radial-gradient(circle at 18% 78%, rgba(158,230,44,.10), transparent 22%),
    linear-gradient(180deg,#171f18 0%, #141a15 54%, #121713 100%);
}
:root[data-theme="light"] .hero{
  background:
    radial-gradient(circle at 76% 30%, rgba(115,185,29,.22), transparent 24%),
    radial-gradient(circle at 12% 90%, rgba(115,185,29,.14), transparent 26%),
    linear-gradient(180deg,#f0f5ea 0%,#e8efe4 60%,#e4ebe1 100%);
}

#services{
  background:
    radial-gradient(circle at 12% 18%, rgba(158,230,44,.14), transparent 24%),
    radial-gradient(circle at 90% 82%, rgba(196,255,92,.06), transparent 22%),
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));
}
#prices{
  background:
    radial-gradient(circle at 88% 20%, rgba(158,230,44,.13), transparent 24%),
    radial-gradient(circle at 8% 74%, rgba(196,255,92,.05), transparent 18%),
    linear-gradient(180deg, rgba(255,255,255,.015), rgba(255,255,255,0));
}
#about{
  background:
    radial-gradient(circle at 85% 15%, rgba(158,230,44,.15), transparent 26%),
    radial-gradient(circle at 10% 88%, rgba(158,230,44,.10), transparent 22%),
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,0)) !important;
}
#reviews{
  background:
    radial-gradient(circle at 16% 14%, rgba(158,230,44,.14), transparent 22%),
    radial-gradient(circle at 86% 80%, rgba(196,255,92,.05), transparent 18%),
    linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,0));
}
:root[data-theme="light"] #services{
  background:
    radial-gradient(circle at 14% 14%, rgba(115,185,29,.18), transparent 22%),
    radial-gradient(circle at 88% 78%, rgba(158,230,44,.10), transparent 20%),
    linear-gradient(180deg,#eef5e8 0%,#e9f0e6 100%);
}
:root[data-theme="light"] #prices{
  background:
    radial-gradient(circle at 85% 18%, rgba(115,185,29,.18), transparent 22%),
    radial-gradient(circle at 12% 76%, rgba(158,230,44,.08), transparent 18%),
    linear-gradient(180deg,#edf4e9 0%,#e7eee7 100%);
}
:root[data-theme="light"] #about{
  background:
    radial-gradient(circle at 88% 16%, rgba(115,185,29,.20), transparent 24%),
    radial-gradient(circle at 8% 84%, rgba(115,185,29,.11), transparent 21%),
    linear-gradient(180deg,#e6eee3 0%,#e0e9df 100%) !important;
}
:root[data-theme="light"] #reviews{
  background:
    radial-gradient(circle at 10% 20%, rgba(115,185,29,.16), transparent 22%),
    radial-gradient(circle at 84% 76%, rgba(158,230,44,.08), transparent 19%),
    linear-gradient(180deg,#eef4ed 0%,#e9efea 100%);
}

.cta-banner{
  background:linear-gradient(135deg, #22301f 0%, #1a2318 36%, #2a391e 100%);
}
.cta-banner::before{
  background:
    radial-gradient(circle at 14% 32%, rgba(158,230,44,.30), transparent 40%),
    radial-gradient(circle at 55% 72%, rgba(196,255,92,.16), transparent 30%),
    radial-gradient(circle at 88% 18%, rgba(158,230,44,.22), transparent 36%);
}
:root[data-theme="light"] .cta-banner{
  background:linear-gradient(135deg, #d7e8c4 0%, #cadeb8 38%, #e4f0d7 100%);
}
:root[data-theme="light"] .cta-banner::before{
  background:
    radial-gradient(circle at 14% 30%, rgba(115,185,29,.24), transparent 36%),
    radial-gradient(circle at 55% 72%, rgba(196,255,92,.20), transparent 30%),
    radial-gradient(circle at 88% 18%, rgba(115,185,29,.16), transparent 30%);
}

.icon-tile,
.popular-price-card,
.advantage-card,
.review-card,
.service-item,
.break-card,
.calc-panel,
.form-panel,
.loc-panel{
  background-image:
    radial-gradient(circle at 100% 0, rgba(158,230,44,.08), transparent 30%),
    linear-gradient(180deg, transparent, transparent);
}
:root[data-theme="light"] .icon-tile,
:root[data-theme="light"] .popular-price-card,
:root[data-theme="light"] .advantage-card,
:root[data-theme="light"] .review-card,
:root[data-theme="light"] .service-item,
:root[data-theme="light"] .break-card,
:root[data-theme="light"] .calc-panel,
:root[data-theme="light"] .form-panel,
:root[data-theme="light"] .loc-panel{
  background-image:
    radial-gradient(circle at 100% 0, rgba(115,185,29,.10), transparent 30%),
    linear-gradient(180deg, transparent, transparent);
}

.icon-tile .tile-ico{
  background:linear-gradient(180deg, rgba(158,230,44,.34), rgba(158,230,44,.16));
  box-shadow:0 14px 30px rgba(158,230,44,.22), inset 0 0 0 1px rgba(196,255,92,.18);
}
:root[data-theme="light"] .icon-tile .tile-ico{
  background:linear-gradient(180deg, rgba(115,185,29,.28), rgba(115,185,29,.12));
  box-shadow:0 14px 28px rgba(92,154,23,.18), inset 0 0 0 1px rgba(115,185,29,.16);
}

.btn-primary{
  background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);
  box-shadow:0 10px 28px rgba(158,230,44,.18);
}
:root[data-theme="light"] .btn-primary{
  background:linear-gradient(135deg, #5f9e16 0%, #8ed52b 100%);
  box-shadow:0 10px 24px rgba(115,185,29,.16);
}

/* ============ GRADIENT SYSTEM V2 — smooth transitions instead of blobs ============ */
/* The site now uses broad linear / diagonal transitions inspired by the reference banner. */

/* Global section canvases */
.hero,
#services,
#prices,
#about,
#reviews,
.contact-section,
.cta-banner{
  position:relative;
  overflow:hidden;
}

/* Default dark theme: graphite + lime transitions */
.hero{
  background:
    linear-gradient(135deg, rgba(158,230,44,.10) 0%, rgba(158,230,44,.04) 18%, rgba(19,24,20,0) 40%),
    linear-gradient(90deg, #1a211c 0%, #171e19 42%, #141915 100%) !important;
}
#services{
  background:
    linear-gradient(135deg, rgba(158,230,44,.10) 0%, rgba(158,230,44,.03) 26%, transparent 52%),
    linear-gradient(180deg, #131814 0%, #151b17 100%) !important;
}
#prices{
  background:
    linear-gradient(135deg, rgba(196,255,92,.08) 0%, rgba(158,230,44,.02) 24%, transparent 55%),
    linear-gradient(180deg, #141915 0%, #161d18 100%) !important;
}
#about{
  background:
    linear-gradient(135deg, rgba(158,230,44,.12) 0%, rgba(158,230,44,.04) 28%, transparent 58%),
    linear-gradient(180deg, #171d19 0%, #151b17 100%) !important;
}
#reviews{
  background:
    linear-gradient(135deg, rgba(196,255,92,.08) 0%, rgba(158,230,44,.03) 24%, transparent 50%),
    linear-gradient(180deg, #131814 0%, #151a16 100%) !important;
}
.contact-section{
  background:
    linear-gradient(135deg, rgba(158,230,44,.09) 0%, rgba(158,230,44,.03) 24%, transparent 52%),
    linear-gradient(180deg, #151b16 0%, #171e19 100%) !important;
}
.cta-banner{
  background:
    linear-gradient(135deg, rgba(196,255,92,.13) 0%, rgba(158,230,44,.09) 22%, rgba(20,26,22,0) 48%),
    linear-gradient(90deg, #242f21 0%, #1c251a 42%, #26321f 100%) !important;
}
.cta-banner::before,
#about::before,
#about::after,
#contact::before,
#contact::after,
.hero-spotlight{display:none !important;}

/* Light theme: smooth apple-like banners but in Mikron lime palette */
:root[data-theme="light"] .hero{
  background:
    linear-gradient(135deg, rgba(158,230,44,.18) 0%, rgba(115,185,29,.10) 18%, rgba(234,241,231,.10) 36%, rgba(234,241,231,0) 55%),
    linear-gradient(90deg, #f3f7ef 0%, #edf3e8 45%, #e6ede2 100%) !important;
}
:root[data-theme="light"] #services{
  background:
    linear-gradient(135deg, rgba(158,230,44,.18) 0%, rgba(115,185,29,.09) 22%, rgba(240,245,236,0) 52%),
    linear-gradient(180deg, #f2f6ef 0%, #edf2ea 100%) !important;
}
:root[data-theme="light"] #prices{
  background:
    linear-gradient(135deg, rgba(196,255,92,.16) 0%, rgba(115,185,29,.08) 22%, rgba(236,242,233,0) 54%),
    linear-gradient(180deg, #eff4ed 0%, #e9efea 100%) !important;
}
:root[data-theme="light"] #about{
  background:
    linear-gradient(135deg, rgba(158,230,44,.20) 0%, rgba(115,185,29,.10) 24%, rgba(231,238,228,0) 56%),
    linear-gradient(180deg, #e8eee7 0%, #e2e9e1 100%) !important;
}
:root[data-theme="light"] #reviews{
  background:
    linear-gradient(135deg, rgba(196,255,92,.14) 0%, rgba(115,185,29,.08) 22%, rgba(238,243,236,0) 50%),
    linear-gradient(180deg, #eff4ee 0%, #e9efea 100%) !important;
}
:root[data-theme="light"] .contact-section{
  background:
    linear-gradient(135deg, rgba(158,230,44,.16) 0%, rgba(115,185,29,.08) 22%, rgba(236,242,235,0) 52%),
    linear-gradient(180deg, #edf2ee 0%, #e7ede8 100%) !important;
}
:root[data-theme="light"] .cta-banner{
  background:
    linear-gradient(135deg, rgba(158,230,44,.24) 0%, rgba(115,185,29,.16) 20%, rgba(233,241,224,.18) 42%, rgba(233,241,224,0) 58%),
    linear-gradient(90deg, #eef5e6 0%, #e4efd9 42%, #dce9cf 100%) !important;
}

/* Broader gradient feel on cards, not only isolated spots */
.icon-tile,
.popular-price-card,
.advantage-card,
.review-card,
.service-item,
.break-card,
.calc-panel,
.form-panel,
.loc-panel,
.stat-cell{
  background-image:
    linear-gradient(135deg, rgba(158,230,44,.10) 0%, rgba(158,230,44,.03) 22%, rgba(255,255,255,0) 44%),
    linear-gradient(180deg, color-mix(in srgb,var(--surface) 94%, white 6%), var(--surface)) !important;
}
:root[data-theme="light"] .icon-tile,
:root[data-theme="light"] .popular-price-card,
:root[data-theme="light"] .advantage-card,
:root[data-theme="light"] .review-card,
:root[data-theme="light"] .service-item,
:root[data-theme="light"] .break-card,
:root[data-theme="light"] .calc-panel,
:root[data-theme="light"] .form-panel,
:root[data-theme="light"] .loc-panel,
:root[data-theme="light"] .stat-cell{
  background-image:
    linear-gradient(135deg, rgba(158,230,44,.12) 0%, rgba(115,185,29,.05) 20%, rgba(255,255,255,.18) 42%, rgba(255,255,255,0) 52%),
    linear-gradient(180deg, #fbfdf9 0%, #f1f5ef 100%) !important;
}

/* Internal pages reuse the same card system, so this carries across all pages automatically. */

/* Slightly stronger icon tile treatment with smoother transitions */
.icon-tile .tile-ico{
  background:linear-gradient(135deg, rgba(196,255,92,.34) 0%, rgba(158,230,44,.22) 50%, rgba(158,230,44,.12) 100%) !important;
}
:root[data-theme="light"] .icon-tile .tile-ico{
  background:linear-gradient(135deg, rgba(158,230,44,.30) 0%, rgba(115,185,29,.18) 52%, rgba(115,185,29,.10) 100%) !important;
}

/* ============ FINAL DESIGN DIRECTION — gradients in the background, not in cards ============ */
/* User feedback: move green gradients out of cards/blocks and into the page background, and add more dark accents in light theme. */

/* 1) GLOBAL BACKGROUND SYSTEM */
body{position:relative; isolation:isolate;}
body::before{
  content:'';
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    linear-gradient(135deg, rgba(158,230,44,.10) 0%, rgba(158,230,44,.05) 18%, rgba(18,22,19,0) 36%),
    linear-gradient(180deg, #151a16 0%, #131714 48%, #111512 100%);
}
body::after{
  content:'';
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(196,255,92,.05) 0%, rgba(196,255,92,0) 24%, rgba(196,255,92,0) 76%, rgba(196,255,92,.04) 100%),
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0) 28%);
}
:root[data-theme="light"] body::before{
  background:
    linear-gradient(135deg, rgba(158,230,44,.18) 0%, rgba(115,185,29,.09) 18%, rgba(239,242,238,0) 38%),
    linear-gradient(180deg, #f1f4f0 0%, #ecefec 50%, #e6ebe7 100%);
}
:root[data-theme="light"] body::after{
  background:
    linear-gradient(90deg, rgba(31,40,34,.05) 0%, rgba(31,40,34,0) 18%, rgba(31,40,34,0) 82%, rgba(31,40,34,.04) 100%),
    linear-gradient(180deg, rgba(115,185,29,.05), rgba(115,185,29,0) 26%);
}

/* 2) SECTION CANVASES — smooth transparent transitions so the page background does the work */
.hero,
#services,
#prices,
#about,
#reviews,
.contact-section,
.cta-banner,
.section{
  background-color:transparent !important;
}
.hero{
  background-image:
    linear-gradient(135deg, rgba(158,230,44,.07) 0%, rgba(158,230,44,.02) 24%, rgba(17,21,18,0) 42%) !important;
}
#services,
#prices,
#about,
#reviews,
.contact-section{
  background-image:
    linear-gradient(180deg, rgba(255,255,255,.018) 0%, rgba(255,255,255,0) 100%) !important;
}
.cta-banner{
  background-image:
    linear-gradient(135deg, rgba(196,255,92,.16) 0%, rgba(158,230,44,.08) 22%, rgba(20,25,21,0) 42%),
    linear-gradient(90deg, rgba(27,34,29,.90), rgba(23,29,25,.90)) !important;
}
:root[data-theme="light"] .hero{
  background-image:
    linear-gradient(135deg, rgba(158,230,44,.12) 0%, rgba(115,185,29,.05) 22%, rgba(239,242,238,0) 42%) !important;
}
:root[data-theme="light"] #services,
:root[data-theme="light"] #prices,
:root[data-theme="light"] #about,
:root[data-theme="light"] #reviews,
:root[data-theme="light"] .contact-section{
  background-image:
    linear-gradient(180deg, rgba(31,40,34,.025) 0%, rgba(31,40,34,0) 100%) !important;
}
:root[data-theme="light"] .cta-banner{
  background-image:
    linear-gradient(135deg, rgba(158,230,44,.22) 0%, rgba(115,185,29,.11) 24%, rgba(239,242,238,0) 44%),
    linear-gradient(90deg, rgba(226,234,223,.96), rgba(219,229,215,.96)) !important;
}

/* 3) REMOVE CARD/BLOCK GRADIENT FEEL */
.icon-tile,
.popular-price-card,
.advantage-card,
.review-card,
.service-item,
.break-card,
.calc-panel,
.form-panel,
.loc-panel,
.stat-cell,
.device-card,
.step,
.blog-card,
.article-body .tip-box{
  background-image:none !important;
}
:root[data-theme="light"] .icon-tile,
:root[data-theme="light"] .popular-price-card,
:root[data-theme="light"] .advantage-card,
:root[data-theme="light"] .review-card,
:root[data-theme="light"] .service-item,
:root[data-theme="light"] .break-card,
:root[data-theme="light"] .calc-panel,
:root[data-theme="light"] .form-panel,
:root[data-theme="light"] .loc-panel,
:root[data-theme="light"] .stat-cell,
:root[data-theme="light"] .device-card,
:root[data-theme="light"] .step,
:root[data-theme="light"] .blog-card,
:root[data-theme="light"] .article-body .tip-box{
  background:#f6f8f5 !important;
  border-color:#d4dbd5;
  box-shadow:0 10px 26px rgba(25,33,28,.055);
}
.icon-tile,
.popular-price-card,
.advantage-card,
.review-card,
.service-item,
.break-card,
.calc-panel,
.form-panel,
.loc-panel,
.stat-cell,
.device-card,
.step,
.blog-card,
.article-body .tip-box{
  background:var(--surface) !important;
}

/* 4) MORE DARK ACCENTS IN LIGHT THEME */
:root[data-theme="light"] .nav{
  background:rgba(241,245,240,.84);
  border-bottom-color:#cfd6d0;
}
:root[data-theme="light"] .logo-badge{
  background:#151916;
  box-shadow:0 8px 22px rgba(18,24,20,.14);
}
:root[data-theme="light"] .logo-mark{color:#f4f7f2;}
:root[data-theme="light"] .theme-toggle{background:#e7ece7;border-color:#c9d0ca;}
:root[data-theme="light"] .theme-toggle button.active{background:#161b17;color:#f3f6f2;}
:root[data-theme="light"] .btn-primary{
  background:linear-gradient(135deg,#192019 0%, #2b3d18 60%, #5f9e16 100%) !important;
  color:#f5f7f3;
  box-shadow:0 12px 28px rgba(24,30,24,.18);
}
:root[data-theme="light"] .btn-ghost{
  background:#1a1f1b;
  color:#f4f6f2;
  border-color:#1a1f1b;
}
:root[data-theme="light"] .btn-ghost:hover{
  background:#2a331f;
  border-color:#5f9e16;
  color:#f4f6f2;
}
:root[data-theme="light"] .hero-meta,
:root[data-theme="light"] .hero-trust,
:root[data-theme="light"] .hero-price-strip span,
:root[data-theme="light"] .hero-social-pill{
  background:rgba(28,34,29,.05);
  border-color:#cfd6d0;
}
:root[data-theme="light"] .hero h1,
:root[data-theme="light"] .section-head h2,
:root[data-theme="light"] .popular-price-card h3,
:root[data-theme="light"] .review-card h3,
:root[data-theme="light"] .form-panel h3,
:root[data-theme="light"] .loc-panel h3{
  color:#141914;
}
:root[data-theme="light"] .eyebrow{
  color:#3f6f0e;
}
:root[data-theme="light"] .eyebrow::before{
  background:#5f9e16;
}
:root[data-theme="light"] .source-badge,
:root[data-theme="light"] .price-note{
  background:#eaefea;
  color:#586058;
  border-color:#d3dad4;
}
:root[data-theme="light"] footer .logo-badge{background:#ffffff;}
:root[data-theme="light"] footer .logo-mark{color:#0f130f;}

/* 5) Keep icons vivid, but the vividness stays inside the icon only */
.icon-tile .tile-ico{
  background:linear-gradient(135deg, rgba(196,255,92,.34) 0%, rgba(158,230,44,.20) 100%) !important;
  box-shadow:0 14px 28px rgba(158,230,44,.18);
}
:root[data-theme="light"] .icon-tile .tile-ico{
  background:linear-gradient(135deg, rgba(158,230,44,.30) 0%, rgba(115,185,29,.16) 100%) !important;
  color:#406e10;
  box-shadow:0 12px 24px rgba(92,154,23,.14);
}

/* ============ BACKGROUND-FIRST REDESIGN 2026-08 ============ */
/* Requested direction: gradients belong in the page background, not inside cards/blocks. */

/* 1) Kill decorative gradient overlays inside cards and panels so surfaces feel calmer. */
.icon-tile,
.popular-price-card,
.advantage-card,
.review-card,
.service-item,
.break-card,
.calc-panel,
.form-panel,
.loc-panel,
.stat-cell,
.device-card,
.blog-card,
.step,
.article-body .tip-box{
  background-image:none !important;
}

.icon-tile,
.popular-price-card,
.advantage-card,
.review-card,
.service-item,
.break-card,
.calc-panel,
.form-panel,
.loc-panel,
.stat-cell,
.device-card,
.blog-card,
.step,
.article-body .tip-box{
  background:var(--surface) !important;
}
:root[data-theme="light"] .icon-tile,
:root[data-theme="light"] .popular-price-card,
:root[data-theme="light"] .advantage-card,
:root[data-theme="light"] .review-card,
:root[data-theme="light"] .service-item,
:root[data-theme="light"] .break-card,
:root[data-theme="light"] .calc-panel,
:root[data-theme="light"] .form-panel,
:root[data-theme="light"] .loc-panel,
:root[data-theme="light"] .stat-cell,
:root[data-theme="light"] .device-card,
:root[data-theme="light"] .blog-card,
:root[data-theme="light"] .step,
:root[data-theme="light"] .article-body .tip-box{
  background:#f5f6f3 !important;
}

/* 2) Put the gradient into the page canvas and section backgrounds. */
body{
  background:
    linear-gradient(180deg, rgba(158,230,44,.05) 0%, rgba(158,230,44,0) 18%),
    linear-gradient(180deg, #131814 0%, #151b17 55%, #121612 100%) !important;
}
:root[data-theme="light"] body{
  background:
    linear-gradient(180deg, rgba(115,185,29,.08) 0%, rgba(115,185,29,.03) 14%, rgba(115,185,29,0) 28%),
    linear-gradient(180deg, #eef1ec 0%, #e8ece7 52%, #e4e8e3 100%) !important;
}

.hero,
#services,
#prices,
#about,
#reviews,
.contact-section,
.cta-banner,
.section{
  position:relative;
  isolation:isolate;
}
.hero::before,
#services::before,
#prices::before,
#about::before,
#reviews::before,
.contact-section::before,
.cta-banner::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
}
.hero .wrap,
#services .wrap,
#prices .wrap,
#about .wrap,
#reviews .wrap,
.contact-section .wrap,
.cta-banner .wrap{position:relative;z-index:1;}

/* Dark theme broad background transitions */
.hero{
  background:linear-gradient(100deg, #212d22 0%, #1a211d 36%, #151a16 72%, #141814 100%) !important;
}
.hero::before{
  background:
    linear-gradient(135deg, rgba(158,230,44,.18) 0%, rgba(158,230,44,.10) 18%, rgba(158,230,44,0) 42%),
    linear-gradient(315deg, rgba(196,255,92,.07) 0%, rgba(196,255,92,0) 28%);
}
#services{
  background:linear-gradient(110deg, #171c18 0%, #141915 42%, #151a16 100%) !important;
}
#services::before{
  background:linear-gradient(135deg, rgba(158,230,44,.14) 0%, rgba(158,230,44,.06) 22%, rgba(158,230,44,0) 48%);
}
#prices{
  background:linear-gradient(110deg, #161b17 0%, #141915 40%, #171d18 100%) !important;
}
#prices::before{
  background:linear-gradient(135deg, rgba(196,255,92,.12) 0%, rgba(158,230,44,.05) 20%, rgba(158,230,44,0) 46%);
}
#about{
  background:linear-gradient(110deg, #1b221d 0%, #171d19 40%, #161b17 100%) !important;
  border-top:1px solid var(--border) !important;
  border-bottom:1px solid var(--border) !important;
}
#about::before{
  background:linear-gradient(135deg, rgba(158,230,44,.16) 0%, rgba(158,230,44,.07) 22%, rgba(158,230,44,0) 50%);
}
#reviews{
  background:linear-gradient(110deg, #161c17 0%, #141914 38%, #161b17 100%) !important;
}
#reviews::before{
  background:linear-gradient(135deg, rgba(196,255,92,.11) 0%, rgba(158,230,44,.05) 18%, rgba(158,230,44,0) 46%);
}
.contact-section{
  background:linear-gradient(110deg, #192019 0%, #171d19 40%, #181e19 100%) !important;
}
.contact-section::before{
  background:linear-gradient(135deg, rgba(158,230,44,.13) 0%, rgba(158,230,44,.05) 22%, rgba(158,230,44,0) 50%);
}
.cta-banner{
  background:linear-gradient(100deg, #2d3c24 0%, #23301e 38%, #1f2a1b 100%) !important;
}
.cta-banner::before{
  background:
    linear-gradient(135deg, rgba(196,255,92,.24) 0%, rgba(158,230,44,.13) 18%, rgba(158,230,44,0) 42%),
    linear-gradient(315deg, rgba(196,255,92,.10) 0%, rgba(196,255,92,0) 28%) !important;
}

/* Light theme: more dark accents, but gradient remains in the background. */
:root[data-theme="light"] .hero{
  background:linear-gradient(100deg, #e8ede5 0%, #e5ebe2 38%, #dfe6db 100%) !important;
}
:root[data-theme="light"] .hero::before{
  background:
    linear-gradient(135deg, rgba(158,230,44,.24) 0%, rgba(115,185,29,.14) 18%, rgba(115,185,29,0) 42%),
    linear-gradient(315deg, rgba(23,29,24,.06) 0%, rgba(23,29,24,0) 28%);
}
:root[data-theme="light"] #services{
  background:linear-gradient(110deg, #edf1eb 0%, #e9eee8 38%, #e4e9e3 100%) !important;
}
:root[data-theme="light"] #services::before{
  background:linear-gradient(135deg, rgba(158,230,44,.18) 0%, rgba(115,185,29,.09) 22%, rgba(115,185,29,0) 48%);
}
:root[data-theme="light"] #prices{
  background:linear-gradient(110deg, #ebefea 0%, #e8ece8 38%, #e2e7e3 100%) !important;
}
:root[data-theme="light"] #prices::before{
  background:linear-gradient(135deg, rgba(196,255,92,.18) 0%, rgba(115,185,29,.08) 20%, rgba(115,185,29,0) 46%);
}
:root[data-theme="light"] #about{
  background:linear-gradient(110deg, #e4e9e3 0%, #dfe6de 40%, #dbe3da 100%) !important;
}
:root[data-theme="light"] #about::before{
  background:linear-gradient(135deg, rgba(158,230,44,.19) 0%, rgba(115,185,29,.09) 24%, rgba(115,185,29,0) 50%);
}
:root[data-theme="light"] #reviews{
  background:linear-gradient(110deg, #ebefeb 0%, #e8ece8 36%, #e3e8e3 100%) !important;
}
:root[data-theme="light"] #reviews::before{
  background:linear-gradient(135deg, rgba(196,255,92,.17) 0%, rgba(115,185,29,.08) 18%, rgba(115,185,29,0) 46%);
}
:root[data-theme="light"] .contact-section{
  background:linear-gradient(110deg, #e6ebe6 0%, #e2e8e2 38%, #dde4dd 100%) !important;
}
:root[data-theme="light"] .contact-section::before{
  background:linear-gradient(135deg, rgba(158,230,44,.17) 0%, rgba(115,185,29,.08) 22%, rgba(115,185,29,0) 50%);
}
:root[data-theme="light"] .cta-banner{
  background:linear-gradient(100deg, #dbe8cf 0%, #d1e0c2 38%, #c8d9b8 100%) !important;
  color:#111411;
}
:root[data-theme="light"] .cta-banner::before{
  background:
    linear-gradient(135deg, rgba(158,230,44,.28) 0%, rgba(115,185,29,.16) 18%, rgba(115,185,29,0) 42%),
    linear-gradient(315deg, rgba(25,32,27,.08) 0%, rgba(25,32,27,0) 28%) !important;
}

/* 3) More dark accents in the light theme for contrast. */
:root[data-theme="light"] .nav{
  background:rgba(232,236,231,.92);
  border-bottom-color:#c9d0ca;
}
:root[data-theme="light"] .logo-badge{
  background:#151a15;
}
:root[data-theme="light"] .logo-mark{color:#f5f7f2;}
:root[data-theme="light"] .theme-toggle{background:#dde3dc;border-color:#c6cec7;}
:root[data-theme="light"] .theme-toggle button.active{background:#171c17;color:#f5f7f2;}
:root[data-theme="light"] .btn-primary{
  background:linear-gradient(135deg,#151a15 0%, #273123 100%) !important;
  color:#f5f7f2;
  box-shadow:0 12px 28px rgba(21,26,21,.14);
}
:root[data-theme="light"] .btn-primary::before{background:linear-gradient(90deg, transparent, rgba(158,230,44,.20), transparent);}
:root[data-theme="light"] .btn-primary:hover{background:linear-gradient(135deg,#1a201b 0%, #2f3c2c 100%) !important;}
:root[data-theme="light"] .btn-ghost{
  background:rgba(30,36,31,.04);
  border-color:#bcc5bd;
  color:#171c17;
}
:root[data-theme="light"] .hero-meta,
:root[data-theme="light"] .hero-trust{
  background:rgba(29,35,30,.04) !important;
  border-color:#c8d0c9;
}
:root[data-theme="light"] .hero-meta strong,
:root[data-theme="light"] .hero-trust a:first-child strong{color:#2f4d12;}
:root[data-theme="light"] .section-head h2{color:#111411;}
:root[data-theme="light"] .eyebrow{
  color:#456f13;
}
:root[data-theme="light"] .icon-tile .tile-ico{
  color:#23450a;
  background:rgba(115,185,29,.14) !important;
  box-shadow:none;
}
:root[data-theme="light"] .source-badge,
:root[data-theme="light"] .price-note,
:root[data-theme="light"] .social-pill,
:root[data-theme="light"] .calc-device-btn,
:root[data-theme="light"] .calc-problem-btn{
  background:#ecefea;
  border-color:#c7cfc8;
  color:#3d463e;
}
:root[data-theme="light"] .social-pill:hover,
:root[data-theme="light"] .calc-device-btn.active,
:root[data-theme="light"] .calc-problem-btn.active{
  background:#171c17;
  border-color:#171c17;
  color:#f5f7f2;
}

/* 4) Keep tiles readable and calm. */
.icon-tile .tile-ico{
  background:rgba(158,230,44,.16) !important;
  box-shadow:none !important;
}
.icon-tile:hover .tile-ico{box-shadow:none !important;}

/* 5) Reduce leftover blob systems from earlier versions. */
#contact::after,
#contact::before,
#about::after,
#about::before,
.hero-bg,
.hero-grain{opacity:.35;}

/* ============ COLOR BOOST FINAL 2026-08 ============ */
/* Make the brand color much more explicit while keeping the background-first approach. */

:root{
  --accent:#a8f03a;
  --accent-2:#d2ff72;
  --accent-dim:#7ebc28;
  --glow-1:rgba(168,240,58,.24);
  --glow-2:rgba(168,240,58,.16);
  --card-glow:rgba(168,240,58,.20);
}
:root[data-theme="light"]{
  --accent:#7bc91d;
  --accent-2:#a8f03a;
  --accent-dim:#5e9b18;
  --glow-1:rgba(123,201,29,.24);
  --glow-2:rgba(123,201,29,.16);
  --card-glow:rgba(123,201,29,.18);
}

/* Stronger page-level color wash */
body{
  background:
    linear-gradient(180deg, rgba(168,240,58,.09) 0%, rgba(168,240,58,.03) 16%, rgba(168,240,58,0) 30%),
    linear-gradient(180deg, #131814 0%, #151b17 55%, #121612 100%) !important;
}
:root[data-theme="light"] body{
  background:
    linear-gradient(180deg, rgba(123,201,29,.12) 0%, rgba(123,201,29,.05) 16%, rgba(123,201,29,0) 30%),
    linear-gradient(180deg, #edf1eb 0%, #e7ece7 52%, #e2e7e2 100%) !important;
}

/* Make the gradient planes more visible in every key section */
.hero::before{
  background:
    linear-gradient(135deg, rgba(168,240,58,.28) 0%, rgba(168,240,58,.14) 18%, rgba(168,240,58,.05) 28%, rgba(168,240,58,0) 48%),
    linear-gradient(315deg, rgba(210,255,114,.10) 0%, rgba(210,255,114,0) 28%) !important;
}
#services::before,
#prices::before,
#about::before,
#reviews::before,
.contact-section::before{
  background:linear-gradient(135deg, rgba(168,240,58,.20) 0%, rgba(168,240,58,.09) 22%, rgba(168,240,58,0) 48%) !important;
}
.cta-banner::before{
  background:
    linear-gradient(135deg, rgba(210,255,114,.32) 0%, rgba(168,240,58,.18) 20%, rgba(168,240,58,0) 44%),
    linear-gradient(315deg, rgba(210,255,114,.14) 0%, rgba(210,255,114,0) 28%) !important;
}

:root[data-theme="light"] .hero::before{
  background:
    linear-gradient(135deg, rgba(168,240,58,.32) 0%, rgba(123,201,29,.18) 18%, rgba(123,201,29,.07) 30%, rgba(123,201,29,0) 48%),
    linear-gradient(315deg, rgba(24,31,26,.08) 0%, rgba(24,31,26,0) 28%) !important;
}
:root[data-theme="light"] #services::before,
:root[data-theme="light"] #prices::before,
:root[data-theme="light"] #about::before,
:root[data-theme="light"] #reviews::before,
:root[data-theme="light"] .contact-section::before{
  background:linear-gradient(135deg, rgba(168,240,58,.24) 0%, rgba(123,201,29,.12) 22%, rgba(123,201,29,0) 48%) !important;
}
:root[data-theme="light"] .cta-banner::before{
  background:
    linear-gradient(135deg, rgba(168,240,58,.34) 0%, rgba(123,201,29,.20) 20%, rgba(123,201,29,0) 44%),
    linear-gradient(315deg, rgba(24,31,26,.10) 0%, rgba(24,31,26,0) 28%) !important;
}

/* Stronger brand cues in UI accents */
.eyebrow,
.section-head .eyebrow,
.hero h1 em,
.price-big,
.popular-price-value,
.review-card strong,
.hero-meta strong,
.hero-trust a:first-child strong{
  color:var(--accent) !important;
}
.section-head h2::after{
  background:linear-gradient(90deg,var(--accent),var(--accent-2),transparent) !important;
}
.logo-mark .i-dot::before,
.eyebrow::before,
.hero-calc-link .dot,
.hero-tag .dot,
.cta-banner .eyebrow::before,
.node{
  background:var(--accent) !important;
  box-shadow:0 0 0 4px var(--glow-1), 0 0 14px var(--glow-2) !important;
}
.trace-line.live{stroke:var(--accent) !important;}

.btn-primary{
  background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%) !important;
  color:#121612 !important;
  box-shadow:0 14px 32px rgba(168,240,58,.22) !important;
}
.btn-primary:hover{
  filter:saturate(1.05) brightness(1.02);
}
:root[data-theme="light"] .btn-primary{
  background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%) !important;
  color:#151915 !important;
  box-shadow:0 12px 28px rgba(123,201,29,.20) !important;
}

/* Make icon accents more obvious but still not gradient-filled cards */
.icon-tile .tile-ico{
  background:rgba(168,240,58,.18) !important;
  border:1px solid rgba(168,240,58,.22);
}
:root[data-theme="light"] .icon-tile .tile-ico{
  background:rgba(123,201,29,.18) !important;
  border:1px solid rgba(123,201,29,.20);
}
.icon-tile,
.popular-price-card,
.advantage-card,
.review-card,
.service-item,
.break-card,
.calc-panel,
.form-panel,
.loc-panel,
.stat-cell{
  border-color:color-mix(in srgb, var(--border) 70%, var(--accent) 30%) !important;
}

/* Light theme: keep dark accents, but let green read more clearly */
:root[data-theme="light"] .logo-badge{background:#182018;}
:root[data-theme="light"] .btn-ghost:hover,
:root[data-theme="light"] .social-pill:hover,
:root[data-theme="light"] .calc-device-btn.active,
:root[data-theme="light"] .calc-problem-btn.active{
  background:#182018;
  border-color:#182018;
  color:#f5f7f2;
}


/* ============ JUICIER COLOR BOOST + HOURS UPDATE 2026-08 ============ */
:root{
  --accent:#b5ff34;
  --accent-2:#e2ff7c;
  --accent-dim:#89d120;
  --glow-1:rgba(181,255,52,.28);
  --glow-2:rgba(181,255,52,.18);
  --card-glow:rgba(181,255,52,.24);
}
:root[data-theme="light"]{
  --accent:#86da18;
  --accent-2:#bbff44;
  --accent-dim:#63af12;
  --glow-1:rgba(134,218,24,.28);
  --glow-2:rgba(134,218,24,.18);
  --card-glow:rgba(134,218,24,.22);
}

/* More visible, smoother background color presence */
body{
  background:
    linear-gradient(180deg, rgba(181,255,52,.14) 0%, rgba(181,255,52,.06) 14%, rgba(181,255,52,0) 28%),
    linear-gradient(180deg, #141a15 0%, #161d18 52%, #121712 100%) !important;
}
:root[data-theme="light"] body{
  background:
    linear-gradient(180deg, rgba(134,218,24,.16) 0%, rgba(134,218,24,.07) 15%, rgba(134,218,24,0) 30%),
    linear-gradient(180deg, #edf3eb 0%, #e8eee7 48%, #e1e8e0 100%) !important;
}
.hero::before{
  background:
    linear-gradient(135deg, rgba(181,255,52,.36) 0%, rgba(181,255,52,.18) 18%, rgba(181,255,52,.07) 30%, rgba(181,255,52,0) 50%),
    linear-gradient(315deg, rgba(226,255,124,.12) 0%, rgba(226,255,124,0) 28%) !important;
}
#services::before,
#prices::before,
#about::before,
#reviews::before,
.contact-section::before{
  background:linear-gradient(135deg, rgba(181,255,52,.26) 0%, rgba(181,255,52,.11) 22%, rgba(181,255,52,0) 48%) !important;
}
.cta-banner::before{
  background:
    linear-gradient(135deg, rgba(226,255,124,.40) 0%, rgba(181,255,52,.24) 20%, rgba(181,255,52,0) 44%),
    linear-gradient(315deg, rgba(226,255,124,.18) 0%, rgba(226,255,124,0) 28%) !important;
}
:root[data-theme="light"] .hero::before{
  background:
    linear-gradient(135deg, rgba(187,255,68,.38) 0%, rgba(134,218,24,.20) 18%, rgba(134,218,24,.09) 30%, rgba(134,218,24,0) 50%),
    linear-gradient(315deg, rgba(26,34,28,.08) 0%, rgba(26,34,28,0) 28%) !important;
}
:root[data-theme="light"] #services::before,
:root[data-theme="light"] #prices::before,
:root[data-theme="light"] #about::before,
:root[data-theme="light"] #reviews::before,
:root[data-theme="light"] .contact-section::before{
  background:linear-gradient(135deg, rgba(187,255,68,.28) 0%, rgba(134,218,24,.14) 22%, rgba(134,218,24,0) 48%) !important;
}
:root[data-theme="light"] .cta-banner::before{
  background:
    linear-gradient(135deg, rgba(187,255,68,.42) 0%, rgba(134,218,24,.22) 20%, rgba(134,218,24,0) 44%),
    linear-gradient(315deg, rgba(26,34,28,.10) 0%, rgba(26,34,28,0) 28%) !important;
}

/* UI accent strength */
.btn-primary{
  background:linear-gradient(135deg,var(--accent) 0%, var(--accent-2) 100%) !important;
  color:#121712 !important;
  box-shadow:0 16px 34px rgba(181,255,52,.28) !important;
}
:root[data-theme="light"] .btn-primary{
  background:linear-gradient(135deg,var(--accent) 0%, var(--accent-2) 100%) !important;
  color:#121712 !important;
  box-shadow:0 14px 30px rgba(134,218,24,.24) !important;
}
.btn-primary:hover{transform:translateY(-2px);filter:saturate(1.08) brightness(1.03);}
.section-head h2::after{
  background:linear-gradient(90deg, var(--accent), var(--accent-2), transparent) !important;
  height:4px !important;
}
.eyebrow,.section-head .eyebrow,.hero h1 em,.price-big,.popular-price-value,.hero-meta strong,.hero-trust a:first-child strong{color:var(--accent) !important;}
.logo-mark .i-dot::before,.eyebrow::before,.hero-calc-link .dot,.hero-tag .dot,.cta-banner .eyebrow::before,.node{
  background:var(--accent) !important;
  box-shadow:0 0 0 4px var(--glow-1),0 0 16px var(--glow-2) !important;
}
.trace-line.live{stroke:var(--accent) !important;}
.icon-tile .tile-ico{
  background:rgba(181,255,52,.22) !important;
  border:1px solid rgba(181,255,52,.28) !important;
}
:root[data-theme="light"] .icon-tile .tile-ico{
  background:rgba(134,218,24,.22) !important;
  border:1px solid rgba(134,218,24,.24) !important;
}
.hero-meta strong,.popular-price-value,.price-big{ text-shadow:0 0 18px rgba(181,255,52,.10); }


/* ============ FINAL UX POLISH — light default, centered CTAs, clearer dark cards ============ */

/* 1) Buttons: force perfect centering everywhere, especially the “Записаться” CTA */
.btn,
.btn-primary,
.btn-ghost,
.calc-cta,
a.btn,
button.btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  line-height:1.15 !important;
  vertical-align:middle;
}
.btn-primary::after{pointer-events:none;}
.nav-cta > .btn{
  min-width:154px;
}
.hero-actions .btn,
.cta-actions .btn,
.popular-price-foot .btn,
.services-foot .btn{
  text-align:center !important;
}

/* 2) Light theme is the main tone */
:root[data-theme="light"] .theme-toggle button[data-theme="light"],
:root:not([data-theme]) .theme-toggle button[data-theme="light"]{
  font-weight:700;
}

/* 3) Dark theme blocks: increase separation and depth so sections no longer blend together */
:root[data-theme="dark"] .device-card,
:root[data-theme="dark"] .advantage-card,
:root[data-theme="dark"] .break-card,
:root[data-theme="dark"] .service-item,
:root[data-theme="dark"] .review-card,
:root[data-theme="dark"] .step,
:root[data-theme="dark"] .icon-tile,
:root[data-theme="dark"] .blog-card,
:root[data-theme="dark"] .calc-panel,
:root[data-theme="dark"] .form-panel,
:root[data-theme="dark"] .loc-panel,
:root[data-theme="dark"] .stat-cell,
:root[data-theme="dark"] .popular-price-card,
:root[data-theme="dark"] .article-body .tip-box{
  background:#1c241f !important;
  border-color:#3a463d !important;
  box-shadow:0 14px 30px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.02);
}
:root[data-theme="dark"] .device-card:hover,
:root[data-theme="dark"] .advantage-card:hover,
:root[data-theme="dark"] .break-card:hover,
:root[data-theme="dark"] .service-item:hover,
:root[data-theme="dark"] .review-card:hover,
:root[data-theme="dark"] .icon-tile:hover,
:root[data-theme="dark"] .blog-card:hover,
:root[data-theme="dark"] .popular-price-card:hover{
  border-color:color-mix(in srgb, var(--accent) 44%, #3a463d 56%) !important;
  box-shadow:0 18px 38px rgba(0,0,0,.22), 0 0 0 1px rgba(181,255,52,.06);
}
:root[data-theme="dark"] .contact-grid,
:root[data-theme="dark"] .stat-grid,
:root[data-theme="dark"] .calc-result,
:root[data-theme="dark"] .yandex-summary,
:root[data-theme="dark"] .review-card,
:root[data-theme="dark"] .popular-price-foot{
  border-color:#374239 !important;
}
:root[data-theme="dark"] input,
:root[data-theme="dark"] textarea,
:root[data-theme="dark"] select,
:root[data-theme="dark"] .calc-device-btn,
:root[data-theme="dark"] .calc-problem-btn,
:root[data-theme="dark"] .social-pill,
:root[data-theme="dark"] .hero-meta,
:root[data-theme="dark"] .hero-trust{
  background:#18201b !important;
  border-color:#344037 !important;
}
:root[data-theme="dark"] .hero-meta a:hover,
:root[data-theme="dark"] .hero-trust a:hover,
:root[data-theme="dark"] .social-pill:hover,
:root[data-theme="dark"] .calc-device-btn.active,
:root[data-theme="dark"] .calc-problem-btn.active{
  background:#212a24 !important;
}

/* 4) Light theme: keep it primary, with stronger readability */
:root[data-theme="light"] .device-card,
:root[data-theme="light"] .advantage-card,
:root[data-theme="light"] .break-card,
:root[data-theme="light"] .service-item,
:root[data-theme="light"] .review-card,
:root[data-theme="light"] .step,
:root[data-theme="light"] .icon-tile,
:root[data-theme="light"] .blog-card,
:root[data-theme="light"] .calc-panel,
:root[data-theme="light"] .form-panel,
:root[data-theme="light"] .loc-panel,
:root[data-theme="light"] .stat-cell,
:root[data-theme="light"] .popular-price-card,
:root[data-theme="light"] .article-body .tip-box{
  background:#f4f6f3 !important;
  border-color:#d2dad3 !important;
  box-shadow:0 12px 28px rgba(24,30,26,.055);
}
:root[data-theme="light"] .nav{box-shadow:0 8px 24px rgba(20,28,22,.04);}

/* ============ AMBIENT MOTION + DARK SEPARATION FINAL ============ */
/* Background motion lives in empty space around content — not inside cards. */
.section > .ambient-tech,
.cta-banner > .ambient-tech{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
  opacity:.72;
}
.section > .wrap,
.cta-banner > .wrap{
  position:relative;
  z-index:1;
}
.ambient-track{
  position:absolute;
  height:1px;
  border-radius:2px;
  background:linear-gradient(90deg, transparent 0%, color-mix(in srgb,var(--accent) 18%, transparent) 18%, color-mix(in srgb,var(--accent) 70%, transparent) 60%, transparent 100%);
  filter:drop-shadow(0 0 5px color-mix(in srgb,var(--accent) 18%, transparent));
  transform-origin:left center;
}
.ambient-track::after{
  content:'';
  position:absolute;
  right:22%;
  top:50%;
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--accent);
  box-shadow:0 0 12px var(--glow-1);
  transform:translate(50%,-50%);
}
.ambient-track-a{width:280px;top:22%;animation:ambientSlideA 12s ease-in-out infinite;}
.ambient-track-b{width:190px;top:62%;transform:rotate(-18deg);animation:ambientSlideB 15s ease-in-out infinite reverse;opacity:.72;}
.ambient-track-c{width:130px;top:79%;transform:rotate(26deg);animation:ambientSlideC 11s ease-in-out infinite;opacity:.5;}
.ambient-tech[data-side="left"] .ambient-track-a{left:-70px;}
.ambient-tech[data-side="left"] .ambient-track-b{left:5%;}
.ambient-tech[data-side="left"] .ambient-track-c{right:4%;}
.ambient-tech[data-side="right"] .ambient-track-a{right:-70px;transform:scaleX(-1);}
.ambient-tech[data-side="right"] .ambient-track-b{right:4%;transform:rotate(18deg) scaleX(-1);}
.ambient-tech[data-side="right"] .ambient-track-c{left:4%;transform:rotate(-26deg);}
.ambient-node{
  position:absolute;
  width:7px;
  height:7px;
  border:1px solid color-mix(in srgb,var(--accent) 80%, white 20%);
  background:color-mix(in srgb,var(--accent) 40%, transparent);
  box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 7%, transparent),0 0 14px var(--glow-1);
  animation:ambientNode 3.8s ease-in-out infinite;
}
.ambient-node-a{top:35%;}
.ambient-node-b{top:73%;animation-delay:-1.8s;}
.ambient-tech[data-side="left"] .ambient-node-a{right:5%;}
.ambient-tech[data-side="left"] .ambient-node-b{left:7%;}
.ambient-tech[data-side="right"] .ambient-node-a{left:5%;}
.ambient-tech[data-side="right"] .ambient-node-b{right:7%;}
.ambient-ring{
  position:absolute;
  width:170px;
  height:170px;
  border-radius:50%;
  border:1px solid color-mix(in srgb,var(--accent) 15%, transparent);
  border-right-color:color-mix(in srgb,var(--accent) 55%, transparent);
  border-bottom-color:transparent;
  opacity:.48;
  animation:ambientSpin 24s linear infinite;
}
.ambient-tech[data-side="left"] .ambient-ring{right:-55px;bottom:8%;}
.ambient-tech[data-side="right"] .ambient-ring{left:-55px;top:12%;}

@keyframes ambientSlideA{
  0%,100%{translate:0 0;opacity:.38;}
  50%{translate:54px 10px;opacity:.9;}
}
@keyframes ambientSlideB{
  0%,100%{translate:0 0;opacity:.28;}
  50%{translate:38px -10px;opacity:.72;}
}
@keyframes ambientSlideC{
  0%,100%{translate:0 0;opacity:.22;}
  50%{translate:-30px 8px;opacity:.56;}
}
@keyframes ambientNode{
  0%,100%{transform:scale(.8);opacity:.38;}
  50%{transform:scale(1.2);opacity:1;}
}
@keyframes ambientSpin{to{transform:rotate(360deg);}}

/* Light theme gets visible but restrained green tech motion. */
:root[data-theme="light"] .ambient-tech{opacity:.68;}
:root[data-theme="light"] .ambient-track{
  background:linear-gradient(90deg, transparent, rgba(113,183,24,.16) 20%, rgba(113,183,24,.48) 62%, transparent);
}
:root[data-theme="light"] .ambient-node{
  border-color:rgba(75,126,14,.58);
  background:rgba(134,218,24,.24);
  box-shadow:0 0 0 5px rgba(134,218,24,.06),0 0 12px rgba(134,218,24,.15);
}
:root[data-theme="light"] .ambient-ring{
  border-color:rgba(94,155,24,.12);
  border-right-color:rgba(94,155,24,.38);
  border-bottom-color:transparent;
}

/* Dark theme: clearer hierarchy between page, section and card surfaces. */
:root[data-theme="dark"]{
  --bg:#101511;
  --bg-soft:#171e19;
  --surface:#222b24;
  --surface-2:#29342b;
  --border:#465349;
  --fg-muted:#bcc4bb;
  --fg-dim:#909b91;
}
:root[data-theme="dark"] body{
  background:linear-gradient(180deg,#101511 0%,#141a15 100%) !important;
}
:root[data-theme="dark"] .section:nth-of-type(odd):not(.contact-section){
  background-color:#131914;
}
:root[data-theme="dark"] .section:nth-of-type(even):not(.contact-section){
  background-color:#181f1a;
}
:root[data-theme="dark"] .device-card,
:root[data-theme="dark"] .advantage-card,
:root[data-theme="dark"] .break-card,
:root[data-theme="dark"] .service-item,
:root[data-theme="dark"] .review-card,
:root[data-theme="dark"] .step,
:root[data-theme="dark"] .icon-tile,
:root[data-theme="dark"] .blog-card,
:root[data-theme="dark"] .calc-panel,
:root[data-theme="dark"] .form-panel,
:root[data-theme="dark"] .loc-panel,
:root[data-theme="dark"] .stat-cell,
:root[data-theme="dark"] .popular-price-card,
:root[data-theme="dark"] .article-body .tip-box{
  background:#222b24 !important;
  border-color:#445247 !important;
  box-shadow:0 18px 38px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.035) !important;
}
:root[data-theme="dark"] .contact-grid,
:root[data-theme="dark"] .stat-grid{
  background:#3e4b41 !important;
  border-color:#465449 !important;
}
:root[data-theme="dark"] input,
:root[data-theme="dark"] textarea,
:root[data-theme="dark"] select,
:root[data-theme="dark"] .social-pill,
:root[data-theme="dark"] .calc-device-btn,
:root[data-theme="dark"] .calc-problem-btn{
  background:#19211b !important;
  border-color:#3e4b41 !important;
}
:root[data-theme="dark"] .nav{
  border-bottom-color:#354137;
}

/* Keep animations lightweight on phones and respectful of reduced motion. */
@media(max-width:720px){
  .section > .ambient-tech,.cta-banner > .ambient-tech{opacity:.44;}
  .ambient-track-a{width:190px;}
  .ambient-track-b{width:120px;}
  .ambient-track-c,.ambient-ring,.ambient-node-b{display:none;}
}
@media(prefers-reduced-motion:reduce){
  .ambient-track,.ambient-node,.ambient-ring{animation:none !important;}
  .section > .ambient-tech,.cta-banner > .ambient-tech{opacity:.28;}
}


/* ============ COST NAV ACCENT 2026-08 ============ */
/* “Стоимость” is a primary conversion link, so it stays bright lime in navigation. */
.nav-links a[data-nav="calculator"],
.nav-links .calc-open[data-nav="calculator"]{
  color:#b5ff34 !important;
  font-weight:800 !important;
  text-shadow:0 0 16px rgba(181,255,52,.22);
}
.nav-links a[data-nav="calculator"]::after,
.nav-links .calc-open[data-nav="calculator"]::after{
  width:100% !important;
  background:linear-gradient(90deg,#b5ff34,#e2ff7c) !important;
  box-shadow:0 0 10px rgba(181,255,52,.32);
}
.nav-links a[data-nav="calculator"]:hover,
.nav-links .calc-open[data-nav="calculator"]:hover{
  color:#e2ff7c !important;
}
.mobile-drawer a[data-nav="calculator"],
.mobile-drawer .calc-open[data-nav="calculator"]{
  color:#b5ff34 !important;
  font-weight:800 !important;
}
.mobile-drawer a[data-nav="calculator"]::before,
.mobile-drawer .calc-open[data-nav="calculator"]::before{
  background:#b5ff34 !important;
}
:root[data-theme="light"] .nav-links a[data-nav="calculator"],
:root[data-theme="light"] .nav-links .calc-open[data-nav="calculator"],
:root[data-theme="light"] .mobile-drawer a[data-nav="calculator"],
:root[data-theme="light"] .mobile-drawer .calc-open[data-nav="calculator"]{
  color:#5f9f12 !important;
  text-shadow:none;
}
:root[data-theme="light"] .nav-links a[data-nav="calculator"]::after,
:root[data-theme="light"] .nav-links .calc-open[data-nav="calculator"]::after{
  background:linear-gradient(90deg,#78c815,#a8f03a) !important;
  box-shadow:none;
}


/* ============ MOBILE COST DISCOVERY 2026-08 ============ */
/* Put price discovery before the service list in the mobile drawer. */
.mobile-drawer .mobile-cost-primary{
  display:flex !important;
  align-items:center;
  gap:12px;
  margin:2px 0 18px;
  padding:14px 14px !important;
  border:1px solid rgba(181,255,52,.34) !important;
  border-radius:16px;
  background:linear-gradient(135deg,rgba(181,255,52,.18),rgba(181,255,52,.08)) !important;
  color:#f4f7f1 !important;
  box-shadow:0 14px 34px rgba(0,0,0,.20),0 0 30px rgba(181,255,52,.08);
  font-family:'Manrope',sans-serif !important;
}
.mobile-cost-icon{
  width:42px;height:42px;border-radius:12px;flex:0 0 auto;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#b5ff34,#e2ff7c);
  color:#101510;font-family:'Segoe UI Variable Display','SF Pro Display','Aptos Display','Segoe UI',sans-serif;font-size:20px;font-weight:900;
}
.mobile-cost-copy{display:flex;flex-direction:column;gap:2px;min-width:0;}
.mobile-cost-copy strong{font-family:'Segoe UI Variable Display','SF Pro Display','Aptos Display','Segoe UI',sans-serif;font-size:14px;line-height:1.2;color:#b5ff34;}
.mobile-cost-copy small{font-family:'Segoe UI Variable Text','SF Pro Text','Aptos','Segoe UI',sans-serif;font-size:12px;line-height:1.25;color:var(--fg-muted);font-weight:600;}
.mobile-cost-arrow{margin-left:auto;font-size:24px;color:#b5ff34;line-height:1;}
.mobile-drawer .mobile-cost-primary:hover{transform:translateY(-1px);border-color:#b5ff34 !important;}

/* Always-visible cost CTA on phones, so the user does not need to discover it in the burger menu. */
.mobile-cost-bar{display:none;}
@media(max-width:720px){
  body{padding-bottom:82px;}
  footer{padding-bottom:18px;}
  .mobile-cost-bar{
    position:fixed;left:14px;right:14px;bottom:max(12px,env(safe-area-inset-bottom));z-index:240;
    min-height:58px;padding:8px 12px;
    display:flex;align-items:center;gap:10px;
    border:1px solid rgba(226,255,124,.46);border-radius:17px;
    background:linear-gradient(135deg,#a9ef31 0%,#caff58 56%,#e2ff7c 100%);
    color:#101510;
    box-shadow:0 16px 38px rgba(0,0,0,.34),0 0 28px rgba(181,255,52,.22);
    -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  }
  .mobile-cost-bar-icon{
    width:40px;height:40px;border-radius:12px;flex:0 0 auto;
    display:flex;align-items:center;justify-content:center;
    background:#121712;color:#b5ff34;font-family:'Segoe UI Variable Display','SF Pro Display','Aptos Display','Segoe UI',sans-serif;font-size:19px;font-weight:900;
  }
  .mobile-cost-bar-copy{display:flex;flex-direction:column;gap:1px;min-width:0;}
  .mobile-cost-bar-copy strong{font-family:'Segoe UI Variable Display','SF Pro Display','Aptos Display','Segoe UI',sans-serif;font-size:13px;line-height:1.2;letter-spacing:-.01em;}
  .mobile-cost-bar-copy small{font-size:11.5px;line-height:1.2;font-weight:700;color:#334125;}
  .mobile-cost-bar-arrow{margin-left:auto;font-size:22px;font-weight:800;line-height:1;}
  .mobile-drawer{padding-bottom:100px;}
}
@media(max-width:360px){
  .mobile-cost-bar{left:10px;right:10px;bottom:max(8px,env(safe-area-inset-bottom));}
  .mobile-cost-bar-copy strong{font-size:12px;}
  .mobile-cost-bar-copy small{font-size:10.5px;}
}
:root[data-theme="light"] .mobile-drawer .mobile-cost-primary{
  background:linear-gradient(135deg,rgba(134,218,24,.20),rgba(134,218,24,.08)) !important;
  border-color:rgba(95,159,18,.34) !important;
  color:#121712 !important;
  box-shadow:0 12px 28px rgba(24,34,20,.08);
}
:root[data-theme="light"] .mobile-cost-copy strong{color:#4e8613;}
:root[data-theme="light"] .mobile-cost-arrow{color:#5f9f12;}


/* Legal/compliance additions — 2026-08-21 */
.pd-consent{display:flex;gap:10px;align-items:flex-start;margin:12px 0 4px;font-size:13px;line-height:1.45;color:var(--fg-muted);cursor:pointer}
.pd-consent input{width:18px;height:18px;min-width:18px;margin-top:1px;accent-color:var(--accent)}
.footer-legal{padding:18px 0 6px;font-size:12.5px;line-height:1.55;color:var(--fg-muted);border-top:1px solid var(--border)}
.footer-legal p{margin:4px 0}.footer-legal a{color:inherit;text-decoration:underline;text-underline-offset:3px}.footer-legal-links{margin-top:8px!important}
.cookie-consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:9999;max-width:980px;margin:0 auto;padding:16px 18px;border:1px solid var(--border);border-radius:18px;background:var(--bg-elevated, var(--bg));box-shadow:0 16px 50px rgba(0,0,0,.28);display:flex;gap:18px;align-items:center;justify-content:space-between;color:var(--fg)}
.cookie-consent p{margin:5px 0;font-size:13px;color:var(--fg-muted);line-height:1.45}.cookie-consent a{font-size:12.5px;color:var(--accent)}.cookie-actions{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}.cookie-actions .btn{padding:10px 14px;font-size:12.5px}
@media(max-width:760px){.cookie-consent{align-items:stretch;flex-direction:column;bottom:76px}.cookie-actions{display:grid;grid-template-columns:1fr}.cookie-actions .btn{width:100%}}

/* MIKRON typography refresh 2026-08-23 */
.hero h1,.article-hero h1,.model-compact-title{font-family:'Segoe UI Variable Display','SF Pro Display','Aptos Display','Segoe UI',sans-serif;font-weight:680;letter-spacing:-.05em}
.price,.price-big,.popular-price,.calc-result .price-big,.model-compact-price{font-family:'Segoe UI Variable Display','SF Pro Display','Aptos Display','Segoe UI',sans-serif;font-weight:800;letter-spacing:-.035em}
.eyebrow,.article-meta,.footer-bottom,.hero-price-strip span{font-family:'Cascadia Mono','SFMono-Regular','Consolas',monospace}
.section-head h2{font-weight:660;letter-spacing:-.045em}
.lime-word{color:var(--accent);font-style:normal}


/* MIKRON polished "device not found" card + soft section transition — 2026-08-23 */
.other-device-card{
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:150px minmax(0,1fr) auto;
  gap:30px;
  align-items:center;
  margin-top:30px;
  padding:34px 36px;
  border:1px solid color-mix(in srgb,var(--accent) 50%,transparent);
  border-radius:30px;
  overflow:hidden;
  background:
    radial-gradient(circle at 11% 50%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 21%),
    radial-gradient(circle at 88% 16%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 27%),
    linear-gradient(135deg,color-mix(in srgb,var(--surface) 94%,#101914),color-mix(in srgb,var(--bg-soft) 90%,#142019));
  box-shadow:0 24px 70px rgba(0,0,0,.18),0 0 34px color-mix(in srgb,var(--accent) 7%,transparent);
}
[data-theme="dark"] .other-device-card{
  background:
    radial-gradient(circle at 11% 50%,rgba(183,255,50,.10),transparent 22%),
    radial-gradient(circle at 88% 16%,rgba(183,255,50,.09),transparent 27%),
    linear-gradient(135deg,#101713,#131d17);
  box-shadow:0 24px 74px rgba(0,0,0,.34),0 0 38px rgba(183,255,50,.07);
}
.other-device-card::before{
  content:"";
  position:absolute;
  width:230px;height:230px;
  right:-78px;top:-92px;
  border-radius:50%;
  border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);
  box-shadow:0 0 65px color-mix(in srgb,var(--accent) 8%,transparent);
  pointer-events:none;
}
.other-device-card::after{
  content:"";
  position:absolute;
  right:48px;top:42px;
  width:120px;height:84px;
  opacity:.38;
  background-image:radial-gradient(circle,color-mix(in srgb,var(--accent) 56%,transparent) 1.3px,transparent 1.5px);
  background-size:18px 18px;
  pointer-events:none;
}
.other-device-icon{
  width:124px;height:124px;
  display:grid;place-items:center;
  border-radius:50%;
  border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);
  background:radial-gradient(circle,color-mix(in srgb,var(--accent) 10%,transparent),transparent 66%);
  box-shadow:inset 0 0 34px color-mix(in srgb,var(--accent) 5%,transparent);
  position:relative;
}
.other-device-icon::before{
  content:"";
  width:46px;height:74px;
  border:3px solid var(--accent);
  border-radius:12px;
  box-shadow:0 0 16px color-mix(in srgb,var(--accent) 20%,transparent);
}
.other-device-icon::after{
  content:"";
  position:absolute;
  width:34px;height:34px;
  border:3px solid var(--accent);
  border-radius:50%;
  right:26px;bottom:27px;
  box-shadow:0 0 14px color-mix(in srgb,var(--accent) 20%,transparent);
}
.other-device-icon span{
  position:absolute;
  z-index:2;
  color:var(--accent);
  font-size:22px;
  font-weight:900;
  right:35px;
  bottom:32px;
}
.other-device-copy{position:relative;z-index:1}
.other-device-kicker{
  margin-bottom:8px;
  color:var(--accent);
  font-size:11px;
  font-weight:850;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.other-device-copy h3{
  margin:0 0 11px;
  font-size:clamp(27px,3vw,38px);
  line-height:1.05;
  letter-spacing:-.035em;
}
.other-device-copy h3 span{color:var(--accent)}
.other-device-copy p{
  max-width:760px;
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.65;
}
.other-device-benefits{
  display:flex;
  gap:10px 18px;
  flex-wrap:wrap;
  margin-top:15px;
  color:var(--text);
  font-size:12px;
  font-weight:700;
}
.other-device-benefits span{opacity:.85}
.other-device-btn{
  min-width:230px;
  min-height:58px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  font-weight:850;
  position:relative;
  z-index:2;
  box-shadow:0 14px 34px color-mix(in srgb,var(--accent) 22%,transparent);
  transition:transform .2s ease,box-shadow .2s ease;
}
.other-device-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 42px color-mix(in srgb,var(--accent) 30%,transparent);
}
.other-device-btn b{font-size:23px;line-height:1}

.android-catalog + .section,
.model-other-device + .hero,
.model-other-device + .section{
  position:relative;
}
.android-catalog + .section::before,
.model-other-device + .hero::before,
.model-other-device + .section::before{
  content:"";
  position:absolute;
  left:4%;right:4%;top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 28%,transparent) 22%,var(--accent) 50%,color-mix(in srgb,var(--accent) 28%,transparent) 78%,transparent);
  box-shadow:0 0 18px color-mix(in srgb,var(--accent) 24%,transparent),0 0 44px color-mix(in srgb,var(--accent) 8%,transparent);
  opacity:.72;
  pointer-events:none;
}
.android-catalog + .section::after,
.model-other-device + .hero::after,
.model-other-device + .section::after{
  content:"";
  position:absolute;
  left:18%;right:18%;top:-34px;
  height:68px;
  background:radial-gradient(ellipse at center,color-mix(in srgb,var(--accent) 8%,transparent),transparent 70%);
  filter:blur(8px);
  pointer-events:none;
}

@media(max-width:900px){
  .other-device-card{grid-template-columns:104px 1fr;padding:28px;gap:22px}
  .other-device-icon{width:94px;height:94px}
  .other-device-icon::before{width:36px;height:58px}
  .other-device-icon::after{width:27px;height:27px;right:19px;bottom:20px}
  .other-device-icon span{right:26px;bottom:23px;font-size:17px}
  .other-device-btn{grid-column:1/-1;width:100%}
  .other-device-card::after{display:none}
}
@media(max-width:560px){
  .other-device-card{grid-template-columns:1fr;margin-top:22px;padding:22px 18px;border-radius:22px;gap:16px}
  .other-device-icon{width:78px;height:78px}
  .other-device-icon::before{width:30px;height:49px;border-width:2px}
  .other-device-icon::after{width:22px;height:22px;right:16px;bottom:16px;border-width:2px}
  .other-device-icon span{right:22px;bottom:19px;font-size:14px}
  .other-device-copy h3{font-size:27px}
  .other-device-copy p{font-size:13px}
  .other-device-benefits{display:grid;gap:7px}
  .other-device-btn{min-width:0;min-height:54px}
}

/* Final alignment fix: "Не нашли свою модель?" icon */
.other-device-icon{
  position:relative;
  display:grid;
  place-items:center;
}
.other-device-icon::before{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  box-sizing:border-box;
}
.other-device-icon::after{
  right:18px;
  bottom:18px;
  top:auto;
  left:auto;
  box-sizing:border-box;
  background:#111914;
  z-index:2;
}
.other-device-icon span{
  right:27px;
  bottom:24px;
  top:auto;
  left:auto;
  line-height:1;
  z-index:3;
}
@media(max-width:900px){
  .other-device-icon::after{right:12px;bottom:12px}
  .other-device-icon span{right:19px;bottom:17px}
}
@media(max-width:560px){
  .other-device-icon::after{right:9px;bottom:9px}
  .other-device-icon span{right:15px;bottom:14px}
}

/* Hero address accent — card stays above the existing animated circuit trace */
.hero-meta{
  position:relative;
  z-index:3;
  overflow:hidden;
  background:color-mix(in srgb,var(--surface) 92%,transparent);
  box-shadow:0 8px 24px rgba(0,0,0,.12);
}
.hero-meta>span,.hero-meta>a{
  position:relative;
  z-index:2;
  background:transparent;
}
.hero-meta .hero-address-highlight{
  color:#10150d;
  font-weight:800;
  background:linear-gradient(135deg,#a9f51e,#c7ff58);
  text-shadow:none;
  box-shadow:inset 0 0 0 1px rgba(183,255,50,.28),0 0 18px rgba(183,255,50,.12);
}
.hero-meta .hero-address-highlight::after{content:none!important;}

/* ===== MIKRON: original dark background + enhanced text readability =====
   Background palette intentionally untouched. Only typography/readability is enhanced. */

/* Main headings */
h1, h2, h3,
.hero-title,
.section-title,
.model-title{
  color:#f7faf5 !important;
  text-shadow:
    0 2px 3px rgba(0,0,0,.88),
    0 0 18px rgba(0,0,0,.30);
}

/* Body copy */
.hero p,
.section p,
.page-section p,
.about-copy p,
.contact-section p,
.legal-content p,
.article-body p{
  color:rgba(247,250,245,.88);
  text-shadow:0 1px 2px rgba(0,0,0,.72);
}

/* Card titles and important labels */
.card h3,
.service-card h3,
.service-item h3,
.device-card h3,
.model-card h3,
.price-card h3,
.review-card h3,
.contact-card h3,
.faq-item h3,
.popular-price-card h3,
.stat-card strong,
.info-card strong{
  color:#fff !important;
  text-shadow:
    0 2px 2px rgba(0,0,0,.92),
    0 0 10px rgba(0,0,0,.20);
  font-weight:800;
}

/* Prices / important numeric values */
.price,
.price-value,
.stat-value,
.hero-price,
.service-price,
.model-price{
  text-shadow:
    0 2px 2px rgba(0,0,0,.82),
    0 0 12px rgba(0,0,0,.18);
}

/* Small secondary text: slightly brighter without becoming glaring */
.muted,
.meta,
.card p,
.service-card p,
.service-item p,
.device-card p,
.model-card p,
.price-card p,
.review-card p,
.stat-card span,
.info-card span{
  color:rgba(239,245,237,.78);
}

/* Lime accent text gets a subtle dark edge for readability over green glow */
.eyebrow,
.kicker,
.accent,
.tag,
.badge,
a.more,
.more-link{
  text-shadow:0 1px 2px rgba(0,0,0,.92);
}

/* Improve text contrast inside translucent information boxes */
.hero-meta,
.notice,
.info-box,
.note,
.about-check,
.feature-row{
  text-shadow:0 1px 2px rgba(0,0,0,.68);
}

/* Mobile: preserve clarity at smaller sizes */
@media(max-width:700px){
  h1,h2,h3,.hero-title,.section-title{
    text-shadow:0 2px 3px rgba(0,0,0,.88);
  }
}


/* =========================================================
   MIKRON — "Что мы ремонтируем" reference redesign
   Homepage services section only.
   ========================================================= */
#index-services-anchor{}

body #services{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:720px;
  padding:86px 0 92px;
  background:
    radial-gradient(700px 520px at 2% 8%,rgba(145,214,38,.18),transparent 68%),
    linear-gradient(110deg,#0d1510 0%,#0a100d 58%,#0b130e 100%) !important;
  border-top:1px solid rgba(183,255,50,.14);
  border-bottom:1px solid rgba(183,255,50,.16);
}

/* Large technical rings on the right, like the reference. */
body #services::before{
  content:"";
  position:absolute;
  width:820px;
  height:820px;
  right:-150px;
  top:-92px;
  border-radius:50%;
  border:1px solid rgba(183,255,50,.32);
  box-shadow:
    0 0 0 84px rgba(183,255,50,.025),
    inset 0 0 90px rgba(183,255,50,.02);
  pointer-events:none;
  z-index:-2;
}
body #services::after{
  content:"";
  position:absolute;
  width:660px;
  height:660px;
  right:-70px;
  top:-12px;
  border-radius:50%;
  border:1px solid rgba(183,255,50,.14);
  box-shadow:0 0 55px rgba(183,255,50,.04);
  pointer-events:none;
  z-index:-2;
}

/* Thin circuit accents crossing the background, without touching content. */
body #services .wrap{
  position:relative;
  z-index:1;
  max-width:1180px;
}
body #services .wrap::before{
  content:"";
  position:absolute;
  right:-70px;
  top:68px;
  width:500px;
  height:1px;
  background:
    linear-gradient(90deg,transparent,rgba(183,255,50,.24) 16%,rgba(183,255,50,.10) 70%,transparent);
  box-shadow:160px 250px 0 rgba(183,255,50,.12);
  opacity:.85;
  pointer-events:none;
}
body #services .wrap::after{
  content:"";
  position:absolute;
  right:58px;
  bottom:-18px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#9edc26;
  box-shadow:
    -226px -500px 0 -1px rgba(158,220,38,.65),
    -32px -178px 0 -1px rgba(158,220,38,.50),
    -422px -72px 0 -1px rgba(158,220,38,.45);
  opacity:.7;
  pointer-events:none;
}

/* Head block: compact and strong like the supplied reference. */
body #services .section-head{
  max-width:490px;
  margin:0 0 38px;
  text-align:left;
}
body #services .section-head .eyebrow{
  margin-bottom:12px;
  color:#b7ff32;
  letter-spacing:.14em;
  font-size:12px;
  font-weight:850;
  text-transform:uppercase;
}
body #services .section-head h2{
  margin:0 0 14px;
  max-width:430px;
  font-size:clamp(38px,4.4vw,58px);
  line-height:.98;
  letter-spacing:-.045em;
  color:#f7faf5;
  text-shadow:0 3px 8px rgba(0,0,0,.55);
}
body #services .section-head .desc{
  max-width:455px;
  margin:0;
  color:rgba(239,245,237,.72);
  font-size:15px;
  line-height:1.58;
}

/* 4+3 grid like the screenshot. */
body #services .icon-tiles{
  width:min(840px,100%);
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:0;
}
body #services .icon-tile{
  min-height:154px;
  padding:24px 18px 21px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:16px;
  border-radius:16px;
  border:1px solid rgba(210,234,213,.17);
  background:
    linear-gradient(145deg,rgba(30,43,34,.94),rgba(24,35,29,.91)) !important;
  box-shadow:
    0 16px 40px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.025);
  transition:
    transform .22s ease,
    border-color .22s ease,
    background .22s ease,
    box-shadow .22s ease;
}
body #services .icon-tile:hover{
  transform:translateY(-4px);
  border-color:rgba(183,255,50,.46);
  background:
    linear-gradient(145deg,rgba(38,54,40,.97),rgba(27,42,31,.96)) !important;
  box-shadow:
    0 22px 46px rgba(0,0,0,.24),
    0 0 24px rgba(183,255,50,.055);
}
body #services .tile-ico{
  width:64px;
  height:64px;
  display:grid;
  place-items:center;
  border-radius:17px;
  color:#c4ff54;
  border:1px solid rgba(183,255,50,.44);
  background:
    radial-gradient(circle at 40% 30%,rgba(183,255,50,.14),transparent 60%),
    linear-gradient(145deg,#31491e,#263a1b);
  box-shadow:
    inset 0 0 18px rgba(183,255,50,.035),
    0 0 20px rgba(183,255,50,.045);
}
body #services .tile-ico svg{
  width:30px;
  height:30px;
  stroke-width:1.7;
}
body #services .icon-tile > span:last-child{
  color:#f4f8f2;
  font-size:16px;
  line-height:1.18;
  font-weight:800;
  text-align:center;
  max-width:150px;
  text-shadow:0 2px 3px rgba(0,0,0,.55);
}

/* Keep last row aligned to the left as 3 cards. */
body #services .icon-tile:nth-child(5),
body #services .icon-tile:nth-child(6),
body #services .icon-tile:nth-child(7){
  margin-top:0;
}

@media(max-width:980px){
  body #services{
    min-height:auto;
    padding:70px 0 78px;
  }
  body #services::before{
    width:680px;
    height:680px;
    right:-310px;
    top:-50px;
    opacity:.72;
  }
  body #services::after{
    width:520px;
    height:520px;
    right:-230px;
    top:35px;
  }
  body #services .icon-tiles{
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:min(620px,100%);
  }
}
@media(max-width:560px){
  body #services{
    padding:54px 0 62px;
    background:
      radial-gradient(430px 360px at 0% 2%,rgba(145,214,38,.14),transparent 70%),
      linear-gradient(110deg,#0d1510,#0a100d 70%) !important;
  }
  body #services::before{
    width:480px;
    height:480px;
    right:-310px;
    top:-30px;
  }
  body #services::after{
    width:360px;
    height:360px;
    right:-235px;
    top:30px;
  }
  body #services .section-head{
    margin-bottom:28px;
  }
  body #services .section-head h2{
    font-size:36px;
  }
  body #services .section-head .desc{
    font-size:13px;
    line-height:1.55;
  }
  body #services .icon-tiles{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  body #services .icon-tile{
    min-height:128px;
    padding:18px 10px 16px;
    gap:12px;
    border-radius:14px;
  }
  body #services .tile-ico{
    width:54px;
    height:54px;
    border-radius:14px;
  }
  body #services .tile-ico svg{
    width:25px;
    height:25px;
  }
  body #services .icon-tile > span:last-child{
    font-size:13px;
  }
}

/* ===== SERVICES BLOCK: MORE GREEN, KEEP TEXT AREA READABLE ===== */
body #services{
  background:
    radial-gradient(760px 580px at 0% 8%,
      rgba(159,230,43,.30) 0%,
      rgba(103,169,30,.18) 30%,
      rgba(57,105,22,.09) 52%,
      transparent 72%),
    radial-gradient(800px 620px at 100% 82%,
      rgba(138,211,37,.22) 0%,
      rgba(83,149,27,.13) 34%,
      rgba(43,91,20,.06) 56%,
      transparent 75%),
    linear-gradient(110deg,#101b12 0%,#0b130e 52%,#0d1910 100%) !important;
}

/* Stronger lime technical rings */
body #services::before{
  border-color:rgba(183,255,50,.48) !important;
  box-shadow:
    0 0 0 84px rgba(183,255,50,.040),
    0 0 85px rgba(143,220,39,.065),
    inset 0 0 100px rgba(183,255,50,.035) !important;
}
body #services::after{
  border-color:rgba(183,255,50,.25) !important;
  box-shadow:
    0 0 70px rgba(183,255,50,.055),
    inset 0 0 50px rgba(183,255,50,.025) !important;
}

/* Cards receive a visible green tint, but stay dark enough for white text */
body #services .icon-tile{
  border-color:rgba(183,255,50,.22) !important;
  background:
    radial-gradient(220px 150px at 18% 8%,rgba(125,190,37,.10),transparent 68%),
    linear-gradient(145deg,rgba(31,49,34,.97),rgba(22,37,27,.95)) !important;
}
body #services .icon-tile:hover{
  border-color:rgba(183,255,50,.58) !important;
  background:
    radial-gradient(240px 160px at 18% 8%,rgba(150,222,42,.16),transparent 68%),
    linear-gradient(145deg,rgba(39,62,41,.98),rgba(26,45,31,.97)) !important;
}

/* Brighter icon plates */
body #services .tile-ico{
  background:
    radial-gradient(circle at 38% 28%,rgba(200,255,92,.20),transparent 58%),
    linear-gradient(145deg,#3b5d20,#2c471b) !important;
  border-color:rgba(183,255,50,.62) !important;
  box-shadow:
    0 0 24px rgba(183,255,50,.075),
    inset 0 0 20px rgba(183,255,50,.045) !important;
}

/* More visible circuit accents */
body #services .wrap::before{
  opacity:1 !important;
  background:
    linear-gradient(90deg,transparent,rgba(183,255,50,.36) 16%,rgba(183,255,50,.15) 70%,transparent) !important;
}
body #services .wrap::after{
  opacity:.92 !important;
}

/* Preserve a darker halo immediately behind heading/description */
body #services .section-head{
  position:relative;
}
body #services .section-head::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-35px -55px -38px -48px;
  background:radial-gradient(ellipse at 35% 45%,rgba(7,13,9,.44),rgba(7,13,9,.12) 58%,transparent 78%);
  pointer-events:none;
}

@media(max-width:560px){
  body #services{
    background:
      radial-gradient(460px 390px at 0% 4%,rgba(159,230,43,.24),rgba(87,149,28,.10) 45%,transparent 72%),
      radial-gradient(430px 360px at 100% 96%,rgba(130,205,36,.15),transparent 70%),
      linear-gradient(110deg,#101a12,#0b130e 70%) !important;
  }
}


/* =========================================================
   MIKRON — popular prices block redesign
   Same visual language as "Что мы ремонтируем"
   ========================================================= */

body #prices{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:86px 0 92px;
  background:
    radial-gradient(760px 560px at 100% 8%,
      rgba(149,220,40,.25) 0%,
      rgba(92,159,28,.14) 34%,
      rgba(48,96,21,.065) 56%,
      transparent 74%),
    radial-gradient(720px 520px at 0% 92%,
      rgba(131,204,36,.18) 0%,
      rgba(77,140,25,.10) 34%,
      rgba(39,82,19,.05) 56%,
      transparent 75%),
    linear-gradient(110deg,#0c140f 0%,#0a110d 54%,#0d1710 100%) !important;
  border-bottom:1px solid rgba(183,255,50,.14);
}

/* Technical rings / depth */
body #prices::before{
  content:"";
  position:absolute;
  width:760px;
  height:760px;
  left:-300px;
  bottom:-390px;
  border-radius:50%;
  border:1px solid rgba(183,255,50,.26);
  box-shadow:
    0 0 0 76px rgba(183,255,50,.025),
    0 0 72px rgba(183,255,50,.045);
  pointer-events:none;
  z-index:-2;
}
body #prices::after{
  content:"";
  position:absolute;
  width:580px;
  height:580px;
  right:-210px;
  top:-240px;
  border-radius:50%;
  border:1px solid rgba(183,255,50,.16);
  pointer-events:none;
  z-index:-2;
}

body #prices .wrap{
  position:relative;
  z-index:1;
}

/* Header: clearer promise about pricing before visit */
body #prices .section-head{
  max-width:700px;
  margin-bottom:34px;
}
body #prices .section-head .eyebrow{
  color:#b7ff32;
  letter-spacing:.14em;
  font-size:12px;
  font-weight:850;
  text-transform:uppercase;
}
body #prices .section-head h2{
  margin:0 0 12px;
  font-size:clamp(36px,4.2vw,56px);
  line-height:1;
  letter-spacing:-.04em;
  color:#f7faf5;
}
body #prices .section-head .desc{
  max-width:650px;
  color:rgba(239,245,237,.74);
  font-size:15px;
  line-height:1.58;
}

/* Service cards */
body #prices .popular-grid,
body #prices .price-grid,
body #prices .cards{
  gap:14px !important;
}
body #prices .popular-price-card,
body #prices .price-card,
body #prices .service-card{
  position:relative;
  min-height:236px;
  padding:25px 26px 24px;
  border-radius:17px;
  border:1px solid rgba(183,255,50,.22) !important;
  background:
    radial-gradient(240px 170px at 12% 0%,rgba(126,193,37,.10),transparent 68%),
    linear-gradient(145deg,rgba(29,45,33,.97),rgba(21,34,27,.96)) !important;
  box-shadow:
    0 18px 42px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.02);
  overflow:hidden;
}
body #prices .popular-price-card:hover,
body #prices .price-card:hover,
body #prices .service-card:hover{
  transform:translateY(-3px);
  border-color:rgba(183,255,50,.48) !important;
  background:
    radial-gradient(250px 180px at 12% 0%,rgba(152,226,42,.16),transparent 68%),
    linear-gradient(145deg,rgba(37,57,40,.98),rgba(25,41,31,.97)) !important;
}

/* Tiny category / time metadata */
body #prices .popular-price-card .tag,
body #prices .popular-price-card .meta,
body #prices .popular-price-card small,
body #prices .price-card .tag,
body #prices .price-card .meta{
  color:#b7ff32 !important;
  font-size:11px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}

/* Main service title */
body #prices .popular-price-card h3,
body #prices .price-card h3,
body #prices .service-card h3{
  margin:22px 0 10px;
  color:#f7faf5 !important;
  font-size:20px;
  line-height:1.15;
  font-weight:850;
  letter-spacing:-.02em;
}

/* Price becomes the strongest thing in the card */
body #prices .popular-price-card .price,
body #prices .popular-price-card strong,
body #prices .price-card .price,
body #prices .service-card .price{
  display:block;
  margin-top:4px;
  color:#fff !important;
  font-size:31px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.035em;
  text-shadow:0 2px 3px rgba(0,0,0,.55);
}

/* Clear price note before visit */
body #prices .popular-price-card::after,
body #prices .price-card::after{
  content:"Цена известна до визита";
  display:inline-flex;
  align-items:center;
  margin-top:16px;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(183,255,50,.08);
  border:1px solid rgba(183,255,50,.18);
  color:rgba(221,255,177,.86);
  font-size:11px;
  font-weight:750;
  line-height:1;
}

/* Links */
body #prices .popular-price-card a,
body #prices .price-card a,
body #prices .service-card a{
  color:#b7ff32 !important;
  font-weight:800;
}

/* Bottom note / calculator CTA */
body #prices .price-note,
body #prices .popular-note,
body #prices .prices-footer,
body #prices .repair-note{
  margin-top:22px;
  border:1px dashed rgba(183,255,50,.20) !important;
  background:
    linear-gradient(90deg,rgba(25,41,29,.72),rgba(19,32,24,.78)) !important;
  border-radius:16px;
}
body #prices .btn-primary{
  box-shadow:0 10px 28px rgba(183,255,50,.15);
}

/* Keep readable dark halo under intro */
body #prices .section-head{
  position:relative;
}
body #prices .section-head::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-38px -70px -34px -52px;
  background:
    radial-gradient(ellipse at 35% 45%,rgba(6,12,8,.42),rgba(6,12,8,.10) 58%,transparent 80%);
  pointer-events:none;
}

@media(max-width:760px){
  body #prices{
    padding:58px 0 66px;
  }
  body #prices .popular-price-card,
  body #prices .price-card,
  body #prices .service-card{
    min-height:auto;
    padding:20px 18px;
  }
  body #prices .popular-price-card h3,
  body #prices .price-card h3,
  body #prices .service-card h3{
    margin-top:16px;
    font-size:18px;
  }
  body #prices .popular-price-card .price,
  body #prices .popular-price-card strong,
  body #prices .price-card .price,
  body #prices .service-card .price{
    font-size:27px;
  }
}

/* =========================================================
   MIKRON — FINAL SERVICES REFERENCE DESIGN
   Based on supplied reference. Existing icons are preserved.
   Includes dark + light theme adaptation.
   ========================================================= */

/* ---------- DARK THEME ---------- */
body #services{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:780px;
  padding:78px 0 90px;
  background:
    radial-gradient(720px 620px at 0% 0%,
      rgba(173,241,46,.38) 0%,
      rgba(118,184,33,.20) 30%,
      rgba(65,119,24,.09) 50%,
      transparent 70%),
    radial-gradient(860px 720px at 100% 92%,
      rgba(163,231,43,.34) 0%,
      rgba(100,169,29,.16) 34%,
      rgba(51,101,22,.07) 55%,
      transparent 74%),
    linear-gradient(112deg,#112117 0%,#0e1b13 42%,#0c1811 100%) !important;
  border-top:1px solid rgba(183,255,50,.17);
  border-bottom:1px solid rgba(183,255,50,.22);
}

/* Larger concentric technical rings */
body #services::before{
  content:"";
  position:absolute;
  z-index:-3;
  width:1040px;
  height:1040px;
  right:-175px;
  top:-150px;
  border-radius:50%;
  border:1px solid rgba(183,255,50,.34);
  box-shadow:
    0 0 0 66px rgba(183,255,50,.018),
    0 0 0 132px rgba(183,255,50,.012),
    0 0 90px rgba(163,230,45,.055),
    inset 0 0 90px rgba(183,255,50,.025);
  pointer-events:none;
}
body #services::after{
  content:"";
  position:absolute;
  z-index:-3;
  width:780px;
  height:780px;
  right:-45px;
  top:-25px;
  border-radius:50%;
  border:1px solid rgba(183,255,50,.16);
  box-shadow:inset 0 0 70px rgba(183,255,50,.018);
  pointer-events:none;
}

body #services .wrap{
  position:relative;
  z-index:2;
  max-width:1220px;
}

/* circuit lines / nodes */
body #services .wrap::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  pointer-events:none;
  opacity:.95;
  background:
    linear-gradient(90deg,transparent 0 3%,rgba(183,255,50,.24) 3% 22%,transparent 22% 100%) 0 86px/520px 1px no-repeat,
    linear-gradient(90deg,transparent 0 11%,rgba(183,255,50,.18) 11% 49%,transparent 49% 100%) 620px 48px/520px 1px no-repeat,
    linear-gradient(90deg,transparent 0 6%,rgba(183,255,50,.14) 6% 44%,transparent 44% 100%) 730px 285px/420px 1px no-repeat,
    linear-gradient(90deg,transparent 0 14%,rgba(183,255,50,.18) 14% 62%,transparent 62% 100%) 0 655px/500px 1px no-repeat;
}
body #services .wrap::after{
  content:"";
  position:absolute;
  z-index:-1;
  width:8px;
  height:8px;
  border-radius:50%;
  right:115px;
  top:58px;
  background:#a9ef2a;
  box-shadow:
    -338px 72px 0 -1px rgba(169,239,42,.85),
    -620px 102px 0 -1px rgba(169,239,42,.66),
    -980px 238px 0 -1px rgba(169,239,42,.58),
    -878px 502px 0 -1px rgba(169,239,42,.48),
    -220px 586px 0 -1px rgba(169,239,42,.58);
  opacity:.86;
  pointer-events:none;
}

/* Header like the reference */
body #services .section-head{
  max-width:470px;
  margin:0 0 28px;
  text-align:left;
  position:relative;
}
body #services .section-head .eyebrow{
  margin-bottom:12px;
  color:#b7ff32 !important;
  font-size:11px;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}
body #services .section-head h2{
  max-width:390px;
  margin:0 0 12px;
  font-size:clamp(42px,4.2vw,60px);
  line-height:.96;
  letter-spacing:-.045em;
  color:#f7faf5 !important;
  text-shadow:0 3px 7px rgba(0,0,0,.55);
}
body #services .section-head h2::first-line{
  color:#f7faf5;
}
body #services .section-head .desc{
  max-width:430px;
  margin:0;
  font-size:14px;
  line-height:1.55;
  color:rgba(244,248,241,.78) !important;
  text-shadow:0 1px 2px rgba(0,0,0,.55);
}

/* Bigger cards: 4 + 3 */
body #services .icon-tiles{
  width:min(960px,100%);
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
  margin:12px 0 0;
}
body #services .icon-tile{
  min-height:188px !important;
  padding:26px 18px 24px !important;
  border-radius:18px !important;
  border:1px solid rgba(183,255,50,.32) !important;
  background:
    radial-gradient(260px 180px at 18% 0%,rgba(149,219,43,.12),transparent 66%),
    linear-gradient(145deg,rgba(38,59,42,.98),rgba(27,45,33,.97)) !important;
  box-shadow:
    0 18px 42px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.025) !important;
  display:flex !important;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:17px;
  transition:
    transform .22s ease,
    border-color .22s ease,
    background .22s ease,
    box-shadow .22s ease;
}
body #services .icon-tile:hover{
  transform:translateY(-4px);
  border-color:rgba(183,255,50,.58) !important;
  background:
    radial-gradient(280px 190px at 18% 0%,rgba(167,235,47,.18),transparent 66%),
    linear-gradient(145deg,rgba(47,73,49,.99),rgba(31,52,37,.98)) !important;
  box-shadow:
    0 24px 52px rgba(0,0,0,.24),
    0 0 28px rgba(183,255,50,.06) !important;
}

/* Existing icons remain exactly the same SVGs; only container is restyled */
body #services .tile-ico{
  width:76px !important;
  height:76px !important;
  border-radius:20px !important;
  display:grid !important;
  place-items:center !important;
  color:#c7ff56 !important;
  border:1px solid rgba(183,255,50,.54) !important;
  background:
    radial-gradient(circle at 38% 28%,rgba(208,255,99,.16),transparent 58%),
    linear-gradient(145deg,#3a5922,#2b451b) !important;
  box-shadow:
    0 0 28px rgba(183,255,50,.07),
    inset 0 0 22px rgba(183,255,50,.04) !important;
}
body #services .tile-ico svg{
  width:34px !important;
  height:34px !important;
  stroke-width:1.7;
}
body #services .icon-tile > span:last-child{
  max-width:178px;
  color:#fff !important;
  font-size:18px !important;
  line-height:1.12 !important;
  font-weight:850 !important;
  text-align:center;
  text-shadow:0 2px 3px rgba(0,0,0,.58);
}

/* ---------- LIGHT THEME ---------- */
:root[data-theme="light"] body #services{
  background:
    radial-gradient(720px 600px at 0% 0%,
      rgba(172,232,73,.28) 0%,
      rgba(134,198,55,.14) 32%,
      rgba(109,169,44,.06) 52%,
      transparent 72%),
    radial-gradient(800px 680px at 100% 92%,
      rgba(158,219,66,.24) 0%,
      rgba(116,178,49,.11) 35%,
      transparent 70%),
    linear-gradient(112deg,#f3f8ef 0%,#edf5e8 48%,#f7faf5 100%) !important;
  border-top:1px solid rgba(82,125,34,.18);
  border-bottom:1px solid rgba(82,125,34,.18);
}
:root[data-theme="light"] body #services::before{
  border-color:rgba(99,157,38,.26) !important;
  box-shadow:
    0 0 0 66px rgba(106,170,43,.018),
    0 0 0 132px rgba(106,170,43,.012),
    0 0 60px rgba(106,170,43,.04) !important;
}
:root[data-theme="light"] body #services::after{
  border-color:rgba(99,157,38,.12) !important;
}
:root[data-theme="light"] body #services .section-head h2{
  color:#152018 !important;
  text-shadow:none !important;
}
:root[data-theme="light"] body #services .section-head .desc{
  color:#465248 !important;
  text-shadow:none !important;
}
:root[data-theme="light"] body #services .section-head .eyebrow{
  color:#5d8f20 !important;
}
:root[data-theme="light"] body #services .icon-tile{
  border-color:rgba(95,141,45,.24) !important;
  background:
    radial-gradient(260px 180px at 18% 0%,rgba(138,194,68,.10),transparent 66%),
    linear-gradient(145deg,rgba(255,255,255,.96),rgba(240,246,236,.98)) !important;
  box-shadow:
    0 16px 36px rgba(62,87,55,.10),
    inset 0 1px 0 rgba(255,255,255,.7) !important;
}
:root[data-theme="light"] body #services .icon-tile:hover{
  border-color:rgba(93,147,37,.42) !important;
  background:
    radial-gradient(260px 180px at 18% 0%,rgba(149,207,75,.15),transparent 66%),
    linear-gradient(145deg,#ffffff,#edf5e8) !important;
}
:root[data-theme="light"] body #services .tile-ico{
  color:#5d8f20 !important;
  border-color:rgba(95,147,40,.35) !important;
  background:
    radial-gradient(circle at 38% 28%,rgba(176,225,100,.20),transparent 58%),
    linear-gradient(145deg,#e9f4df,#dcebcf) !important;
  box-shadow:none !important;
}
:root[data-theme="light"] body #services .icon-tile > span:last-child{
  color:#172019 !important;
  text-shadow:none !important;
}

/* ---------- RESPONSIVE ---------- */
@media(max-width:1020px){
  body #services{
    min-height:auto;
    padding:70px 0 80px;
  }
  body #services::before{
    width:760px;
    height:760px;
    right:-360px;
    top:-60px;
  }
  body #services::after{
    width:580px;
    height:580px;
    right:-260px;
    top:40px;
  }
  body #services .icon-tiles{
    width:min(720px,100%);
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:620px){
  body #services{
    padding:52px 0 60px;
    min-height:auto;
  }
  body #services .section-head{
    margin-bottom:24px;
  }
  body #services .section-head h2{
    font-size:38px;
  }
  body #services .section-head .desc{
    font-size:13px;
  }
  body #services .icon-tiles{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }
  body #services .icon-tile{
    min-height:150px !important;
    padding:18px 10px !important;
    gap:12px !important;
  }
  body #services .tile-ico{
    width:60px !important;
    height:60px !important;
    border-radius:16px !important;
  }
  body #services .tile-ico svg{
    width:28px !important;
    height:28px !important;
  }
  body #services .icon-tile > span:last-child{
    font-size:14px !important;
    max-width:130px;
  }
}

/* =========================================================
   MIKRON — SERVICES ANIMATIONS
   Homepage #services only. Existing SVG icons are untouched.
   ========================================================= */

body #services{
  --svc-glow: rgba(183,255,50,.42);
}

/* Slow ring breathing / drift */
body #services::before{
  animation:svcRingOuter 18s ease-in-out infinite;
  transform-origin:center;
  will-change:transform,opacity,filter;
}
body #services::after{
  animation:svcRingInner 14s ease-in-out infinite reverse;
  transform-origin:center;
  will-change:transform,opacity;
}

/* Moving circuit sheen across the section */
body #services .wrap::before{
  animation:svcCircuitShift 8.5s linear infinite;
  will-change:background-position,opacity;
}

/* Glowing nodes pulse */
body #services .wrap::after{
  animation:svcNodesPulse 3.2s ease-in-out infinite;
  will-change:opacity,filter,transform;
}

/* Card entrance and subtle idle movement */
body #services .icon-tile{
  opacity:0;
  transform:translateY(18px) scale(.985);
  animation:
    svcCardIn .72s cubic-bezier(.2,.72,.2,1) forwards,
    svcCardIdle 7s ease-in-out infinite 1.2s;
  will-change:transform,box-shadow,border-color;
}
body #services .icon-tile:nth-child(1){animation-delay:.05s,1.2s}
body #services .icon-tile:nth-child(2){animation-delay:.12s,1.4s}
body #services .icon-tile:nth-child(3){animation-delay:.19s,1.6s}
body #services .icon-tile:nth-child(4){animation-delay:.26s,1.8s}
body #services .icon-tile:nth-child(5){animation-delay:.33s,2.0s}
body #services .icon-tile:nth-child(6){animation-delay:.40s,2.2s}
body #services .icon-tile:nth-child(7){animation-delay:.47s,2.4s}

/* Icon plates softly pulse like the reference */
body #services .tile-ico{
  animation:svcIconGlow 3.8s ease-in-out infinite;
  will-change:box-shadow,filter,transform;
}
body #services .icon-tile:nth-child(2) .tile-ico{animation-delay:.35s}
body #services .icon-tile:nth-child(3) .tile-ico{animation-delay:.70s}
body #services .icon-tile:nth-child(4) .tile-ico{animation-delay:1.05s}
body #services .icon-tile:nth-child(5) .tile-ico{animation-delay:1.40s}
body #services .icon-tile:nth-child(6) .tile-ico{animation-delay:1.75s}
body #services .icon-tile:nth-child(7) .tile-ico{animation-delay:2.10s}

/* Small horizontal scanner light on cards */
body #services .icon-tile::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  opacity:0;
  background:
    linear-gradient(90deg,
      transparent 0%,
      rgba(183,255,50,0) 32%,
      rgba(183,255,50,.10) 50%,
      rgba(183,255,50,0) 68%,
      transparent 100%);
  transform:translateX(-120%);
}
body #services .icon-tile:hover::before{
  opacity:1;
  animation:svcCardSweep 1.05s ease-out 1;
}

/* Hover stays controlled and premium */
body #services .icon-tile:hover{
  transform:translateY(-6px) scale(1.012);
}
body #services .icon-tile:hover .tile-ico{
  animation-play-state:paused;
  transform:scale(1.06);
  filter:brightness(1.08);
}

/* Eyebrow dot-like glow */
body #services .section-head .eyebrow{
  animation:svcEyebrowGlow 3s ease-in-out infinite;
}

/* Keyframes */
@keyframes svcRingOuter{
  0%,100%{
    transform:translate3d(0,0,0) scale(1);
    opacity:.94;
    filter:brightness(1);
  }
  50%{
    transform:translate3d(-10px,8px,0) scale(1.018);
    opacity:1;
    filter:brightness(1.10);
  }
}
@keyframes svcRingInner{
  0%,100%{
    transform:translate3d(0,0,0) scale(1);
    opacity:.74;
  }
  50%{
    transform:translate3d(12px,-6px,0) scale(.985);
    opacity:.94;
  }
}
@keyframes svcCircuitShift{
  0%{
    background-position:
      0 86px,
      620px 48px,
      730px 285px,
      0 655px;
    opacity:.70;
  }
  50%{opacity:1}
  100%{
    background-position:
      55px 86px,
      690px 48px,
      790px 285px,
      68px 655px;
    opacity:.70;
  }
}
@keyframes svcNodesPulse{
  0%,100%{
    opacity:.55;
    filter:drop-shadow(0 0 2px rgba(183,255,50,.18));
    transform:scale(.92);
  }
  50%{
    opacity:1;
    filter:drop-shadow(0 0 8px rgba(183,255,50,.62));
    transform:scale(1.08);
  }
}
@keyframes svcCardIn{
  to{
    opacity:1;
    transform:translateY(0) scale(1);
  }
}
@keyframes svcCardIdle{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-2px)}
}
@keyframes svcIconGlow{
  0%,100%{
    box-shadow:
      0 0 20px rgba(183,255,50,.05),
      inset 0 0 18px rgba(183,255,50,.035);
    filter:brightness(1);
  }
  50%{
    box-shadow:
      0 0 34px rgba(183,255,50,.14),
      inset 0 0 25px rgba(183,255,50,.07);
    filter:brightness(1.08);
  }
}
@keyframes svcCardSweep{
  from{transform:translateX(-120%)}
  to{transform:translateX(120%)}
}
@keyframes svcEyebrowGlow{
  0%,100%{text-shadow:0 0 4px rgba(183,255,50,.18)}
  50%{text-shadow:0 0 13px rgba(183,255,50,.48)}
}

/* Light theme: softer animation brightness */
:root[data-theme="light"] body #services .tile-ico{
  animation-name:svcIconGlowLight;
}
@keyframes svcIconGlowLight{
  0%,100%{
    box-shadow:0 0 0 rgba(91,145,37,0);
    filter:brightness(1);
  }
  50%{
    box-shadow:0 0 22px rgba(91,145,37,.12);
    filter:brightness(1.03);
  }
}

/* Accessibility / performance */
@media (prefers-reduced-motion: reduce){
  body #services::before,
  body #services::after,
  body #services .wrap::before,
  body #services .wrap::after,
  body #services .icon-tile,
  body #services .tile-ico,
  body #services .section-head .eyebrow{
    animation:none !important;
  }
  body #services .icon-tile{
    opacity:1 !important;
    transform:none !important;
  }
}

/* ===== User preference: no green sweep stripe over cards on hover ===== */
body #services .icon-tile::before{
  content:none !important;
  display:none !important;
  animation:none !important;
}
body #services .icon-tile:hover::before{
  content:none !important;
  display:none !important;
  animation:none !important;
}


/* =========================================================
   MIKRON — PRICE BLOCK EXPERIMENT
   lighter deep-green background + lighter cards + minimal lime
   homepage #prices only
   ========================================================= */

body #prices{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding-top:86px !important;
  padding-bottom:92px !important;
  background:
    radial-gradient(820px 560px at 100% 0%,
      rgba(142,201,55,.18) 0%,
      rgba(92,146,39,.095) 38%,
      transparent 72%),
    radial-gradient(760px 560px at 0% 100%,
      rgba(118,181,45,.12) 0%,
      rgba(72,126,33,.06) 42%,
      transparent 74%),
    linear-gradient(180deg,#183022 0%,#14291d 48%,#172f21 100%) !important;
  border-top:1px solid rgba(183,255,50,.10) !important;
  border-bottom:1px solid rgba(183,255,50,.10) !important;
}

/* restrained geometry */
body #prices::before{
  content:"";
  position:absolute;
  width:860px;
  height:860px;
  right:-310px;
  top:-340px;
  border:1px solid rgba(183,255,50,.16);
  border-radius:50%;
  box-shadow:0 0 0 92px rgba(183,255,50,.012);
  background:transparent !important;
  pointer-events:none;
  opacity:.78;
  animation:priceArcBreathe 13s ease-in-out infinite;
}
body #prices::after{
  content:"";
  position:absolute;
  width:720px;
  height:720px;
  left:-460px;
  bottom:-470px;
  border:1px solid rgba(183,255,50,.10);
  border-radius:50%;
  background:transparent !important;
  pointer-events:none;
  opacity:.68;
  animation:priceArcBreathe 16s ease-in-out infinite reverse;
}
@keyframes priceArcBreathe{
  0%,100%{transform:scale(1);opacity:.62}
  50%{transform:scale(1.018);opacity:.88}
}

/* heading: cleaner, less heavy */
body #prices .section-head{
  max-width:760px !important;
  margin-bottom:34px !important;
}
body #prices .section-head h2{
  color:#f7faf5 !important;
  text-shadow:none !important;
  letter-spacing:-.038em;
}
body #prices .section-head .eyebrow{
  color:#b7ff32 !important;
  text-shadow:0 0 12px rgba(183,255,50,.14);
}
body #prices .section-head .desc{
  max-width:700px;
  color:rgba(238,245,239,.72) !important;
}

/* cards: clearly lighter than background, minimal, flatter */
body #prices .popular-price-card,
body #prices .price-card,
body #prices .service-card{
  position:relative;
  min-height:244px !important;
  padding:26px 28px 24px !important;
  border-radius:20px !important;
  border:1px solid rgba(184,220,185,.16) !important;
  background:
    linear-gradient(145deg,
      rgba(52,77,58,.96),
      rgba(41,65,49,.95)) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.12),
    inset 0 1px 0 rgba(255,255,255,.025) !important;
  overflow:hidden;
  transition:
    transform .26s ease,
    border-color .26s ease,
    background .26s ease,
    box-shadow .26s ease;
}

/* no corner "price known" labels */
body #prices .popular-price-card::after,
body #prices .price-card::after{
  content:none !important;
  display:none !important;
}

/* thin lime accent only at the card edge */
body #prices .popular-price-card::before,
body #prices .price-card::before,
body #prices .service-card::before{
  content:"";
  position:absolute;
  left:24px;
  top:0;
  width:74px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,#b7ff32,rgba(183,255,50,0));
  opacity:.68;
  transition:width .28s ease,opacity .28s ease;
}
body #prices .popular-price-card:hover,
body #prices .price-card:hover,
body #prices .service-card:hover{
  transform:translateY(-5px);
  border-color:rgba(183,255,50,.28) !important;
  background:
    linear-gradient(145deg,
      rgba(58,86,64,.98),
      rgba(44,71,53,.97)) !important;
  box-shadow:
    0 18px 38px rgba(0,0,0,.15),
    0 0 24px rgba(183,255,50,.025) !important;
}
body #prices .popular-price-card:hover::before,
body #prices .price-card:hover::before,
body #prices .service-card:hover::before{
  width:118px;
  opacity:.95;
}

/* category / timing */
body #prices .popular-device,
body #prices .popular-price-card .tag,
body #prices .price-card .tag{
  color:#b7ff32 !important;
  font-weight:850 !important;
  letter-spacing:.055em;
}
body #prices .popular-time,
body #prices .popular-price-card .meta,
body #prices .price-card .meta{
  color:rgba(228,236,229,.58) !important;
}

/* service title */
body #prices .popular-price-card h3,
body #prices .price-card h3,
body #prices .service-card h3{
  color:#f8faf7 !important;
  text-shadow:none !important;
  font-weight:800 !important;
  letter-spacing:-.018em;
}

/* price: strongest lime accent */
body #prices .popular-price,
body #prices .popular-price-card .price,
body #prices .price-card .price,
body #prices .service-card .price{
  color:#b7ff32 !important;
  text-shadow:0 0 18px rgba(183,255,50,.08) !important;
  font-size:31px !important;
  font-weight:900 !important;
}

/* links */
body #prices .popular-go,
body #prices .popular-price-card a,
body #prices .price-card a,
body #prices .service-card a{
  color:#d2ff78 !important;
  font-weight:800 !important;
}

/* bottom note / CTA */
body #prices .popular-price-foot,
body #prices .price-note,
body #prices .prices-footer,
body #prices .repair-note{
  border:1px solid rgba(185,219,187,.14) !important;
  background:rgba(38,61,46,.72) !important;
  border-radius:18px !important;
  box-shadow:none !important;
}
body #prices .btn-primary{
  box-shadow:0 8px 22px rgba(183,255,50,.10) !important;
}

/* entrance animation only, no sweeping stripe */
body #prices .popular-price-card,
body #prices .price-card,
body #prices .service-card{
  opacity:0;
  transform:translateY(16px);
  animation:priceMinimalIn .62s cubic-bezier(.2,.72,.2,1) forwards;
}
body #prices .popular-price-card:nth-child(2),
body #prices .price-card:nth-child(2),
body #prices .service-card:nth-child(2){animation-delay:.06s}
body #prices .popular-price-card:nth-child(3),
body #prices .price-card:nth-child(3),
body #prices .service-card:nth-child(3){animation-delay:.12s}
body #prices .popular-price-card:nth-child(4),
body #prices .price-card:nth-child(4),
body #prices .service-card:nth-child(4){animation-delay:.18s}
body #prices .popular-price-card:nth-child(5),
body #prices .price-card:nth-child(5),
body #prices .service-card:nth-child(5){animation-delay:.24s}
body #prices .popular-price-card:nth-child(6),
body #prices .price-card:nth-child(6),
body #prices .service-card:nth-child(6){animation-delay:.30s}

@keyframes priceMinimalIn{
  to{opacity:1;transform:translateY(0)}
}

/* light theme adaptation */
:root[data-theme="light"] body #prices{
  background:
    radial-gradient(820px 560px at 100% 0%,rgba(141,198,78,.11),transparent 72%),
    radial-gradient(760px 560px at 0% 100%,rgba(122,182,68,.08),transparent 74%),
    linear-gradient(180deg,#eef4eb,#eaf2e7 50%,#eef4eb) !important;
}
:root[data-theme="light"] body #prices .section-head h2{color:#172019 !important;}
:root[data-theme="light"] body #prices .section-head .desc{color:#566259 !important;}
:root[data-theme="light"] body #prices .popular-price-card,
:root[data-theme="light"] body #prices .price-card,
:root[data-theme="light"] body #prices .service-card{
  border-color:rgba(91,140,48,.16) !important;
  background:linear-gradient(145deg,#ffffff,#f2f7ef) !important;
  box-shadow:0 12px 26px rgba(66,91,60,.075) !important;
}
:root[data-theme="light"] body #prices .popular-price-card h3,
:root[data-theme="light"] body #prices .price-card h3,
:root[data-theme="light"] body #prices .service-card h3{color:#172019 !important;}
:root[data-theme="light"] body #prices .popular-time{color:#7c887f !important;}
:root[data-theme="light"] body #prices .popular-price,
:root[data-theme="light"] body #prices .price-card .price{color:#64a91f !important;text-shadow:none !important;}

@media(max-width:760px){
  body #prices{padding-top:58px !important;padding-bottom:66px !important;}
  body #prices .popular-price-card,
  body #prices .price-card,
  body #prices .service-card{
    min-height:auto !important;
    padding:21px 18px !important;
  }
}

@media(prefers-reduced-motion:reduce){
  body #prices::before,
  body #prices::after,
  body #prices .popular-price-card,
  body #prices .price-card,
  body #prices .service-card{
    animation:none !important;
  }
  body #prices .popular-price-card,
  body #prices .price-card,
  body #prices .service-card{
    opacity:1 !important;
    transform:none !important;
  }
}


/* MIKRON — lime price section experiment */
body #prices{
  background:
    radial-gradient(900px 620px at 88% 8%, rgba(226,255,120,.44) 0%, rgba(183,255,50,.25) 34%, transparent 70%),
    radial-gradient(760px 560px at 4% 88%, rgba(209,255,93,.34) 0%, rgba(156,226,38,.19) 42%, transparent 74%),
    linear-gradient(135deg,#9bdc2b 0%,#78bd20 34%,#5e9e1b 66%,#82c924 100%) !important;
  border-color:rgba(220,255,153,.34) !important;
}
body #prices::before,
body #prices::after{
  border-color:rgba(238,255,205,.34) !important;
  box-shadow:0 0 0 92px rgba(255,255,255,.025) !important;
}

/* Darker, much more contrasting cards on lime background */
body #prices .popular-price-card,
body #prices .price-card,
body #prices .service-card{
  border:1px solid rgba(218,255,142,.34) !important;
  background:
    radial-gradient(420px 240px at 10% 0%,rgba(92,137,58,.22),transparent 62%),
    linear-gradient(145deg,#17251c 0%,#102018 52%,#0c1912 100%) !important;
  box-shadow:
    0 18px 34px rgba(22,43,12,.28),
    inset 0 1px 0 rgba(255,255,255,.035) !important;
}
body #prices .popular-price-card:hover,
body #prices .price-card:hover,
body #prices .service-card:hover{
  transform:translateY(-7px) scale(1.008);
  border-color:rgba(231,255,178,.72) !important;
  background:
    radial-gradient(440px 260px at 10% 0%,rgba(117,173,70,.30),transparent 62%),
    linear-gradient(145deg,#1d3023 0%,#12251a 52%,#0d1c14 100%) !important;
  box-shadow:
    0 24px 46px rgba(21,42,11,.34),
    0 0 0 1px rgba(183,255,50,.08),
    0 0 28px rgba(205,255,104,.13) !important;
}
body #prices .popular-price-card::before,
body #prices .price-card::before,
body #prices .service-card::before{
  height:3px !important;
  width:92px !important;
  background:linear-gradient(90deg,#d8ff7a,#a8ef28,rgba(183,255,50,0)) !important;
  box-shadow:0 0 13px rgba(198,255,75,.34);
}
body #prices .popular-price-card:hover::before,
body #prices .price-card:hover::before,
body #prices .service-card:hover::before{
  width:150px !important;
}

/* Header gets a dark translucent plate so white text stays readable */
body #prices .section-head{
  padding:25px 28px 27px !important;
  border-radius:24px !important;
  background:rgba(10,25,14,.78) !important;
  border:1px solid rgba(224,255,163,.20) !important;
  box-shadow:0 16px 34px rgba(28,59,10,.16) !important;
  backdrop-filter:blur(8px);
}
body #prices .section-head h2{color:#fff !important;}
body #prices .section-head .desc{color:rgba(245,250,244,.78) !important;}
body #prices .section-head .eyebrow{color:#c8ff55 !important;}

/* Strong readable accents inside cards */
body #prices .popular-device,
body #prices .popular-price-card .tag,
body #prices .price-card .tag{color:#c7ff4d !important;}
body #prices .popular-price,
body #prices .popular-price-card .price,
body #prices .price-card .price,
body #prices .service-card .price{
  color:#d2ff70 !important;
  text-shadow:0 0 18px rgba(198,255,75,.13) !important;
}
body #prices .popular-go,
body #prices .popular-price-card a,
body #prices .price-card a,
body #prices .service-card a{color:#caff59 !important;}

/* Footer note also dark for contrast */
body #prices .popular-price-foot,
body #prices .price-note,
body #prices .prices-footer,
body #prices .repair-note{
  background:rgba(11,28,17,.88) !important;
  border-color:rgba(225,255,167,.25) !important;
  color:#f5faf3 !important;
}

/* Light theme: keep the lime concept, slightly softer */
:root[data-theme="light"] body #prices{
  background:
    radial-gradient(900px 620px at 88% 8%,rgba(234,255,166,.55),transparent 68%),
    radial-gradient(760px 560px at 4% 88%,rgba(199,245,103,.38),transparent 74%),
    linear-gradient(135deg,#b6eb54,#95d83b 48%,#a9e64a) !important;
}
:root[data-theme="light"] body #prices .section-head{
  background:rgba(248,252,245,.88) !important;
  border-color:rgba(63,104,31,.15) !important;
}
:root[data-theme="light"] body #prices .section-head h2{color:#142016 !important;}
:root[data-theme="light"] body #prices .section-head .desc{color:#4c5b4e !important;}
:root[data-theme="light"] body #prices .popular-price-card,
:root[data-theme="light"] body #prices .price-card,
:root[data-theme="light"] body #prices .service-card{
  background:linear-gradient(145deg,#183021,#0f2117) !important;
  border-color:rgba(51,83,32,.34) !important;
}
:root[data-theme="light"] body #prices .popular-price-card h3,
:root[data-theme="light"] body #prices .price-card h3,
:root[data-theme="light"] body #prices .service-card h3{color:#fff !important;}


/* =========================================================
   MIKRON — PRICE REFERENCE V3 / FULL-SIZE IMPLEMENTATION
   Scoped to homepage #prices only.
   ========================================================= */

body #prices.price-reference-v3{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:82px 0 88px !important;
  background:
    radial-gradient(760px 520px at 83% 12%,rgba(145,214,39,.20),transparent 68%),
    radial-gradient(620px 460px at 8% 86%,rgba(94,161,31,.10),transparent 70%),
    linear-gradient(135deg,#10291a 0%,#0b2015 45%,#0d2518 100%) !important;
  border-top:1px solid rgba(183,255,50,.10) !important;
  border-bottom:1px solid rgba(183,255,50,.12) !important;
}

body #prices.price-reference-v3::before{
  content:"";
  position:absolute;
  width:880px;
  height:880px;
  right:-280px;
  top:-320px;
  border-radius:50%;
  border:1px solid rgba(183,255,50,.18);
  box-shadow:
    0 0 0 68px rgba(183,255,50,.012),
    0 0 0 136px rgba(183,255,50,.008),
    0 0 70px rgba(183,255,50,.045);
  pointer-events:none;
  animation:priceRefArc 15s ease-in-out infinite;
}
body #prices.price-reference-v3::after{
  content:"";
  position:absolute;
  width:680px;
  height:680px;
  left:-430px;
  bottom:-430px;
  border-radius:50%;
  border:1px solid rgba(183,255,50,.11);
  pointer-events:none;
  animation:priceRefArc 18s ease-in-out infinite reverse;
}

@keyframes priceRefArc{
  0%,100%{transform:scale(1);opacity:.66}
  50%{transform:scale(1.018);opacity:.94}
}

body #prices.price-reference-v3 .wrap{
  position:relative;
  z-index:2;
}

body #prices.price-reference-v3 .section-head{
  max-width:720px !important;
  margin:0 0 26px !important;
  padding:0 !important;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}

body #prices.price-reference-v3 .section-head h2{
  max-width:650px;
  color:#f7faf5 !important;
  font-size:clamp(42px,4.5vw,66px) !important;
  line-height:.98 !important;
  letter-spacing:-.045em;
  text-shadow:0 3px 7px rgba(0,0,0,.34) !important;
}
body #prices.price-reference-v3 .section-head .eyebrow{
  color:#b7ff32 !important;
  font-size:12px !important;
  letter-spacing:.12em;
  text-shadow:0 0 12px rgba(183,255,50,.15);
}
body #prices.price-reference-v3 .section-head .desc{
  max-width:640px;
  color:rgba(243,247,242,.74) !important;
  font-size:15px !important;
  line-height:1.6;
}

/* category tabs */
body #prices.price-reference-v3 .price-ref-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:22px 0 22px;
}
body #prices.price-reference-v3 .price-ref-tab{
  min-width:118px;
  padding:12px 20px;
  border-radius:13px;
  border:1px solid rgba(203,234,203,.13);
  background:rgba(27,48,34,.78);
  color:#f2f7f0;
  text-align:center;
  font-size:14px;
  font-weight:750;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
body #prices.price-reference-v3 .price-ref-tab.is-active{
  color:#14200e;
  background:linear-gradient(135deg,#b7ff32,#91db23);
  border-color:rgba(208,255,128,.80);
  box-shadow:0 0 24px rgba(183,255,50,.20);
}

/* 3 x 2 compact reference grid */
body #prices.price-reference-v3 .popular-price-grid,
body #prices.price-reference-v3 .price-grid,
body #prices.price-reference-v3 .cards{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
}

/* glass-like dark cards */
body #prices.price-reference-v3 .popular-price-card,
body #prices.price-reference-v3 .price-card,
body #prices.price-reference-v3 .service-card{
  position:relative;
  min-height:188px !important;
  padding:24px 24px 22px 118px !important;
  border-radius:20px !important;
  border:1px solid rgba(183,255,50,.22) !important;
  background:
    radial-gradient(300px 200px at 20% 0%,rgba(141,207,44,.10),transparent 66%),
    linear-gradient(145deg,rgba(32,57,39,.92),rgba(19,40,28,.92)) !important;
  box-shadow:
    0 16px 38px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.025) !important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  overflow:hidden;
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,background .24s ease;
}

body #prices.price-reference-v3 .popular-price-card:hover,
body #prices.price-reference-v3 .price-card:hover,
body #prices.price-reference-v3 .service-card:hover{
  transform:translateY(-5px);
  border-color:rgba(183,255,50,.42) !important;
  background:
    radial-gradient(320px 210px at 20% 0%,rgba(157,224,49,.15),transparent 66%),
    linear-gradient(145deg,rgba(37,65,44,.96),rgba(21,45,31,.95)) !important;
  box-shadow:
    0 22px 46px rgba(0,0,0,.22),
    0 0 26px rgba(183,255,50,.045) !important;
}

/* no old corner badges or sweep overlays */
body #prices.price-reference-v3 .popular-price-card::before,
body #prices.price-reference-v3 .popular-price-card::after,
body #prices.price-reference-v3 .price-card::before,
body #prices.price-reference-v3 .price-card::after,
body #prices.price-reference-v3 .service-card::before,
body #prices.price-reference-v3 .service-card::after{
  content:none !important;
  display:none !important;
}

/* icon block */
body #prices.price-reference-v3 .price-ref-icon{
  position:absolute;
  left:24px;
  top:50%;
  transform:translateY(-50%);
  width:66px;
  height:66px;
  display:grid;
  place-items:center;
  border-radius:17px;
  border:1px solid rgba(183,255,50,.22);
  background:
    radial-gradient(circle at 36% 28%,rgba(197,255,87,.16),transparent 58%),
    linear-gradient(145deg,#29431e,#203719);
  color:#b7ff32;
  box-shadow:0 0 24px rgba(183,255,50,.06);
}
body #prices.price-reference-v3 .price-ref-icon svg{
  width:34px;
  height:34px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* text hierarchy */
body #prices.price-reference-v3 .popular-device,
body #prices.price-reference-v3 .popular-price-card .tag,
body #prices.price-reference-v3 .price-card .tag{
  color:#b7ff32 !important;
  font-size:12px !important;
  font-weight:850 !important;
}
body #prices.price-reference-v3 .popular-time,
body #prices.price-reference-v3 .popular-price-card .meta,
body #prices.price-reference-v3 .price-card .meta{
  color:rgba(230,237,231,.65) !important;
  font-size:12px !important;
}
body #prices.price-reference-v3 .popular-price-card h3,
body #prices.price-reference-v3 .price-card h3,
body #prices.price-reference-v3 .service-card h3{
  margin:14px 0 10px !important;
  color:#f8faf7 !important;
  font-size:19px !important;
  line-height:1.2 !important;
  font-weight:820 !important;
  text-shadow:none !important;
}
body #prices.price-reference-v3 .popular-price,
body #prices.price-reference-v3 .price-card .price,
body #prices.price-reference-v3 .service-card .price{
  color:#b7ff32 !important;
  font-size:29px !important;
  line-height:1 !important;
  font-weight:900 !important;
  text-shadow:0 0 17px rgba(183,255,50,.09) !important;
}
body #prices.price-reference-v3 .popular-go,
body #prices.price-reference-v3 .popular-price-card a,
body #prices.price-reference-v3 .price-card a,
body #prices.price-reference-v3 .service-card a{
  color:#caff58 !important;
  font-weight:850 !important;
}

/* footer info / CTA */
body #prices.price-reference-v3 .popular-price-foot,
body #prices.price-reference-v3 .price-note,
body #prices.price-reference-v3 .prices-footer,
body #prices.price-reference-v3 .repair-note{
  margin-top:18px !important;
  padding:18px 20px !important;
  border-radius:18px !important;
  border:1px solid rgba(183,255,50,.16) !important;
  background:rgba(15,35,23,.78) !important;
  box-shadow:none !important;
}

/* entrance animation */
body #prices.price-reference-v3 .popular-price-card,
body #prices.price-reference-v3 .price-card,
body #prices.price-reference-v3 .service-card{
  opacity:0;
  transform:translateY(14px);
  animation:priceRefIn .55s cubic-bezier(.2,.72,.2,1) forwards;
}
body #prices.price-reference-v3 .popular-price-card:nth-child(2),
body #prices.price-reference-v3 .price-card:nth-child(2),
body #prices.price-reference-v3 .service-card:nth-child(2){animation-delay:.06s}
body #prices.price-reference-v3 .popular-price-card:nth-child(3),
body #prices.price-reference-v3 .price-card:nth-child(3),
body #prices.price-reference-v3 .service-card:nth-child(3){animation-delay:.12s}
body #prices.price-reference-v3 .popular-price-card:nth-child(4),
body #prices.price-reference-v3 .price-card:nth-child(4),
body #prices.price-reference-v3 .service-card:nth-child(4){animation-delay:.18s}
body #prices.price-reference-v3 .popular-price-card:nth-child(5),
body #prices.price-reference-v3 .price-card:nth-child(5),
body #prices.price-reference-v3 .service-card:nth-child(5){animation-delay:.24s}
body #prices.price-reference-v3 .popular-price-card:nth-child(6),
body #prices.price-reference-v3 .price-card:nth-child(6),
body #prices.price-reference-v3 .service-card:nth-child(6){animation-delay:.30s}

@keyframes priceRefIn{
  to{opacity:1;transform:translateY(0)}
}

/* light theme */
:root[data-theme="light"] body #prices.price-reference-v3{
  background:
    radial-gradient(760px 520px at 83% 12%,rgba(150,204,87,.13),transparent 68%),
    linear-gradient(135deg,#edf4e9,#e8f0e5 52%,#eef5eb) !important;
}
:root[data-theme="light"] body #prices.price-reference-v3 .section-head h2{color:#172019 !important;text-shadow:none !important;}
:root[data-theme="light"] body #prices.price-reference-v3 .section-head .desc{color:#536057 !important;}
:root[data-theme="light"] body #prices.price-reference-v3 .price-ref-tab{
  background:#f7faf5;
  color:#263229;
  border-color:rgba(82,130,43,.16);
}
:root[data-theme="light"] body #prices.price-reference-v3 .popular-price-card,
:root[data-theme="light"] body #prices.price-reference-v3 .price-card,
:root[data-theme="light"] body #prices.price-reference-v3 .service-card{
  background:
    radial-gradient(300px 200px at 20% 0%,rgba(138,194,77,.10),transparent 66%),
    linear-gradient(145deg,#ffffff,#f0f5ed) !important;
  border-color:rgba(89,137,47,.20) !important;
  box-shadow:0 14px 30px rgba(67,91,60,.08) !important;
}
:root[data-theme="light"] body #prices.price-reference-v3 .popular-price-card h3,
:root[data-theme="light"] body #prices.price-reference-v3 .price-card h3,
:root[data-theme="light"] body #prices.price-reference-v3 .service-card h3{color:#172019 !important;}
:root[data-theme="light"] body #prices.price-reference-v3 .popular-price,
:root[data-theme="light"] body #prices.price-reference-v3 .price-card .price,
:root[data-theme="light"] body #prices.price-reference-v3 .service-card .price{color:#65a91f !important;text-shadow:none !important;}

@media(max-width:980px){
  body #prices.price-reference-v3 .popular-price-grid,
  body #prices.price-reference-v3 .price-grid,
  body #prices.price-reference-v3 .cards{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:640px){
  body #prices.price-reference-v3{padding:58px 0 66px !important;}
  body #prices.price-reference-v3 .section-head h2{font-size:39px !important;}
  body #prices.price-reference-v3 .price-ref-tabs{gap:8px;}
  body #prices.price-reference-v3 .price-ref-tab{min-width:0;padding:10px 13px;font-size:12px;}
  body #prices.price-reference-v3 .popular-price-grid,
  body #prices.price-reference-v3 .price-grid,
  body #prices.price-reference-v3 .cards{
    grid-template-columns:1fr !important;
  }
  body #prices.price-reference-v3 .popular-price-card,
  body #prices.price-reference-v3 .price-card,
  body #prices.price-reference-v3 .service-card{
    min-height:160px !important;
    padding:22px 18px 20px 94px !important;
  }
  body #prices.price-reference-v3 .price-ref-icon{
    left:18px;
    width:58px;
    height:58px;
  }
  body #prices.price-reference-v3 .price-ref-icon svg{
    width:29px;
    height:29px;
  }
}

@media(prefers-reduced-motion:reduce){
  body #prices.price-reference-v3::before,
  body #prices.price-reference-v3::after,
  body #prices.price-reference-v3 .popular-price-card,
  body #prices.price-reference-v3 .price-card,
  body #prices.price-reference-v3 .service-card{
    animation:none !important;
  }
  body #prices.price-reference-v3 .popular-price-card,
  body #prices.price-reference-v3 .price-card,
  body #prices.price-reference-v3 .service-card{
    opacity:1 !important;
    transform:none !important;
  }
}


/* =========================================================
   MIKRON — RADICAL PRICE BLOCK REDESIGN
   Rebuilt to closely match supplied reference.
   Scoped ONLY to #prices on homepage.
   ========================================================= */

body #prices.price-reference-radical{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:76px 0 88px !important;
  background:
    radial-gradient(920px 620px at 82% 12%,rgba(154,229,38,.16) 0%,rgba(94,156,31,.075) 42%,transparent 73%),
    radial-gradient(720px 520px at 4% 90%,rgba(80,140,28,.08) 0%,transparent 72%),
    linear-gradient(135deg,#0a2115 0%,#071a11 48%,#0a2116 100%) !important;
  border-top:1px solid rgba(186,255,52,.10) !important;
  border-bottom:1px solid rgba(186,255,52,.10) !important;
}

/* technical orbit field */
body #prices.price-reference-radical::before{
  content:"";
  position:absolute;
  width:950px;
  height:640px;
  right:-90px;
  top:-80px;
  border-radius:50%;
  border:1px solid rgba(183,255,50,.16);
  box-shadow:
    0 0 0 52px rgba(183,255,50,.010),
    0 0 0 104px rgba(183,255,50,.006),
    0 0 90px rgba(183,255,50,.035);
  transform:rotate(-7deg);
  opacity:.82;
  pointer-events:none;
  animation:priceOrbitBreath 14s ease-in-out infinite;
}
body #prices.price-reference-radical::after{
  content:"";
  position:absolute;
  width:760px;
  height:760px;
  left:-500px;
  bottom:-470px;
  border-radius:50%;
  border:1px solid rgba(183,255,50,.085);
  opacity:.65;
  pointer-events:none;
}

@keyframes priceOrbitBreath{
  0%,100%{transform:rotate(-7deg) scale(1);opacity:.62}
  50%{transform:rotate(-5deg) scale(1.015);opacity:.9}
}

body #prices.price-reference-radical .wrap{
  position:relative;
  z-index:2;
  max-width:1360px !important;
}

/* top area */
body #prices.price-reference-radical .section-head{
  width:min(630px,48%) !important;
  max-width:none !important;
  min-height:330px;
  margin:0 0 8px !important;
  padding:0 !important;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

body #prices.price-reference-radical .section-head .eyebrow{
  margin-bottom:16px !important;
  color:#b7ff32 !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase;
  text-shadow:0 0 10px rgba(183,255,50,.15);
}
body #prices.price-reference-radical .section-head h2{
  max-width:570px;
  margin:0 0 20px !important;
  color:#f7faf5 !important;
  font-size:clamp(48px,5vw,74px) !important;
  line-height:.96 !important;
  letter-spacing:-.05em !important;
  font-weight:900 !important;
  text-shadow:0 3px 8px rgba(0,0,0,.4) !important;
}
body #prices.price-reference-radical .section-head h2::after{
  content:"";
  display:block;
  width:70px;
  height:3px;
  margin-top:16px;
  border-radius:999px;
  background:linear-gradient(90deg,#b7ff32,rgba(183,255,50,0));
  box-shadow:0 0 14px rgba(183,255,50,.22);
}
body #prices.price-reference-radical .section-head .desc{
  max-width:610px;
  margin:0 !important;
  color:rgba(245,249,244,.76) !important;
  font-size:16px !important;
  line-height:1.58 !important;
}

/* visual "phone zone" from reference, using pure CSS atmosphere only */
body #prices.price-reference-radical .wrap::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:600px;
  height:280px;
  right:30px;
  top:28px;
  border-radius:58% 42% 44% 56% / 58% 52% 48% 42%;
  background:
    radial-gradient(ellipse at 44% 44%,rgba(163,236,42,.16),transparent 58%),
    radial-gradient(ellipse at 60% 54%,rgba(4,10,6,.76),rgba(7,17,10,.20) 62%,transparent 74%);
  filter:blur(.2px);
  transform:rotate(-8deg);
  pointer-events:none;
}
body #prices.price-reference-radical .wrap::after{
  content:"";
  position:absolute;
  z-index:-1;
  width:560px;
  height:300px;
  right:0;
  top:8px;
  border-radius:50%;
  border:1px solid rgba(183,255,50,.10);
  box-shadow:
    0 0 0 34px rgba(183,255,50,.007),
    0 0 34px rgba(183,255,50,.03);
  transform:rotate(-8deg);
  pointer-events:none;
}

/* tabs */
body #prices.price-reference-radical .price-radical-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:4px 0 22px;
}
body #prices.price-reference-radical .price-radical-tab{
  min-width:120px;
  padding:12px 21px;
  border-radius:12px;
  border:1px solid rgba(198,231,200,.13);
  background:rgba(20,42,28,.76);
  color:#f5f8f4;
  text-decoration:none;
  text-align:center;
  font-size:14px;
  font-weight:780;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
  transition:.22s ease;
}
body #prices.price-reference-radical .price-radical-tab:hover{
  border-color:rgba(183,255,50,.30);
  background:rgba(28,52,35,.88);
}
body #prices.price-reference-radical .price-radical-tab.is-active{
  color:#15200f;
  background:linear-gradient(135deg,#c2ff45,#91d921);
  border-color:rgba(218,255,150,.75);
  box-shadow:0 0 24px rgba(183,255,50,.18);
}

/* cards grid */
body #prices.price-reference-radical .popular-price-grid,
body #prices.price-reference-radical .price-grid,
body #prices.price-reference-radical .cards{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
  margin-top:0 !important;
}

/* radical new card layout */
body #prices.price-reference-radical .popular-price-card,
body #prices.price-reference-radical .price-card,
body #prices.price-reference-radical .service-card{
  position:relative;
  min-height:178px !important;
  padding:24px 58px 22px 118px !important;
  border-radius:18px !important;
  border:1px solid rgba(183,255,50,.28) !important;
  background:
    radial-gradient(320px 190px at 15% 0%,rgba(133,202,40,.09),transparent 67%),
    linear-gradient(145deg,rgba(21,50,32,.94),rgba(10,29,19,.96)) !important;
  box-shadow:
    0 18px 38px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.025) !important;
  overflow:hidden;
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,background .24s ease;
}

/* quarter-circle arrow ornament */
body #prices.price-reference-radical .popular-price-card::before,
body #prices.price-reference-radical .price-card::before,
body #prices.price-reference-radical .service-card::before{
  content:"→";
  display:flex !important;
  align-items:center;
  justify-content:center;
  position:absolute;
  right:-22px;
  bottom:-26px;
  width:96px;
  height:96px;
  border-radius:50%;
  border:1px solid rgba(183,255,50,.20);
  color:#b7ff32;
  font-size:32px;
  font-weight:400;
  background:rgba(132,196,40,.025);
  pointer-events:none;
}
body #prices.price-reference-radical .popular-price-card::after,
body #prices.price-reference-radical .price-card::after,
body #prices.price-reference-radical .service-card::after{
  content:none !important;
  display:none !important;
}

body #prices.price-reference-radical .popular-price-card:hover,
body #prices.price-reference-radical .price-card:hover,
body #prices.price-reference-radical .service-card:hover{
  transform:translateY(-5px);
  border-color:rgba(183,255,50,.48) !important;
  background:
    radial-gradient(340px 210px at 15% 0%,rgba(150,222,45,.14),transparent 66%),
    linear-gradient(145deg,rgba(27,60,39,.97),rgba(13,34,22,.97)) !important;
  box-shadow:
    0 24px 48px rgba(0,0,0,.22),
    0 0 26px rgba(183,255,50,.05) !important;
}

/* icon well */
body #prices.price-reference-radical .price-radical-icon{
  position:absolute;
  left:24px;
  top:50%;
  transform:translateY(-50%);
  width:70px;
  height:70px;
  display:grid;
  place-items:center;
  border-radius:18px;
  border:1px solid rgba(183,255,50,.20);
  background:
    radial-gradient(circle at 35% 25%,rgba(194,255,83,.18),transparent 58%),
    linear-gradient(145deg,#29461d,#183018);
  color:#b7ff32;
  box-shadow:
    0 0 26px rgba(183,255,50,.055),
    inset 0 1px 0 rgba(255,255,255,.025);
}
body #prices.price-reference-radical .price-radical-icon svg{
  width:37px;
  height:37px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* card typography */
body #prices.price-reference-radical .popular-device,
body #prices.price-reference-radical .popular-price-card .tag,
body #prices.price-reference-radical .price-card .tag{
  color:#b7ff32 !important;
  font-size:12px !important;
  font-weight:850 !important;
}
body #prices.price-reference-radical .popular-time,
body #prices.price-reference-radical .popular-price-card .meta,
body #prices.price-reference-radical .price-card .meta{
  color:rgba(232,238,233,.73) !important;
  font-size:12px !important;
}
body #prices.price-reference-radical .popular-price-card h3,
body #prices.price-reference-radical .price-card h3,
body #prices.price-reference-radical .service-card h3{
  margin:12px 0 10px !important;
  color:#fff !important;
  font-size:19px !important;
  line-height:1.18 !important;
  font-weight:830 !important;
  text-shadow:none !important;
}
body #prices.price-reference-radical .popular-price,
body #prices.price-reference-radical .price-card .price,
body #prices.price-reference-radical .service-card .price{
  color:#b7ff32 !important;
  font-size:30px !important;
  line-height:1 !important;
  font-weight:900 !important;
  text-shadow:0 0 16px rgba(183,255,50,.08) !important;
}
body #prices.price-reference-radical .popular-go,
body #prices.price-reference-radical .popular-price-card a,
body #prices.price-reference-radical .price-card a,
body #prices.price-reference-radical .service-card a{
  color:#caff57 !important;
  font-weight:800 !important;
}

/* bottom notice */
body #prices.price-reference-radical .popular-price-foot,
body #prices.price-reference-radical .price-note,
body #prices.price-reference-radical .prices-footer,
body #prices.price-reference-radical .repair-note{
  margin-top:16px !important;
  padding:18px 20px !important;
  border-radius:16px !important;
  border:1px solid rgba(183,255,50,.17) !important;
  background:rgba(8,27,17,.82) !important;
  box-shadow:none !important;
}

/* keep buttons visually in reference style */
body #prices.price-reference-radical .btn-primary{
  background:linear-gradient(135deg,#b7ff32,#92dd23) !important;
  color:#14200f !important;
  border-color:rgba(216,255,148,.78) !important;
  box-shadow:0 10px 24px rgba(183,255,50,.14) !important;
}

/* animation: subtle and premium */
body #prices.price-reference-radical .popular-price-card,
body #prices.price-reference-radical .price-card,
body #prices.price-reference-radical .service-card{
  opacity:0;
  transform:translateY(16px);
  animation:priceRadicalIn .58s cubic-bezier(.2,.72,.2,1) forwards;
}
body #prices.price-reference-radical .popular-price-card:nth-child(2),
body #prices.price-reference-radical .price-card:nth-child(2),
body #prices.price-reference-radical .service-card:nth-child(2){animation-delay:.06s}
body #prices.price-reference-radical .popular-price-card:nth-child(3),
body #prices.price-reference-radical .price-card:nth-child(3),
body #prices.price-reference-radical .service-card:nth-child(3){animation-delay:.12s}
body #prices.price-reference-radical .popular-price-card:nth-child(4),
body #prices.price-reference-radical .price-card:nth-child(4),
body #prices.price-reference-radical .service-card:nth-child(4){animation-delay:.18s}
body #prices.price-reference-radical .popular-price-card:nth-child(5),
body #prices.price-reference-radical .price-card:nth-child(5),
body #prices.price-reference-radical .service-card:nth-child(5){animation-delay:.24s}
body #prices.price-reference-radical .popular-price-card:nth-child(6),
body #prices.price-reference-radical .price-card:nth-child(6),
body #prices.price-reference-radical .service-card:nth-child(6){animation-delay:.30s}

@keyframes priceRadicalIn{
  to{opacity:1;transform:translateY(0)}
}

/* LIGHT THEME */
:root[data-theme="light"] body #prices.price-reference-radical{
  background:
    radial-gradient(880px 580px at 82% 12%,rgba(151,205,85,.12),transparent 70%),
    linear-gradient(135deg,#edf5e9,#e8f1e4 52%,#eef5eb) !important;
}
:root[data-theme="light"] body #prices.price-reference-radical .section-head h2{
  color:#172019 !important;
  text-shadow:none !important;
}
:root[data-theme="light"] body #prices.price-reference-radical .section-head .desc{
  color:#536057 !important;
}
:root[data-theme="light"] body #prices.price-reference-radical .price-radical-tab{
  background:#f9fbf7;
  color:#263229;
  border-color:rgba(82,130,43,.16);
}
:root[data-theme="light"] body #prices.price-reference-radical .popular-price-card,
:root[data-theme="light"] body #prices.price-reference-radical .price-card,
:root[data-theme="light"] body #prices.price-reference-radical .service-card{
  background:
    radial-gradient(320px 190px at 15% 0%,rgba(137,194,75,.09),transparent 67%),
    linear-gradient(145deg,#ffffff,#f1f6ee) !important;
  border-color:rgba(93,142,49,.20) !important;
  box-shadow:0 14px 30px rgba(66,91,60,.08) !important;
}
:root[data-theme="light"] body #prices.price-reference-radical .popular-price-card h3,
:root[data-theme="light"] body #prices.price-reference-radical .price-card h3,
:root[data-theme="light"] body #prices.price-reference-radical .service-card h3{
  color:#172019 !important;
}
:root[data-theme="light"] body #prices.price-reference-radical .popular-price,
:root[data-theme="light"] body #prices.price-reference-radical .price-card .price,
:root[data-theme="light"] body #prices.price-reference-radical .service-card .price{
  color:#65a91f !important;
  text-shadow:none !important;
}

@media(max-width:1020px){
  body #prices.price-reference-radical .section-head{
    width:100% !important;
    min-height:auto;
    margin-bottom:22px !important;
  }
  body #prices.price-reference-radical .wrap::before,
  body #prices.price-reference-radical .wrap::after{
    opacity:.38;
  }
  body #prices.price-reference-radical .popular-price-grid,
  body #prices.price-reference-radical .price-grid,
  body #prices.price-reference-radical .cards{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:650px){
  body #prices.price-reference-radical{
    padding:58px 0 66px !important;
  }
  body #prices.price-reference-radical .section-head h2{
    font-size:41px !important;
  }
  body #prices.price-reference-radical .price-radical-tabs{
    gap:8px;
  }
  body #prices.price-reference-radical .price-radical-tab{
    min-width:0;
    padding:10px 13px;
    font-size:12px;
  }
  body #prices.price-reference-radical .popular-price-grid,
  body #prices.price-reference-radical .price-grid,
  body #prices.price-reference-radical .cards{
    grid-template-columns:1fr !important;
  }
  body #prices.price-reference-radical .popular-price-card,
  body #prices.price-reference-radical .price-card,
  body #prices.price-reference-radical .service-card{
    min-height:160px !important;
    padding:20px 52px 20px 92px !important;
  }
  body #prices.price-reference-radical .price-radical-icon{
    left:18px;
    width:58px;
    height:58px;
  }
  body #prices.price-reference-radical .price-radical-icon svg{
    width:30px;
    height:30px;
  }
}

@media(prefers-reduced-motion:reduce){
  body #prices.price-reference-radical::before,
  body #prices.price-reference-radical .popular-price-card,
  body #prices.price-reference-radical .price-card,
  body #prices.price-reference-radical .service-card{
    animation:none !important;
  }
  body #prices.price-reference-radical .popular-price-card,
  body #prices.price-reference-radical .price-card,
  body #prices.price-reference-radical .service-card{
    opacity:1 !important;
    transform:none !important;
  }
}


/* =========================================================
   PRICE BLOCK — EXACT REFERENCE COMPOSITION
   ========================================================= */
#prices.price-ref-exact{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  padding:72px 0 82px !important;
  background:
    radial-gradient(900px 620px at 78% 10%,rgba(145,224,32,.17),transparent 68%),
    radial-gradient(760px 520px at 2% 96%,rgba(77,142,26,.08),transparent 70%),
    linear-gradient(135deg,#072016 0%,#061a12 48%,#082117 100%) !important;
  border-block:1px solid rgba(183,255,50,.08);
}
#prices.price-ref-exact::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.28;
  background:
    linear-gradient(90deg,transparent 0 7%,rgba(174,247,48,.12) 7% 25%,transparent 25% 100%) 0 23%/520px 1px no-repeat,
    linear-gradient(90deg,transparent 0 22%,rgba(174,247,48,.09) 22% 52%,transparent 52% 100%) 76% 72%/640px 1px no-repeat;
}
#prices.price-ref-exact .wrap{
  max-width:1320px !important;
  position:relative;
  z-index:2;
}
.price-ref-top{
  display:grid;
  grid-template-columns:minmax(0, .92fr) minmax(480px,1.08fr);
  gap:42px;
  align-items:center;
  min-height:360px;
}
.price-ref-copytop{
  padding-left:4px;
}
.price-ref-eyebrow{
  margin-bottom:16px;
  color:#b7ff32;
  font:900 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.11em;
}
.price-ref-copytop h2{
  margin:0;
  color:#f8faf6;
  font-size:clamp(52px,5.25vw,78px);
  line-height:.95;
  letter-spacing:-.055em;
  font-weight:900;
  text-shadow:0 3px 8px rgba(0,0,0,.35);
}
.price-ref-line{
  width:70px;height:3px;margin:18px 0 16px;border-radius:999px;
  background:linear-gradient(90deg,#b7ff32,rgba(183,255,50,0));
  box-shadow:0 0 14px rgba(183,255,50,.22);
}
.price-ref-copytop p{
  max-width:590px;
  margin:0;
  color:rgba(244,248,243,.78);
  font-size:16px;
  line-height:1.55;
}
.price-ref-visual{
  position:relative;
  min-height:350px;
  display:grid;
  place-items:center;
}
.price-ref-orbits{
  position:absolute;
  inset:6% 1% 2% 3%;
  border:1px solid rgba(183,255,50,.16);
  border-radius:50%;
  transform:rotate(-9deg);
  box-shadow:
    0 0 0 40px rgba(183,255,50,.006),
    0 0 0 82px rgba(183,255,50,.004);
  animation:refOrbit 13s ease-in-out infinite;
}
.price-ref-orbits::before,
.price-ref-orbits::after,
.price-ref-orbits i{
  content:"";
  position:absolute;
  border-radius:50%;
}
.price-ref-orbits::before{
  inset:13% 9%;border:1px solid rgba(183,255,50,.13);
}
.price-ref-orbits::after{
  width:11px;height:11px;left:15%;top:17%;
  background:#b7ff32;box-shadow:0 0 20px rgba(183,255,50,.85);
}
.price-ref-orbits i:nth-child(1){width:7px;height:7px;right:12%;top:28%;background:#b7ff32;box-shadow:0 0 15px rgba(183,255,50,.65)}
.price-ref-orbits i:nth-child(2){width:6px;height:6px;left:28%;bottom:13%;background:#b7ff32;box-shadow:0 0 14px rgba(183,255,50,.6)}
.price-ref-orbits i:nth-child(3){width:8px;height:8px;right:27%;bottom:6%;background:#b7ff32;box-shadow:0 0 18px rgba(183,255,50,.75)}
.price-ref-orbits i:nth-child(4){inset:24% 18%;border:1px solid rgba(183,255,50,.08)}
@keyframes refOrbit{0%,100%{transform:rotate(-9deg) scale(1)}50%{transform:rotate(-7deg) scale(1.015)}}

.price-ref-phone-img{
  width:min(590px,95%);
  max-height:330px;
  object-fit:contain;
  position:relative;
  z-index:2;
  transform:rotate(-9deg);
  filter:drop-shadow(0 28px 30px rgba(0,0,0,.34)) drop-shadow(0 0 20px rgba(183,255,50,.08));
}
.price-ref-phone-css{
  width:520px;height:205px;max-width:92%;position:relative;z-index:2;
  transform:rotate(-9deg);
  border-radius:38px;
  background:linear-gradient(145deg,#171c19,#050807 65%,#222824);
  border:2px solid #303a33;
  box-shadow:0 28px 36px rgba(0,0,0,.42),0 0 28px rgba(183,255,50,.08);
}
.price-ref-phone-css::before{
  content:"";position:absolute;inset:14px;border-radius:26px;border:1px solid rgba(183,255,50,.24);
  background:
    linear-gradient(90deg,transparent 48%,rgba(183,255,50,.18) 49% 51%,transparent 52%),
    linear-gradient(0deg,transparent 48%,rgba(183,255,50,.12) 49% 51%,transparent 52%);
}
.price-ref-camera{position:absolute;right:28px;top:22px;width:70px;height:52px;border-radius:14px;background:#0a0d0b;border:1px solid #49534c}
.price-ref-board{position:absolute;left:26px;top:28px;width:150px;height:92px;border-radius:14px;background:#131815;border:1px solid rgba(183,255,50,.24)}
.price-ref-battery{position:absolute;left:184px;top:24px;width:225px;height:145px;border-radius:18px;background:#111411;border:1px solid #303730}

.price-ref-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 22px;
}
.price-ref-tabs a{
  min-width:124px;
  padding:12px 20px;
  border-radius:12px;
  border:1px solid rgba(215,237,217,.13);
  background:rgba(20,42,29,.80);
  color:#f6f9f5;
  text-decoration:none;
  text-align:center;
  font-weight:760;
  transition:.22s ease;
}
.price-ref-tabs a:hover{background:rgba(29,55,37,.9);border-color:rgba(183,255,50,.28)}
.price-ref-tabs a.is-active{
  color:#14200f;
  background:linear-gradient(135deg,#c0ff42,#94dc22);
  border-color:rgba(217,255,149,.8);
  box-shadow:0 0 24px rgba(183,255,50,.17);
}

.price-ref-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.price-ref-card{
  position:relative;
  min-height:182px;
  padding:24px 58px 22px 118px;
  border-radius:18px;
  border:1px solid rgba(183,255,50,.27);
  background:
    radial-gradient(320px 190px at 14% 0%,rgba(139,207,43,.10),transparent 66%),
    linear-gradient(145deg,rgba(22,51,33,.96),rgba(10,29,19,.98));
  color:#fff;
  text-decoration:none;
  overflow:hidden;
  box-shadow:0 18px 38px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.025);
  transition:.24s ease;
}
.price-ref-card:hover{
  transform:translateY(-5px);
  border-color:rgba(183,255,50,.50);
  background:
    radial-gradient(340px 200px at 14% 0%,rgba(158,226,49,.15),transparent 66%),
    linear-gradient(145deg,rgba(27,61,39,.98),rgba(13,35,22,.98));
  box-shadow:0 24px 48px rgba(0,0,0,.23),0 0 28px rgba(183,255,50,.05);
}
.price-ref-cat{
  position:absolute;
  top:19px;left:24px;
  color:#b7ff32;
  font-size:12px;
  font-weight:850;
}
.price-ref-icon{
  position:absolute;
  left:24px;top:54%;
  transform:translateY(-50%);
  width:72px;height:72px;
  display:grid;place-items:center;
  border-radius:18px;
  border:1px solid rgba(183,255,50,.20);
  background:
    radial-gradient(circle at 34% 26%,rgba(197,255,86,.18),transparent 58%),
    linear-gradient(145deg,#29471e,#173017);
  color:#b7ff32;
  box-shadow:0 0 24px rgba(183,255,50,.055),inset 0 1px 0 rgba(255,255,255,.025);
}
.price-ref-icon svg{
  width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}
.price-ref-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:130px;
}
.price-ref-title{
  color:#fff;
  font-size:18px;
  line-height:1.18;
  font-weight:820;
  margin-bottom:13px;
}
.price-ref-price{
  color:#b7ff32;
  font-size:29px;
  line-height:1;
  font-weight:900;
  margin-bottom:12px;
}
.price-ref-time{
  color:rgba(239,244,240,.78);
  font-size:12px;
}
.price-ref-arrow{
  position:absolute;
  right:16px;
  bottom:14px;
  color:#b7ff32;
  font-size:30px;
  line-height:1;
}
.price-ref-card::after{
  content:"";
  position:absolute;
  width:90px;height:90px;right:-34px;bottom:-36px;
  border-radius:50%;
  border:1px solid rgba(183,255,50,.14);
}

.price-ref-bottom{
  display:grid;
  grid-template-columns:58px 1fr auto;
  gap:18px;
  align-items:center;
  margin-top:16px;
  padding:18px 20px;
  border-radius:16px;
  border:1px solid rgba(183,255,50,.17);
  background:rgba(8,27,17,.86);
}
.price-ref-note-icon{
  width:44px;height:44px;border-radius:50%;
  display:grid;place-items:center;
  border:2px solid #b7ff32;color:#b7ff32;
  font-size:24px;
}
.price-ref-note{display:flex;flex-direction:column;gap:5px;color:#f3f6f2;font-size:13px;line-height:1.35}
.price-ref-note strong{font-weight:500}
.price-ref-note span{color:rgba(239,244,240,.72)}
.price-ref-cta{
  min-width:300px;
  justify-content:center;
  background:linear-gradient(135deg,#b7ff32,#92dc22) !important;
  color:#14200f !important;
  border-color:rgba(217,255,149,.8) !important;
  box-shadow:0 10px 24px rgba(183,255,50,.13) !important;
}

/* Light theme */
:root[data-theme="light"] #prices.price-ref-exact{
  background:
    radial-gradient(900px 620px at 78% 10%,rgba(145,202,80,.12),transparent 68%),
    linear-gradient(135deg,#eef5eb,#e8f1e4 48%,#eef5eb) !important;
}
:root[data-theme="light"] .price-ref-copytop h2{color:#172019;text-shadow:none}
:root[data-theme="light"] .price-ref-copytop p{color:#536057}
:root[data-theme="light"] .price-ref-tabs a{background:#f8fbf6;color:#263229;border-color:rgba(82,130,43,.16)}
:root[data-theme="light"] .price-ref-card{
  background:linear-gradient(145deg,#ffffff,#f1f6ee);
  border-color:rgba(93,142,49,.20);
  box-shadow:0 14px 30px rgba(66,91,60,.08);
}
:root[data-theme="light"] .price-ref-title{color:#172019}
:root[data-theme="light"] .price-ref-price{color:#65a91f}
:root[data-theme="light"] .price-ref-time{color:#657269}
:root[data-theme="light"] .price-ref-bottom{background:#f8fbf6;border-color:rgba(93,142,49,.18)}
:root[data-theme="light"] .price-ref-note{color:#273229}
:root[data-theme="light"] .price-ref-note span{color:#657269}

@media(max-width:1020px){
  .price-ref-top{grid-template-columns:1fr;gap:10px}
  .price-ref-visual{min-height:280px}
  .price-ref-copytop{max-width:680px}
  .price-ref-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  #prices.price-ref-exact{padding:54px 0 64px !important}
  .price-ref-copytop h2{font-size:42px}
  .price-ref-visual{min-height:220px}
  .price-ref-tabs a{min-width:0;padding:10px 13px;font-size:12px}
  .price-ref-grid{grid-template-columns:1fr}
  .price-ref-card{min-height:162px;padding:22px 50px 20px 92px}
  .price-ref-icon{left:18px;width:58px;height:58px}
  .price-ref-icon svg{width:30px;height:30px}
  .price-ref-cat{left:18px}
  .price-ref-bottom{grid-template-columns:46px 1fr}
  .price-ref-cta{grid-column:1/-1;min-width:0;width:100%}
}
@media(prefers-reduced-motion:reduce){
  .price-ref-orbits{animation:none}
}


/* =========================================================
   PRICE BLOCK — MORE ANIMATIONS + NEW PHONE
   Scoped only to the reference price section.
   ========================================================= */

/* Phone: float, tilt, glow */
#prices.price-ref-exact .price-ref-phone-img{
  animation:pricePhoneFloat 5.6s ease-in-out infinite,
            pricePhoneGlow 3.8s ease-in-out infinite;
  transform-origin:52% 58%;
  will-change:transform,filter;
}
@keyframes pricePhoneFloat{
  0%,100%{transform:rotate(-10deg) translate3d(0,0,0) scale(1)}
  25%{transform:rotate(-8.8deg) translate3d(0,-8px,0) scale(1.008)}
  50%{transform:rotate(-10.5deg) translate3d(6px,-14px,0) scale(1.015)}
  75%{transform:rotate(-9.2deg) translate3d(-4px,-7px,0) scale(1.006)}
}
@keyframes pricePhoneGlow{
  0%,100%{filter:drop-shadow(0 28px 30px rgba(0,0,0,.34)) drop-shadow(0 0 16px rgba(183,255,50,.07))}
  50%{filter:drop-shadow(0 34px 34px rgba(0,0,0,.38)) drop-shadow(0 0 34px rgba(183,255,50,.18))}
}

/* Orbit rings: more alive */
#prices.price-ref-exact .price-ref-orbits{
  animation:refOrbit 11s ease-in-out infinite, priceOrbitRotate 38s linear infinite;
}
#prices.price-ref-exact .price-ref-orbits::before{
  animation:priceOrbitCounter 28s linear infinite reverse;
}
#prices.price-ref-exact .price-ref-orbits::after,
#prices.price-ref-exact .price-ref-orbits i:nth-child(1),
#prices.price-ref-exact .price-ref-orbits i:nth-child(2),
#prices.price-ref-exact .price-ref-orbits i:nth-child(3){
  animation:priceNodePulse 1.9s ease-in-out infinite;
}
#prices.price-ref-exact .price-ref-orbits i:nth-child(1){animation-delay:.35s}
#prices.price-ref-exact .price-ref-orbits i:nth-child(2){animation-delay:.7s}
#prices.price-ref-exact .price-ref-orbits i:nth-child(3){animation-delay:1.05s}

@keyframes priceOrbitRotate{
  from{rotate:0deg}
  to{rotate:360deg}
}
@keyframes priceOrbitCounter{
  from{transform:rotate(0deg)}
  to{transform:rotate(-360deg)}
}
@keyframes priceNodePulse{
  0%,100%{opacity:.52;box-shadow:0 0 8px rgba(183,255,50,.38);scale:.82}
  50%{opacity:1;box-shadow:0 0 22px rgba(183,255,50,.95);scale:1.22}
}

/* Subtle moving radial light behind visual */
#prices.price-ref-exact .price-ref-visual::before{
  content:"";
  position:absolute;
  inset:5% 2%;
  border-radius:50%;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(circle at 50% 52%,rgba(183,255,50,.13),transparent 48%);
  filter:blur(18px);
  animation:priceVisualBreath 4.6s ease-in-out infinite;
}
@keyframes priceVisualBreath{
  0%,100%{opacity:.46;transform:scale(.94)}
  50%{opacity:.9;transform:scale(1.06)}
}

/* Heading underline pulses */
#prices.price-ref-exact .price-ref-line{
  animation:priceLinePulse 2.4s ease-in-out infinite;
}
@keyframes priceLinePulse{
  0%,100%{width:70px;opacity:.72;box-shadow:0 0 10px rgba(183,255,50,.18)}
  50%{width:112px;opacity:1;box-shadow:0 0 24px rgba(183,255,50,.42)}
}

/* Eyebrow dot pulse */
#prices.price-ref-exact .price-ref-eyebrow{
  animation:priceEyebrowGlow 2.2s ease-in-out infinite;
}
@keyframes priceEyebrowGlow{
  0%,100%{text-shadow:0 0 8px rgba(183,255,50,.12)}
  50%{text-shadow:0 0 20px rgba(183,255,50,.38)}
}

/* Tabs: active breathing + hover lift */
#prices.price-ref-exact .price-ref-tabs a{
  position:relative;
  overflow:hidden;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
#prices.price-ref-exact .price-ref-tabs a:hover{
  transform:translateY(-3px);
  box-shadow:0 10px 24px rgba(0,0,0,.16),0 0 20px rgba(183,255,50,.06);
}
#prices.price-ref-exact .price-ref-tabs a.is-active{
  animation:priceTabPulse 2.6s ease-in-out infinite;
}
@keyframes priceTabPulse{
  0%,100%{box-shadow:0 0 18px rgba(183,255,50,.14)}
  50%{box-shadow:0 0 34px rgba(183,255,50,.32)}
}

/* Cards: entrance, hover lift, glow, arrow movement */
#prices.price-ref-exact .price-ref-card{
  opacity:0;
  transform:translateY(24px) scale(.985);
  animation:priceCardEnter .7s cubic-bezier(.2,.72,.2,1) forwards;
}
#prices.price-ref-exact .price-ref-card:nth-child(2){animation-delay:.08s}
#prices.price-ref-exact .price-ref-card:nth-child(3){animation-delay:.16s}
#prices.price-ref-exact .price-ref-card:nth-child(4){animation-delay:.24s}
#prices.price-ref-exact .price-ref-card:nth-child(5){animation-delay:.32s}
#prices.price-ref-exact .price-ref-card:nth-child(6){animation-delay:.40s}
@keyframes priceCardEnter{
  to{opacity:1;transform:translateY(0) scale(1)}
}

#prices.price-ref-exact .price-ref-card:hover{
  transform:translateY(-8px) scale(1.012);
  box-shadow:
    0 28px 54px rgba(0,0,0,.25),
    0 0 32px rgba(183,255,50,.09),
    inset 0 0 24px rgba(183,255,50,.025);
}

/* Glow dots inside cards */
#prices.price-ref-exact .price-ref-card::before{
  content:"";
  position:absolute;
  width:8px;
  height:8px;
  right:18px;
  top:18px;
  border-radius:50%;
  background:#b7ff32;
  opacity:.22;
  box-shadow:0 0 14px rgba(183,255,50,.55);
  animation:priceCardDot 3s ease-in-out infinite;
}
#prices.price-ref-exact .price-ref-card:nth-child(even)::before{animation-delay:1.1s}
@keyframes priceCardDot{
  0%,100%{opacity:.16;transform:scale(.7)}
  50%{opacity:.65;transform:scale(1.18)}
}

/* Icon breathing */
#prices.price-ref-exact .price-ref-icon{
  animation:priceIconBreath 3.6s ease-in-out infinite;
}
#prices.price-ref-exact .price-ref-card:nth-child(2) .price-ref-icon{animation-delay:.45s}
#prices.price-ref-exact .price-ref-card:nth-child(3) .price-ref-icon{animation-delay:.9s}
#prices.price-ref-exact .price-ref-card:nth-child(4) .price-ref-icon{animation-delay:1.35s}
#prices.price-ref-exact .price-ref-card:nth-child(5) .price-ref-icon{animation-delay:1.8s}
#prices.price-ref-exact .price-ref-card:nth-child(6) .price-ref-icon{animation-delay:2.25s}
@keyframes priceIconBreath{
  0%,100%{box-shadow:0 0 18px rgba(183,255,50,.04),inset 0 1px 0 rgba(255,255,255,.025)}
  50%{box-shadow:0 0 34px rgba(183,255,50,.15),inset 0 1px 0 rgba(255,255,255,.035)}
}

/* Arrow nudge */
#prices.price-ref-exact .price-ref-arrow{
  transition:transform .22s ease,text-shadow .22s ease;
}
#prices.price-ref-exact .price-ref-card:hover .price-ref-arrow{
  transform:translateX(7px);
  text-shadow:0 0 16px rgba(183,255,50,.58);
}

/* Price pulse on hover */
#prices.price-ref-exact .price-ref-price{
  transition:transform .22s ease,text-shadow .22s ease;
}
#prices.price-ref-exact .price-ref-card:hover .price-ref-price{
  transform:scale(1.035);
  text-shadow:0 0 20px rgba(183,255,50,.23);
}

/* Bottom CTA subtle pulse */
#prices.price-ref-exact .price-ref-cta{
  animation:priceCtaPulse 3.1s ease-in-out infinite;
}
@keyframes priceCtaPulse{
  0%,100%{box-shadow:0 10px 24px rgba(183,255,50,.13)}
  50%{box-shadow:0 12px 34px rgba(183,255,50,.30)}
}

/* More separation in MacBook card */
#prices.price-ref-exact .price-ref-cat-mac{
  top:18px;
}
#prices.price-ref-exact .price-ref-title-mac{
  margin-top:18px !important;
  display:block;
  max-width:210px;
  line-height:1.22;
}

/* Responsive: preserve animation quality */
@media(max-width:1020px){
  #prices.price-ref-exact .price-ref-phone-img{
    width:min(520px,90%);
  }
}
@media(max-width:680px){
  #prices.price-ref-exact .price-ref-phone-img{
    width:min(390px,92%);
  }
  #prices.price-ref-exact .price-ref-title-mac{
    margin-top:14px !important;
  }
}

/* Respect reduced motion */
@media(prefers-reduced-motion:reduce){
  #prices.price-ref-exact .price-ref-phone-img,
  #prices.price-ref-exact .price-ref-orbits,
  #prices.price-ref-exact .price-ref-orbits::before,
  #prices.price-ref-exact .price-ref-orbits::after,
  #prices.price-ref-exact .price-ref-orbits i,
  #prices.price-ref-exact .price-ref-visual::before,
  #prices.price-ref-exact .price-ref-line,
  #prices.price-ref-exact .price-ref-eyebrow,
  #prices.price-ref-exact .price-ref-tabs a.is-active,
  #prices.price-ref-exact .price-ref-card,
  #prices.price-ref-exact .price-ref-card::before,
  #prices.price-ref-exact .price-ref-icon,
  #prices.price-ref-exact .price-ref-cta{
    animation:none !important;
  }
  #prices.price-ref-exact .price-ref-card{
    opacity:1 !important;
    transform:none !important;
  }
}


/* Custom phone reference image — preserve full composition */
#prices.price-ref-exact .price-ref-phone-img{
  width:min(610px,96%) !important;
  max-height:330px !important;
  object-fit:contain !important;
  object-position:center !important;
  border-radius:0 !important;
}
@media(max-width:1020px){
  #prices.price-ref-exact .price-ref-phone-img{
    width:min(540px,94%) !important;
    max-height:300px !important;
  }
}
@media(max-width:680px){
  #prices.price-ref-exact .price-ref-phone-img{
    width:min(400px,96%) !important;
    max-height:235px !important;
  }
}


/* Transparent cutout phone: no rectangular image background */
#prices.price-ref-exact .price-ref-phone-img{
  width:min(545px,90%) !important;
  max-height:320px !important;
  object-fit:contain !important;
  object-position:center !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  filter:
    drop-shadow(0 26px 26px rgba(0,0,0,.42))
    drop-shadow(0 0 12px rgba(183,255,50,.18))
    drop-shadow(0 0 28px rgba(183,255,50,.10)) !important;
  position:relative;
  z-index:3;
}

/* soft glow belongs to the site, not the bitmap */
#prices.price-ref-exact .price-ref-visual::after{
  content:"";
  position:absolute;
  z-index:1;
  width:76%;
  height:64%;
  left:12%;
  top:18%;
  border-radius:50%;
  pointer-events:none;
  background:
    radial-gradient(ellipse at center,
      rgba(183,255,50,.18) 0%,
      rgba(142,224,35,.075) 38%,
      rgba(108,190,29,.025) 58%,
      transparent 74%);
  filter:blur(20px);
  animation:pricePhoneHalo 3.9s ease-in-out infinite;
}
@keyframes pricePhoneHalo{
  0%,100%{opacity:.48;transform:scale(.92)}
  50%{opacity:.88;transform:scale(1.06)}
}

@media(max-width:1020px){
  #prices.price-ref-exact .price-ref-phone-img{
    width:min(500px,88%) !important;
    max-height:285px !important;
  }
}
@media(max-width:680px){
  #prices.price-ref-exact .price-ref-phone-img{
    width:min(360px,90%) !important;
    max-height:220px !important;
  }
}
@media(prefers-reduced-motion:reduce){
  #prices.price-ref-exact .price-ref-visual::after{animation:none !important;}
}


/* =========================================================
   ABOUT BLOCK — MATCHED TO CURRENT MIKRON PRICE/SERVICES STYLE
   ========================================================= */
#about.about-ref-matched{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:88px 0 92px !important;
  background:
    radial-gradient(900px 640px at 8% 18%,rgba(116,177,37,.10),transparent 72%),
    radial-gradient(860px 620px at 92% 78%,rgba(93,151,31,.08),transparent 74%),
    linear-gradient(135deg,#081b12 0%,#07180f 48%,#0a1d13 100%) !important;
  border-top:1px solid rgba(183,255,50,.08) !important;
  border-bottom:1px solid rgba(183,255,50,.08) !important;
}
#about.about-ref-matched::before{
  content:"";
  position:absolute;
  width:880px;height:880px;
  left:-590px;top:-310px;
  border-radius:50%;
  border:1px solid rgba(183,255,50,.10);
  box-shadow:0 0 0 72px rgba(183,255,50,.005);
  pointer-events:none;
  animation:aboutOrbit 18s ease-in-out infinite;
}
#about.about-ref-matched::after{
  content:"";
  position:absolute;
  width:760px;height:760px;
  right:-500px;bottom:-430px;
  border-radius:50%;
  border:1px solid rgba(183,255,50,.09);
  pointer-events:none;
  opacity:.7;
  animation:aboutOrbit 21s ease-in-out infinite reverse;
}
@keyframes aboutOrbit{
  0%,100%{transform:scale(1);opacity:.5}
  50%{transform:scale(1.025);opacity:.86}
}

#about.about-ref-matched .wrap{
  position:relative;
  z-index:2;
}

/* main two-column layout */
#about.about-ref-matched .about-grid,
#about.about-ref-matched .about-layout,
#about.about-ref-matched .about-inner{
  gap:56px !important;
  align-items:start !important;
}

/* eyebrow */
#about.about-ref-matched .eyebrow,
#about.about-ref-matched .section-kicker{
  color:#b7ff32 !important;
  font-weight:900 !important;
  letter-spacing:.12em !important;
  text-shadow:0 0 12px rgba(183,255,50,.14);
}

/* heading */
#about.about-ref-matched h2{
  max-width:760px;
  color:#f7faf6 !important;
  font-size:clamp(44px,4.2vw,66px) !important;
  line-height:1.02 !important;
  letter-spacing:-.045em !important;
  text-shadow:0 3px 8px rgba(0,0,0,.34) !important;
}
#about.about-ref-matched .about-accent{
  color:#b7ff32;
  text-shadow:0 0 20px rgba(183,255,50,.12);
}
#about.about-ref-matched h2::after{
  content:"";
  display:block;
  width:72px;height:3px;
  margin-top:18px;
  border-radius:999px;
  background:linear-gradient(90deg,#b7ff32,rgba(183,255,50,0));
  box-shadow:0 0 14px rgba(183,255,50,.20);
  animation:aboutLine 2.8s ease-in-out infinite;
}
@keyframes aboutLine{
  0%,100%{width:72px;opacity:.7}
  50%{width:116px;opacity:1}
}

/* body copy */
#about.about-ref-matched p{
  color:rgba(241,246,242,.80) !important;
  line-height:1.62 !important;
}
#about.about-ref-matched .about-copy,
#about.about-ref-matched .about-text{
  max-width:720px;
}

/* statistics: glass card matching price cards */
#about.about-ref-matched .stats-grid,
#about.about-ref-matched .about-stats,
#about.about-ref-matched .stats{
  border:1px solid rgba(183,255,50,.22) !important;
  border-radius:24px !important;
  overflow:hidden;
  background:
    radial-gradient(520px 320px at 12% 0%,rgba(146,216,42,.08),transparent 68%),
    linear-gradient(145deg,rgba(22,49,32,.95),rgba(10,29,19,.97)) !important;
  box-shadow:
    0 22px 50px rgba(0,0,0,.20),
    0 0 32px rgba(183,255,50,.025) !important;
}

/* each stat cell */
#about.about-ref-matched .stat-card,
#about.about-ref-matched .stat-cell,
#about.about-ref-matched .stats-grid > *,
#about.about-ref-matched .about-stats > *{
  position:relative;
  min-height:205px !important;
  padding:28px 32px !important;
  border-color:rgba(183,255,50,.11) !important;
  background:transparent !important;
  overflow:hidden;
  transition:transform .25s ease,background .25s ease,box-shadow .25s ease;
}
#about.about-ref-matched .stat-card:hover,
#about.about-ref-matched .stat-cell:hover,
#about.about-ref-matched .stats-grid > *:hover,
#about.about-ref-matched .about-stats > *:hover{
  transform:translateY(-3px);
  background:rgba(84,130,45,.055) !important;
  box-shadow:inset 0 0 32px rgba(183,255,50,.02) !important;
}

/* stat icons */
#about.about-ref-matched .about-stat-icon{
  display:grid;
  place-items:center;
  width:54px;height:54px;
  margin-bottom:18px;
  border-radius:15px;
  border:1px solid rgba(183,255,50,.20);
  color:#b7ff32;
  background:
    radial-gradient(circle at 35% 25%,rgba(198,255,87,.14),transparent 58%),
    linear-gradient(145deg,#29451e,#193119);
  box-shadow:0 0 22px rgba(183,255,50,.05);
  animation:aboutIconBreath 3.8s ease-in-out infinite;
}
#about.about-ref-matched .about-stat-icon svg{
  width:29px;height:29px;
  fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}
@keyframes aboutIconBreath{
  0%,100%{box-shadow:0 0 16px rgba(183,255,50,.04)}
  50%{box-shadow:0 0 30px rgba(183,255,50,.16)}
}

/* stats typography */
#about.about-ref-matched .stat-value,
#about.about-ref-matched .stat-card strong,
#about.about-ref-matched .stat-cell strong,
#about.about-ref-matched .stats-grid strong,
#about.about-ref-matched .about-stats strong{
  color:#b7ff32 !important;
  font-size:clamp(42px,4vw,62px) !important;
  line-height:.95 !important;
  font-weight:900 !important;
  text-shadow:0 0 18px rgba(183,255,50,.10) !important;
}
#about.about-ref-matched .stat-label,
#about.about-ref-matched .stat-card span,
#about.about-ref-matched .stat-cell span{
  color:rgba(238,244,239,.74) !important;
}

/* checklist cards */
#about.about-ref-matched .about-checks,
#about.about-ref-matched .features,
#about.about-ref-matched .about-features{
  display:grid;
  gap:14px !important;
  margin-top:34px !important;
}
#about.about-ref-matched .about-check,
#about.about-ref-matched .feature-item,
#about.about-ref-matched .about-feature{
  position:relative;
  border:1px solid rgba(183,255,50,.18) !important;
  border-radius:18px !important;
  background:
    radial-gradient(280px 160px at 0% 0%,rgba(147,216,43,.07),transparent 68%),
    linear-gradient(145deg,rgba(25,52,35,.92),rgba(14,34,23,.94)) !important;
  box-shadow:0 14px 30px rgba(0,0,0,.13) !important;
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
  overflow:hidden;
}
#about.about-ref-matched .about-check:hover,
#about.about-ref-matched .feature-item:hover,
#about.about-ref-matched .about-feature:hover{
  transform:translateX(5px);
  border-color:rgba(183,255,50,.38) !important;
  box-shadow:0 18px 34px rgba(0,0,0,.17),0 0 22px rgba(183,255,50,.035) !important;
}
#about.about-ref-matched .about-check::after,
#about.about-ref-matched .feature-item::after,
#about.about-ref-matched .about-feature::after{
  content:"";
  position:absolute;
  right:18px;top:50%;
  width:56px;height:1px;
  transform:translateY(-50%);
  background:linear-gradient(90deg,rgba(183,255,50,0),rgba(183,255,50,.30));
}
#about.about-ref-matched .about-inline-accent{
  color:#c9ff5a;
  font-weight:800;
}

/* small animated decorative points */
#about.about-ref-matched .wrap::before,
#about.about-ref-matched .wrap::after{
  content:"";
  position:absolute;
  width:7px;height:7px;
  border-radius:50%;
  background:#b7ff32;
  box-shadow:0 0 16px rgba(183,255,50,.7);
  opacity:.35;
  pointer-events:none;
  animation:aboutNode 3.2s ease-in-out infinite;
}
#about.about-ref-matched .wrap::before{right:2%;top:18%}
#about.about-ref-matched .wrap::after{left:4%;bottom:11%;animation-delay:1.4s}
@keyframes aboutNode{
  0%,100%{opacity:.18;transform:scale(.75)}
  50%{opacity:.78;transform:scale(1.2)}
}

/* light theme */
:root[data-theme="light"] #about.about-ref-matched{
  background:
    radial-gradient(900px 640px at 8% 18%,rgba(135,192,73,.10),transparent 72%),
    linear-gradient(135deg,#eef5eb,#e9f1e6 50%,#eef5eb) !important;
}
:root[data-theme="light"] #about.about-ref-matched h2{color:#172019 !important;text-shadow:none !important}
:root[data-theme="light"] #about.about-ref-matched p{color:#566159 !important}
:root[data-theme="light"] #about.about-ref-matched .stats-grid,
:root[data-theme="light"] #about.about-ref-matched .about-stats,
:root[data-theme="light"] #about.about-ref-matched .stats{
  background:linear-gradient(145deg,#ffffff,#f1f6ee) !important;
  border-color:rgba(91,140,48,.18) !important;
  box-shadow:0 16px 34px rgba(66,91,60,.075) !important;
}
:root[data-theme="light"] #about.about-ref-matched .about-check,
:root[data-theme="light"] #about.about-ref-matched .feature-item,
:root[data-theme="light"] #about.about-ref-matched .about-feature{
  background:linear-gradient(145deg,#ffffff,#f2f7ef) !important;
  border-color:rgba(91,140,48,.16) !important;
}
:root[data-theme="light"] #about.about-ref-matched .stat-card span,
:root[data-theme="light"] #about.about-ref-matched .stat-cell span{
  color:#657269 !important;
}

@media(max-width:980px){
  #about.about-ref-matched .about-grid,
  #about.about-ref-matched .about-layout,
  #about.about-ref-matched .about-inner{
    grid-template-columns:1fr !important;
    gap:34px !important;
  }
}
@media(max-width:680px){
  #about.about-ref-matched{padding:60px 0 68px !important}
  #about.about-ref-matched h2{font-size:40px !important}
  #about.about-ref-matched .stat-card,
  #about.about-ref-matched .stat-cell,
  #about.about-ref-matched .stats-grid > *,
  #about.about-ref-matched .about-stats > *{
    min-height:160px !important;
    padding:22px !important;
  }
}
@media(prefers-reduced-motion:reduce){
  #about.about-ref-matched::before,
  #about.about-ref-matched::after,
  #about.about-ref-matched h2::after,
  #about.about-ref-matched .about-stat-icon,
  #about.about-ref-matched .wrap::before,
  #about.about-ref-matched .wrap::after{
    animation:none !important;
  }
}


/* =========================================================
   ABOUT / TEAM — SECOND DESIGN FROM REFERENCE
   No portraits. Circular map + strong green background.
   ========================================================= */

#about.about-orbit-v2{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:92px 0 96px !important;
  background:
    radial-gradient(900px 700px at 82% 34%,rgba(126,196,42,.16) 0%,rgba(70,122,31,.08) 36%,transparent 70%),
    radial-gradient(760px 600px at 8% 82%,rgba(80,145,30,.11) 0%,transparent 72%),
    linear-gradient(135deg,#071b11 0%,#06170f 48%,#0a2115 100%) !important;
  border-top:1px solid rgba(183,255,50,.08);
  border-bottom:1px solid rgba(183,255,50,.08);
}

/* Huge background circles like design 2 */
#about.about-orbit-v2::before{
  content:"";
  position:absolute;
  width:980px;
  height:980px;
  right:-430px;
  top:-460px;
  border-radius:50%;
  border:1px solid rgba(183,255,50,.15);
  box-shadow:
    0 0 0 86px rgba(183,255,50,.009),
    0 0 0 172px rgba(183,255,50,.005);
  opacity:.9;
  pointer-events:none;
  animation:aboutBgOrbit 22s ease-in-out infinite;
}
#about.about-orbit-v2::after{
  content:"";
  position:absolute;
  width:720px;
  height:720px;
  left:-500px;
  bottom:-410px;
  border-radius:50%;
  border:1px solid rgba(183,255,50,.10);
  opacity:.55;
  pointer-events:none;
}

@keyframes aboutBgOrbit{
  0%,100%{transform:scale(1) rotate(0deg);opacity:.58}
  50%{transform:scale(1.03) rotate(4deg);opacity:.88}
}

#about.about-orbit-v2 .wrap{
  position:relative;
  z-index:2;
  max-width:1360px !important;
}

.about-orbit-layout{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);
  gap:58px;
  align-items:center;
}

/* LEFT */
.about-orbit-copy{
  max-width:680px;
}
.about-orbit-eyebrow{
  display:flex;
  align-items:center;
  gap:10px;
  color:#b7ff32;
  font:900 13px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.13em;
  margin-bottom:22px;
}
.about-orbit-dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#b7ff32;
  box-shadow:0 0 0 5px rgba(183,255,50,.09),0 0 18px rgba(183,255,50,.7);
  animation:aboutDotPulse 2.2s ease-in-out infinite;
}
@keyframes aboutDotPulse{
  0%,100%{transform:scale(.86);opacity:.65}
  50%{transform:scale(1.16);opacity:1}
}

.about-orbit-copy h2{
  margin:0;
  color:#f7faf6 !important;
  font-size:clamp(44px,4.4vw,66px) !important;
  line-height:1.01 !important;
  letter-spacing:-.047em !important;
  font-weight:900 !important;
  text-shadow:0 3px 8px rgba(0,0,0,.36) !important;
}
.about-orbit-copy h2 span{
  color:#b7ff32;
  text-shadow:0 0 20px rgba(183,255,50,.12);
}

.about-orbit-line{
  width:70px;
  height:3px;
  margin:20px 0 26px;
  border-radius:999px;
  background:linear-gradient(90deg,#b7ff32,rgba(183,255,50,0));
  box-shadow:0 0 16px rgba(183,255,50,.20);
  animation:aboutLineMove 2.8s ease-in-out infinite;
}
@keyframes aboutLineMove{
  0%,100%{width:70px;opacity:.72}
  50%{width:118px;opacity:1}
}

.about-orbit-copy p{
  max-width:670px;
  margin:0 0 22px;
  color:rgba(241,246,242,.80) !important;
  font-size:16px;
  line-height:1.65 !important;
}

/* RIGHT — circular data map */
.about-orbit-map{
  position:relative;
  width:min(640px,100%);
  aspect-ratio:1/1;
  margin-left:auto;
}

.about-orbit-ring{
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(183,255,50,.20);
  pointer-events:none;
}
.about-orbit-ring.ring-a{
  inset:9%;
  box-shadow:0 0 34px rgba(183,255,50,.05);
  animation:ringSpin 34s linear infinite;
}
.about-orbit-ring.ring-b{
  inset:21%;
  border-color:rgba(183,255,50,.14);
  animation:ringSpinReverse 26s linear infinite;
}
.about-orbit-ring.ring-c{
  inset:34%;
  border-color:rgba(183,255,50,.10);
  animation:ringBreath 4.2s ease-in-out infinite;
}
@keyframes ringSpin{to{transform:rotate(360deg)}}
@keyframes ringSpinReverse{to{transform:rotate(-360deg)}}
@keyframes ringBreath{
  0%,100%{transform:scale(.98);opacity:.52}
  50%{transform:scale(1.04);opacity:.95}
}

.about-orbit-center{
  position:absolute;
  left:50%;
  top:50%;
  width:112px;
  height:112px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#b7ff32;
  font-size:54px;
  font-weight:950;
  background:
    radial-gradient(circle at 35% 28%,rgba(192,255,82,.18),transparent 58%),
    linear-gradient(145deg,#17331d,#0c2114);
  border:1px solid rgba(183,255,50,.30);
  box-shadow:
    0 0 0 18px rgba(183,255,50,.025),
    0 0 34px rgba(183,255,50,.16);
  animation:centerGlow 3.4s ease-in-out infinite;
}
@keyframes centerGlow{
  0%,100%{box-shadow:0 0 0 18px rgba(183,255,50,.02),0 0 26px rgba(183,255,50,.11)}
  50%{box-shadow:0 0 0 24px rgba(183,255,50,.035),0 0 46px rgba(183,255,50,.25)}
}

.about-orbit-stat{
  position:absolute;
  width:176px;
  min-height:154px;
  padding:18px 16px 16px;
  text-align:center;
  border-radius:24px;
  border:1px solid rgba(183,255,50,.22);
  background:
    radial-gradient(220px 140px at 50% 0%,rgba(150,219,45,.10),transparent 66%),
    linear-gradient(145deg,rgba(18,46,29,.94),rgba(9,28,18,.97));
  box-shadow:0 16px 32px rgba(0,0,0,.18),0 0 22px rgba(183,255,50,.03);
  backdrop-filter:blur(8px);
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}
.about-orbit-stat:hover{
  transform:translateY(-6px) scale(1.025);
  border-color:rgba(183,255,50,.46);
  box-shadow:0 22px 42px rgba(0,0,0,.22),0 0 30px rgba(183,255,50,.08);
}

.stat-top-left{left:1%;top:11%}
.stat-top-right{right:1%;top:11%}
.stat-bottom-left{left:1%;bottom:11%}
.stat-bottom-right{right:1%;bottom:11%}

.about-orbit-stat .stat-icon{
  width:48px;
  height:48px;
  margin:0 auto 10px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#b7ff32;
  border:1px solid rgba(183,255,50,.22);
  background:rgba(32,64,37,.52);
  box-shadow:0 0 18px rgba(183,255,50,.07);
}
.about-orbit-stat .stat-icon svg{
  width:26px;height:26px;
  fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;
}
.about-orbit-stat strong{
  display:block;
  margin-bottom:8px;
  color:#b7ff32;
  font-size:32px;
  line-height:1;
  font-weight:950;
  text-shadow:0 0 16px rgba(183,255,50,.12);
}
.about-orbit-stat span{
  display:block;
  color:rgba(239,244,240,.75);
  font-size:12px;
  line-height:1.35;
}

/* orbit particles */
.orbit-particle{
  position:absolute;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#b7ff32;
  box-shadow:0 0 16px rgba(183,255,50,.75);
  animation:orbitParticle 2.6s ease-in-out infinite;
}
.p1{left:16%;top:6%}
.p2{right:7%;top:31%;animation-delay:.5s}
.p3{left:13%;bottom:13%;animation-delay:1s}
.p4{right:20%;bottom:4%;animation-delay:1.5s}
@keyframes orbitParticle{
  0%,100%{opacity:.3;transform:scale(.72)}
  50%{opacity:1;transform:scale(1.28)}
}

/* Bottom benefits */
.about-orbit-benefits{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin-top:46px;
}
.about-orbit-benefit{
  position:relative;
  display:flex;
  align-items:center;
  gap:18px;
  min-height:92px;
  padding:20px 22px;
  border-radius:18px;
  border:1px solid rgba(183,255,50,.17);
  background:
    radial-gradient(280px 150px at 0% 0%,rgba(143,211,43,.07),transparent 68%),
    linear-gradient(145deg,rgba(21,47,31,.93),rgba(10,30,20,.95));
  box-shadow:0 14px 30px rgba(0,0,0,.13);
  overflow:hidden;
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}
.about-orbit-benefit::after{
  content:"";
  position:absolute;
  right:0;
  top:0;
  width:42%;
  height:100%;
  background:
    radial-gradient(circle,rgba(183,255,50,.34) 1.3px,transparent 1.4px) 0 0/13px 13px;
  opacity:.08;
  pointer-events:none;
}
.about-orbit-benefit:hover{
  transform:translateY(-4px);
  border-color:rgba(183,255,50,.36);
  box-shadow:0 20px 38px rgba(0,0,0,.18),0 0 24px rgba(183,255,50,.04);
}
.benefit-check{
  flex:0 0 50px;
  width:50px;
  height:50px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#b7ff32;
  font-size:28px;
  font-weight:900;
  border:1px solid rgba(183,255,50,.24);
  background:rgba(37,72,40,.58);
  box-shadow:0 0 20px rgba(183,255,50,.06);
}
.about-orbit-benefit strong{
  display:block;
  color:#f7faf6;
  font-size:16px;
  margin-bottom:5px;
}
.about-orbit-benefit div span{
  color:#b7ff32;
  font-size:14px;
  font-weight:800;
}

/* Light theme */
:root[data-theme="light"] #about.about-orbit-v2{
  background:
    radial-gradient(900px 680px at 82% 34%,rgba(131,190,68,.12),transparent 70%),
    linear-gradient(135deg,#eef5eb,#e8f1e4 48%,#eef5eb) !important;
}
:root[data-theme="light"] .about-orbit-copy h2{color:#172019 !important;text-shadow:none !important}
:root[data-theme="light"] .about-orbit-copy p{color:#566159 !important}
:root[data-theme="light"] .about-orbit-stat,
:root[data-theme="light"] .about-orbit-benefit{
  background:linear-gradient(145deg,#ffffff,#f1f6ee);
  border-color:rgba(93,142,49,.18);
  box-shadow:0 14px 28px rgba(66,91,60,.08);
}
:root[data-theme="light"] .about-orbit-benefit strong{color:#172019}
:root[data-theme="light"] .about-orbit-stat span{color:#657269}

/* Responsive */
@media(max-width:1040px){
  .about-orbit-layout{
    grid-template-columns:1fr;
    gap:34px;
  }
  .about-orbit-map{
    margin:0 auto;
    width:min(620px,100%);
  }
}
@media(max-width:720px){
  #about.about-orbit-v2{padding:60px 0 68px !important}
  .about-orbit-copy h2{font-size:40px !important}
  .about-orbit-map{
    aspect-ratio:auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
  }
  .about-orbit-ring,
  .about-orbit-center,
  .orbit-particle{
    display:none;
  }
  .about-orbit-stat{
    position:relative;
    inset:auto !important;
    width:auto;
    min-height:150px;
  }
  .about-orbit-benefits{
    grid-template-columns:1fr;
    margin-top:28px;
  }
}
@media(prefers-reduced-motion:reduce){
  #about.about-orbit-v2::before,
  .about-orbit-dot,
  .about-orbit-line,
  .about-orbit-ring,
  .about-orbit-center,
  .orbit-particle{
    animation:none !important;
  }
}


/* =========================================================
   ABOUT V2 — SHORTER COPY + STRONGER ANIMATION
   ========================================================= */

#about.about-orbit-v2 .about-key{
  color:#b7ff32;
  font-weight:850;
  text-shadow:0 0 14px rgba(183,255,50,.10);
}

/* Make background circles more dynamic but still minimal */
#about.about-orbit-v2::before{
  animation:aboutBgOrbitStrong 15s ease-in-out infinite !important;
}
@keyframes aboutBgOrbitStrong{
  0%,100%{
    transform:scale(1) rotate(0deg);
    opacity:.55;
    filter:drop-shadow(0 0 0 rgba(183,255,50,0));
  }
  50%{
    transform:scale(1.045) rotate(6deg);
    opacity:.95;
    filter:drop-shadow(0 0 26px rgba(183,255,50,.08));
  }
}

/* Central M gets a more visible breathing glow */
#about.about-orbit-v2 .about-orbit-center{
  animation:centerGlowStrong 2.6s ease-in-out infinite !important;
}
@keyframes centerGlowStrong{
  0%,100%{
    transform:translate(-50%,-50%) scale(1);
    box-shadow:
      0 0 0 18px rgba(183,255,50,.02),
      0 0 26px rgba(183,255,50,.12);
  }
  50%{
    transform:translate(-50%,-50%) scale(1.06);
    box-shadow:
      0 0 0 28px rgba(183,255,50,.05),
      0 0 54px rgba(183,255,50,.28);
  }
}

/* Rings rotate at different speeds and subtly pulse */
#about.about-orbit-v2 .about-orbit-ring.ring-a{
  animation:ringSpin 24s linear infinite, aboutRingPulse 4.5s ease-in-out infinite !important;
}
#about.about-orbit-v2 .about-orbit-ring.ring-b{
  animation:ringSpinReverse 18s linear infinite, aboutRingPulse 5.8s ease-in-out infinite reverse !important;
}
#about.about-orbit-v2 .about-orbit-ring.ring-c{
  animation:ringSpin 13s linear infinite, aboutRingPulse 3.7s ease-in-out infinite !important;
}
@keyframes aboutRingPulse{
  0%,100%{opacity:.45;filter:drop-shadow(0 0 0 rgba(183,255,50,0))}
  50%{opacity:.95;filter:drop-shadow(0 0 16px rgba(183,255,50,.12))}
}

/* Each metric gently floats with different phase */
#about.about-orbit-v2 .about-orbit-stat{
  animation:aboutStatFloat 4.8s ease-in-out infinite;
}
#about.about-orbit-v2 .stat-top-right{animation-delay:.6s}
#about.about-orbit-v2 .stat-bottom-left{animation-delay:1.2s}
#about.about-orbit-v2 .stat-bottom-right{animation-delay:1.8s}

@keyframes aboutStatFloat{
  0%,100%{translate:0 0}
  50%{translate:0 -7px}
}

/* Numbers pulse very slightly */
#about.about-orbit-v2 .about-orbit-stat strong{
  animation:aboutNumberPulse 3.2s ease-in-out infinite;
}
#about.about-orbit-v2 .about-orbit-stat:nth-of-type(2) strong{animation-delay:.45s}
#about.about-orbit-v2 .about-orbit-stat:nth-of-type(3) strong{animation-delay:.9s}
#about.about-orbit-v2 .about-orbit-stat:nth-of-type(4) strong{animation-delay:1.35s}
@keyframes aboutNumberPulse{
  0%,100%{text-shadow:0 0 12px rgba(183,255,50,.10);transform:scale(1)}
  50%{text-shadow:0 0 26px rgba(183,255,50,.28);transform:scale(1.035)}
}

/* Benefits feel more alive without flashy sweep effects */
#about.about-orbit-v2 .about-orbit-benefit{
  animation:aboutBenefitBreath 5.2s ease-in-out infinite;
}
#about.about-orbit-v2 .about-orbit-benefit:nth-child(2){
  animation-delay:1.3s;
}
@keyframes aboutBenefitBreath{
  0%,100%{
    box-shadow:0 14px 30px rgba(0,0,0,.13);
    border-color:rgba(183,255,50,.17);
  }
  50%{
    box-shadow:0 18px 36px rgba(0,0,0,.17),0 0 24px rgba(183,255,50,.05);
    border-color:rgba(183,255,50,.28);
  }
}

/* Decorative dots more active */
#about.about-orbit-v2 .orbit-particle{
  animation:orbitParticleStrong 1.9s ease-in-out infinite !important;
}
@keyframes orbitParticleStrong{
  0%,100%{opacity:.24;transform:scale(.68);box-shadow:0 0 8px rgba(183,255,50,.45)}
  50%{opacity:1;transform:scale(1.38);box-shadow:0 0 24px rgba(183,255,50,.95)}
}

/* Slightly tighter copy for better balance */
#about.about-orbit-v2 .about-orbit-copy p{
  max-width:630px;
  margin-bottom:18px;
  font-size:15.5px;
  line-height:1.6 !important;
}

@media(prefers-reduced-motion:reduce){
  #about.about-orbit-v2::before,
  #about.about-orbit-v2 .about-orbit-center,
  #about.about-orbit-v2 .about-orbit-ring,
  #about.about-orbit-v2 .about-orbit-stat,
  #about.about-orbit-v2 .about-orbit-stat strong,
  #about.about-orbit-v2 .about-orbit-benefit,
  #about.about-orbit-v2 .orbit-particle{
    animation:none !important;
  }
}


/* =========================================================
   REVIEWS BLOCK — MATCHED TO CURRENT MIKRON STYLE
   ========================================================= */

section.reviews-mikron-v2{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:88px 0 96px !important;
  background:
    radial-gradient(920px 650px at 6% 18%,rgba(118,184,37,.11),transparent 72%),
    radial-gradient(860px 620px at 94% 76%,rgba(93,151,31,.09),transparent 74%),
    linear-gradient(135deg,#071b11 0%,#06170f 50%,#0a2115 100%) !important;
  border-top:1px solid rgba(183,255,50,.08) !important;
  border-bottom:1px solid rgba(183,255,50,.08) !important;
}

section.reviews-mikron-v2::before{
  content:"";
  position:absolute;
  width:920px;
  height:920px;
  right:-560px;
  top:-390px;
  border-radius:50%;
  border:1px solid rgba(183,255,50,.12);
  box-shadow:
    0 0 0 78px rgba(183,255,50,.007),
    0 0 0 156px rgba(183,255,50,.004);
  pointer-events:none;
  animation:reviewsOrbit 18s ease-in-out infinite;
}

section.reviews-mikron-v2::after{
  content:"";
  position:absolute;
  width:720px;
  height:720px;
  left:-510px;
  bottom:-430px;
  border-radius:50%;
  border:1px solid rgba(183,255,50,.09);
  opacity:.55;
  pointer-events:none;
}

@keyframes reviewsOrbit{
  0%,100%{transform:scale(1) rotate(0);opacity:.5}
  50%{transform:scale(1.035) rotate(5deg);opacity:.9}
}

section.reviews-mikron-v2 .wrap,
section.reviews-mikron-v2 .container{
  position:relative;
  z-index:2;
}

/* Heading */
section.reviews-mikron-v2 h2{
  color:#f7faf6 !important;
  font-size:clamp(44px,4.4vw,66px) !important;
  line-height:1.00 !important;
  letter-spacing:-.045em !important;
  text-shadow:0 3px 8px rgba(0,0,0,.34) !important;
}
section.reviews-mikron-v2 .reviews-accent{
  color:#b7ff32;
  text-shadow:0 0 20px rgba(183,255,50,.12);
}
section.reviews-mikron-v2 h2::after{
  content:"";
  display:block;
  width:74px;
  height:3px;
  margin-top:18px;
  border-radius:999px;
  background:linear-gradient(90deg,#b7ff32,rgba(183,255,50,0));
  box-shadow:0 0 16px rgba(183,255,50,.20);
  animation:reviewsLine 2.7s ease-in-out infinite;
}
@keyframes reviewsLine{
  0%,100%{width:74px;opacity:.72}
  50%{width:124px;opacity:1}
}

/* supporting copy */
section.reviews-mikron-v2 p{
  color:rgba(241,246,242,.78) !important;
}

/* rating summary panel */
section.reviews-mikron-v2 .reviews-summary,
section.reviews-mikron-v2 .review-summary,
section.reviews-mikron-v2 .rating-card,
section.reviews-mikron-v2 .reviews-rating{
  position:relative;
  border:1px solid rgba(183,255,50,.20) !important;
  border-radius:22px !important;
  background:
    radial-gradient(420px 220px at 0% 0%,rgba(145,214,42,.09),transparent 68%),
    linear-gradient(145deg,rgba(23,51,34,.95),rgba(10,29,19,.97)) !important;
  box-shadow:0 18px 38px rgba(0,0,0,.18),0 0 26px rgba(183,255,50,.03) !important;
  overflow:hidden;
}

/* review cards */
section.reviews-mikron-v2 .review-card,
section.reviews-mikron-v2 .reviews-card,
section.reviews-mikron-v2 .review-item,
section.reviews-mikron-v2 .swiper-slide,
section.reviews-mikron-v2 .testimonial{
  position:relative;
  border:1px solid rgba(183,255,50,.18) !important;
  border-radius:20px !important;
  background:
    radial-gradient(300px 180px at 0% 0%,rgba(141,207,42,.075),transparent 68%),
    linear-gradient(145deg,rgba(22,49,33,.95),rgba(10,29,19,.97)) !important;
  box-shadow:0 16px 34px rgba(0,0,0,.16) !important;
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
  overflow:hidden;
}

section.reviews-mikron-v2 .review-card:hover,
section.reviews-mikron-v2 .reviews-card:hover,
section.reviews-mikron-v2 .review-item:hover,
section.reviews-mikron-v2 .swiper-slide:hover,
section.reviews-mikron-v2 .testimonial:hover{
  transform:translateY(-6px);
  border-color:rgba(183,255,50,.38) !important;
  box-shadow:0 22px 44px rgba(0,0,0,.20),0 0 26px rgba(183,255,50,.05) !important;
}

/* small neon dot */
section.reviews-mikron-v2 .review-card::before,
section.reviews-mikron-v2 .reviews-card::before,
section.reviews-mikron-v2 .review-item::before,
section.reviews-mikron-v2 .testimonial::before{
  content:"";
  position:absolute;
  right:18px;
  top:18px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#b7ff32;
  box-shadow:0 0 14px rgba(183,255,50,.7);
  opacity:.35;
  animation:reviewDotPulse 2.4s ease-in-out infinite;
}
@keyframes reviewDotPulse{
  0%,100%{opacity:.2;transform:scale(.75)}
  50%{opacity:1;transform:scale(1.25)}
}

/* rating / stars */
section.reviews-mikron-v2 .rating,
section.reviews-mikron-v2 .score,
section.reviews-mikron-v2 .review-score,
section.reviews-mikron-v2 .stars,
section.reviews-mikron-v2 [class*="star"]{
  color:#b7ff32 !important;
  text-shadow:0 0 14px rgba(183,255,50,.12);
}

section.reviews-mikron-v2 .rating strong,
section.reviews-mikron-v2 .score strong,
section.reviews-mikron-v2 .review-score strong{
  color:#b7ff32 !important;
  font-weight:950 !important;
}

/* author/name */
section.reviews-mikron-v2 .review-author,
section.reviews-mikron-v2 .author,
section.reviews-mikron-v2 .review-name{
  color:#f7faf6 !important;
  font-weight:800 !important;
}

/* source pills */
section.reviews-mikron-v2 .review-source,
section.reviews-mikron-v2 .source,
section.reviews-mikron-v2 .yandex-badge{
  border:1px solid rgba(183,255,50,.18) !important;
  background:rgba(28,55,36,.62) !important;
  color:rgba(239,244,240,.72) !important;
  border-radius:999px !important;
}

/* buttons / arrows */
section.reviews-mikron-v2 button,
section.reviews-mikron-v2 .slider-arrow,
section.reviews-mikron-v2 .reviews-arrow{
  border-color:rgba(183,255,50,.20) !important;
  background:rgba(18,42,27,.82) !important;
  color:#b7ff32 !important;
  box-shadow:0 0 18px rgba(183,255,50,.03) !important;
  transition:.22s ease;
}
section.reviews-mikron-v2 button:hover,
section.reviews-mikron-v2 .slider-arrow:hover,
section.reviews-mikron-v2 .reviews-arrow:hover{
  transform:translateY(-2px);
  border-color:rgba(183,255,50,.40) !important;
  box-shadow:0 0 24px rgba(183,255,50,.08) !important;
}

/* cards appear */
section.reviews-mikron-v2 .review-card,
section.reviews-mikron-v2 .reviews-card,
section.reviews-mikron-v2 .review-item,
section.reviews-mikron-v2 .testimonial{
  opacity:0;
  transform:translateY(18px);
  animation:reviewCardIn .62s cubic-bezier(.2,.72,.2,1) forwards;
}
section.reviews-mikron-v2 .review-card:nth-child(2),
section.reviews-mikron-v2 .reviews-card:nth-child(2),
section.reviews-mikron-v2 .review-item:nth-child(2),
section.reviews-mikron-v2 .testimonial:nth-child(2){animation-delay:.08s}
section.reviews-mikron-v2 .review-card:nth-child(3),
section.reviews-mikron-v2 .reviews-card:nth-child(3),
section.reviews-mikron-v2 .review-item:nth-child(3),
section.reviews-mikron-v2 .testimonial:nth-child(3){animation-delay:.16s}
section.reviews-mikron-v2 .review-card:nth-child(4),
section.reviews-mikron-v2 .reviews-card:nth-child(4),
section.reviews-mikron-v2 .review-item:nth-child(4),
section.reviews-mikron-v2 .testimonial:nth-child(4){animation-delay:.24s}

@keyframes reviewCardIn{
  to{opacity:1;transform:translateY(0)}
}

/* Light theme */
:root[data-theme="light"] section.reviews-mikron-v2{
  background:
    radial-gradient(900px 650px at 6% 18%,rgba(132,190,73,.10),transparent 72%),
    linear-gradient(135deg,#eef5eb,#e9f1e6 50%,#eef5eb) !important;
}
:root[data-theme="light"] section.reviews-mikron-v2 h2{
  color:#172019 !important;
  text-shadow:none !important;
}
:root[data-theme="light"] section.reviews-mikron-v2 p{
  color:#566159 !important;
}
:root[data-theme="light"] section.reviews-mikron-v2 .review-card,
:root[data-theme="light"] section.reviews-mikron-v2 .reviews-card,
:root[data-theme="light"] section.reviews-mikron-v2 .review-item,
:root[data-theme="light"] section.reviews-mikron-v2 .testimonial,
:root[data-theme="light"] section.reviews-mikron-v2 .reviews-summary,
:root[data-theme="light"] section.reviews-mikron-v2 .review-summary{
  background:linear-gradient(145deg,#ffffff,#f1f6ee) !important;
  border-color:rgba(91,140,48,.17) !important;
  box-shadow:0 14px 30px rgba(66,91,60,.08) !important;
}

@media(max-width:680px){
  section.reviews-mikron-v2{
    padding:60px 0 68px !important;
  }
  section.reviews-mikron-v2 h2{
    font-size:40px !important;
  }
}

@media(prefers-reduced-motion:reduce){
  section.reviews-mikron-v2::before,
  section.reviews-mikron-v2 h2::after,
  section.reviews-mikron-v2 .review-card,
  section.reviews-mikron-v2 .reviews-card,
  section.reviews-mikron-v2 .review-item,
  section.reviews-mikron-v2 .testimonial,
  section.reviews-mikron-v2 .review-card::before,
  section.reviews-mikron-v2 .reviews-card::before,
  section.reviews-mikron-v2 .review-item::before,
  section.reviews-mikron-v2 .testimonial::before{
    animation:none !important;
  }
  section.reviews-mikron-v2 .review-card,
  section.reviews-mikron-v2 .reviews-card,
  section.reviews-mikron-v2 .review-item,
  section.reviews-mikron-v2 .testimonial{
    opacity:1 !important;
    transform:none !important;
  }
}

/* Reviews refinement: heading matches the block above + more readable detailed reviews */
section.reviews-mikron-v2 h2{
  max-width:920px !important;
  font-size:clamp(44px,4.4vw,66px) !important;
  line-height:1.01 !important;
  letter-spacing:-.047em !important;
  font-weight:900 !important;
  text-wrap:balance;
}
section.reviews-mikron-v2 .review-card p,
section.reviews-mikron-v2 .reviews-card p,
section.reviews-mikron-v2 .review-item p,
section.reviews-mikron-v2 .testimonial p{
  line-height:1.62 !important;
  font-size:15px !important;
}
@media(max-width:680px){
  section.reviews-mikron-v2 h2{
    font-size:40px !important;
    line-height:1.03 !important;
  }
}

/* === CONTACT NEON V3 — 2026-08-24 === */
.contact-neon-v3{position:relative;overflow:hidden;background:#03140e!important;border-top:1px solid rgba(177,255,38,.12)!important;padding:92px 0 105px!important;isolation:isolate}
.contact-neon-v3:before{content:"";position:absolute;inset:-10%;z-index:-2;background:radial-gradient(700px 520px at 7% 20%,rgba(129,205,25,.18),transparent 68%),radial-gradient(780px 600px at 82% 30%,rgba(154,255,23,.12),transparent 68%),linear-gradient(120deg,#02110c 0%,#062016 48%,#03150f 100%)}
.contact-neon-v3:after{content:"";position:absolute;inset:-25%;z-index:-1;opacity:.65;background:repeating-radial-gradient(circle at 73% 38%,transparent 0 112px,rgba(168,255,28,.16) 113px 114px,transparent 115px 178px);animation:contactOrbit 18s linear infinite}
@keyframes contactOrbit{to{transform:rotate(360deg)}}
.contact-neon-v3 .wrap{position:relative}.contact-neon-v3 .wrap:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#aaff19;right:9%;top:2%;box-shadow:0 0 18px #aaff19,220px 230px 0 -1px rgba(170,255,25,.75),-120px 440px 0 -2px rgba(170,255,25,.6);animation:contactPulse 2.4s ease-in-out infinite}
@keyframes contactPulse{50%{opacity:.35;filter:brightness(1.8)}}
.contact-neon-v3 .section-head{max-width:720px;margin-bottom:38px}.contact-neon-v3 .section-head .eyebrow{color:#b5ff24!important;letter-spacing:.14em}.contact-neon-v3 .section-head h2{font-size:clamp(46px,5vw,76px)!important;line-height:.98!important;letter-spacing:-.055em!important;font-weight:900!important;color:#f4f7f2!important;max-width:760px;text-shadow:0 3px 12px rgba(0,0,0,.35)}
.contact-neon-v3 .section-head h2 span{color:#aaff19}.contact-neon-v3 .section-head h2:after{content:"";display:block;width:80px;height:4px;margin-top:20px;border-radius:9px;background:#aaff19;box-shadow:0 0 18px rgba(170,255,25,.55)}
.contact-neon-v3 .section-head .desc{font-size:20px!important;line-height:1.55!important;color:#e0e8df!important;max-width:660px}.contact-neon-v3 .section-head .desc b{color:#aaff19;font-weight:700}
.contact-neon-v3 .contact-grid{display:grid!important;grid-template-columns:1.02fr .98fr!important;gap:34px!important;align-items:stretch!important}
.contact-neon-v3 .loc-panel,.contact-neon-v3 .form-panel{position:relative;background:linear-gradient(145deg,rgba(5,28,19,.94),rgba(3,20,14,.92))!important;border:1px solid rgba(166,255,27,.45)!important;border-radius:26px!important;box-shadow:0 24px 70px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.035),0 0 30px rgba(154,255,20,.05)!important;overflow:hidden}
.contact-neon-v3 .loc-panel{padding:18px!important}.contact-neon-v3 .form-panel{padding:30px!important}
.contact-neon-v3 .loc-panel:before,.contact-neon-v3 .form-panel:before{content:"";position:absolute;left:8%;right:8%;top:0;height:1px;background:linear-gradient(90deg,transparent,#b4ff23,transparent);opacity:.9;box-shadow:0 0 14px #9cff18}
.contact-neon-v3 .loc-map{height:370px!important;border-radius:20px!important;overflow:hidden;border:1px solid rgba(168,255,28,.48)!important;box-shadow:0 0 28px rgba(157,255,19,.13)!important;filter:saturate(.82) contrast(1.05)}
.contact-neon-v3 .map-open-link{display:inline-flex!important;margin:16px 4px 8px!important;color:#b5ff25!important;font-weight:700!important}.contact-neon-v3 .loc-item{border-top:1px solid rgba(169,255,30,.12)!important;padding:17px 4px!important}.contact-neon-v3 .loc-item .icon{background:rgba(153,230,31,.12)!important;border:1px solid rgba(173,255,34,.18)!important;color:#b3ff24!important;box-shadow:inset 0 0 18px rgba(163,255,28,.08)}.contact-neon-v3 .loc-item h4{color:#b3ff24!important}.contact-neon-v3 .loc-item p,.contact-neon-v3 .loc-item a{color:#eef3ec!important}
.contact-neon-v3 .social-pill{border-color:rgba(172,255,33,.28)!important;background:rgba(4,25,17,.82)!important}.contact-neon-v3 .social-pill:hover{border-color:#aaff19!important;color:#b5ff24!important;transform:translateY(-2px);box-shadow:0 0 18px rgba(170,255,25,.13)}
.contact-neon-v3 .field{margin-bottom:18px!important}.contact-neon-v3 .field label{color:#dbe4d9!important;font-weight:700!important}.contact-neon-v3 .field input,.contact-neon-v3 .field select,.contact-neon-v3 .field textarea{background:rgba(1,15,10,.74)!important;border:1px solid rgba(172,255,32,.25)!important;border-radius:14px!important;color:#f4f7f3!important;min-height:58px!important;transition:.25s ease!important}.contact-neon-v3 .field textarea{min-height:118px!important}.contact-neon-v3 .field input:focus,.contact-neon-v3 .field select:focus,.contact-neon-v3 .field textarea:focus{border-color:#aaff19!important;box-shadow:0 0 0 3px rgba(170,255,25,.08),0 0 22px rgba(170,255,25,.09)!important;transform:translateY(-1px)}
.contact-neon-v3 .form-panel>.btn-primary{width:100%!important;min-height:62px!important;background:linear-gradient(100deg,#92e915,#c6ff27)!important;color:#071007!important;font-size:18px!important;font-weight:900!important;border:0!important;border-radius:14px!important;box-shadow:0 0 26px rgba(170,255,25,.23)!important;transition:.28s ease!important}.contact-neon-v3 .form-panel>.btn-primary:hover{transform:translateY(-3px) scale(1.008)!important;box-shadow:0 0 42px rgba(170,255,25,.38)!important;filter:brightness(1.08)}
.contact-neon-v3 .pd-consent{color:#9faa9f!important}.contact-neon-v3 .pd-consent a{color:#aaff19!important}
@media(max-width:900px){.contact-neon-v3{padding:68px 0!important}.contact-neon-v3 .contact-grid{grid-template-columns:1fr!important}.contact-neon-v3 .section-head h2{font-size:clamp(42px,11vw,62px)!important}.contact-neon-v3 .loc-map{height:320px!important}}
@media(max-width:560px){.contact-neon-v3 .form-panel{padding:20px!important}.contact-neon-v3 .loc-panel{padding:12px!important}.contact-neon-v3 .loc-map{height:280px!important}.contact-neon-v3 .section-head .desc{font-size:17px!important}}
@media(prefers-reduced-motion:reduce){.contact-neon-v3:after,.contact-neon-v3 .wrap:after{animation:none!important}}


/* === CONTACT REFERENCE EXACT LAYOUT — visual match to approved mockup === */
#contact.contact-neon-v3{
  position:relative!important;overflow:hidden!important;isolation:isolate!important;
  padding:86px 0 96px!important;
  background:
    radial-gradient(920px 720px at 82% 18%,rgba(147,229,28,.13),transparent 66%),
    radial-gradient(760px 620px at 4% 88%,rgba(112,191,29,.10),transparent 70%),
    linear-gradient(118deg,#02110c 0%,#031810 47%,#061d12 100%)!important;
}
#contact.contact-neon-v3:before{
  content:""!important;position:absolute!important;inset:-24%!important;z-index:-2!important;
  background:
    repeating-radial-gradient(circle at 69% 34%,transparent 0 104px,rgba(174,255,35,.16) 105px 106px,transparent 107px 167px),
    repeating-radial-gradient(circle at 8% 100%,transparent 0 96px,rgba(174,255,35,.08) 97px 98px,transparent 99px 155px)!important;
  animation:contactRefOrbit 24s linear infinite!important;opacity:.82!important;
}
#contact.contact-neon-v3:after{
  content:""!important;position:absolute!important;inset:0!important;z-index:-1!important;pointer-events:none!important;
  background:
    radial-gradient(circle at 54% 14%,#b6ff22 0 3px,transparent 4px),
    radial-gradient(circle at 75% 9%,#aaff19 0 4px,transparent 5px),
    radial-gradient(circle at 92% 27%,#aaff19 0 3px,transparent 4px),
    radial-gradient(circle at 72% 86%,#aaff19 0 3px,transparent 4px),
    radial-gradient(circle at 9% 95%,#aaff19 0 3px,transparent 4px);
  filter:drop-shadow(0 0 8px rgba(170,255,25,.85));
  animation:contactRefNodes 3.4s ease-in-out infinite!important;
}
@keyframes contactRefOrbit{to{transform:rotate(360deg)}}
@keyframes contactRefNodes{50%{opacity:.42;filter:drop-shadow(0 0 18px rgba(170,255,25,1))}}

#contact .wrap{max-width:1460px!important;position:relative!important;z-index:2!important}
#contact .contact-ref-layout{display:grid!important;grid-template-columns:minmax(0,1.04fr) minmax(480px,.96fr)!important;gap:58px!important;align-items:start!important}
#contact .contact-ref-left{min-width:0!important}
#contact .contact-ref-head{max-width:650px!important;margin:0 0 30px!important;text-align:left!important}
#contact .contact-ref-head .eyebrow{display:flex!important;align-items:center!important;gap:10px!important;color:#b4ff22!important;font:900 14px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace!important;letter-spacing:.11em!important;margin-bottom:22px!important}
#contact .contact-ref-head .eyebrow:before{content:"";width:9px;height:9px;border-radius:50%;background:#aaff19;box-shadow:0 0 0 5px rgba(170,255,25,.08),0 0 18px rgba(170,255,25,.65);animation:contactDot 2.2s ease-in-out infinite}
@keyframes contactDot{50%{transform:scale(1.25);box-shadow:0 0 0 7px rgba(170,255,25,.05),0 0 26px rgba(170,255,25,.9)}}
#contact .contact-ref-head h2{font-size:clamp(52px,4.9vw,78px)!important;line-height:.98!important;letter-spacing:-.055em!important;font-weight:950!important;color:#f7faf5!important;text-shadow:0 4px 14px rgba(0,0,0,.38)!important;margin:0!important;max-width:680px!important}
#contact .contact-ref-head h2 span{display:block!important;color:#aaff19!important;text-shadow:0 0 24px rgba(170,255,25,.16)!important}
#contact .contact-ref-head h2:after{content:"";display:block;width:72px;height:4px;border-radius:999px;background:#aaff19;margin-top:18px;box-shadow:0 0 18px rgba(170,255,25,.55);animation:contactLine 2.8s ease-in-out infinite}
@keyframes contactLine{50%{width:118px;filter:brightness(1.25)}}
#contact .contact-ref-head .desc{max-width:620px!important;margin:18px 0 0!important;color:#e7eee5!important;font-size:19px!important;line-height:1.62!important}
#contact .contact-ref-head .desc b{color:#aaff19!important;font-weight:850!important;text-shadow:0 0 12px rgba(170,255,25,.12)!important}

#contact .contact-ref-location{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
#contact .contact-ref-location:before{display:none!important}
#contact .loc-map{position:relative!important;height:350px!important;border-radius:23px!important;overflow:hidden!important;border:1px solid rgba(170,255,25,.54)!important;box-shadow:0 0 0 1px rgba(170,255,25,.06),0 18px 48px rgba(0,0,0,.32),0 0 34px rgba(170,255,25,.12)!important;background:#06150d!important}
#contact .loc-map iframe{width:100%!important;height:100%!important;filter:grayscale(.72) sepia(.25) hue-rotate(55deg) saturate(.9) brightness(.42) contrast(1.38)!important;transform:scale(1.01)!important}
#contact .loc-map:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(145deg,rgba(1,18,11,.22),rgba(75,132,20,.10));mix-blend-mode:multiply}
#contact .map-open-link{position:absolute!important;z-index:4!important;left:18px!important;margin-top:-62px!important;padding:12px 18px!important;border-radius:13px!important;background:rgba(2,21,13,.90)!important;border:1px solid rgba(170,255,25,.34)!important;color:#f4f8f1!important;box-shadow:0 8px 24px rgba(0,0,0,.24),0 0 18px rgba(170,255,25,.08)!important}
#contact .map-open-link:before{content:"●";color:#aaff19;margin-right:10px;text-shadow:0 0 12px #aaff19}
#contact .loc-item{display:none!important}
#contact .contact-ref-location .loc-item:first-of-type{display:flex!important;margin-top:20px!important;padding:22px 22px!important;border:1px solid rgba(170,255,25,.24)!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(12,38,23,.93),rgba(4,24,15,.92))!important;box-shadow:0 14px 34px rgba(0,0,0,.18)!important}
#contact .contact-ref-location .loc-item:first-of-type .icon{width:54px!important;height:54px!important;border-radius:15px!important;background:rgba(136,213,24,.12)!important;border:1px solid rgba(170,255,25,.18)!important;color:#aaff19!important;box-shadow:inset 0 0 18px rgba(170,255,25,.06)!important}
#contact .contact-ref-location .loc-item:first-of-type h4{color:#aaff19!important;margin-bottom:4px!important}
#contact .contact-ref-location .loc-item:first-of-type p{color:#f2f6ef!important;line-height:1.5!important}
#contact .socials{display:none!important}

#contact .contact-ref-form{position:relative!important;margin-top:0!important;padding:32px 34px 30px!important;border-radius:24px!important;border:1px solid rgba(170,255,25,.48)!important;background:linear-gradient(150deg,rgba(3,25,15,.96),rgba(2,17,11,.95))!important;box-shadow:0 26px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.025),0 0 34px rgba(170,255,25,.07)!important;overflow:hidden!important}
#contact .contact-ref-form:before{content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;background:radial-gradient(420px 220px at 100% 0%,rgba(170,255,25,.055),transparent 70%)!important}
#contact .contact-ref-form:after{content:"";position:absolute;left:10%;right:10%;top:0;height:1px;background:linear-gradient(90deg,transparent,#b7ff27,transparent);box-shadow:0 0 14px #aaff19;opacity:.9}
#contact .contact-form-kicker{position:relative;z-index:2;display:flex;align-items:center;gap:9px;color:#b4ff22;font:900 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;margin-bottom:20px}
#contact .contact-form-kicker i{width:7px;height:7px;border-radius:50%;background:#aaff19;box-shadow:0 0 14px #aaff19;animation:contactDot 2.2s ease-in-out infinite}
#contact .field{position:relative!important;z-index:2!important;margin-bottom:17px!important}
#contact .field label{display:block!important;color:#dbe4d8!important;font-weight:750!important;font-size:14px!important;margin-bottom:8px!important}
#contact .field input,#contact .field select,#contact .field textarea{width:100%!important;background:rgba(1,14,9,.78)!important;border:1px solid rgba(170,255,25,.26)!important;border-radius:13px!important;color:#f5f8f3!important;min-height:56px!important;padding:0 18px!important;font-size:16px!important;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease!important}
#contact .field textarea{padding-top:15px!important;min-height:110px!important;resize:vertical!important}
#contact .field input:focus,#contact .field select:focus,#contact .field textarea:focus{outline:none!important;border-color:#aaff19!important;box-shadow:0 0 0 3px rgba(170,255,25,.07),0 0 22px rgba(170,255,25,.09)!important;transform:translateY(-1px)!important}
#contact .contact-ref-form>.btn-primary{position:relative!important;z-index:2!important;width:100%!important;min-height:60px!important;border-radius:13px!important;border:0!important;background:linear-gradient(100deg,#96eb18,#c5ff2b)!important;color:#071006!important;font-size:17px!important;font-weight:950!important;box-shadow:0 0 28px rgba(170,255,25,.25)!important;overflow:hidden!important}
#contact .contact-ref-form>.btn-primary:after{content:"↗";margin-left:12px;font-size:20px}
#contact .contact-ref-form>.btn-primary:hover{transform:translateY(-3px) scale(1.006)!important;filter:brightness(1.08)!important;box-shadow:0 0 44px rgba(170,255,25,.42)!important}
#contact .pd-consent{position:relative!important;z-index:2!important;color:#9eab9c!important;margin-top:14px!important}.contact-neon-v3 .pd-consent a{color:#aaff19!important}

@media(max-width:980px){
 #contact .contact-ref-layout{grid-template-columns:1fr!important;gap:32px!important}
 #contact .contact-ref-form{max-width:760px!important;width:100%!important}
 #contact .contact-ref-head h2{font-size:clamp(46px,9vw,68px)!important}
}
@media(max-width:620px){
 #contact.contact-neon-v3{padding:62px 0 70px!important}
 #contact .contact-ref-head h2{font-size:42px!important}
 #contact .contact-ref-head .desc{font-size:17px!important}
 #contact .loc-map{height:285px!important}
 #contact .contact-ref-form{padding:22px 18px!important;border-radius:19px!important}
 #contact .contact-ref-location .loc-item:first-of-type{padding:18px!important}
}
@media(prefers-reduced-motion:reduce){#contact.contact-neon-v3:before,#contact.contact-neon-v3:after,#contact .contact-ref-head .eyebrow:before,#contact .contact-ref-head h2:after,#contact .contact-form-kicker i{animation:none!important}}

/* CONTACT MAP FIX — normal Yandex map + correctly placed external-link button */
#contact .loc-map{
  position:relative!important;
  height:350px!important;
  border-radius:23px!important;
  overflow:hidden!important;
  border:1px solid rgba(170,255,25,.42)!important;
  background:#e9eee9!important;
  box-shadow:0 18px 48px rgba(0,0,0,.24),0 0 24px rgba(170,255,25,.07)!important;
}
#contact .loc-map iframe{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
  display:block!important;
  filter:none!important;
  transform:none!important;
  opacity:1!important;
}
#contact .loc-map:after{display:none!important;content:none!important}
#contact .loc-map .map-open-link{
  position:absolute!important;
  z-index:8!important;
  left:16px!important;
  bottom:16px!important;
  top:auto!important;
  right:auto!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  width:auto!important;
  padding:11px 15px!important;
  border-radius:13px!important;
  color:#f7faf5!important;
  background:rgba(5,22,14,.92)!important;
  border:1px solid rgba(170,255,25,.42)!important;
  backdrop-filter:blur(12px)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.28),0 0 18px rgba(170,255,25,.10)!important;
  text-decoration:none!important;
  font-weight:800!important;
  line-height:1!important;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
#contact .loc-map .map-open-link:before{
  content:""!important;
  width:9px!important;
  height:9px!important;
  border-radius:50%!important;
  background:#aaff19!important;
  box-shadow:0 0 13px rgba(170,255,25,.9)!important;
  margin:0!important;
}
#contact .loc-map .map-open-link:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(170,255,25,.72)!important;
  box-shadow:0 13px 32px rgba(0,0,0,.30),0 0 25px rgba(170,255,25,.17)!important;
}
@media(max-width:560px){
  #contact .loc-map{height:285px!important}
  #contact .loc-map .map-open-link{left:12px!important;bottom:12px!important;padding:10px 13px!important;font-size:13px!important}
}


/* =========================================================
   CONTACT — SOFT LIME BACKGROUND + RESTORED CONTACT INFO
   ========================================================= */

#contact{
  background:
    radial-gradient(820px 560px at 86% 12%, rgba(185,255,72,.14), transparent 70%),
    radial-gradient(720px 520px at 8% 88%, rgba(173,255,60,.10), transparent 72%),
    linear-gradient(135deg,#071a12 0%,#07170f 52%,#091b12 100%) !important;
}

/* Softer lime circles / glow, less muddy green */
#contact::before{
  border-color:rgba(190,255,76,.16) !important;
  box-shadow:
    0 0 0 82px rgba(190,255,76,.008),
    0 0 0 164px rgba(190,255,76,.004),
    0 0 46px rgba(190,255,76,.035) !important;
  opacity:.78 !important;
}
#contact::after{
  border-color:rgba(190,255,76,.11) !important;
  opacity:.52 !important;
}

/* Make acid-lime accents cleaner and softer */
#contact .contact-accent,
#contact .about-key,
#contact .desc strong,
#contact .section-head strong,
#contact h2 span,
#contact .eyebrow{
  color:#bfff3f !important;
  text-shadow:0 0 14px rgba(191,255,63,.10) !important;
}

/* Restored information block under the map */
#contact .contact-restored-info{
  display:grid;
  gap:12px;
  margin-top:18px;
}

#contact .contact-info-item{
  display:flex;
  align-items:flex-start;
  gap:14px;
  padding:16px 18px;
  border-radius:16px;
  border:1px solid rgba(191,255,63,.16);
  background:
    radial-gradient(220px 120px at 0% 0%,rgba(191,255,63,.055),transparent 70%),
    rgba(14,34,23,.72);
  box-shadow:0 10px 24px rgba(0,0,0,.10);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}

#contact .contact-info-item:hover{
  transform:translateX(4px);
  border-color:rgba(191,255,63,.34);
  box-shadow:0 14px 28px rgba(0,0,0,.14),0 0 20px rgba(191,255,63,.035);
}

#contact .contact-info-icon{
  flex:0 0 42px;
  width:42px;
  height:42px;
  border-radius:12px;
  display:grid;
  place-items:center;
  color:#bfff3f;
  background:linear-gradient(145deg,rgba(96,139,45,.34),rgba(44,77,30,.36));
  border:1px solid rgba(191,255,63,.18);
  box-shadow:0 0 16px rgba(191,255,63,.04);
  font-size:18px;
}

#contact .contact-info-item h4{
  margin:0 0 5px;
  color:#f7faf6;
  font-size:15px;
  font-weight:850;
}

#contact .contact-info-item p{
  margin:0;
  color:rgba(239,244,240,.78) !important;
  font-size:14px;
  line-height:1.55;
}

#contact .contact-phone{
  color:#bfff3f;
  font-weight:850;
  text-decoration:none;
}

#contact .contact-phone:hover{
  text-shadow:0 0 16px rgba(191,255,63,.26);
}

/* Telegram / WhatsApp pills */
#contact .contact-socials-restored{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:2px;
}

#contact .contact-socials-restored a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 18px;
  border-radius:999px;
  color:#f4f8f3;
  font-weight:800;
  text-decoration:none;
  border:1px solid rgba(191,255,63,.20);
  background:rgba(15,38,25,.78);
  box-shadow:0 8px 18px rgba(0,0,0,.10);
  transition:transform .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease;
}

#contact .contact-socials-restored a:hover{
  transform:translateY(-2px);
  color:#bfff3f;
  border-color:rgba(191,255,63,.42);
  box-shadow:0 12px 24px rgba(0,0,0,.14),0 0 20px rgba(191,255,63,.05);
}

/* Keep the map itself natural/clear */
#contact .loc-map iframe{
  filter:none !important;
  opacity:1 !important;
}

/* Light theme */
:root[data-theme="light"] #contact{
  background:
    radial-gradient(820px 560px at 86% 12%,rgba(174,225,91,.12),transparent 70%),
    linear-gradient(135deg,#eef5eb,#e9f1e6 52%,#eef5eb) !important;
}
:root[data-theme="light"] #contact .contact-info-item{
  background:linear-gradient(145deg,#ffffff,#f2f7ef);
  border-color:rgba(102,151,56,.16);
}
:root[data-theme="light"] #contact .contact-info-item h4{
  color:#172019;
}
:root[data-theme="light"] #contact .contact-info-item p{
  color:#59635c !important;
}
:root[data-theme="light"] #contact .contact-socials-restored a{
  color:#1a231c;
  background:#ffffff;
  border-color:rgba(102,151,56,.18);
}

@media(max-width:720px){
  #contact .contact-socials-restored{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  #contact .contact-socials-restored a{
    width:100%;
  }
}


/* =========================================================
   CONTACT FINAL — REFERENCE LAYOUT + MORE HOMEPAGE ANIMATION
   ========================================================= */
#contact.contact-ref-final{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:88px 0 96px !important;
  background:
    radial-gradient(900px 620px at 86% 8%,rgba(198,255,78,.13),transparent 68%),
    radial-gradient(720px 560px at 4% 92%,rgba(184,255,60,.09),transparent 74%),
    linear-gradient(135deg,#061a11 0%,#06170f 52%,#081c12 100%) !important;
  border-top:1px solid rgba(191,255,63,.08);
  border-bottom:1px solid rgba(191,255,63,.08);
}
#contact.contact-ref-final .wrap{
  position:relative;
  z-index:3;
}
#contact.contact-ref-final .contact-ref-layout{
  display:grid;
  grid-template-columns:minmax(0,1.06fr) minmax(520px,.94fr);
  gap:44px;
  align-items:start;
}
#contact.contact-ref-final .contact-ref-left,
#contact.contact-ref-final .contact-ref-right{
  min-width:0;
}

/* orbit background */
#contact.contact-ref-final .contact-orbit-bg{
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:1;
}
#contact.contact-ref-final .contact-orbit{
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(191,255,63,.16);
  box-shadow:0 0 26px rgba(191,255,63,.025);
}
#contact.contact-ref-final .orbit-1{
  width:980px;height:980px;
  right:-420px;top:-410px;
  animation:contactOrbitSpin 32s linear infinite;
}
#contact.contact-ref-final .orbit-2{
  width:760px;height:760px;
  right:-250px;top:-170px;
  border-color:rgba(191,255,63,.12);
  animation:contactOrbitSpinReverse 24s linear infinite;
}
#contact.contact-ref-final .orbit-3{
  width:640px;height:640px;
  left:-390px;bottom:-420px;
  border-color:rgba(191,255,63,.10);
  animation:contactOrbitBreathe 5.2s ease-in-out infinite;
}
@keyframes contactOrbitSpin{to{transform:rotate(360deg)}}
@keyframes contactOrbitSpinReverse{to{transform:rotate(-360deg)}}
@keyframes contactOrbitBreathe{
  0%,100%{transform:scale(.98);opacity:.45}
  50%{transform:scale(1.035);opacity:.86}
}

/* glowing particles */
#contact.contact-ref-final .contact-particle{
  position:absolute;
  width:7px;height:7px;
  border-radius:50%;
  background:#bfff3f;
  box-shadow:0 0 18px rgba(191,255,63,.85);
  animation:contactParticle 2.4s ease-in-out infinite;
}
#contact.contact-ref-final .cp1{left:6%;top:13%}
#contact.contact-ref-final .cp2{left:47%;top:18%;animation-delay:.4s}
#contact.contact-ref-final .cp3{right:11%;top:11%;animation-delay:.8s}
#contact.contact-ref-final .cp4{right:4%;bottom:31%;animation-delay:1.2s}
#contact.contact-ref-final .cp5{left:14%;bottom:7%;animation-delay:1.6s}
#contact.contact-ref-final .cp6{right:26%;bottom:5%;animation-delay:2s}
@keyframes contactParticle{
  0%,100%{opacity:.24;transform:scale(.72)}
  50%{opacity:1;transform:scale(1.35)}
}

/* heading */
#contact.contact-ref-final .contact-ref-eyebrow{
  color:#bfff3f !important;
  font-weight:900;
  letter-spacing:.11em;
  margin-bottom:18px;
}
#contact.contact-ref-final .contact-ref-title{
  margin:0;
  color:#f7faf6 !important;
  font-size:clamp(50px,4.6vw,74px) !important;
  line-height:.99 !important;
  letter-spacing:-.048em !important;
  font-weight:950 !important;
  text-shadow:0 3px 8px rgba(0,0,0,.34);
}
#contact.contact-ref-final .contact-ref-title span{
  color:#bfff3f;
  text-shadow:0 0 18px rgba(191,255,63,.10);
}
#contact.contact-ref-final .contact-ref-line{
  width:74px;height:3px;
  margin:18px 0 22px;
  border-radius:999px;
  background:linear-gradient(90deg,#bfff3f,rgba(191,255,63,0));
  box-shadow:0 0 14px rgba(191,255,63,.18);
  animation:contactLine 2.7s ease-in-out infinite;
}
@keyframes contactLine{
  0%,100%{width:74px;opacity:.72}
  50%{width:120px;opacity:1}
}
#contact.contact-ref-final .contact-ref-desc{
  margin:0 0 28px;
  color:rgba(241,246,242,.86) !important;
  font-size:17px;
  line-height:1.65 !important;
}
#contact.contact-ref-final .contact-ref-desc strong{
  color:#bfff3f;
  font-weight:900;
  text-shadow:0 0 14px rgba(191,255,63,.08);
}

/* map */
#contact.contact-ref-final .contact-ref-map{
  position:relative;
  border-radius:20px;
  overflow:hidden;
  border:1px solid rgba(191,255,63,.30);
  box-shadow:0 18px 42px rgba(0,0,0,.16),0 0 24px rgba(191,255,63,.035);
  background:#fff;
  transition:transform .26s ease,border-color .26s ease,box-shadow .26s ease;
}
#contact.contact-ref-final .contact-ref-map:hover{
  transform:translateY(-4px);
  border-color:rgba(191,255,63,.48);
  box-shadow:0 22px 46px rgba(0,0,0,.20),0 0 30px rgba(191,255,63,.055);
}
#contact.contact-ref-final .contact-ref-map iframe{
  display:block;
  width:100% !important;
  height:360px !important;
  border:0 !important;
  filter:none !important;
  opacity:1 !important;
}
#contact.contact-ref-final .contact-ref-map .map-open-link{
  position:absolute !important;
  left:16px !important;
  bottom:16px !important;
  top:auto !important;
  right:auto !important;
  z-index:3;
  display:inline-flex !important;
  align-items:center;
  gap:8px;
  min-height:44px;
  padding:0 16px;
  border-radius:12px;
  color:#111 !important;
  font-weight:850;
  text-decoration:none;
  background:rgba(255,255,255,.95) !important;
  border:1px solid rgba(0,0,0,.10) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.14);
  backdrop-filter:blur(8px);
  transition:transform .2s ease,box-shadow .2s ease;
}
#contact.contact-ref-final .contact-ref-map .map-open-link:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 30px rgba(0,0,0,.18);
}

/* information row below map */
#contact.contact-ref-final .contact-ref-info{
  display:grid;
  grid-template-columns:1.35fr .85fr .9fr;
  gap:12px;
  margin-top:14px;
}
#contact.contact-ref-final .contact-ref-info-item{
  display:flex;
  gap:12px;
  align-items:flex-start;
  min-height:112px;
  padding:16px;
  border-radius:16px;
  border:1px solid rgba(191,255,63,.18);
  background:
    radial-gradient(220px 140px at 0% 0%,rgba(191,255,63,.065),transparent 68%),
    linear-gradient(145deg,rgba(17,42,27,.90),rgba(9,27,18,.94));
  box-shadow:0 12px 26px rgba(0,0,0,.12);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
  animation:contactInfoBreathe 5.2s ease-in-out infinite;
}
#contact.contact-ref-final .contact-ref-info-item:nth-child(2){animation-delay:.8s}
#contact.contact-ref-final .contact-ref-info-item:nth-child(3){animation-delay:1.6s}
@keyframes contactInfoBreathe{
  0%,100%{box-shadow:0 12px 26px rgba(0,0,0,.12)}
  50%{box-shadow:0 16px 30px rgba(0,0,0,.15),0 0 18px rgba(191,255,63,.04)}
}
#contact.contact-ref-final .contact-ref-info-item:hover{
  transform:translateY(-4px);
  border-color:rgba(191,255,63,.38);
}
#contact.contact-ref-final .contact-ref-info-icon{
  flex:0 0 40px;
  width:40px;height:40px;
  border-radius:12px;
  display:grid;
  place-items:center;
  color:#bfff3f;
  border:1px solid rgba(191,255,63,.20);
  background:rgba(45,79,31,.38);
  box-shadow:0 0 16px rgba(191,255,63,.04);
}
#contact.contact-ref-final .contact-ref-info-item h4{
  margin:0 0 5px;
  color:#bfff3f;
  font-size:14px;
  font-weight:900;
}
#contact.contact-ref-final .contact-ref-info-item p,
#contact.contact-ref-final .contact-ref-info-item a{
  margin:0;
  color:rgba(241,246,242,.82);
  font-size:13.5px;
  line-height:1.5;
  text-decoration:none;
}
#contact.contact-ref-final .contact-ref-info-item a{
  color:#bfff3f;
  font-weight:850;
}

/* social */
#contact.contact-ref-final .contact-ref-socials{
  display:flex;
  gap:10px;
  justify-content:flex-end;
  margin-top:10px;
}
#contact.contact-ref-final .contact-ref-socials a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 16px;
  border-radius:12px;
  text-decoration:none;
  font-weight:850;
  color:#f5f8f4;
  border:1px solid rgba(191,255,63,.18);
  background:rgba(12,33,21,.82);
  box-shadow:0 8px 18px rgba(0,0,0,.10);
  transition:transform .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease;
}
#contact.contact-ref-final .contact-ref-socials a:hover{
  transform:translateY(-2px);
  color:#bfff3f;
  border-color:rgba(191,255,63,.38);
  box-shadow:0 12px 24px rgba(0,0,0,.14),0 0 18px rgba(191,255,63,.04);
}

/* right form panel */
#contact.contact-ref-final .contact-ref-right .repair-form{
  position:relative;
  margin:0 !important;
  padding:28px !important;
  border-radius:22px !important;
  border:1px solid rgba(191,255,63,.30) !important;
  background:
    radial-gradient(520px 300px at 50% 0%,rgba(191,255,63,.065),transparent 66%),
    linear-gradient(145deg,rgba(12,34,22,.97),rgba(7,24,15,.98)) !important;
  box-shadow:0 24px 52px rgba(0,0,0,.22),0 0 32px rgba(191,255,63,.045) !important;
  overflow:hidden;
}
#contact.contact-ref-final .contact-ref-right .repair-form::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:22px;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 20%,rgba(191,255,63,.09) 48%,transparent 76%);
  transform:translateX(-115%);
  animation:contactFormSweep 7.5s ease-in-out infinite;
}
@keyframes contactFormSweep{
  0%,62%,100%{transform:translateX(-115%)}
  76%{transform:translateX(115%)}
}
#contact.contact-ref-final .contact-ref-right .field{
  position:relative;
  z-index:2;
}
#contact.contact-ref-final .contact-ref-right label{
  color:rgba(241,246,242,.82) !important;
  font-weight:750;
}
#contact.contact-ref-final .contact-ref-right input,
#contact.contact-ref-final .contact-ref-right select,
#contact.contact-ref-final .contact-ref-right textarea{
  border-color:rgba(191,255,63,.20) !important;
  background:rgba(8,25,16,.84) !important;
  color:#f5f8f4 !important;
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
#contact.contact-ref-final .contact-ref-right input:focus,
#contact.contact-ref-final .contact-ref-right select:focus,
#contact.contact-ref-final .contact-ref-right textarea:focus{
  border-color:rgba(191,255,63,.55) !important;
  box-shadow:0 0 0 3px rgba(191,255,63,.08),0 0 20px rgba(191,255,63,.045) !important;
  transform:translateY(-1px);
}
#contact.contact-ref-final .contact-ref-right button[type="submit"],
#contact.contact-ref-final .contact-ref-right .btn-primary{
  background:linear-gradient(90deg,#b7ff32,#caff56) !important;
  color:#0a130c !important;
  border:0 !important;
  box-shadow:0 0 28px rgba(191,255,63,.18),0 12px 28px rgba(0,0,0,.18) !important;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
#contact.contact-ref-final .contact-ref-right button[type="submit"]:hover,
#contact.contact-ref-final .contact-ref-right .btn-primary:hover{
  transform:translateY(-2px) scale(1.01);
  filter:brightness(1.04);
  box-shadow:0 0 38px rgba(191,255,63,.30),0 16px 30px rgba(0,0,0,.22) !important;
}

/* light theme */
:root[data-theme="light"] #contact.contact-ref-final{
  background:
    radial-gradient(900px 620px at 86% 8%,rgba(175,226,92,.12),transparent 68%),
    linear-gradient(135deg,#eef5eb,#e9f1e6 52%,#eef5eb) !important;
}
:root[data-theme="light"] #contact.contact-ref-final .contact-ref-title{
  color:#172019 !important;
  text-shadow:none !important;
}
:root[data-theme="light"] #contact.contact-ref-final .contact-ref-desc{
  color:#566159 !important;
}
:root[data-theme="light"] #contact.contact-ref-final .contact-ref-info-item,
:root[data-theme="light"] #contact.contact-ref-final .contact-ref-right .repair-form{
  background:linear-gradient(145deg,#ffffff,#f1f6ee) !important;
  border-color:rgba(102,151,56,.17) !important;
}
:root[data-theme="light"] #contact.contact-ref-final .contact-ref-info-item p,
:root[data-theme="light"] #contact.contact-ref-final .contact-ref-info-item a{
  color:#59635c;
}
:root[data-theme="light"] #contact.contact-ref-final .contact-ref-info-item h4{
  color:#5e932e;
}

/* responsive */
@media(max-width:1060px){
  #contact.contact-ref-final .contact-ref-layout{
    grid-template-columns:1fr;
  }
  #contact.contact-ref-final .contact-ref-right{
    order:2;
  }
}
@media(max-width:760px){
  #contact.contact-ref-final{
    padding:62px 0 72px !important;
  }
  #contact.contact-ref-final .contact-ref-title{
    font-size:42px !important;
  }
  #contact.contact-ref-final .contact-ref-info{
    grid-template-columns:1fr;
  }
  #contact.contact-ref-final .contact-ref-socials{
    justify-content:stretch;
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  #contact.contact-ref-final .contact-ref-map iframe{
    height:300px !important;
  }
}
@media(prefers-reduced-motion:reduce){
  #contact.contact-ref-final .contact-orbit,
  #contact.contact-ref-final .contact-particle,
  #contact.contact-ref-final .contact-ref-line,
  #contact.contact-ref-final .contact-ref-info-item,
  #contact.contact-ref-final .contact-ref-right .repair-form::before{
    animation:none !important;
  }
}


/* =========================================================
   CONTACT INFO — SYMMETRIC / CLEAN GRID REFINEMENT
   ========================================================= */

#contact.contact-ref-final .contact-ref-info{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
  margin-top:16px !important;
  align-items:stretch !important;
}

#contact.contact-ref-final .contact-ref-info-item{
  display:grid !important;
  grid-template-columns:48px minmax(0,1fr) !important;
  align-items:start !important;
  gap:14px !important;
  min-height:150px !important;
  padding:20px !important;
  border-radius:18px !important;
}

#contact.contact-ref-final .contact-ref-info-icon{
  width:48px !important;
  height:48px !important;
  flex:0 0 48px !important;
  border-radius:14px !important;
  font-size:19px !important;
}

#contact.contact-ref-final .contact-ref-info-item h4{
  margin:1px 0 8px !important;
  font-size:15px !important;
  line-height:1.2 !important;
}

#contact.contact-ref-final .contact-ref-info-item p,
#contact.contact-ref-final .contact-ref-info-item a{
  font-size:14px !important;
  line-height:1.52 !important;
}

#contact.contact-ref-final .contact-ref-info-item a[href^="tel:"]{
  display:inline-block !important;
  white-space:nowrap !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  font-size:16px !important;
  line-height:1.35 !important;
  font-weight:900 !important;
  letter-spacing:-.01em;
}

/* Social buttons: centered and perfectly matched */
#contact.contact-ref-final .contact-ref-socials,
#contact.contact-ref-final .contact-ref-socials-centered{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(150px,190px)) !important;
  justify-content:center !important;
  align-items:center !important;
  gap:12px !important;
  margin:14px auto 0 !important;
}

#contact.contact-ref-final .contact-ref-socials a{
  width:100% !important;
  min-height:48px !important;
  padding:0 20px !important;
  border-radius:14px !important;
  font-size:15px !important;
  text-align:center !important;
}

/* Small visual alignment accent across cards */
#contact.contact-ref-final .contact-ref-info-item{
  position:relative;
  overflow:hidden;
}
#contact.contact-ref-final .contact-ref-info-item::after{
  content:"";
  position:absolute;
  left:20px;
  right:20px;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(191,255,63,.22),transparent);
  opacity:.55;
}

/* Tablet */
@media(max-width:1120px) and (min-width:761px){
  #contact.contact-ref-final .contact-ref-info{
    grid-template-columns:1fr 1fr !important;
  }
  #contact.contact-ref-final .contact-ref-info-item:first-child{
    grid-column:1/-1;
    min-height:118px !important;
  }
}

/* Mobile */
@media(max-width:760px){
  #contact.contact-ref-final .contact-ref-info{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }
  #contact.contact-ref-final .contact-ref-info-item{
    min-height:auto !important;
    padding:16px !important;
    grid-template-columns:44px minmax(0,1fr) !important;
  }
  #contact.contact-ref-final .contact-ref-info-icon{
    width:44px !important;
    height:44px !important;
  }
  #contact.contact-ref-final .contact-ref-socials,
  #contact.contact-ref-final .contact-ref-socials-centered{
    grid-template-columns:1fr 1fr !important;
    width:100% !important;
    max-width:none !important;
  }
}

/* Very small screens */
@media(max-width:430px){
  #contact.contact-ref-final .contact-ref-socials,
  #contact.contact-ref-final .contact-ref-socials-centered{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================
   CONTACT — SOFTER FORM GLOW + BRAND SOCIAL BUTTONS
   ========================================================= */

/* Softer form frame, closer to earlier styling */
#contact.contact-ref-final .contact-ref-right .repair-form{
  border-color:rgba(191,255,63,.22) !important;
  box-shadow:
    0 20px 44px rgba(0,0,0,.20),
    0 0 24px rgba(191,255,63,.035) !important;
  background:
    radial-gradient(520px 300px at 50% 0%,rgba(191,255,63,.045),transparent 66%),
    linear-gradient(145deg,rgba(12,34,22,.97),rgba(7,24,15,.985)) !important;
}

#contact.contact-ref-final .contact-ref-right .repair-form::before{
  opacity:.42 !important;
  animation:contactFormSweepSoft 9s ease-in-out infinite !important;
}

@keyframes contactFormSweepSoft{
  0%,68%,100%{transform:translateX(-120%);opacity:0}
  77%{opacity:.28}
  86%{transform:translateX(120%);opacity:0}
}

/* Gentle perimeter breathing */
#contact.contact-ref-final .contact-ref-right .repair-form{
  animation:contactFormBreath 5.8s ease-in-out infinite;
}

@keyframes contactFormBreath{
  0%,100%{
    border-color:rgba(191,255,63,.20);
    box-shadow:0 20px 44px rgba(0,0,0,.20),0 0 20px rgba(191,255,63,.025);
  }
  50%{
    border-color:rgba(191,255,63,.30);
    box-shadow:0 22px 48px rgba(0,0,0,.22),0 0 30px rgba(191,255,63,.055);
  }
}

/* Horizontal contact data — balanced and stable */
#contact.contact-ref-final .contact-ref-info{
  grid-template-columns:1.35fr .95fr 1fr !important;
  align-items:stretch !important;
}

#contact.contact-ref-final .contact-ref-info-item{
  min-height:138px !important;
  display:grid !important;
  grid-template-columns:48px minmax(0,1fr) !important;
  align-items:start !important;
}

#contact.contact-ref-final .contact-ref-info-item a[href^="tel:"]{
  white-space:nowrap !important;
  font-size:15.5px !important;
}

/* Socials full-width row under cards */
#contact.contact-ref-final .contact-ref-socials,
#contact.contact-ref-final .contact-ref-socials-centered{
  width:100% !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:12px !important;
  margin-top:14px !important;
  justify-content:stretch !important;
}

/* Telegram */
#contact.contact-ref-final .contact-ref-socials a[href*="t.me"]{
  color:#56c8ff !important;
  border-color:rgba(41,169,235,.42) !important;
  background:
    radial-gradient(220px 100px at 20% 0%,rgba(41,169,235,.10),transparent 70%),
    linear-gradient(145deg,rgba(8,37,52,.92),rgba(7,27,38,.94)) !important;
  box-shadow:0 10px 22px rgba(0,0,0,.12),0 0 16px rgba(41,169,235,.035) !important;
}

#contact.contact-ref-final .contact-ref-socials a[href*="t.me"]:hover{
  color:#78d5ff !important;
  border-color:rgba(41,169,235,.66) !important;
  box-shadow:0 14px 28px rgba(0,0,0,.16),0 0 24px rgba(41,169,235,.10) !important;
}

/* WhatsApp */
#contact.contact-ref-final .contact-ref-socials a[href*="wa.me"]{
  color:#63e988 !important;
  border-color:rgba(37,211,102,.42) !important;
  background:
    radial-gradient(220px 100px at 20% 0%,rgba(37,211,102,.10),transparent 70%),
    linear-gradient(145deg,rgba(8,44,25,.92),rgba(7,30,19,.94)) !important;
  box-shadow:0 10px 22px rgba(0,0,0,.12),0 0 16px rgba(37,211,102,.035) !important;
}

#contact.contact-ref-final .contact-ref-socials a[href*="wa.me"]:hover{
  color:#80f09e !important;
  border-color:rgba(37,211,102,.66) !important;
  box-shadow:0 14px 28px rgba(0,0,0,.16),0 0 24px rgba(37,211,102,.10) !important;
}

/* Social icon treatment */
#contact.contact-ref-final .contact-ref-socials a{
  gap:10px !important;
  min-height:50px !important;
  font-size:15.5px !important;
}

#contact.contact-ref-final .social-icon{
  width:30px;
  height:30px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:17px;
  line-height:1;
  border:1px solid currentColor;
  opacity:.95;
  transition:transform .22s ease,box-shadow .22s ease;
}

#contact.contact-ref-final .contact-ref-socials a:hover .social-icon{
  transform:scale(1.08) rotate(-4deg);
}

#contact.contact-ref-final .telegram-icon{
  box-shadow:0 0 14px rgba(41,169,235,.10);
}

#contact.contact-ref-final .whatsapp-icon{
  box-shadow:0 0 14px rgba(37,211,102,.10);
}

/* A bit more animation around the contact area */
#contact.contact-ref-final .contact-particle{
  animation-duration:2.05s !important;
}

#contact.contact-ref-final .contact-ref-info-item{
  animation:contactInfoSoftFloat 5.4s ease-in-out infinite !important;
}
#contact.contact-ref-final .contact-ref-info-item:nth-child(2){animation-delay:.7s !important}
#contact.contact-ref-final .contact-ref-info-item:nth-child(3){animation-delay:1.4s !important}

@keyframes contactInfoSoftFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-3px)}
}

/* Slight pulse on submit button, but not harsh */
#contact.contact-ref-final .contact-ref-right button[type="submit"],
#contact.contact-ref-final .contact-ref-right .btn-primary{
  animation:contactSubmitPulse 3.8s ease-in-out infinite;
}

@keyframes contactSubmitPulse{
  0%,100%{
    box-shadow:0 0 22px rgba(191,255,63,.13),0 12px 28px rgba(0,0,0,.18);
  }
  50%{
    box-shadow:0 0 30px rgba(191,255,63,.22),0 14px 30px rgba(0,0,0,.20);
  }
}

/* Responsive */
@media(max-width:1120px) and (min-width:761px){
  #contact.contact-ref-final .contact-ref-info{
    grid-template-columns:1fr 1fr !important;
  }
  #contact.contact-ref-final .contact-ref-info-item:first-child{
    grid-column:1/-1;
  }
}
@media(max-width:760px){
  #contact.contact-ref-final .contact-ref-info{
    grid-template-columns:1fr !important;
  }
  #contact.contact-ref-final .contact-ref-socials,
  #contact.contact-ref-final .contact-ref-socials-centered{
    grid-template-columns:1fr 1fr !important;
  }
}
@media(max-width:430px){
  #contact.contact-ref-final .contact-ref-socials,
  #contact.contact-ref-final .contact-ref-socials-centered{
    grid-template-columns:1fr !important;
  }
}

@media(prefers-reduced-motion:reduce){
  #contact.contact-ref-final .contact-ref-right .repair-form,
  #contact.contact-ref-final .contact-ref-right .repair-form::before,
  #contact.contact-ref-final .contact-ref-info-item,
  #contact.contact-ref-final .contact-ref-right button[type="submit"],
  #contact.contact-ref-final .contact-ref-right .btn-primary{
    animation:none !important;
  }
}


/* CONTACT SPACING FIX — metro note and phone slightly lower */
#contact.contact-ref-final .contact-ref-info-item:first-child .contact-ref-info-text{
  display:flex !important;
  flex-direction:column !important;
}
#contact.contact-ref-final .contact-ref-info-item:first-child .contact-ref-info-text > *:last-child{
  margin-top:8px !important;
}

#contact.contact-ref-final .contact-ref-info-item:nth-child(3) .contact-ref-info-text{
  padding-top:7px !important;
}
#contact.contact-ref-final .contact-ref-info-item:nth-child(3) a[href^="tel:"]{
  display:inline-block !important;
  margin-top:7px !important;
}


/* === CONTACT INFO: stronger hierarchy + actually visible spacing === */
#contact.contact-ref-final .contact-ref-info-item{
  align-items:flex-start !important;
}

#contact.contact-ref-final .contact-ref-info-title,
#contact.contact-ref-final .contact-ref-info-item h3,
#contact.contact-ref-final .contact-ref-info-item h4{
  font-size:18px !important;
  line-height:1.15 !important;
  font-weight:800 !important;
  letter-spacing:-0.01em !important;
}

#contact.contact-ref-final .contact-ref-info-text,
#contact.contact-ref-final .contact-ref-info-text p,
#contact.contact-ref-final .contact-ref-info-item p{
  font-size:17px !important;
  line-height:1.55 !important;
  font-weight:500 !important;
}

/* Address: put the metro walking note on its own lower line when markup allows it */
#contact.contact-ref-final .contact-ref-info-item:first-child .contact-ref-info-text{
  line-height:1.55 !important;
}
#contact.contact-ref-final .contact-ref-info-item:first-child .contact-ref-info-text br{
  display:block !important;
  content:"" !important;
  margin-top:8px !important;
}

/* Phone: move number visibly lower */
#contact.contact-ref-final .contact-ref-info-item:nth-child(3) .contact-ref-info-text,
#contact.contact-ref-final .contact-ref-info-item:nth-child(3) p{
  padding-top:10px !important;
}
#contact.contact-ref-final .contact-ref-info-item:nth-child(3) a[href^="tel:"]{
  display:block !important;
  margin-top:9px !important;
  font-size:18px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
}

/* === APPLICATION FORM: larger / bolder labels === */
#contact.contact-ref-final .contact-ref-form label,
#contact.contact-ref-final .contact-ref-form .form-label,
#contact.contact-ref-final .contact-ref-form-field > label,
#contact.contact-ref-final form label{
  font-size:16px !important;
  line-height:1.25 !important;
  font-weight:700 !important;
  letter-spacing:0.01em !important;
  margin-bottom:9px !important;
}

#contact.contact-ref-final .contact-ref-form input,
#contact.contact-ref-final .contact-ref-form select,
#contact.contact-ref-final .contact-ref-form textarea,
#contact.contact-ref-final form input,
#contact.contact-ref-final form select,
#contact.contact-ref-final form textarea{
  font-size:17px !important;
  font-weight:500 !important;
}

@media (max-width: 700px){
  #contact.contact-ref-final .contact-ref-info-title,
  #contact.contact-ref-final .contact-ref-info-item h3,
  #contact.contact-ref-final .contact-ref-info-item h4{
    font-size:17px !important;
  }
  #contact.contact-ref-final .contact-ref-info-text,
  #contact.contact-ref-final .contact-ref-info-text p,
  #contact.contact-ref-final .contact-ref-info-item p{
    font-size:16px !important;
  }
  #contact.contact-ref-final .contact-ref-form label,
  #contact.contact-ref-final form label{
    font-size:15px !important;
  }
}


/* === CONTACT CARDS — compact and readable === */
#contact.contact-ref-final .contact-ref-info-grid{
  grid-template-columns: 1.45fr 1fr 1fr !important;
  gap:16px !important;
  align-items:stretch !important;
}

#contact.contact-ref-final .contact-ref-info-item{
  min-width:0 !important;
  padding:22px 22px !important;
  display:grid !important;
  grid-template-columns:56px minmax(0,1fr) !important;
  column-gap:16px !important;
  align-items:start !important;
  align-content:start !important;
  min-height:150px !important;
}

#contact.contact-ref-final .contact-ref-info-item > :not(.contact-ref-info-icon){
  min-width:0 !important;
}

#contact.contact-ref-final .contact-ref-info-icon{
  width:56px !important;
  height:56px !important;
  flex:0 0 56px !important;
  grid-row:1 / span 3 !important;
}

#contact.contact-ref-final .contact-ref-info-title,
#contact.contact-ref-final .contact-ref-info-item h3,
#contact.contact-ref-final .contact-ref-info-item h4{
  margin:2px 0 10px !important;
  font-size:18px !important;
  line-height:1.15 !important;
  font-weight:800 !important;
}

#contact.contact-ref-final .contact-ref-info-text,
#contact.contact-ref-final .contact-ref-info-text p,
#contact.contact-ref-final .contact-ref-info-item p{
  margin:0 !important;
  padding:0 !important;
  font-size:15.5px !important;
  line-height:1.48 !important;
  font-weight:500 !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  hyphens:none !important;
}

/* Phone must fit and stay on one line */
#contact.contact-ref-final .contact-ref-info-item:nth-child(3) a[href^="tel:"]{
  display:inline-block !important;
  margin:2px 0 0 !important;
  padding:0 !important;
  font-size:16.5px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
  white-space:nowrap !important;
}

/* Work hours: readable two-line rhythm, not one word per line */
#contact.contact-ref-final .contact-ref-info-item:nth-child(2) .contact-ref-info-text,
#contact.contact-ref-final .contact-ref-info-item:nth-child(2) p{
  max-width:180px !important;
}

/* Address gets enough width for natural wrapping */
#contact.contact-ref-final .contact-ref-info-item:first-child .contact-ref-info-text,
#contact.contact-ref-final .contact-ref-info-item:first-child p{
  max-width:320px !important;
}

@media (max-width: 1050px){
  #contact.contact-ref-final .contact-ref-info-grid{
    grid-template-columns:1fr 1fr !important;
  }
  #contact.contact-ref-final .contact-ref-info-item:first-child{
    grid-column:1 / -1 !important;
  }
}
@media (max-width: 680px){
  #contact.contact-ref-final .contact-ref-info-grid{
    grid-template-columns:1fr !important;
  }
  #contact.contact-ref-final .contact-ref-info-item:first-child{
    grid-column:auto !important;
  }
  #contact.contact-ref-final .contact-ref-info-item{
    min-height:0 !important;
  }
}

/* =========================================================
   CONTACT CARDS V2 — rebuilt markup, compact and readable
   ========================================================= */
#contact.contact-ref-final .contact-ref-info-v2{
  display:grid !important;
  grid-template-columns:1.35fr .95fr 1fr !important;
  gap:14px !important;
  margin-top:16px !important;
}

#contact.contact-ref-final .contact-card{
  min-width:0;
  min-height:148px;
  padding:18px 18px;
  border-radius:18px;
  border:1px solid rgba(191,255,63,.20);
  background:
    radial-gradient(220px 130px at 0% 0%,rgba(191,255,63,.06),transparent 68%),
    linear-gradient(145deg,rgba(17,42,27,.92),rgba(9,27,18,.95));
  box-shadow:0 12px 26px rgba(0,0,0,.12);
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:14px;
  align-items:start;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}

#contact.contact-ref-final .contact-card:hover{
  transform:translateY(-3px);
  border-color:rgba(191,255,63,.36);
  box-shadow:0 16px 30px rgba(0,0,0,.15),0 0 18px rgba(191,255,63,.04);
}

#contact.contact-ref-final .contact-card-icon{
  width:48px;
  height:48px;
  border-radius:14px;
  display:grid;
  place-items:center;
  color:#bfff3f;
  font-size:19px;
  border:1px solid rgba(191,255,63,.22);
  background:rgba(44,78,30,.38);
}

#contact.contact-ref-final .contact-card-body{
  min-width:0;
}

#contact.contact-ref-final .contact-card h4{
  margin:1px 0 8px !important;
  color:#bfff3f !important;
  font-size:17px !important;
  line-height:1.15 !important;
  font-weight:850 !important;
}

#contact.contact-ref-final .contact-card p{
  margin:0 !important;
  padding:0 !important;
  color:rgba(241,246,242,.86) !important;
  font-size:14px !important;
  line-height:1.42 !important;
  font-weight:500 !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
}

#contact.contact-ref-final .contact-card-main{
  color:#f5f8f4 !important;
}

#contact.contact-ref-final .contact-card-note{
  margin-top:7px !important;
  color:rgba(224,232,225,.66) !important;
  font-size:12.8px !important;
  line-height:1.38 !important;
}

#contact.contact-ref-final .contact-card-phone-link{
  display:block !important;
  margin-top:2px !important;
  color:#bfff3f !important;
  font-size:16px !important;
  line-height:1.25 !important;
  font-weight:900 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  letter-spacing:-.02em;
}

#contact.contact-ref-final .contact-socials-v2{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:12px !important;
  margin-top:12px !important;
}

#contact.contact-ref-final .contact-social{
  min-height:50px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  text-decoration:none;
  font-size:15.5px;
  font-weight:850;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}

#contact.contact-ref-final .contact-social-icon{
  width:30px;
  height:30px;
  border-radius:50%;
  display:grid;
  place-items:center;
  border:1px solid currentColor;
}

#contact.contact-ref-final .contact-social.telegram{
  color:#58c8ff;
  border:1px solid rgba(41,169,235,.44);
  background:linear-gradient(145deg,rgba(8,37,52,.92),rgba(7,27,38,.94));
}

#contact.contact-ref-final .contact-social.whatsapp{
  color:#65e98a;
  border:1px solid rgba(37,211,102,.44);
  background:linear-gradient(145deg,rgba(8,44,25,.92),rgba(7,30,19,.94));
}

#contact.contact-ref-final .contact-social:hover{
  transform:translateY(-2px);
}

@media(max-width:1120px){
  #contact.contact-ref-final .contact-ref-info-v2{
    grid-template-columns:1fr 1fr !important;
  }
  #contact.contact-ref-final .contact-card-address{
    grid-column:1/-1;
  }
}
@media(max-width:700px){
  #contact.contact-ref-final .contact-ref-info-v2{
    grid-template-columns:1fr !important;
  }
  #contact.contact-ref-final .contact-card-address{
    grid-column:auto;
  }
  #contact.contact-ref-final .contact-socials-v2{
    grid-template-columns:1fr !important;
  }
}

/* =========================================================
   CONTACT INFO V3 — reference-style convenient blocks
   ========================================================= */

#contact.contact-ref-final .contact-ref-info-v3{
  display:grid !important;
  grid-template-columns:1.12fr 1fr 1fr !important;
  gap:18px !important;
  margin-top:18px !important;
}

#contact.contact-ref-final .contact-card-v3{
  min-width:0;
  min-height:250px;
  padding:22px 24px 24px;
  border-radius:24px;
  border:1px solid rgba(191,255,63,.28);
  background:
    radial-gradient(340px 180px at 0% 0%,rgba(191,255,63,.055),transparent 70%),
    linear-gradient(145deg,rgba(10,31,20,.96),rgba(6,21,14,.98));
  box-shadow:
    0 16px 30px rgba(0,0,0,.18),
    inset 0 0 0 1px rgba(255,255,255,.008);
  overflow:hidden;
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}

#contact.contact-ref-final .contact-card-v3:hover{
  transform:translateY(-4px);
  border-color:rgba(191,255,63,.46);
  box-shadow:
    0 20px 38px rgba(0,0,0,.22),
    0 0 24px rgba(191,255,63,.045);
}

#contact.contact-ref-final .contact-card-head-v3{
  display:flex;
  align-items:center;
  gap:16px;
}

#contact.contact-ref-final .contact-card-icon-v3{
  width:56px;
  height:56px;
  flex:0 0 56px;
  border-radius:16px;
  display:grid;
  place-items:center;
  color:#bfff3f;
  border:1px solid rgba(191,255,63,.32);
  background:rgba(42,74,30,.30);
  box-shadow:0 0 18px rgba(191,255,63,.035);
}

#contact.contact-ref-final .contact-card-icon-v3 svg{
  width:30px;
  height:30px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

#contact.contact-ref-final .contact-card-head-v3 h4{
  margin:0 !important;
  color:#bfff3f !important;
  font-size:20px !important;
  line-height:1.1 !important;
  font-weight:900 !important;
  letter-spacing:-.02em;
}

#contact.contact-ref-final .contact-card-divider-v3{
  height:1px;
  margin:18px 0 20px;
  background:linear-gradient(90deg,rgba(191,255,63,.42),rgba(191,255,63,.10),transparent);
}

#contact.contact-ref-final .contact-card-main-v3{
  margin:0 !important;
  color:#f5f8f4 !important;
  font-size:17px !important;
  line-height:1.45 !important;
  font-weight:500 !important;
}

#contact.contact-ref-final .contact-card-sub-v3{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin-top:22px;
  color:rgba(236,242,237,.78);
  font-size:14px;
  line-height:1.42;
}

#contact.contact-ref-final .walk-icon-v3{
  color:#bfff3f;
  font-size:22px;
  line-height:1;
}

/* Hours */
#contact.contact-ref-final .hours-row-v3{
  display:grid;
  grid-template-columns:100px minmax(0,1fr);
  align-items:center;
  gap:16px;
  margin:0 0 22px;
  color:#f5f8f4;
  font-size:16px;
  line-height:1.35;
}

#contact.contact-ref-final .hours-row-v3 strong{
  color:#f8fbf7;
  font-size:17px;
  font-weight:800;
  white-space:nowrap;
}

/* Phone */
#contact.contact-ref-final .contact-phone-big-v3{
  display:block !important;
  margin:0 0 26px !important;
  color:#bfff3f !important;
  text-decoration:none !important;
  font-size:27px !important;
  line-height:1.05 !important;
  font-weight:950 !important;
  letter-spacing:-.035em;
  white-space:nowrap !important;
  text-shadow:0 0 16px rgba(191,255,63,.10);
}

#contact.contact-ref-final .contact-phone-note-v3{
  margin:0 !important;
  color:rgba(241,246,242,.80) !important;
  font-size:15.5px !important;
  line-height:1.45 !important;
  font-weight:500 !important;
}

/* Brand socials */
#contact.contact-ref-final .contact-socials-v3{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:18px !important;
  margin-top:16px !important;
}

#contact.contact-ref-final .contact-social-v3{
  min-height:72px;
  border-radius:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  text-decoration:none;
  font-size:21px;
  line-height:1;
  font-weight:900;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}

#contact.contact-ref-final .contact-social-v3:hover{
  transform:translateY(-3px);
}

#contact.contact-ref-final .brand-icon-v3{
  width:48px;
  height:48px;
  border-radius:50%;
  display:grid;
  place-items:center;
}

#contact.contact-ref-final .brand-icon-v3 svg{
  width:30px;
  height:30px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* Telegram */
#contact.contact-ref-final .telegram-v3{
  color:#43bfff;
  border:1px solid rgba(41,169,235,.72);
  background:
    radial-gradient(260px 100px at 28% 0%,rgba(41,169,235,.12),transparent 70%),
    linear-gradient(145deg,rgba(4,34,49,.98),rgba(3,24,36,.98));
  box-shadow:0 12px 24px rgba(0,0,0,.15),0 0 24px rgba(41,169,235,.05);
}
#contact.contact-ref-final .telegram-brand-v3{
  color:#e9f8ff;
  background:linear-gradient(145deg,#2aaeea,#168dcc);
  box-shadow:0 0 22px rgba(41,169,235,.18);
}
#contact.contact-ref-final .telegram-v3:hover{
  border-color:rgba(41,169,235,.95);
  box-shadow:0 16px 30px rgba(0,0,0,.18),0 0 30px rgba(41,169,235,.11);
}

/* WhatsApp */
#contact.contact-ref-final .whatsapp-v3{
  color:#67ed82;
  border:1px solid rgba(37,211,102,.72);
  background:
    radial-gradient(260px 100px at 28% 0%,rgba(37,211,102,.12),transparent 70%),
    linear-gradient(145deg,rgba(5,39,21,.98),rgba(4,27,15,.98));
  box-shadow:0 12px 24px rgba(0,0,0,.15),0 0 24px rgba(37,211,102,.05);
}
#contact.contact-ref-final .whatsapp-brand-v3{
  color:#fff;
  background:linear-gradient(145deg,#31dc6d,#17a84b);
  box-shadow:0 0 22px rgba(37,211,102,.18);
}
#contact.contact-ref-final .whatsapp-v3:hover{
  border-color:rgba(37,211,102,.95);
  box-shadow:0 16px 30px rgba(0,0,0,.18),0 0 30px rgba(37,211,102,.11);
}

/* Soft animations, same site language */
#contact.contact-ref-final .contact-card-v3{
  animation:contactCardV3Float 5.8s ease-in-out infinite;
}
#contact.contact-ref-final .contact-card-v3:nth-child(2){animation-delay:.8s}
#contact.contact-ref-final .contact-card-v3:nth-child(3){animation-delay:1.6s}
@keyframes contactCardV3Float{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-3px)}
}

#contact.contact-ref-final .contact-card-icon-v3{
  animation:contactIconV3Glow 3.8s ease-in-out infinite;
}
@keyframes contactIconV3Glow{
  0%,100%{box-shadow:0 0 12px rgba(191,255,63,.025)}
  50%{box-shadow:0 0 24px rgba(191,255,63,.08)}
}

/* Responsive */
@media(max-width:1120px){
  #contact.contact-ref-final .contact-ref-info-v3{
    grid-template-columns:1fr 1fr !important;
  }
  #contact.contact-ref-final .contact-card-address-v3{
    grid-column:1/-1;
  }
}
@media(max-width:720px){
  #contact.contact-ref-final .contact-ref-info-v3{
    grid-template-columns:1fr !important;
  }
  #contact.contact-ref-final .contact-card-address-v3{
    grid-column:auto;
  }
  #contact.contact-ref-final .contact-card-v3{
    min-height:auto;
  }
  #contact.contact-ref-final .contact-socials-v3{
    grid-template-columns:1fr !important;
  }
  #contact.contact-ref-final .contact-phone-big-v3{
    font-size:24px !important;
  }
}
@media(prefers-reduced-motion:reduce){
  #contact.contact-ref-final .contact-card-v3,
  #contact.contact-ref-final .contact-card-icon-v3{
    animation:none !important;
  }
}

/* =========================================================
   CONTACT V3 — FIT/SIZING FIX
   Подгоняем карточки так, чтобы текст и номер не обрезались.
   ========================================================= */

#contact.contact-ref-final .contact-ref-info-v3{
  grid-template-columns:minmax(0,1.18fr) minmax(0,1fr) minmax(0,1.08fr) !important;
  gap:16px !important;
}

#contact.contact-ref-final .contact-card-v3{
  min-width:0 !important;
  min-height:238px !important;
  padding:20px 20px 22px !important;
}

#contact.contact-ref-final .contact-card-head-v3{
  gap:14px !important;
}

#contact.contact-ref-final .contact-card-icon-v3{
  width:52px !important;
  height:52px !important;
  flex-basis:52px !important;
  border-radius:15px !important;
}

#contact.contact-ref-final .contact-card-icon-v3 svg{
  width:27px !important;
  height:27px !important;
}

#contact.contact-ref-final .contact-card-head-v3 h4{
  font-size:18px !important;
  line-height:1.12 !important;
}

#contact.contact-ref-final .contact-card-divider-v3{
  margin:16px 0 18px !important;
}

#contact.contact-ref-final .contact-card-main-v3{
  font-size:15.5px !important;
  line-height:1.42 !important;
}

#contact.contact-ref-final .contact-card-sub-v3{
  gap:9px !important;
  margin-top:19px !important;
  font-size:13.2px !important;
  line-height:1.42 !important;
}

#contact.contact-ref-final .hours-row-v3{
  grid-template-columns:76px minmax(0,1fr) !important;
  gap:10px !important;
  margin-bottom:18px !important;
  font-size:14.5px !important;
}

#contact.contact-ref-final .hours-row-v3 strong{
  font-size:14.8px !important;
  white-space:nowrap !important;
}

#contact.contact-ref-final .contact-phone-big-v3{
  font-size:21px !important;
  letter-spacing:-.025em !important;
  margin-bottom:22px !important;
  white-space:nowrap !important;
}

#contact.contact-ref-final .contact-phone-note-v3{
  font-size:14.2px !important;
  line-height:1.42 !important;
}

#contact.contact-ref-final .contact-socials-v3{
  gap:16px !important;
}

#contact.contact-ref-final .contact-social-v3{
  min-height:62px !important;
  border-radius:18px !important;
  gap:14px !important;
  font-size:18px !important;
}

#contact.contact-ref-final .brand-icon-v3{
  width:42px !important;
  height:42px !important;
}

#contact.contact-ref-final .brand-icon-v3 svg{
  width:26px !important;
  height:26px !important;
}

/* Чуть шире полезная зона блока на средних экранах */
@media (min-width:900px) and (max-width:1180px){
  #contact.contact-ref-final .contact-ref-info-v3{
    grid-template-columns:minmax(0,1.15fr) minmax(0,.98fr) minmax(0,1.05fr) !important;
    gap:12px !important;
  }
  #contact.contact-ref-final .contact-card-v3{
    padding:18px 16px 20px !important;
  }
  #contact.contact-ref-final .contact-card-head-v3 h4{
    font-size:17px !important;
  }
  #contact.contact-ref-final .contact-phone-big-v3{
    font-size:18px !important;
  }
  #contact.contact-ref-final .hours-row-v3{
    grid-template-columns:66px minmax(0,1fr) !important;
    gap:7px !important;
  }
  #contact.contact-ref-final .hours-row-v3 strong{
    font-size:13.5px !important;
  }
}

/* На планшете вместо обрезки — аккуратные две колонки */
@media (max-width:899px){
  #contact.contact-ref-final .contact-ref-info-v3{
    grid-template-columns:1fr 1fr !important;
  }
  #contact.contact-ref-final .contact-card-address-v3{
    grid-column:1/-1 !important;
  }
  #contact.contact-ref-final .contact-phone-big-v3{
    font-size:20px !important;
  }
}

@media (max-width:620px){
  #contact.contact-ref-final .contact-ref-info-v3{
    grid-template-columns:1fr !important;
  }
  #contact.contact-ref-final .contact-card-address-v3{
    grid-column:auto !important;
  }
  #contact.contact-ref-final .contact-card-v3{
    min-height:auto !important;
    padding:18px !important;
  }
  #contact.contact-ref-final .contact-phone-big-v3{
    font-size:22px !important;
  }
}


/* =========================================================
   MIKRON — FINAL GLOBAL VISUAL SYSTEM
   dark/light backgrounds + animations + mobile adaptation
   ========================================================= */

/* ---------- Global tokens refinement ---------- */
:root{
  --site-lime:#bfff3f;
  --site-lime-soft:#d4ff83;
  --site-dark:#06170f;
  --site-dark-2:#091f14;
  --site-panel:rgba(11,31,20,.86);
  --site-line:rgba(191,255,63,.16);
}
:root[data-theme="light"]{
  --bg:#f1f6e9 !important;
  --bg-soft:#e7efdc !important;
  --surface:#fbfdf8 !important;
  --surface-2:#edf3e6 !important;
  --border:#cad8bd !important;
  --fg:#142018 !important;
  --fg-muted:#5d685f !important;
  --fg-dim:#7a847d !important;
  --accent:#72ad19 !important;
  --accent-2:#8dca29 !important;
  --accent-dim:#6f9e2c !important;
  --shadow:rgba(39,63,33,.10) !important;
}

/* ---------- Unified background across ALL pages ---------- */
html,
body{
  min-height:100%;
}

body{
  position:relative;
  background:
    radial-gradient(900px 700px at 94% 9%,rgba(180,255,55,.105),transparent 69%),
    radial-gradient(760px 620px at 4% 70%,rgba(123,197,36,.07),transparent 72%),
    linear-gradient(135deg,#06170f 0%,#071b11 48%,#091d13 100%) !important;
  background-attachment:fixed !important;
}

body::before,
body::after{
  content:"";
  position:fixed;
  z-index:-1;
  pointer-events:none;
  border-radius:50%;
  border:1px solid rgba(191,255,63,.105);
  opacity:.72;
}
body::before{
  width:760px;
  height:760px;
  right:-350px;
  top:-330px;
  box-shadow:
    0 0 0 74px rgba(191,255,63,.006),
    0 0 0 148px rgba(191,255,63,.003);
  animation:globalOrbitFloat 20s ease-in-out infinite;
}
body::after{
  width:620px;
  height:620px;
  left:-430px;
  bottom:-390px;
  border-color:rgba(191,255,63,.075);
  animation:globalOrbitFloatReverse 25s ease-in-out infinite;
}
@keyframes globalOrbitFloat{
  0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.46}
  50%{transform:translate3d(-18px,18px,0) scale(1.035);opacity:.82}
}
@keyframes globalOrbitFloatReverse{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(20px,-14px,0) scale(1.04)}
}

/* Make page sections visually continuous instead of separate black slabs */
main,
.section,
.page-section,
.content-section{
  background-color:transparent !important;
}
.section{
  isolation:isolate;
}
.section::selection{
  background:var(--accent);
}

/* Soft alternating glows so long pages do not feel flat */
main > .section:nth-of-type(3n+1){
  background:
    radial-gradient(720px 460px at 4% 18%,rgba(184,255,61,.045),transparent 72%) !important;
}
main > .section:nth-of-type(3n+2){
  background:
    radial-gradient(760px 520px at 96% 28%,rgba(184,255,61,.055),transparent 72%) !important;
}
main > .section:nth-of-type(3n){
  background:
    radial-gradient(690px 480px at 52% 100%,rgba(135,205,42,.04),transparent 72%) !important;
}

/* Preserve the homepage-like ambient feel in the customized blocks */
#about.about-orbit-v2,
section.reviews-mikron-v2,
#contact.contact-ref-final{
  background:
    radial-gradient(900px 650px at 90% 15%,rgba(190,255,72,.09),transparent 70%),
    radial-gradient(720px 520px at 4% 88%,rgba(150,226,45,.05),transparent 72%),
    transparent !important;
}

/* ---------- Light theme: real redesign, not inversion ---------- */
:root[data-theme="light"] body{
  background:
    radial-gradient(920px 690px at 95% 8%,rgba(139,196,70,.13),transparent 70%),
    radial-gradient(720px 560px at 3% 72%,rgba(132,187,68,.085),transparent 72%),
    linear-gradient(135deg,#f4f8ef 0%,#eef5e8 50%,#f6f9f2 100%) !important;
}
:root[data-theme="light"] body::before,
:root[data-theme="light"] body::after{
  border-color:rgba(91,142,45,.14);
  box-shadow:none;
}
:root[data-theme="light"] main > .section:nth-of-type(3n+1){
  background:radial-gradient(720px 460px at 4% 18%,rgba(120,174,61,.07),transparent 72%) !important;
}
:root[data-theme="light"] main > .section:nth-of-type(3n+2){
  background:radial-gradient(760px 520px at 96% 28%,rgba(120,174,61,.075),transparent 72%) !important;
}
:root[data-theme="light"] main > .section:nth-of-type(3n){
  background:radial-gradient(690px 480px at 52% 100%,rgba(120,174,61,.055),transparent 72%) !important;
}

/* Header/navigation in light theme */
:root[data-theme="light"] .site-header,
:root[data-theme="light"] header{
  background:rgba(248,251,244,.88) !important;
  border-color:rgba(80,116,57,.12) !important;
  box-shadow:0 8px 26px rgba(54,78,46,.055) !important;
  backdrop-filter:blur(18px) saturate(1.1);
}
:root[data-theme="light"] .nav a,
:root[data-theme="light"] header a{
  color:#1a251d;
}

/* Generic panels/cards in light theme */
:root[data-theme="light"] .card,
:root[data-theme="light"] .device-card,
:root[data-theme="light"] .service-card,
:root[data-theme="light"] .price-card,
:root[data-theme="light"] .review-card,
:root[data-theme="light"] .reviews-card,
:root[data-theme="light"] .testimonial,
:root[data-theme="light"] .feature-card,
:root[data-theme="light"] .model-card,
:root[data-theme="light"] .article-card,
:root[data-theme="light"] .blog-card,
:root[data-theme="light"] .info-card,
:root[data-theme="light"] .stat-card,
:root[data-theme="light"] .contact-card-v3{
  color:#172219 !important;
  background:
    radial-gradient(300px 180px at 0% 0%,rgba(119,174,61,.055),transparent 70%),
    linear-gradient(145deg,rgba(255,255,255,.96),rgba(242,247,237,.97)) !important;
  border-color:rgba(94,139,58,.18) !important;
  box-shadow:0 14px 30px rgba(54,78,46,.075) !important;
}
:root[data-theme="light"] .card:hover,
:root[data-theme="light"] .device-card:hover,
:root[data-theme="light"] .service-card:hover,
:root[data-theme="light"] .price-card:hover,
:root[data-theme="light"] .review-card:hover,
:root[data-theme="light"] .model-card:hover,
:root[data-theme="light"] .article-card:hover,
:root[data-theme="light"] .contact-card-v3:hover{
  border-color:rgba(103,157,50,.34) !important;
  box-shadow:0 18px 36px rgba(54,78,46,.11),0 0 22px rgba(113,168,58,.045) !important;
}

/* Light typography corrections in custom dark blocks */
:root[data-theme="light"] #about.about-orbit-v2 h2,
:root[data-theme="light"] section.reviews-mikron-v2 h2,
:root[data-theme="light"] #contact.contact-ref-final .contact-ref-title{
  color:#142018 !important;
  text-shadow:none !important;
}
:root[data-theme="light"] #about.about-orbit-v2 p,
:root[data-theme="light"] section.reviews-mikron-v2 p,
:root[data-theme="light"] #contact.contact-ref-final .contact-ref-desc{
  color:#5a665d !important;
}

/* Contact cards in light mode */
:root[data-theme="light"] #contact.contact-ref-final .contact-card-v3{
  background:
    radial-gradient(320px 180px at 0% 0%,rgba(120,174,61,.06),transparent 70%),
    linear-gradient(145deg,#ffffff,#f0f6eb) !important;
  border-color:rgba(93,142,49,.19) !important;
  box-shadow:0 14px 28px rgba(61,86,53,.08) !important;
}
:root[data-theme="light"] #contact.contact-ref-final .contact-card-main-v3,
:root[data-theme="light"] #contact.contact-ref-final .hours-row-v3,
:root[data-theme="light"] #contact.contact-ref-final .hours-row-v3 strong{
  color:#1b261e !important;
}
:root[data-theme="light"] #contact.contact-ref-final .contact-card-sub-v3,
:root[data-theme="light"] #contact.contact-ref-final .contact-phone-note-v3{
  color:#667169 !important;
}
:root[data-theme="light"] #contact.contact-ref-final .contact-card-head-v3 h4,
:root[data-theme="light"] #contact.contact-ref-final .contact-phone-big-v3{
  color:#659f1e !important;
  text-shadow:none !important;
}
:root[data-theme="light"] #contact.contact-ref-final .contact-card-icon-v3{
  color:#659f1e !important;
  background:rgba(125,177,71,.09) !important;
  border-color:rgba(102,151,56,.20) !important;
}

/* Forms in light theme */
:root[data-theme="light"] #contact.contact-ref-final .contact-ref-right .repair-form,
:root[data-theme="light"] form,
:root[data-theme="light"] .form-card{
  color:#172019 !important;
  background:
    radial-gradient(480px 260px at 50% 0%,rgba(121,177,66,.055),transparent 68%),
    linear-gradient(145deg,#ffffff,#f1f6ed) !important;
  border-color:rgba(97,145,56,.19) !important;
  box-shadow:0 18px 38px rgba(55,79,48,.085) !important;
}
:root[data-theme="light"] input,
:root[data-theme="light"] select,
:root[data-theme="light"] textarea{
  background:#f9fcf7 !important;
  color:#172019 !important;
  border-color:#c7d7bd !important;
}
:root[data-theme="light"] input::placeholder,
:root[data-theme="light"] textarea::placeholder{
  color:#8a958d !important;
}
:root[data-theme="light"] label{
  color:#3b493f !important;
}

/* ---------- Contact: shift WORK TIME left ---------- */
#contact.contact-ref-final .contact-card-hours-v3 .hours-row-v3{
  grid-template-columns:70px minmax(0,1fr) !important;
  gap:4px !important;
}
#contact.contact-ref-final .contact-card-hours-v3 .hours-row-v3 strong{
  justify-self:start !important;
  text-align:left !important;
  transform:translateX(-6px);
}

/* ---------- Ambient animation language from homepage ---------- */
.section-head .eyebrow,
.eyebrow{
  position:relative;
}
.section-head .eyebrow::before,
.eyebrow::before{
  box-shadow:0 0 16px rgba(191,255,63,.32);
}
.card,
.device-card,
.service-card,
.price-card,
.review-card,
.model-card,
.article-card,
.feature-card{
  transition:
    transform .28s var(--ease),
    border-color .28s var(--ease),
    box-shadow .28s var(--ease),
    background .28s var(--ease) !important;
}
@media(hover:hover){
  .card:hover,
  .device-card:hover,
  .service-card:hover,
  .price-card:hover,
  .review-card:hover,
  .model-card:hover,
  .article-card:hover,
  .feature-card:hover{
    transform:translateY(-5px);
  }
}

/* subtle moving glow on major buttons */
.btn-primary,
button[type="submit"],
.cta-primary{
  position:relative;
  overflow:hidden;
}
.btn-primary::after,
button[type="submit"]::after,
.cta-primary::after{
  content:"";
  position:absolute;
  top:-80%;
  bottom:-80%;
  width:42%;
  left:-55%;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);
  animation:globalButtonSweep 7s ease-in-out infinite;
  pointer-events:none;
}
@keyframes globalButtonSweep{
  0%,65%,100%{left:-55%;opacity:0}
  73%{opacity:.5}
  84%{left:118%;opacity:0}
}

/* ---------- Global mobile UX ---------- */
@media(max-width:900px){
  .wrap{
    padding-left:22px !important;
    padding-right:22px !important;
  }
  .section{
    padding-top:78px !important;
    padding-bottom:78px !important;
  }
  .section-head{
    margin-bottom:34px !important;
  }
  .section-head h2{
    font-size:clamp(30px,7.5vw,44px) !important;
    line-height:1.02 !important;
  }
  .hero,
  section.hero{
    min-height:auto !important;
    padding-top:118px !important;
    padding-bottom:68px !important;
  }
  .hero-inner{
    gap:28px !important;
  }
}

/* phone */
@media(max-width:620px){
  body{
    background-attachment:scroll !important;
  }
  body::before{
    width:460px;
    height:460px;
    right:-310px;
    top:-170px;
    opacity:.42;
  }
  body::after{
    width:380px;
    height:380px;
    left:-285px;
    bottom:-180px;
    opacity:.36;
  }

  .wrap{
    padding-left:16px !important;
    padding-right:16px !important;
  }

  .section{
    padding-top:58px !important;
    padding-bottom:58px !important;
  }

  h1{
    font-size:clamp(38px,11vw,56px) !important;
    line-height:.98 !important;
  }
  .section-head h2,
  h2{
    overflow-wrap:normal;
  }

  /* cards: comfortable touch/mobile dimensions */
  .card,
  .device-card,
  .service-card,
  .price-card,
  .review-card,
  .model-card,
  .article-card,
  .feature-card{
    border-radius:18px !important;
  }

  button,
  .btn,
  .btn-primary,
  .cta-primary,
  input,
  select{
    min-height:48px;
  }

  /* no decorative animation should interfere with taps */
  .card:hover,
  .device-card:hover,
  .service-card:hover,
  .price-card:hover,
  .review-card:hover,
  .model-card:hover,
  .article-card:hover{
    transform:none;
  }

  /* contact */
  #contact.contact-ref-final .contact-ref-title{
    font-size:clamp(40px,11.5vw,54px) !important;
  }
  #contact.contact-ref-final .contact-ref-desc{
    font-size:15.5px !important;
    line-height:1.58 !important;
  }
  #contact.contact-ref-final .contact-ref-map iframe{
    height:280px !important;
  }
  #contact.contact-ref-final .contact-card-v3{
    padding:18px !important;
    border-radius:19px !important;
  }
  #contact.contact-ref-final .contact-card-head-v3 h4{
    font-size:18px !important;
  }
  #contact.contact-ref-final .contact-card-main-v3{
    font-size:15px !important;
  }
  #contact.contact-ref-final .contact-phone-big-v3{
    font-size:22px !important;
  }
  #contact.contact-ref-final .contact-social-v3{
    min-height:58px !important;
    font-size:17px !important;
  }

  /* Forms get full readable width */
  #contact.contact-ref-final .contact-ref-right .repair-form{
    padding:20px 16px !important;
    border-radius:19px !important;
  }
  #contact.contact-ref-final input,
  #contact.contact-ref-final select,
  #contact.contact-ref-final textarea{
    width:100% !important;
    font-size:16px !important; /* prevents iOS zoom */
  }
}

/* Very narrow phones */
@media(max-width:380px){
  .wrap{
    padding-left:13px !important;
    padding-right:13px !important;
  }
  #contact.contact-ref-final .contact-phone-big-v3{
    font-size:19px !important;
  }
  #contact.contact-ref-final .hours-row-v3{
    grid-template-columns:58px minmax(0,1fr) !important;
  }
  #contact.contact-ref-final .hours-row-v3 strong{
    font-size:13.5px !important;
  }
}

/* Accessibility / performance */
@media(prefers-reduced-motion:reduce){
  body::before,
  body::after,
  .btn-primary::after,
  button[type="submit"]::after,
  .cta-primary::after{
    animation:none !important;
  }
}


/* =========================================================
   GLOBAL FORM CONTACT PANEL — all device/model pages
   ========================================================= */
.global-form-contact-panel{
  width:100%;
  margin:0 0 22px;
}

.global-contact-cards{
  display:grid;
  grid-template-columns:1.3fr .95fr 1fr;
  gap:12px;
}

.global-contact-card{
  min-width:0;
  padding:16px 17px;
  border-radius:16px;
  border:1px solid rgba(191,255,63,.18);
  background:
    radial-gradient(220px 120px at 0% 0%,rgba(191,255,63,.05),transparent 70%),
    linear-gradient(145deg,rgba(16,40,26,.93),rgba(8,26,17,.96));
  box-shadow:0 12px 24px rgba(0,0,0,.12);
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:12px;
  align-items:start;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}

.global-contact-card:hover{
  transform:translateY(-3px);
  border-color:rgba(191,255,63,.34);
  box-shadow:0 16px 28px rgba(0,0,0,.15),0 0 18px rgba(191,255,63,.035);
}

.global-contact-icon{
  width:42px;
  height:42px;
  border-radius:12px;
  display:grid;
  place-items:center;
  color:#bfff3f;
  border:1px solid rgba(191,255,63,.20);
  background:rgba(49,82,33,.34);
  font-size:17px;
}

.global-contact-card h4{
  margin:0 0 6px !important;
  color:#bfff3f !important;
  font-size:14px !important;
  line-height:1.2 !important;
  font-weight:850 !important;
}

.global-contact-card p,
.global-contact-card span{
  margin:0 !important;
  color:rgba(241,246,242,.84) !important;
  font-size:13px !important;
  line-height:1.45 !important;
  font-weight:500 !important;
}

.global-contact-card span{
  display:block;
  margin-top:5px !important;
  color:rgba(224,231,225,.62) !important;
  font-size:12px !important;
}

.global-contact-phone{
  display:block;
  color:#bfff3f !important;
  text-decoration:none !important;
  font-size:14.5px !important;
  line-height:1.25 !important;
  font-weight:850 !important;
  white-space:nowrap;
}

.global-contact-socials{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:12px;
}

.global-contact-social{
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border-radius:13px;
  text-decoration:none;
  font-size:14px;
  font-weight:850;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}

.global-contact-social:hover{
  transform:translateY(-2px);
}

.global-social-icon{
  width:28px;
  height:28px;
  border-radius:50%;
  display:grid;
  place-items:center;
  border:1px solid currentColor;
}

.global-telegram{
  color:#4fc5ff;
  border:1px solid rgba(41,169,235,.42);
  background:linear-gradient(145deg,rgba(7,38,53,.94),rgba(5,28,39,.96));
}

.global-whatsapp{
  color:#64e986;
  border:1px solid rgba(37,211,102,.42);
  background:linear-gradient(145deg,rgba(8,43,24,.94),rgba(5,29,17,.96));
}

/* =========================================================
   LIGHT THEME — full readability and harmony
   ========================================================= */
:root[data-theme="light"] body{
  color:#172019 !important;
  background:
    radial-gradient(900px 650px at 94% 8%,rgba(137,192,75,.12),transparent 70%),
    radial-gradient(720px 540px at 4% 76%,rgba(135,190,72,.075),transparent 72%),
    linear-gradient(135deg,#f5f8f0 0%,#eef5e8 50%,#f8faf5 100%) !important;
}

/* All ordinary text becomes dark unless explicitly accent/button */
:root[data-theme="light"] main,
:root[data-theme="light"] .section,
:root[data-theme="light"] .page-section,
:root[data-theme="light"] .content-section{
  color:#172019 !important;
}

:root[data-theme="light"] h1,
:root[data-theme="light"] h2,
:root[data-theme="light"] h3,
:root[data-theme="light"] h4,
:root[data-theme="light"] h5,
:root[data-theme="light"] h6,
:root[data-theme="light"] .title,
:root[data-theme="light"] .section-title,
:root[data-theme="light"] .card-title,
:root[data-theme="light"] .model-title,
:root[data-theme="light"] .service-title{
  color:#162019 !important;
  text-shadow:none !important;
}

:root[data-theme="light"] p,
:root[data-theme="light"] li,
:root[data-theme="light"] .text,
:root[data-theme="light"] .description,
:root[data-theme="light"] .desc,
:root[data-theme="light"] .muted,
:root[data-theme="light"] .meta{
  color:#566159 !important;
  text-shadow:none !important;
}

/* Links stay readable */
:root[data-theme="light"] a:not(.btn):not(.btn-primary):not(.cta-primary):not(.global-contact-social):not(.contact-social-v3){
  color:#365129;
}

/* Keep only meaningful accents lime/green */
:root[data-theme="light"] .eyebrow,
:root[data-theme="light"] .accent,
:root[data-theme="light"] .about-key,
:root[data-theme="light"] .reviews-accent,
:root[data-theme="light"] strong.accent,
:root[data-theme="light"] .price,
:root[data-theme="light"] .rating,
:root[data-theme="light"] .stars{
  color:#669f22 !important;
  text-shadow:none !important;
}

/* Generic dark glass panels become bright cards */
:root[data-theme="light"] .card,
:root[data-theme="light"] .panel,
:root[data-theme="light"] .glass,
:root[data-theme="light"] .box,
:root[data-theme="light"] .device-card,
:root[data-theme="light"] .service-card,
:root[data-theme="light"] .price-card,
:root[data-theme="light"] .review-card,
:root[data-theme="light"] .testimonial,
:root[data-theme="light"] .feature-card,
:root[data-theme="light"] .model-card,
:root[data-theme="light"] .article-card,
:root[data-theme="light"] .blog-card,
:root[data-theme="light"] .stat-card{
  color:#172019 !important;
  background:
    radial-gradient(300px 180px at 0% 0%,rgba(119,174,61,.05),transparent 70%),
    linear-gradient(145deg,#ffffff,#f1f6ed) !important;
  border-color:rgba(96,143,55,.16) !important;
  box-shadow:0 14px 30px rgba(53,78,46,.075) !important;
}

/* Force readable text inside cards in light mode */
:root[data-theme="light"] .card *,
:root[data-theme="light"] .panel *,
:root[data-theme="light"] .glass *,
:root[data-theme="light"] .box *,
:root[data-theme="light"] .device-card *,
:root[data-theme="light"] .service-card *,
:root[data-theme="light"] .price-card *,
:root[data-theme="light"] .review-card *,
:root[data-theme="light"] .testimonial *,
:root[data-theme="light"] .feature-card *,
:root[data-theme="light"] .model-card *,
:root[data-theme="light"] .article-card *,
:root[data-theme="light"] .blog-card *,
:root[data-theme="light"] .stat-card *{
  text-shadow:none !important;
}

:root[data-theme="light"] .card p,
:root[data-theme="light"] .panel p,
:root[data-theme="light"] .glass p,
:root[data-theme="light"] .box p,
:root[data-theme="light"] .device-card p,
:root[data-theme="light"] .service-card p,
:root[data-theme="light"] .price-card p,
:root[data-theme="light"] .review-card p,
:root[data-theme="light"] .feature-card p,
:root[data-theme="light"] .model-card p,
:root[data-theme="light"] .article-card p,
:root[data-theme="light"] .blog-card p{
  color:#5b675f !important;
}

/* Inputs/forms */
:root[data-theme="light"] form,
:root[data-theme="light"] .repair-form,
:root[data-theme="light"] .form-card{
  background:
    radial-gradient(480px 260px at 50% 0%,rgba(121,177,66,.05),transparent 68%),
    linear-gradient(145deg,#ffffff,#f1f6ed) !important;
  color:#172019 !important;
  border-color:rgba(96,143,55,.17) !important;
  box-shadow:0 16px 34px rgba(52,76,45,.08) !important;
}

:root[data-theme="light"] label{
  color:#334036 !important;
}

:root[data-theme="light"] input,
:root[data-theme="light"] select,
:root[data-theme="light"] textarea{
  background:#fbfdf9 !important;
  color:#172019 !important;
  border-color:#c8d7bf !important;
  box-shadow:none !important;
}

:root[data-theme="light"] input::placeholder,
:root[data-theme="light"] textarea::placeholder{
  color:#879289 !important;
}

/* Contact panel light */
:root[data-theme="light"] .global-contact-card{
  background:
    radial-gradient(220px 120px at 0% 0%,rgba(119,174,61,.05),transparent 70%),
    linear-gradient(145deg,#ffffff,#f1f6ed) !important;
  border-color:rgba(96,143,55,.17) !important;
  box-shadow:0 12px 24px rgba(53,78,46,.07) !important;
}

:root[data-theme="light"] .global-contact-card h4{
  color:#679f24 !important;
}

:root[data-theme="light"] .global-contact-card p{
  color:#263229 !important;
}

:root[data-theme="light"] .global-contact-card span{
  color:#6a756d !important;
}

:root[data-theme="light"] .global-contact-phone{
  color:#5f9621 !important;
}

:root[data-theme="light"] .global-contact-icon{
  color:#659b27 !important;
  background:#edf5e7 !important;
  border-color:rgba(96,143,55,.18) !important;
}

/* Custom index contact cards light */
:root[data-theme="light"] #contact.contact-ref-final .contact-card-v3{
  background:linear-gradient(145deg,#ffffff,#f1f6ed) !important;
  border-color:rgba(96,143,55,.17) !important;
}
:root[data-theme="light"] #contact.contact-ref-final .contact-card-main-v3,
:root[data-theme="light"] #contact.contact-ref-final .hours-row-v3,
:root[data-theme="light"] #contact.contact-ref-final .hours-row-v3 strong{
  color:#1d2920 !important;
}
:root[data-theme="light"] #contact.contact-ref-final .contact-card-sub-v3,
:root[data-theme="light"] #contact.contact-ref-final .contact-phone-note-v3{
  color:#667169 !important;
}

/* =========================================================
   MOBILE — contact panel and forms
   ========================================================= */
@media(max-width:900px){
  .global-contact-cards{
    grid-template-columns:1fr 1fr;
  }
  .global-contact-card:first-child{
    grid-column:1/-1;
  }
}

@media(max-width:620px){
  .global-contact-cards{
    grid-template-columns:1fr;
  }
  .global-contact-card:first-child{
    grid-column:auto;
  }
  .global-contact-card{
    padding:14px 15px;
    grid-template-columns:40px minmax(0,1fr);
  }
  .global-contact-icon{
    width:40px;
    height:40px;
  }
  .global-contact-socials{
    grid-template-columns:1fr;
  }
  .global-contact-social{
    min-height:48px;
  }
}

@media(prefers-reduced-motion:reduce){
  .global-contact-card,
  .global-contact-social{
    transition:none !important;
  }
}


/* FINAL PASS */
/* 1. remove static left semicircle */
body::after{display:none!important}

/* 2. all internal-page forms like homepage */
.global-contact-ref-final{
  position:relative;overflow:hidden;isolation:isolate;padding:86px 0 94px!important;
  background:
    radial-gradient(900px 630px at 89% 12%,rgba(191,255,63,.095),transparent 69%),
    linear-gradient(135deg,#061a11,#07170f 50%,#081b12)!important;
}
.global-contact-ref-final .contact-ref-layout{
  display:grid!important;grid-template-columns:minmax(0,1.06fr) minmax(500px,.94fr)!important;
  gap:42px!important;align-items:start!important;
}
.global-contact-ref-final .contact-ref-right .repair-form{
  margin:0!important;padding:28px!important;border-radius:22px!important;
  border:1px solid rgba(191,255,63,.22)!important;
  background:radial-gradient(520px 300px at 50% 0%,rgba(191,255,63,.045),transparent 66%),
             linear-gradient(145deg,rgba(12,34,22,.97),rgba(7,24,15,.985))!important;
  box-shadow:0 20px 44px rgba(0,0,0,.20),0 0 24px rgba(191,255,63,.035)!important;
}
.global-contact-ref-final .contact-form-kicker{
  display:flex;align-items:center;gap:9px;margin:0 0 18px;color:#bfff3f;
  font:850 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em;
}
.global-contact-ref-final .contact-form-kicker i{width:8px;height:8px;border-radius:50%;background:#bfff3f;box-shadow:0 0 14px rgba(191,255,63,.65)}
.global-contact-ref-final .repair-form label{color:rgba(242,246,243,.84)!important;font-size:15px!important;font-weight:750!important}
.global-contact-ref-final .repair-form input,
.global-contact-ref-final .repair-form select,
.global-contact-ref-final .repair-form textarea{
  background:rgba(8,25,16,.84)!important;color:#f5f8f4!important;border-color:rgba(191,255,63,.18)!important;font-size:16px!important
}
.global-contact-ref-final .repair-form button[type="submit"]{
  background:linear-gradient(90deg,#b7ff32,#caff56)!important;color:#0b150d!important;font-weight:900!important
}

/* 3. What we repair typography = Prices typography */
body #services .section-head{max-width:720px!important;margin-bottom:34px!important}
body #services .section-head .eyebrow{
  margin-bottom:16px!important;color:#b7ff32!important;
  font:900 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace!important;letter-spacing:.11em!important
}
body #services .section-head h2{
  margin:0!important;color:#f8faf6!important;font-size:clamp(52px,5.25vw,78px)!important;
  line-height:.95!important;letter-spacing:-.055em!important;font-weight:900!important;text-shadow:0 3px 8px rgba(0,0,0,.35)!important
}
body #services .section-head h2::after{
  content:"";display:block;width:70px;height:3px;margin:18px 0 16px;border-radius:999px;
  background:linear-gradient(90deg,#b7ff32,rgba(183,255,50,0));box-shadow:0 0 14px rgba(183,255,50,.22)
}
body #services .section-head .desc{
  max-width:590px!important;margin:0!important;color:rgba(244,248,243,.78)!important;font-size:16px!important;line-height:1.55!important;font-weight:400!important
}

/* 4. light theme fully readable */
:root[data-theme="light"] body{
  color:#172019!important;
  background:
    radial-gradient(920px 660px at 94% 8%,rgba(143,196,78,.13),transparent 70%),
    linear-gradient(135deg,#f6f9f2 0%,#edf4e7 50%,#f8faf5 100%)!important
}
:root[data-theme="light"] body :where(h1,h2,h3,h4,h5,h6,p,li,label,small,.desc,.description,.text,.meta,.muted,.breadcrumb,.hero-copy,.hero-subtitle,.section-head,.footer-copy,.loc-item,.field-hint,.form-status-text){
  color:#18231b!important;text-shadow:none!important
}
:root[data-theme="light"] body :where(p,.desc,.description,.text,.meta,.muted,.field-hint,.form-status-text){color:#59655d!important}
:root[data-theme="light"] body :where(.eyebrow,.accent,.about-key,.reviews-accent,.price,.rating,.stars,.price-ref-eyebrow,.contact-ref-eyebrow){
  color:#679f24!important;text-shadow:none!important
}
:root[data-theme="light"] body :where(.card,.panel,.glass,.box,.device-card,.service-card,.price-card,.review-card,.testimonial,.feature-card,.model-card,.article-card,.blog-card,.stat-card,.loc-panel,.form-panel){
  background:linear-gradient(145deg,#ffffff,#f1f6ed)!important;border-color:rgba(91,138,53,.17)!important;
  box-shadow:0 14px 30px rgba(53,78,46,.075)!important;color:#172019!important
}
:root[data-theme="light"] .global-contact-ref-final{
  background:radial-gradient(860px 600px at 91% 10%,rgba(140,193,74,.11),transparent 69%),
             linear-gradient(135deg,#f4f8ef,#edf4e7 52%,#f7faf4)!important
}
:root[data-theme="light"] .global-contact-ref-final .contact-ref-title{color:#162019!important;text-shadow:none!important}
:root[data-theme="light"] .global-contact-ref-final .contact-ref-desc{color:#59655d!important}
:root[data-theme="light"] .global-contact-ref-final .contact-ref-right .repair-form{
  background:linear-gradient(145deg,#ffffff,#f1f6ed)!important;border-color:rgba(91,138,53,.18)!important;box-shadow:0 18px 36px rgba(53,78,46,.08)!important
}
:root[data-theme="light"] .global-contact-ref-final .repair-form label{color:#334039!important}
:root[data-theme="light"] .global-contact-ref-final .repair-form input,
:root[data-theme="light"] .global-contact-ref-final .repair-form select,
:root[data-theme="light"] .global-contact-ref-final .repair-form textarea{
  background:#fbfdf9!important;color:#172019!important;border-color:#c5d5bb!important
}
:root[data-theme="light"] .global-contact-ref-final .repair-form input::placeholder,
:root[data-theme="light"] .global-contact-ref-final .repair-form textarea::placeholder{color:#879188!important}
:root[data-theme="light"] .global-contact-ref-final .contact-card-v3{
  background:linear-gradient(145deg,#ffffff,#f1f6ed)!important;border-color:rgba(91,138,53,.18)!important
}
:root[data-theme="light"] .global-contact-ref-final .contact-card-main-v3,
:root[data-theme="light"] .global-contact-ref-final .hours-row-v3,
:root[data-theme="light"] .global-contact-ref-final .hours-row-v3 strong{color:#1c2820!important}
:root[data-theme="light"] .global-contact-ref-final .contact-card-sub-v3,
:root[data-theme="light"] .global-contact-ref-final .contact-phone-note-v3{color:#667169!important}
:root[data-theme="light"] .global-contact-ref-final .contact-card-head-v3 h4,
:root[data-theme="light"] .global-contact-ref-final .contact-phone-big-v3{color:#659c24!important;text-shadow:none!important}
:root[data-theme="light"] header,
:root[data-theme="light"] .site-header{background:rgba(249,252,246,.90)!important;border-color:rgba(78,115,56,.12)!important}
:root[data-theme="light"] header a:not(.btn),
:root[data-theme="light"] .site-header a:not(.btn),
:root[data-theme="light"] footer a:not(.btn){color:#243127!important}
:root[data-theme="light"] footer{background:#eaf1e4!important;color:#334039!important}
:root[data-theme="light"] body #services .section-head h2{color:#172019!important;text-shadow:none!important}
:root[data-theme="light"] body #services .section-head .desc{color:#536057!important}

/* responsive */
@media(max-width:1060px){
  .global-contact-ref-final .contact-ref-layout{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  .global-contact-ref-final{padding:60px 0 70px!important}
  .global-contact-ref-final .contact-ref-title{font-size:clamp(40px,11vw,54px)!important}
  .global-contact-ref-final .contact-ref-map iframe{height:290px!important}
  .global-contact-ref-final .contact-ref-info-v3{grid-template-columns:1fr!important}
  .global-contact-ref-final .contact-socials-v3{grid-template-columns:1fr!important}
  .global-contact-ref-final .contact-ref-right .repair-form{padding:20px 16px!important}
  body #services .section-head h2{font-size:clamp(42px,11vw,58px)!important}
  body #services .section-head .desc{font-size:15px!important}
}


/* =========================================================
   HOME REFERENCE GREEN — projected from supplied photo
   Hero stays untouched; sections below use softer forest/olive green.
   ========================================================= */

/* Homepage only: softer green page canvas below hero */
body:has(#services){
  --ref-green-bg:#183823;
  --ref-green-bg-2:#22472a;
  --ref-green-panel:#31573a;
  --ref-green-panel-2:#294d33;
  --ref-green-line:rgba(185,255,56,.34);
  --ref-lime:#baff32;
}

/* Do not recolor hero */
body:has(#services) #services,
body:has(#services) #prices,
body:has(#services) #about,
body:has(#services) #reviews,
body:has(#services) #contact,
body:has(#services) main > section:not(.hero):not(#hero){
  background:
    radial-gradient(920px 620px at 8% 14%,rgba(112,160,62,.20),transparent 68%),
    radial-gradient(840px 620px at 92% 18%,rgba(94,146,51,.16),transparent 70%),
    linear-gradient(135deg,#183823 0%,#20452a 48%,#17351f 100%) !important;
}

/* smooth transitions between green sections */
body:has(#services) main > section:not(.hero):not(#hero){
  border-top-color:rgba(199,255,86,.06) !important;
  border-bottom-color:rgba(199,255,86,.06) !important;
}

/* ---------------- SERVICES title: exactly 2 lines ---------------- */
body:has(#services) #services .section-head{
  max-width:780px !important;
  margin-bottom:34px !important;
}

body:has(#services) #services .services-title-two-lines{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:0 !important;
  width:max-content !important;
  max-width:100% !important;
  margin:0 !important;
  font-size:clamp(58px,5.15vw,82px) !important;
  line-height:.92 !important;
  letter-spacing:-.055em !important;
  font-weight:950 !important;
  color:#f7faf4 !important;
  text-shadow:0 3px 7px rgba(0,0,0,.28) !important;
}

body:has(#services) #services .services-title-two-lines span{
  display:block !important;
  white-space:nowrap !important;
}

body:has(#services) #services .services-title-two-lines span:last-child{
  position:relative;
}

body:has(#services) #services .services-title-two-lines span:last-child::after{
  content:"";
  display:block;
  width:76px;
  height:4px;
  margin-top:13px;
  border-radius:999px;
  background:linear-gradient(90deg,#baff32,rgba(186,255,50,0));
  box-shadow:0 0 16px rgba(186,255,50,.20);
}

body:has(#services) #services .section-head .desc{
  max-width:640px !important;
  margin-top:20px !important;
  color:rgba(246,250,244,.88) !important;
  font-size:17px !important;
  line-height:1.52 !important;
}

/* ---------------- cards closer to screenshot ---------------- */
body:has(#services) #services .icon-tiles{
  gap:16px !important;
}

body:has(#services) #services .icon-tile{
  min-height:250px !important;
  padding:30px 22px !important;
  border-radius:22px !important;
  border:1px solid rgba(186,255,50,.32) !important;
  background:
    radial-gradient(260px 150px at 24% 0%,rgba(187,255,61,.09),transparent 68%),
    linear-gradient(145deg,rgba(58,99,65,.95),rgba(42,77,50,.97)) !important;
  box-shadow:
    0 16px 32px rgba(4,20,11,.18),
    inset 0 1px 0 rgba(255,255,255,.025) !important;
}

body:has(#services) #services .icon-tile:hover{
  transform:translateY(-5px) !important;
  border-color:rgba(191,255,63,.55) !important;
  box-shadow:
    0 20px 38px rgba(4,20,11,.22),
    0 0 26px rgba(191,255,63,.055) !important;
}

/* no green line/sweep over service cards */
body:has(#services) #services .icon-tile::before,
body:has(#services) #services .icon-tile::after{
  animation:none !important;
}

body:has(#services) #services .tile-ico{
  width:92px !important;
  height:92px !important;
  border-radius:22px !important;
  color:#c3ff46 !important;
  border:1px solid rgba(195,255,70,.40) !important;
  background:
    radial-gradient(circle at 50% 20%,rgba(195,255,70,.17),transparent 65%),
    linear-gradient(145deg,rgba(86,132,52,.72),rgba(52,91,40,.78)) !important;
  box-shadow:0 0 24px rgba(191,255,63,.07) !important;
}

body:has(#services) #services .tile-ico svg{
  width:46px !important;
  height:46px !important;
}

body:has(#services) #services .icon-tile > span:last-child{
  color:#f7faf5 !important;
  font-size:21px !important;
  line-height:1.12 !important;
  font-weight:900 !important;
  text-shadow:0 2px 4px rgba(0,0,0,.25) !important;
}

/* ---------------- rest of homepage cards use softer green ---------------- */
body:has(#services) #prices .price-card,
body:has(#services) #about .about-orbit-card,
body:has(#services) #about .about-orbit-stat,
body:has(#services) #reviews .reviews-mikron-v2-card,
body:has(#services) #contact .contact-card-v3,
body:has(#services) #contact .repair-form{
  background:
    radial-gradient(300px 170px at 0% 0%,rgba(190,255,68,.055),transparent 70%),
    linear-gradient(145deg,rgba(49,88,57,.93),rgba(34,68,43,.96)) !important;
  border-color:rgba(190,255,68,.22) !important;
}

/* keep readable white typography in dark-green theme */
body:has(#services) main > section:not(.hero):not(#hero) h1,
body:has(#services) main > section:not(.hero):not(#hero) h2,
body:has(#services) main > section:not(.hero):not(#hero) h3,
body:has(#services) main > section:not(.hero):not(#hero) h4{
  color:#f7faf5;
}

body:has(#services) main > section:not(.hero):not(#hero) p{
  color:rgba(242,247,242,.82);
}

/* ---------------- Light version using same hue family ---------------- */
:root[data-theme="light"] body:has(#services) #services,
:root[data-theme="light"] body:has(#services) #prices,
:root[data-theme="light"] body:has(#services) #about,
:root[data-theme="light"] body:has(#services) #reviews,
:root[data-theme="light"] body:has(#services) #contact,
:root[data-theme="light"] body:has(#services) main > section:not(.hero):not(#hero){
  background:
    radial-gradient(920px 620px at 8% 14%,rgba(137,183,85,.13),transparent 68%),
    radial-gradient(840px 620px at 92% 18%,rgba(117,164,72,.10),transparent 70%),
    linear-gradient(135deg,#eef5e7 0%,#e6f0df 50%,#f3f7ef 100%) !important;
}

:root[data-theme="light"] body:has(#services) #services .services-title-two-lines{
  color:#18241b !important;
  text-shadow:none !important;
}

:root[data-theme="light"] body:has(#services) #services .section-head .desc{
  color:#536157 !important;
}

:root[data-theme="light"] body:has(#services) #services .icon-tile{
  background:
    radial-gradient(260px 150px at 24% 0%,rgba(112,159,64,.06),transparent 68%),
    linear-gradient(145deg,#ffffff,#edf4e8) !important;
  border-color:rgba(96,145,55,.20) !important;
  box-shadow:0 14px 28px rgba(53,78,46,.08) !important;
}

:root[data-theme="light"] body:has(#services) #services .icon-tile > span:last-child{
  color:#1b281e !important;
  text-shadow:none !important;
}

:root[data-theme="light"] body:has(#services) #services .tile-ico{
  color:#669d23 !important;
  background:linear-gradient(145deg,#f4f9ef,#e5efde) !important;
  border-color:rgba(101,151,56,.22) !important;
  box-shadow:none !important;
}

/* ---------------- responsive ---------------- */
@media(max-width:900px){
  body:has(#services) #services .services-title-two-lines{
    font-size:clamp(48px,9vw,68px) !important;
  }
  body:has(#services) #services .icon-tile{
    min-height:215px !important;
  }
}

@media(max-width:620px){
  body:has(#services) #services .services-title-two-lines{
    font-size:clamp(42px,12vw,56px) !important;
    line-height:.94 !important;
  }
  body:has(#services) #services .section-head .desc{
    font-size:15px !important;
    line-height:1.5 !important;
  }
  body:has(#services) #services .icon-tiles{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }
  body:has(#services) #services .icon-tile{
    min-height:180px !important;
    padding:20px 12px !important;
    border-radius:17px !important;
  }
  body:has(#services) #services .tile-ico{
    width:68px !important;
    height:68px !important;
    border-radius:17px !important;
  }
  body:has(#services) #services .tile-ico svg{
    width:35px !important;
    height:35px !important;
  }
  body:has(#services) #services .icon-tile > span:last-child{
    font-size:15px !important;
  }
}

@media(max-width:390px){
  body:has(#services) #services .services-title-two-lines{
    font-size:40px !important;
  }
}


/* LIGHT THEME — reference white + soft green */
:root[data-theme="light"]{
  --bg:#f5f8ef!important;--bg-soft:#edf4e6!important;--surface:#fff!important;
  --surface-2:#f0f5ea!important;--border:#c8d8bc!important;--fg:#172019!important;
  --fg-muted:#566159!important;--accent:#74ad1c!important;--accent-2:#93d12b!important;
}
:root[data-theme="light"] body{
  color:#172019!important;
  background:
    radial-gradient(920px 700px at 8% 8%,rgba(185,235,103,.38),transparent 68%),
    radial-gradient(860px 680px at 91% 16%,rgba(201,238,146,.25),transparent 72%),
    radial-gradient(760px 600px at 52% 82%,rgba(205,232,171,.16),transparent 74%),
    linear-gradient(135deg,#f8faf4 0%,#f0f5ea 48%,#f8faf5 100%)!important;
  background-attachment:fixed!important;
}
:root[data-theme="light"] body::before{
  display:block!important;width:880px!important;height:880px!important;right:-350px!important;top:-320px!important;
  border:1px solid rgba(111,169,47,.18)!important;
  box-shadow:0 0 0 86px rgba(128,185,64,.028),0 0 0 172px rgba(128,185,64,.014)!important;
  opacity:.75!important;animation:lightOrbitDrift 16s ease-in-out infinite!important;
}
:root[data-theme="light"] body::after{
  display:block!important;width:560px!important;height:560px!important;left:-360px!important;bottom:-250px!important;
  border:1px solid rgba(111,169,47,.12)!important;box-shadow:none!important;opacity:.55!important;
  animation:lightOrbitDriftReverse 20s ease-in-out infinite!important;
}
@keyframes lightOrbitDrift{0%,100%{transform:translate3d(0,0,0) rotate(0) scale(1)}50%{transform:translate3d(-22px,18px,0) rotate(7deg) scale(1.035)}}
@keyframes lightOrbitDriftReverse{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(18px,-14px,0) rotate(-6deg)}}

:root[data-theme="light"] header,:root[data-theme="light"] .site-header{
  background:rgba(248,251,245,.88)!important;border-color:rgba(92,136,58,.14)!important;
  box-shadow:0 10px 28px rgba(57,83,47,.07)!important;backdrop-filter:blur(18px) saturate(1.1)!important;
}
:root[data-theme="light"] header a:not(.btn),:root[data-theme="light"] .site-header a:not(.btn){color:#1d291f!important}
:root[data-theme="light"] header a:hover,:root[data-theme="light"] .site-header a:hover{color:#659a23!important}

:root[data-theme="light"] .hero,:root[data-theme="light"] section.hero,:root[data-theme="light"] #hero{
  position:relative;overflow:hidden;
  background:
    radial-gradient(780px 520px at 12% 14%,rgba(181,238,93,.43),transparent 68%),
    radial-gradient(720px 540px at 85% 34%,rgba(207,232,181,.32),transparent 72%),
    linear-gradient(135deg,#eef5e8 0%,#f3f7ee 48%,#eef4e9 100%)!important;
}
:root[data-theme="light"] .hero::before{
  content:""!important;position:absolute!important;width:720px!important;height:720px!important;border-radius:50%!important;
  right:-160px!important;top:-60px!important;border:1px solid rgba(102,155,48,.17)!important;
  box-shadow:0 0 0 72px rgba(102,155,48,.018),0 0 0 144px rgba(102,155,48,.009)!important;
  opacity:.85!important;animation:heroLightOrbit 13s ease-in-out infinite!important;pointer-events:none!important;
}
:root[data-theme="light"] .hero::after{
  content:""!important;position:absolute!important;width:9px!important;height:9px!important;border-radius:50%!important;
  right:18%!important;top:24%!important;background:#8cc62d!important;
  box-shadow:0 0 20px rgba(116,173,28,.75),-290px 130px 0 -1px rgba(116,173,28,.75),-510px 265px 0 -2px rgba(116,173,28,.55)!important;
  animation:heroLightDots 2.5s ease-in-out infinite!important;pointer-events:none!important;
}
@keyframes heroLightOrbit{0%,100%{transform:rotate(0) scale(1);opacity:.62}50%{transform:rotate(8deg) scale(1.04);opacity:.95}}
@keyframes heroLightDots{0%,100%{opacity:.40;transform:scale(.78)}50%{opacity:1;transform:scale(1.35)}}

:root[data-theme="light"] .hero h1,:root[data-theme="light"] .hero h2,:root[data-theme="light"] #hero h1,:root[data-theme="light"] #hero h2{color:#142018!important;text-shadow:none!important}
:root[data-theme="light"] .hero p,:root[data-theme="light"] #hero p{color:#47554b!important}
:root[data-theme="light"] .hero .accent,:root[data-theme="light"] #hero .accent,:root[data-theme="light"] .hero strong,:root[data-theme="light"] #hero strong{color:#65a517!important;text-shadow:none!important}

:root[data-theme="light"] main>section:not(.hero):not(#hero),:root[data-theme="light"] .section{
  background:
    radial-gradient(760px 520px at 6% 20%,rgba(193,231,136,.15),transparent 72%),
    radial-gradient(760px 520px at 92% 18%,rgba(214,236,181,.13),transparent 72%),
    linear-gradient(135deg,#f5f8f0 0%,#edf4e7 50%,#f7faf4 100%)!important;
  border-color:rgba(83,126,51,.08)!important;
}
:root[data-theme="light"] main>section:nth-of-type(even){
  background:radial-gradient(800px 520px at 92% 18%,rgba(190,228,130,.18),transparent 72%),
  linear-gradient(135deg,#f1f6eb 0%,#eaf2e3 52%,#f5f8f0 100%)!important;
}
:root[data-theme="light"] body :where(h1,h2,h3,h4,h5,h6){color:#172019!important;text-shadow:none!important}
:root[data-theme="light"] body :where(p,li,.desc,.description,.text,.meta,.muted,.small,.caption){color:#566159!important;text-shadow:none!important}
:root[data-theme="light"] body :where(.eyebrow,.accent,.about-key,.reviews-accent,.price,.rating,.stars){color:#659d21!important;text-shadow:none!important}

:root[data-theme="light"] body :where(.card,.panel,.glass,.box,.device-card,.service-card,.price-card,.review-card,.testimonial,.feature-card,.model-card,.article-card,.blog-card,.stat-card,.icon-tile,.contact-card-v3,.loc-panel,.form-panel){
  background:radial-gradient(260px 160px at 18% 0%,rgba(172,218,101,.11),transparent 70%),
  linear-gradient(145deg,#fff 0%,#f1f6ed 100%)!important;
  border-color:rgba(99,149,57,.20)!important;color:#172019!important;
  box-shadow:0 14px 30px rgba(63,91,54,.085),inset 0 1px 0 rgba(255,255,255,.70)!important;
  transition:transform .26s ease,border-color .26s ease,box-shadow .26s ease,background .26s ease!important;
}
@media(hover:hover){
  :root[data-theme="light"] body :where(.card,.device-card,.service-card,.price-card,.review-card,.feature-card,.model-card,.article-card,.icon-tile,.contact-card-v3):hover{
    transform:translateY(-6px) scale(1.008)!important;border-color:rgba(106,164,47,.38)!important;
    box-shadow:0 20px 38px rgba(63,91,54,.12),0 0 26px rgba(133,190,66,.07)!important;
  }
}
:root[data-theme="light"] #services .tile-ico,:root[data-theme="light"] .tile-ico,:root[data-theme="light"] .icon-wrap{
  color:#6ea31f!important;background:radial-gradient(circle at 50% 20%,rgba(158,213,79,.18),transparent 65%),
  linear-gradient(145deg,#edf6e4,#dfeccf)!important;border-color:rgba(102,154,51,.24)!important;box-shadow:0 0 18px rgba(111,169,47,.045)!important;
}

:root[data-theme="light"] form,:root[data-theme="light"] .repair-form,:root[data-theme="light"] .form-card,:root[data-theme="light"] .contact-ref-right .repair-form{
  background:radial-gradient(460px 240px at 50% 0%,rgba(174,220,107,.10),transparent 70%),linear-gradient(145deg,#fff,#eef5e9)!important;
  border-color:rgba(99,149,57,.20)!important;color:#172019!important;
  box-shadow:0 18px 38px rgba(63,91,54,.09),0 0 26px rgba(135,190,67,.045)!important;
}
:root[data-theme="light"] label{color:#2e3d32!important}
:root[data-theme="light"] input,:root[data-theme="light"] select,:root[data-theme="light"] textarea{
  background:#fbfdf9!important;color:#172019!important;border-color:#c5d7b7!important;
}
:root[data-theme="light"] input:focus,:root[data-theme="light"] select:focus,:root[data-theme="light"] textarea:focus{
  border-color:#8fbd56!important;box-shadow:0 0 0 3px rgba(143,189,86,.12),0 0 18px rgba(143,189,86,.06)!important;
}
:root[data-theme="light"] input::placeholder,:root[data-theme="light"] textarea::placeholder{color:#899489!important}

:root[data-theme="light"] .btn-primary,:root[data-theme="light"] button[type="submit"],:root[data-theme="light"] .cta-primary{
  color:#10180f!important;background:linear-gradient(90deg,#a7e72e,#c4f069)!important;border-color:rgba(108,157,50,.28)!important;
  box-shadow:0 10px 24px rgba(84,125,42,.14),0 0 20px rgba(149,201,78,.10)!important;
}
:root[data-theme="light"] .btn-primary::after,:root[data-theme="light"] button[type="submit"]::after,:root[data-theme="light"] .cta-primary::after{
  opacity:1!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.58),transparent)!important;
  animation:lightButtonSweep 4.8s ease-in-out infinite!important;
}
@keyframes lightButtonSweep{0%,58%,100%{left:-60%;opacity:0}68%{opacity:.75}82%{left:120%;opacity:0}}

:root[data-theme="light"] .section-head h2::after,:root[data-theme="light"] #services .services-title-two-lines span:last-child::after{
  background:linear-gradient(90deg,#92cf2c,rgba(146,207,44,0))!important;
  box-shadow:0 0 14px rgba(114,173,28,.16)!important;animation:lightAccentLine 2.4s ease-in-out infinite!important;
}
@keyframes lightAccentLine{0%,100%{width:72px;opacity:.68}50%{width:118px;opacity:1}}

:root[data-theme="light"] #contact,:root[data-theme="light"] .global-contact-ref-final{
  background:radial-gradient(820px 600px at 8% 12%,rgba(184,229,111,.19),transparent 70%),
  radial-gradient(780px 560px at 90% 18%,rgba(205,234,161,.17),transparent 72%),
  linear-gradient(135deg,#f2f7ec,#eaf2e4 52%,#f7faf3)!important;
}
:root[data-theme="light"] #contact .contact-ref-title,:root[data-theme="light"] .global-contact-ref-final .contact-ref-title{color:#172019!important;text-shadow:none!important}
:root[data-theme="light"] #contact .contact-card-v3,:root[data-theme="light"] .global-contact-ref-final .contact-card-v3{
  background:linear-gradient(145deg,#fff,#eef5e9)!important;border-color:rgba(98,147,55,.19)!important;
}
:root[data-theme="light"] #contact .contact-card-main-v3,:root[data-theme="light"] #contact .hours-row-v3,:root[data-theme="light"] #contact .hours-row-v3 strong,
:root[data-theme="light"] .global-contact-ref-final .contact-card-main-v3,:root[data-theme="light"] .global-contact-ref-final .hours-row-v3,:root[data-theme="light"] .global-contact-ref-final .hours-row-v3 strong{color:#1d2920!important}

:root[data-theme="light"] footer{background:linear-gradient(180deg,#edf4e7,#e7efe0)!important;color:#354138!important;border-color:rgba(83,126,51,.12)!important}
:root[data-theme="light"] footer a{color:#3d523e!important}

@media(max-width:900px){
  :root[data-theme="light"] body::before{width:620px!important;height:620px!important;right:-360px!important;top:-220px!important}
  :root[data-theme="light"] .hero::before{width:520px!important;height:520px!important;right:-240px!important;top:20px!important}
}
@media(max-width:620px){
  :root[data-theme="light"] body{background-attachment:scroll!important}
  :root[data-theme="light"] body::before{width:420px!important;height:420px!important;right:-280px!important;top:-120px!important;opacity:.45!important}
  :root[data-theme="light"] body::after{display:none!important}
  :root[data-theme="light"] .hero::before{width:400px!important;height:400px!important;right:-240px!important;top:80px!important;opacity:.58!important}
  :root[data-theme="light"] .hero::after{right:12%!important;top:19%!important;box-shadow:0 0 16px rgba(116,173,28,.55),-150px 160px 0 -2px rgba(116,173,28,.45)!important}
}
@media(prefers-reduced-motion:reduce){
  :root[data-theme="light"] body::before,:root[data-theme="light"] body::after,
  :root[data-theme="light"] .hero::before,:root[data-theme="light"] .hero::after,
  :root[data-theme="light"] .section-head h2::after,:root[data-theme="light"] #services .services-title-two-lines span:last-child::after,
  :root[data-theme="light"] .btn-primary::after,:root[data-theme="light"] button[type="submit"]::after,:root[data-theme="light"] .cta-primary::after{animation:none!important}
}


/* =========================================================
   LIGHT THEME — SOFT LIME / MORE GREEN / NO BLACK OUTLINES
   ========================================================= */

:root[data-theme="light"]{
  --accent:#8fcf52 !important;
  --accent-2:#a9df72 !important;
  --accent-dim:#78ad45 !important;
  --light-lime:#a9df72 !important;
  --light-lime-soft:#c7eba5 !important;
  --light-green:#d9ecc9 !important;
  --light-green-2:#e5f2db !important;
}

/* More soft green than white */
:root[data-theme="light"] body{
  background:
    radial-gradient(980px 760px at 8% 7%,rgba(170,220,105,.50),transparent 67%),
    radial-gradient(900px 720px at 92% 18%,rgba(194,228,151,.38),transparent 70%),
    radial-gradient(820px 660px at 54% 80%,rgba(180,216,137,.30),transparent 72%),
    linear-gradient(135deg,#e4efda 0%,#dcebd1 46%,#e9f3e1 100%) !important;
}

/* Sections: greener and softer */
:root[data-theme="light"] main > section:not(.hero):not(#hero),
:root[data-theme="light"] .section{
  background:
    radial-gradient(820px 560px at 7% 18%,rgba(177,219,118,.28),transparent 70%),
    radial-gradient(780px 540px at 92% 22%,rgba(200,228,164,.22),transparent 72%),
    linear-gradient(135deg,#e2edd8 0%,#d8e8cc 50%,#e7f1df 100%) !important;
}

:root[data-theme="light"] main > section:nth-of-type(even){
  background:
    radial-gradient(820px 560px at 90% 20%,rgba(183,221,126,.30),transparent 72%),
    linear-gradient(135deg,#ddebd2 0%,#d4e6c8 52%,#e4efdc 100%) !important;
}

/* Hero: less white, more pale green */
:root[data-theme="light"] .hero,
:root[data-theme="light"] section.hero,
:root[data-theme="light"] #hero{
  background:
    radial-gradient(820px 560px at 12% 13%,rgba(178,228,108,.55),transparent 67%),
    radial-gradient(760px 560px at 85% 34%,rgba(202,228,170,.40),transparent 70%),
    linear-gradient(135deg,#e0edd5 0%,#e7f1df 48%,#dce9d1 100%) !important;
}

/* Softer lime accents everywhere */
:root[data-theme="light"] body :where(
  .eyebrow,.accent,.about-key,.reviews-accent,.price,.rating,.stars,
  .price-ref-eyebrow,.contact-ref-eyebrow,.services-title-two-lines .accent
){
  color:#7dbb46 !important;
  text-shadow:none !important;
}

/* Headings: remove any black stroke / harsh shadow */
:root[data-theme="light"] body :where(h1,h2,h3,h4,h5,h6),
:root[data-theme="light"] .hero h1,
:root[data-theme="light"] .hero h2,
:root[data-theme="light"] #hero h1,
:root[data-theme="light"] #hero h2,
:root[data-theme="light"] #services .services-title-two-lines,
:root[data-theme="light"] #services .icon-tile > span:last-child{
  -webkit-text-stroke:0 transparent !important;
  text-stroke:0 transparent !important;
  text-shadow:none !important;
  filter:none !important;
}

/* Buttons: no black outlines */
:root[data-theme="light"] .btn,
:root[data-theme="light"] .btn-primary,
:root[data-theme="light"] .cta-primary,
:root[data-theme="light"] button,
:root[data-theme="light"] a[class*="btn"]{
  -webkit-text-stroke:0 transparent !important;
  text-stroke:0 transparent !important;
  text-shadow:none !important;
  outline:none !important;
  box-shadow:none;
}

/* Primary buttons — softer lime, no harsh neon */
:root[data-theme="light"] .btn-primary,
:root[data-theme="light"] button[type="submit"],
:root[data-theme="light"] .cta-primary{
  color:#1b261a !important;
  background:linear-gradient(90deg,#a9da6e,#c4e99c) !important;
  border:1px solid rgba(103,149,63,.24) !important;
  box-shadow:
    0 10px 22px rgba(76,111,55,.11),
    0 0 16px rgba(145,192,94,.07) !important;
}

/* Secondary buttons also lighter */
:root[data-theme="light"] .btn-secondary,
:root[data-theme="light"] .btn-ghost{
  color:#2a382d !important;
  background:rgba(244,249,239,.72) !important;
  border-color:rgba(90,132,61,.20) !important;
  text-shadow:none !important;
  box-shadow:0 8px 18px rgba(65,91,57,.055) !important;
}

/* Cards — pale green instead of white */
:root[data-theme="light"] body :where(
  .card,.panel,.glass,.box,.device-card,.service-card,.price-card,
  .review-card,.testimonial,.feature-card,.model-card,.article-card,
  .blog-card,.stat-card,.icon-tile,.contact-card-v3,.loc-panel,.form-panel
){
  background:
    radial-gradient(300px 180px at 20% 0%,rgba(166,210,110,.16),transparent 70%),
    linear-gradient(145deg,#eef6e8 0%,#e2eed9 100%) !important;
  border-color:rgba(97,143,61,.19) !important;
  box-shadow:
    0 12px 26px rgba(58,83,49,.075),
    inset 0 1px 0 rgba(255,255,255,.40) !important;
}

/* Forms: pale-green surfaces */
:root[data-theme="light"] form,
:root[data-theme="light"] .repair-form,
:root[data-theme="light"] .form-card,
:root[data-theme="light"] .contact-ref-right .repair-form{
  background:
    radial-gradient(480px 260px at 50% 0%,rgba(168,213,112,.16),transparent 68%),
    linear-gradient(145deg,#edf5e7,#dfead8) !important;
  border-color:rgba(95,139,60,.20) !important;
  box-shadow:0 16px 32px rgba(58,83,49,.08) !important;
}

:root[data-theme="light"] input,
:root[data-theme="light"] select,
:root[data-theme="light"] textarea{
  background:#f2f7ee !important;
  color:#172019 !important;
  border-color:#b8cda9 !important;
  box-shadow:none !important;
}

/* Contact block more green */
:root[data-theme="light"] #contact,
:root[data-theme="light"] .global-contact-ref-final{
  background:
    radial-gradient(860px 620px at 8% 12%,rgba(174,219,116,.30),transparent 69%),
    radial-gradient(800px 580px at 91% 19%,rgba(198,228,158,.26),transparent 71%),
    linear-gradient(135deg,#ddebd3,#d4e5c8 52%,#e4efdc) !important;
}

/* Header/footer — greener */
:root[data-theme="light"] header,
:root[data-theme="light"] .site-header{
  background:rgba(226,238,217,.92) !important;
  border-color:rgba(89,129,58,.14) !important;
  box-shadow:0 8px 22px rgba(57,83,47,.055) !important;
}

:root[data-theme="light"] footer{
  background:linear-gradient(180deg,#dce9d3,#d3e3c9) !important;
  color:#354138 !important;
}

/* Tone down overly bright glows */
:root[data-theme="light"] .hero::after{
  background:#8dbf58 !important;
  box-shadow:
    0 0 16px rgba(126,175,74,.45),
    -290px 130px 0 -1px rgba(126,175,74,.48),
    -510px 265px 0 -2px rgba(126,175,74,.38) !important;
}

:root[data-theme="light"] body::before,
:root[data-theme="light"] body::after,
:root[data-theme="light"] .hero::before{
  border-color:rgba(99,148,61,.15) !important;
}

/* Accent lines softer */
:root[data-theme="light"] .section-head h2::after,
:root[data-theme="light"] #services .services-title-two-lines span:last-child::after{
  background:linear-gradient(90deg,#8fc55a,rgba(143,197,90,0)) !important;
  box-shadow:0 0 10px rgba(110,156,70,.11) !important;
}

/* Less aggressive hover glow in light mode */
@media(hover:hover){
  :root[data-theme="light"] body :where(
    .card,.device-card,.service-card,.price-card,.review-card,.feature-card,
    .model-card,.article-card,.icon-tile,.contact-card-v3
  ):hover{
    transform:translateY(-5px) scale(1.006) !important;
    border-color:rgba(102,154,65,.31) !important;
    box-shadow:
      0 18px 34px rgba(58,83,49,.10),
      0 0 18px rgba(133,181,88,.05) !important;
  }
}

/* Mobile: keep green dominant but not heavy */
@media(max-width:620px){
  :root[data-theme="light"] body{
    background:
      radial-gradient(520px 420px at 10% 8%,rgba(175,220,112,.40),transparent 68%),
      linear-gradient(135deg,#dfead6 0%,#d7e6cd 54%,#e6f0df 100%) !important;
  }
}


/* =========================================================
   FINAL VISUAL CORRECTION
   - stronger green light-theme background
   - bright lime for ALL animation/accent elements
   - override leftover acid green
   - engineers block: soft green corner glows + white rings
   ========================================================= */

/* ---------- LIGHT THEME: greener background with real contrast ---------- */
:root[data-theme="light"]{
  --accent:#9bdc55 !important;
  --accent-2:#b8ec7a !important;
  --accent-dim:#82bd49 !important;
  --light-lime:#aef05c !important;
  --light-lime-soft:#c9f3a0 !important;
}

:root[data-theme="light"] body{
  background:
    radial-gradient(980px 780px at 7% 8%,rgba(144,205,82,.58),transparent 66%),
    radial-gradient(930px 740px at 92% 17%,rgba(171,218,118,.48),transparent 69%),
    radial-gradient(820px 650px at 52% 83%,rgba(156,207,104,.36),transparent 71%),
    linear-gradient(135deg,#d4e7c6 0%,#cfe3c0 46%,#dcebd2 100%) !important;
}

:root[data-theme="light"] main > section:not(.hero):not(#hero),
:root[data-theme="light"] .section{
  background:
    radial-gradient(850px 570px at 7% 18%,rgba(148,203,91,.38),transparent 69%),
    radial-gradient(800px 550px at 92% 22%,rgba(179,218,132,.30),transparent 70%),
    linear-gradient(135deg,#d8e8cc 0%,#cee1c0 51%,#dcebd3 100%) !important;
}

:root[data-theme="light"] main > section:nth-of-type(even){
  background:
    radial-gradient(830px 570px at 90% 18%,rgba(151,206,93,.40),transparent 70%),
    linear-gradient(135deg,#d2e4c4 0%,#c8deba 52%,#d9e9cf 100%) !important;
}

/* Hero also greener, with readable dark typography */
:root[data-theme="light"] .hero,
:root[data-theme="light"] section.hero,
:root[data-theme="light"] #hero{
  background:
    radial-gradient(850px 580px at 11% 12%,rgba(147,215,77,.62),transparent 66%),
    radial-gradient(760px 570px at 86% 35%,rgba(185,220,143,.46),transparent 69%),
    linear-gradient(135deg,#d6e8c9 0%,#dcebd2 48%,#d1e4c4 100%) !important;
}

/* ---------- BRIGHT LIME: all decorative animations / highlights ---------- */
:root[data-theme="light"] body{
  --anim-lime:#b6ff4d;
  --anim-lime-soft:#d3ff8c;
}

/* headings / labels / category names / prices / active navigation */
:root[data-theme="light"] body :where(
  .eyebrow,.accent,.about-key,.reviews-accent,.price,.rating,.stars,
  .price-ref-eyebrow,.contact-ref-eyebrow,.category,.category-label,
  .device-label,.service-label,.active,.is-active,[aria-current="page"]
){
  color:#79b93f !important;
  text-shadow:none !important;
}

/* stronger lime for actual highlighted words */
:root[data-theme="light"] body :where(
  h1 .accent,h2 .accent,h3 .accent,
  .hero .accent,.services-title-two-lines .accent,
  .contact-ref-title span,.reviews-title span,.price-title span
){
  color:#79b93f !important;
  text-shadow:none !important;
}

/* animated rings and dots */
:root[data-theme="light"] body::before,
:root[data-theme="light"] body::after,
:root[data-theme="light"] .hero::before,
:root[data-theme="light"] .contact-orbit,
:root[data-theme="light"] .about-orbit,
:root[data-theme="light"] .orbit,
:root[data-theme="light"] [class*="orbit"]{
  border-color:rgba(182,255,77,.48) !important;
}

:root[data-theme="light"] .hero::after,
:root[data-theme="light"] .contact-particle,
:root[data-theme="light"] .particle,
:root[data-theme="light"] .dot,
:root[data-theme="light"] [class*="particle"],
:root[data-theme="light"] [class*="glow-dot"]{
  background:#b6ff4d !important;
  box-shadow:0 0 18px rgba(182,255,77,.80),0 0 34px rgba(182,255,77,.28) !important;
}

/* animated underline / lines */
:root[data-theme="light"] .section-head h2::after,
:root[data-theme="light"] #services .services-title-two-lines span:last-child::after,
:root[data-theme="light"] .contact-ref-line,
:root[data-theme="light"] [class*="accent-line"]{
  background:linear-gradient(90deg,#b6ff4d,rgba(182,255,77,0)) !important;
  box-shadow:0 0 16px rgba(182,255,77,.34) !important;
}

/* icon neon */
:root[data-theme="light"] .tile-ico,
:root[data-theme="light"] .icon-wrap,
:root[data-theme="light"] .contact-card-icon-v3,
:root[data-theme="light"] .global-contact-icon{
  color:#83bd45 !important;
  border-color:rgba(129,187,69,.32) !important;
}

/* active pills and category tabs */
:root[data-theme="light"] .tabs .active,
:root[data-theme="light"] .tab.active,
:root[data-theme="light"] .filter-btn.active,
:root[data-theme="light"] [role="tab"][aria-selected="true"]{
  background:linear-gradient(90deg,#aee56f,#c8ef9c) !important;
  color:#182218 !important;
  border-color:rgba(96,145,55,.28) !important;
  box-shadow:0 8px 18px rgba(76,111,55,.10) !important;
}

/* maps / contact blocks: kill leftover harsh acid green */
:root[data-theme="light"] #contact,
:root[data-theme="light"] .global-contact-ref-final{
  background:
    radial-gradient(900px 650px at 8% 10%,rgba(149,204,92,.40),transparent 68%),
    radial-gradient(820px 600px at 91% 18%,rgba(181,219,136,.34),transparent 70%),
    linear-gradient(135deg,#d2e5c4,#c8deb9 52%,#d9e9cf) !important;
}

:root[data-theme="light"] #contact .contact-ref-map,
:root[data-theme="light"] .global-contact-ref-final .contact-ref-map{
  border-color:rgba(116,174,62,.28) !important;
  box-shadow:0 16px 34px rgba(58,83,49,.10) !important;
}

:root[data-theme="light"] .map-open-link{
  background:rgba(241,247,237,.96) !important;
  color:#263326 !important;
  border-color:rgba(91,138,53,.22) !important;
  box-shadow:0 9px 20px rgba(55,79,48,.08) !important;
}

/* remove old acid/neon text color leftovers */
:root[data-theme="light"] [style*="#bfff3f"],
:root[data-theme="light"] [style*="#BFFF3F"],
:root[data-theme="light"] [style*="#b7ff32"],
:root[data-theme="light"] [style*="#caff56"],
:root[data-theme="light"] [style*="#9cff00"],
:root[data-theme="light"] [style*="#aaff00"]{
  color:#79b93f !important;
  text-shadow:none !important;
}

/* buttons: softer lime fill, animation highlight stays BRIGHT lime */
:root[data-theme="light"] .btn-primary,
:root[data-theme="light"] button[type="submit"],
:root[data-theme="light"] .cta-primary{
  background:linear-gradient(90deg,#a8dd72,#c5eba0) !important;
  color:#172018 !important;
  border-color:rgba(93,140,57,.24) !important;
  box-shadow:0 10px 22px rgba(66,94,53,.11) !important;
}

:root[data-theme="light"] .btn-primary::after,
:root[data-theme="light"] button[type="submit"]::after,
:root[data-theme="light"] .cta-primary::after{
  background:linear-gradient(90deg,transparent,rgba(218,255,158,.92),transparent) !important;
  filter:drop-shadow(0 0 10px rgba(182,255,77,.50));
}

/* ---------- DARK THEME: ENGINEERS / ABOUT block ---------- */
/* more white rings and soft green spots in corners */
:root:not([data-theme="light"]) #about.about-orbit-v2,
:root[data-theme="dark"] #about.about-orbit-v2,
body:not([data-theme="light"]) #about.about-orbit-v2{
  position:relative !important;
  overflow:hidden !important;
  background:
    radial-gradient(520px 360px at 2% 2%,rgba(167,234,105,.12),transparent 68%),
    radial-gradient(580px 390px at 98% 96%,rgba(179,238,118,.10),transparent 70%),
    radial-gradient(900px 620px at 84% 18%,rgba(107,165,66,.08),transparent 72%),
    linear-gradient(135deg,#08170f 0%,#0b1d13 52%,#08170f 100%) !important;
}

/* two extra white orbital rings */
:root:not([data-theme="light"]) #about.about-orbit-v2::before,
:root[data-theme="dark"] #about.about-orbit-v2::before{
  content:"" !important;
  position:absolute !important;
  width:760px !important;
  height:760px !important;
  right:-260px !important;
  top:-250px !important;
  border-radius:50% !important;
  border:1px solid rgba(255,255,255,.19) !important;
  box-shadow:
    0 0 0 84px rgba(255,255,255,.035),
    0 0 0 168px rgba(255,255,255,.018) !important;
  opacity:.72 !important;
  pointer-events:none !important;
  animation:engineerWhiteOrbit 18s ease-in-out infinite !important;
}

:root:not([data-theme="light"]) #about.about-orbit-v2::after,
:root[data-theme="dark"] #about.about-orbit-v2::after{
  content:"" !important;
  position:absolute !important;
  width:520px !important;
  height:520px !important;
  left:-300px !important;
  bottom:-310px !important;
  border-radius:50% !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:
    0 0 0 62px rgba(255,255,255,.026),
    0 0 0 124px rgba(255,255,255,.013) !important;
  opacity:.62 !important;
  pointer-events:none !important;
  animation:engineerWhiteOrbitReverse 22s ease-in-out infinite !important;
}

@keyframes engineerWhiteOrbit{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg) scale(1)}
  50%{transform:translate3d(-18px,16px,0) rotate(7deg) scale(1.03)}
}
@keyframes engineerWhiteOrbitReverse{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg)}
  50%{transform:translate3d(16px,-12px,0) rotate(-6deg)}
}

/* extra soft light-green corner glows behind content */
:root:not([data-theme="light"]) #about.about-orbit-v2 .wrap,
:root[data-theme="dark"] #about.about-orbit-v2 .wrap{
  position:relative !important;
  z-index:2 !important;
}

:root:not([data-theme="light"]) #about.about-orbit-v2 .about-orbit-stat,
:root[data-theme="dark"] #about.about-orbit-v2 .about-orbit-stat{
  border-color:rgba(190,255,126,.15) !important;
  box-shadow:0 16px 34px rgba(0,0,0,.16),0 0 24px rgba(177,236,115,.035) !important;
}

/* preserve readable mobile layout */
@media(max-width:620px){
  :root[data-theme="light"] body{
    background:
      radial-gradient(560px 440px at 10% 8%,rgba(149,207,92,.46),transparent 66%),
      linear-gradient(135deg,#d2e4c4 0%,#c9deb9 54%,#d9e8cf 100%) !important;
  }

  :root:not([data-theme="light"]) #about.about-orbit-v2::before{
    width:480px !important;
    height:480px !important;
    right:-310px !important;
    top:-150px !important;
    opacity:.50 !important;
  }
  :root:not([data-theme="light"]) #about.about-orbit-v2::after{
    display:none !important;
  }
}

@media(prefers-reduced-motion:reduce){
  :root:not([data-theme="light"]) #about.about-orbit-v2::before,
  :root:not([data-theme="light"]) #about.about-orbit-v2::after{
    animation:none !important;
  }
}


/* =========================================================
   FINAL LIGHT REFRESH + ENGINEERS REDESIGN
   soft lime accents from reference, greener light theme,
   light form, no acid green, stronger animations,
   dark engineers block with glows + white rings
   ========================================================= */

:root[data-theme="light"]{
  --accent:#84c34a !important;
  --accent-2:#a9df73 !important;
  --accent-dim:#6ea93b !important;
  --lime-soft:#a9df73 !important;
  --lime-bright:#b7ff56 !important;
  --green-bg:#d4e7c7 !important;
  --green-bg-2:#c9dfb9 !important;
}

/* LIGHT THEME — greener, fresher, less white */
:root[data-theme="light"] body{
  background:
    radial-gradient(980px 720px at 8% 8%,rgba(141,205,80,.54),transparent 66%),
    radial-gradient(900px 700px at 92% 18%,rgba(184,222,137,.42),transparent 68%),
    radial-gradient(820px 640px at 50% 82%,rgba(165,213,109,.34),transparent 70%),
    linear-gradient(135deg,#d5e7c8 0%,#cce1bd 48%,#dcebd2 100%) !important;
}

:root[data-theme="light"] main > section:not(.hero):not(#hero),
:root[data-theme="light"] .section{
  background:
    radial-gradient(860px 560px at 6% 18%,rgba(149,207,92,.34),transparent 69%),
    radial-gradient(800px 560px at 92% 18%,rgba(188,223,146,.28),transparent 71%),
    linear-gradient(135deg,#d7e8ca 0%,#cde1bf 50%,#dcebd3 100%) !important;
}

:root[data-theme="light"] main > section:nth-of-type(even){
  background:
    radial-gradient(860px 560px at 92% 17%,rgba(151,210,93,.38),transparent 70%),
    linear-gradient(135deg,#d2e4c4 0%,#c8deb9 52%,#d7e8cc 100%) !important;
}

/* Light services should not be white */
:root[data-theme="light"] #services{
  background:
    radial-gradient(780px 520px at 8% 12%,rgba(146,207,87,.42),transparent 68%),
    radial-gradient(780px 520px at 88% 16%,rgba(190,225,150,.30),transparent 70%),
    linear-gradient(135deg,#d4e6c6,#c9dfba 52%,#dbead0) !important;
}

:root[data-theme="light"] #services .icon-tile{
  background:
    radial-gradient(260px 150px at 18% 0%,rgba(159,209,99,.14),transparent 69%),
    linear-gradient(145deg,#eef6e8,#dfeeda) !important;
  border-color:rgba(96,145,56,.24) !important;
  box-shadow:0 14px 28px rgba(57,83,48,.09),0 0 18px rgba(133,183,84,.04) !important;
}

/* Soft lime text everywhere — remove acid */
:root[data-theme="light"] body :where(
  .eyebrow,.accent,.about-key,.reviews-accent,.price,.rating,.stars,
  .price-ref-eyebrow,.contact-ref-eyebrow,.category,.category-label,
  .service-label,.device-label,.active,.is-active,[aria-current="page"]
){
  color:#79b73f !important;
  text-shadow:none !important;
}

:root[data-theme="light"] body :where(
  h1 .accent,h2 .accent,h3 .accent,
  .hero .accent,.contact-ref-title span,.services-title-two-lines .accent
){
  color:#79b73f !important;
  text-shadow:none !important;
}

/* Kill black text outline / harsh shadows in light theme */
:root[data-theme="light"] body :where(h1,h2,h3,h4,h5,h6,.btn,.btn-primary,.cta-primary,button,a[class*="btn"]){
  -webkit-text-stroke:0 transparent !important;
  text-shadow:none !important;
  filter:none !important;
}

/* Brighter animation language */
:root[data-theme="light"] .hero::after,
:root[data-theme="light"] .contact-particle,
:root[data-theme="light"] .particle,
:root[data-theme="light"] [class*="particle"],
:root[data-theme="light"] [class*="glow-dot"]{
  background:#b7ff56 !important;
  box-shadow:0 0 16px rgba(183,255,86,.82),0 0 34px rgba(183,255,86,.34) !important;
  animation-duration:2s !important;
}

:root[data-theme="light"] body::before,
:root[data-theme="light"] body::after,
:root[data-theme="light"] .hero::before,
:root[data-theme="light"] .contact-orbit,
:root[data-theme="light"] .orbit,
:root[data-theme="light"] [class*="orbit"]{
  border-color:rgba(183,255,86,.46) !important;
}

:root[data-theme="light"] .section-head h2::after,
:root[data-theme="light"] #services .services-title-two-lines span:last-child::after,
:root[data-theme="light"] .contact-ref-line,
:root[data-theme="light"] [class*="accent-line"]{
  background:linear-gradient(90deg,#b7ff56,rgba(183,255,86,0)) !important;
  box-shadow:0 0 17px rgba(183,255,86,.34) !important;
  animation:lightLinePulse 2.2s ease-in-out infinite !important;
}
@keyframes lightLinePulse{
  0%,100%{opacity:.62;transform:scaleX(.94)}
  50%{opacity:1;transform:scaleX(1.12)}
}

/* Light cards */
:root[data-theme="light"] body :where(
  .card,.panel,.glass,.box,.device-card,.service-card,.price-card,.review-card,
  .testimonial,.feature-card,.model-card,.article-card,.blog-card,.stat-card,
  .contact-card-v3,.loc-panel,.form-panel
){
  background:
    radial-gradient(280px 160px at 18% 0%,rgba(160,207,104,.13),transparent 70%),
    linear-gradient(145deg,#eef6e8,#e0edda) !important;
  border-color:rgba(96,143,58,.20) !important;
  box-shadow:0 14px 30px rgba(59,83,50,.08) !important;
}

/* LIGHT CONTACT / APPLICATION FORM — make it light, not dark */
:root[data-theme="light"] #contact,
:root[data-theme="light"] .global-contact-ref-final{
  background:
    radial-gradient(900px 620px at 7% 12%,rgba(148,207,91,.40),transparent 68%),
    radial-gradient(820px 580px at 92% 18%,rgba(188,224,146,.32),transparent 70%),
    linear-gradient(135deg,#d5e6c8,#c8dfb9 52%,#d9e9ce) !important;
}

:root[data-theme="light"] #contact .repair-form,
:root[data-theme="light"] .global-contact-ref-final .repair-form,
:root[data-theme="light"] .contact-ref-right .repair-form{
  background:
    radial-gradient(520px 270px at 50% 0%,rgba(158,207,102,.14),transparent 69%),
    linear-gradient(145deg,#edf5e8,#ddebd7) !important;
  border:1px solid rgba(95,142,58,.22) !important;
  color:#172019 !important;
  box-shadow:0 18px 36px rgba(58,83,49,.09),0 0 20px rgba(132,183,82,.04) !important;
}

:root[data-theme="light"] #contact .repair-form label,
:root[data-theme="light"] .global-contact-ref-final .repair-form label{
  color:#2f3d32 !important;
  text-shadow:none !important;
}

:root[data-theme="light"] #contact .repair-form input,
:root[data-theme="light"] #contact .repair-form select,
:root[data-theme="light"] #contact .repair-form textarea,
:root[data-theme="light"] .global-contact-ref-final .repair-form input,
:root[data-theme="light"] .global-contact-ref-final .repair-form select,
:root[data-theme="light"] .global-contact-ref-final .repair-form textarea{
  background:#f3f8ef !important;
  color:#172019 !important;
  border-color:#b6cba8 !important;
  box-shadow:none !important;
}

:root[data-theme="light"] #contact .repair-form input::placeholder,
:root[data-theme="light"] #contact .repair-form textarea::placeholder,
:root[data-theme="light"] .global-contact-ref-final .repair-form input::placeholder,
:root[data-theme="light"] .global-contact-ref-final .repair-form textarea::placeholder{
  color:#859086 !important;
}

/* Buttons soft lime, animated sweep bright lime */
:root[data-theme="light"] .btn-primary,
:root[data-theme="light"] button[type="submit"],
:root[data-theme="light"] .cta-primary{
  background:linear-gradient(90deg,#a7da72,#c3e99c) !important;
  color:#172018 !important;
  border:1px solid rgba(95,142,58,.22) !important;
  box-shadow:0 10px 22px rgba(66,94,53,.10) !important;
}
:root[data-theme="light"] .btn-primary::after,
:root[data-theme="light"] button[type="submit"]::after,
:root[data-theme="light"] .cta-primary::after{
  background:linear-gradient(90deg,transparent,rgba(224,255,172,.96),transparent) !important;
  filter:drop-shadow(0 0 10px rgba(183,255,86,.42)) !important;
  animation-duration:4.2s !important;
}

/* Map and map button harmonized */
:root[data-theme="light"] .map-open-link{
  background:rgba(239,247,235,.96) !important;
  color:#263426 !important;
  border-color:rgba(94,139,57,.22) !important;
  box-shadow:0 8px 18px rgba(58,82,49,.08) !important;
}

/* =========================================================
   DARK ABOUT / ENGINEERS — major visual upgrade
   ========================================================= */
:root:not([data-theme="light"]) #about.about-orbit-v2,
:root[data-theme="dark"] #about.about-orbit-v2{
  position:relative !important;
  overflow:hidden !important;
  background:
    radial-gradient(520px 340px at 2% 2%,rgba(184,240,126,.17),transparent 66%),
    radial-gradient(600px 390px at 100% 100%,rgba(170,232,110,.13),transparent 68%),
    radial-gradient(760px 500px at 83% 12%,rgba(132,185,82,.11),transparent 70%),
    linear-gradient(135deg,#07170f 0%,#0a1d13 52%,#07170f 100%) !important;
}

/* soft green corner lights */
:root:not([data-theme="light"]) #about.about-orbit-v2 .wrap::before,
:root[data-theme="dark"] #about.about-orbit-v2 .wrap::before{
  content:"" !important;
  position:absolute !important;
  width:360px !important;
  height:360px !important;
  border-radius:50% !important;
  left:-120px !important;
  top:-120px !important;
  background:radial-gradient(circle,rgba(195,246,144,.16),rgba(195,246,144,0) 68%) !important;
  filter:blur(4px) !important;
  pointer-events:none !important;
  animation:engineerGlowFloat 7s ease-in-out infinite !important;
}
:root:not([data-theme="light"]) #about.about-orbit-v2 .wrap::after,
:root[data-theme="dark"] #about.about-orbit-v2 .wrap::after{
  content:"" !important;
  position:absolute !important;
  width:420px !important;
  height:420px !important;
  border-radius:50% !important;
  right:-150px !important;
  bottom:-160px !important;
  background:radial-gradient(circle,rgba(190,244,136,.13),rgba(190,244,136,0) 68%) !important;
  filter:blur(4px) !important;
  pointer-events:none !important;
  animation:engineerGlowFloat 8s ease-in-out infinite reverse !important;
}
@keyframes engineerGlowFloat{
  0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.70}
  50%{transform:translate3d(18px,-12px,0) scale(1.08);opacity:1}
}

/* white / pale rings like repair block */
:root:not([data-theme="light"]) #about.about-orbit-v2::before,
:root[data-theme="dark"] #about.about-orbit-v2::before{
  content:"" !important;
  position:absolute !important;
  width:780px !important;
  height:780px !important;
  right:-250px !important;
  top:-240px !important;
  border-radius:50% !important;
  border:1px solid rgba(255,255,255,.22) !important;
  box-shadow:
    0 0 0 82px rgba(255,255,255,.042),
    0 0 0 164px rgba(255,255,255,.021),
    0 0 0 246px rgba(255,255,255,.010) !important;
  opacity:.76 !important;
  pointer-events:none !important;
  animation:engineerRingsFloat 16s ease-in-out infinite !important;
}
:root:not([data-theme="light"]) #about.about-orbit-v2::after,
:root[data-theme="dark"] #about.about-orbit-v2::after{
  content:"" !important;
  position:absolute !important;
  width:560px !important;
  height:560px !important;
  left:-310px !important;
  bottom:-330px !important;
  border-radius:50% !important;
  border:1px solid rgba(255,255,255,.17) !important;
  box-shadow:
    0 0 0 64px rgba(255,255,255,.031),
    0 0 0 128px rgba(255,255,255,.015) !important;
  opacity:.65 !important;
  pointer-events:none !important;
  animation:engineerRingsFloat 20s ease-in-out infinite reverse !important;
}
@keyframes engineerRingsFloat{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(-18px,16px,0) scale(1.035)}
}

/* stats/cards brighter in dark engineers */
:root:not([data-theme="light"]) #about.about-orbit-v2 .about-orbit-stat,
:root[data-theme="dark"] #about.about-orbit-v2 .about-orbit-stat{
  background:
    radial-gradient(220px 150px at 20% 0%,rgba(191,255,125,.08),transparent 68%),
    linear-gradient(145deg,rgba(22,57,34,.95),rgba(14,43,27,.97)) !important;
  border-color:rgba(201,255,146,.23) !important;
  box-shadow:0 16px 32px rgba(0,0,0,.17),0 0 22px rgba(191,247,128,.04) !important;
}
:root:not([data-theme="light"]) #about.about-orbit-v2 .about-key,
:root[data-theme="dark"] #about.about-orbit-v2 .about-key{
  color:#a9df73 !important;
  text-shadow:0 0 14px rgba(169,223,115,.10) !important;
}

/* mobile */
@media(max-width:620px){
  :root[data-theme="light"] body{
    background:
      radial-gradient(560px 440px at 10% 8%,rgba(149,207,92,.47),transparent 66%),
      linear-gradient(135deg,#d0e3c2 0%,#c6dcb7 54%,#d6e7cb 100%) !important;
  }

  :root:not([data-theme="light"]) #about.about-orbit-v2::before{
    width:500px !important;
    height:500px !important;
    right:-320px !important;
    top:-130px !important;
    opacity:.52 !important;
  }
  :root:not([data-theme="light"]) #about.about-orbit-v2::after{
    display:none !important;
  }
}

/* reduced motion */
@media(prefers-reduced-motion:reduce){
  :root:not([data-theme="light"]) #about.about-orbit-v2::before,
  :root:not([data-theme="light"]) #about.about-orbit-v2::after,
  :root:not([data-theme="light"]) #about.about-orbit-v2 .wrap::before,
  :root:not([data-theme="light"]) #about.about-orbit-v2 .wrap::after{
    animation:none !important;
  }
}

/* =========================================================
   V76 — GRAY HERO DEVICE ICONS FOR TECH PAGES
   Make hero device silhouettes on non-phone tech pages
   gray/dark like the approved homepage reference.
   ========================================================= */
:root[data-theme="light"] body:is([data-page="laptops"],[data-page="pc-imac"],[data-page="tablets"],[data-page="apple-watch"],[data-page="consoles"]) .hero-visual .device{
  background:linear-gradient(160deg,#4b544e 0%, #242b27 48%, #151917 100%) !important;
  border-color:#626b65 !important;
  box-shadow:0 42px 90px -30px rgba(20,24,21,.52), inset 0 0 0 1px rgba(255,255,255,.05) !important;
}
:root[data-theme="light"] body:is([data-page="laptops"],[data-page="pc-imac"],[data-page="tablets"],[data-page="apple-watch"],[data-page="consoles"]) .hero-visual .scanline{
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.10),transparent) !important;
}
:root[data-theme="light"] body:is([data-page="laptops"],[data-page="pc-imac"],[data-page="tablets"],[data-page="apple-watch"],[data-page="consoles"]) .hero-visual .shape-phone::before,
:root[data-theme="light"] body:is([data-page="laptops"],[data-page="pc-imac"],[data-page="tablets"],[data-page="apple-watch"],[data-page="consoles"]) .hero-visual .shape-watch::before{
  background:#232825 !important;
  border-color:#626b65 !important;
}
:root[data-theme="light"] body:is([data-page="laptops"],[data-page="pc-imac"],[data-page="tablets"],[data-page="apple-watch"],[data-page="consoles"]) .hero-visual .shape-desktop::before{
  background:#8e9891 !important;
  box-shadow:0 0 8px rgba(201,209,204,.28) !important;
}
:root[data-theme="light"] body:is([data-page="laptops"],[data-page="pc-imac"],[data-page="tablets"],[data-page="apple-watch"],[data-page="consoles"]) .hero-visual .shape-laptop::after{
  background:rgba(197,205,199,.45) !important;
}