/* ==========================================================================
   SERVICE redesign v2
   - unified light "iguana" design system (harmonized colors)
   - iguana as an animated background layer whose eyes + paws follow
     the cursor / touch / scroll
   Loaded AFTER critical.css & main.css.  Additive & reversible.
   ========================================================================== */

:root{
  --c-bg:        #eef7f1;
  --c-bg2:       #e3f1e9;
  --c-surface:   #ffffff;
  --c-ink:       #173a2b;
  --c-ink2:      #3c5a4b;
  --c-primary:   #2fa363;
  --c-primary-d: #1e7a49;
  --c-primary-l: #e6f5ec;
  --c-teal:      #2bb0a3;
  --c-amber:     #e0932f;
  --c-line:      #d7e7dd;
  --c-shadow:    rgba(23,58,43,.10);
}

/* ---------- light page background ---------- */
body{ background: var(--c-bg) !important; color: var(--c-ink); }
#cosmic{ display:none !important; }

body::before,
body::after{
  content:""; position:fixed; z-index:-3; border-radius:50%;
  filter:blur(70px); opacity:.5; pointer-events:none;
}
body::before{
  width:54vw; height:54vw; left:-14vw; top:-16vw;
  background:radial-gradient(circle at 30% 30%, #bfe8cf, transparent 70%);
  animation:rd-float1 20s ease-in-out infinite;
}
body::after{
  width:48vw; height:48vw; right:-14vw; bottom:-18vw;
  background:radial-gradient(circle at 60% 40%, #cfe3fb, transparent 70%);
  animation:rd-float2 24s ease-in-out infinite;
}
@keyframes rd-float1{ 0%,100%{transform:translate(0,0)} 50%{transform:translate(4vw,3vh)} }
@keyframes rd-float2{ 0%,100%{transform:translate(0,0)} 50%{transform:translate(-3vw,-4vh)} }

/* ---------- custom cursor recolored to brand green ---------- */
#cursor-star{
  width:26px; height:26px;
  background:radial-gradient(circle,
    rgba(47,163,99,.55) 0%, rgba(47,163,99,.28) 35%, rgba(47,163,99,0) 70%) !important;
  mix-blend-mode:normal !important;
}
.cursor-black{
  background:radial-gradient(circle,
    rgba(30,122,73,.7) 0%, rgba(30,122,73,.3) 35%, rgba(30,122,73,0) 70%) !important;
}

/* ---------- hero text on light ---------- */
.title{ color:var(--c-ink) !important; text-shadow:0 2px 0 rgba(23,58,43,.08) !important; }
.description{ color:var(--c-ink2) !important; text-shadow:none !important; }
.avatar-wrapper{ border-color:#ffffff !important; box-shadow:0 10px 26px var(--c-shadow) !important; }

.section-title{ color:var(--c-ink) !important; border-left-color:var(--c-primary) !important; border-right-color:var(--c-primary) !important; }
.faq-section h2{ color:var(--c-ink) !important; border-left-color:var(--c-primary) !important; border-right-color:var(--c-primary) !important; }
.price-table h2{ border-left-color:var(--c-primary) !important; color:var(--c-ink) !important; }
.why-us h2::after{ background:var(--c-primary) !important; }
.why-us ul li::before{ color:var(--c-primary) !important; }

/* ==========================================================================
   UNIFIED DESIGN SYSTEM — harmonize every element of the home page
   ========================================================================== */

/* --- all action buttons: one calm white "card" pill, brand shown by a dot --- */
.social-btn{
  position:relative; overflow:hidden;
  background:linear-gradient(135deg,#ffffff,#f4faf6) !important;
  color:var(--c-ink) !important;
  border:1px solid var(--c-line) !important;
  box-shadow:0 6px 16px var(--c-shadow) !important;
  text-shadow:none !important;
  transition:transform .2s cubic-bezier(.34,1.56,.64,1), box-shadow .2s, border-color .2s, filter .2s !important;
}
.social-btn span{ color:var(--c-ink) !important; }
.social-btn::before{
  content:""; width:12px; height:12px; border-radius:50%;
  background:var(--btn-c, var(--c-primary));
  box-shadow:0 0 0 4px color-mix(in srgb, var(--btn-c, var(--c-primary)) 22%, transparent);
  margin-right:12px; flex:0 0 auto;
}
.social-btn:hover{
  transform:translateY(-2px);
  border-color:var(--btn-c, var(--c-primary)) !important;
  box-shadow:0 12px 24px color-mix(in srgb, var(--btn-c, var(--c-primary)) 22%, transparent) !important;
}
.social-btn:active{ transform:translateY(2px) scale(.97) !important; }

/* brand accent colors (identity kept as a coloured dot / hover glow) */
a.social-btn[href^="tel:"]        { --btn-c:#2a7a8c; }
a.social-btn[href*="t.me"]        { --btn-c:#2aa3e0; }
a.social-btn[href*="viber"]       { --btn-c:#7a3ff2; }
a.social-btn[href*="wa.me"]       { --btn-c:#25c268; }
a.social-btn[href*="facebook"]    { --btn-c:#1877f2; }
a.social-btn[href*="instagram"]   { --btn-c:#e1306c; }
a.social-btn[href*="threads"]     { --btn-c:#2b2b2b; }
a.social-btn[href*="x.com"]       { --btn-c:#2b2b2b; }
a.social-btn[href*="tiktok"]      { --btn-c:#16a5b8; }
a.social-btn[href*="youtube"]     { --btn-c:#ff3b30; }
a.social-btn[href*="maps"]        { --btn-c:#2fa363; }
a.social-btn[href*="calculator"]  { --btn-c:#e0932f; }
a.social-btn[href*="uslugi"]      { --btn-c:#7a3ff2; }
a.social-btn[href*="filebrowser"] { --btn-c:#2bb0a3; }
a.social-btn[href*="installers"]  { --btn-c:#2aa3e0; }

/* language buttons -> brand green */
.lang-switch-fixed{ opacity:1 !important; }
.lang-btn-flag{ background:linear-gradient(135deg,var(--c-primary),var(--c-primary-d)) !important;
  border:1px solid var(--c-primary-d) !important; }
.lang-btn-flag:active{ transform:scale(.9) !important; }
.lang-btn-flag.is-active{
  box-shadow:0 0 0 3px rgba(47,163,99,.38) !important;
  filter:brightness(1.08);
}

/* --- partner zone --- */
.partner-box{ background:linear-gradient(135deg,#ffffff,#f2faf5) !important; border-color:var(--c-line) !important;
  box-shadow:0 10px 30px var(--c-shadow) !important; }
.partner-box > div:first-child{ color:#6b8377 !important; }
.partner-head a.pz-title{ color:var(--c-ink) !important; }
.partner-head a.pz-title:hover{ color:var(--c-primary) !important; }
.partner-head .pz-sub{ color:#6b8377 !important; }
.partner-track-wrap{ background:#f4faf6 !important; border-color:var(--c-line) !important; }
.partner-track, .partner-item{ background:#ffffff !important; border-color:#e0ede5 !important; color:#33473d !important; }
.partner-item:hover{ border-color:var(--c-primary) !important; }
.partner-item .pz-p{ color:var(--c-primary) !important; }
.partner-item img{ background:#eef4f0 !important; }
/* massage partner CTA -> harmonized warm-in-green frame */
.pz-massage{ background:linear-gradient(105deg,#ffffff,#f2faf5) !important; border:1px solid var(--c-line) !important;
  box-shadow:0 8px 22px var(--c-shadow) !important; }
.pz-massage-title{ color:var(--c-ink) !important; }
.pz-massage-sub{ color:#8a6a55 !important; }
.pz-massage-meta{ color:#5b7568 !important; }
.pz-massage-ico{ background:linear-gradient(135deg,var(--c-amber),#f0b45a) !important; }
.pz-massage-cta{ background:linear-gradient(90deg,var(--c-primary),var(--c-primary-d)) !important;
  box-shadow:0 6px 18px color-mix(in srgb, var(--c-primary) 30%, transparent) !important; }

/* --- dark navigation "quick chips" bar --- */
.svc-quick-chips{
  background:linear-gradient(135deg,#ffffff,#f2faf5) !important;
  border:1px solid var(--c-line) !important;
  border-radius:16px !important;
  box-shadow:0 8px 24px var(--c-shadow) !important;
  padding:12px 16px !important;
}
.svc-quick-chips > *{ color:var(--c-ink) !important; }
.svc-quick-chips a{
  background:linear-gradient(135deg,#ffffff,#f4faf6) !important;
  border:1px solid var(--c-line) !important;
}
.svc-quick-chips a, .svc-quick-chips a *{ color:var(--c-ink) !important; }
.svc-quick-chips a:hover{ border-color:var(--c-primary) !important; }

/* --- generic dark cards / feed tiles / quick-action cards: lift onto light --- */
[style*="#0d1520"], [style*="#111a24"], [style*="#0b1017"], [style*="#0c1118"],
[style*="#151d27"], [style*="#1a1e0e"], [style*="#152012"], [style*="#1a0d08"],
[style*="#1a0d14"], [style*="#1a2e1a"], [style*="#0d1f0d"], [style*="#141a22"]{
  background:linear-gradient(135deg,#ffffff,#f4faf6) !important;
  border-color:var(--c-line) !important;
  color:var(--c-ink) !important;
}
[style*="#1a1e0e"] *, [style*="#1a0d08"] *, [style*="#1a2e1a"] *,
[style*="#141a22"] *, [style*="#0d1520"] *, [style*="#111a24"] *{
  color:var(--c-ink2) !important;
}

/* fix stretched massage icon (pre-existing layout quirk) */
.pz-massage-ico{ width:44px !important; height:44px !important; flex:0 0 44px !important; }

/* ==========================================================================
   Micro-animations shared
   ========================================================================== */
.rd-ripple{ position:absolute; border-radius:50%; transform:scale(0);
  background:color-mix(in srgb, var(--c-primary) 30%, #ffffff); animation:rd-ripple .6s ease-out forwards;
  pointer-events:none; z-index:2; }
@keyframes rd-ripple{ to{ transform:scale(2.6); opacity:0; } }

.ig-spark{ position:fixed; z-index:10000; font-size:20px; pointer-events:none;
  will-change:transform,opacity; animation:ig-spark .9s ease-out forwards; }
@keyframes ig-spark{
  0%{ opacity:0; transform:translateY(0) scale(.4) rotate(0deg); }
  20%{ opacity:1; }
  100%{ opacity:0; transform:translateY(-46px) scale(1.2) rotate(25deg); }
}

/* ==========================================================================
   Iguana background layer (rigged: body + pupils + feet)
   ========================================================================== */
#iguana-bg{
  position:fixed;
  right:-3vw;
  bottom:0;
  width:min(52vw, 560px);
  z-index:-1;                 /* behind content, above gradient blobs */
  pointer-events:none;
  opacity:.62;
  filter:drop-shadow(0 18px 26px rgba(23,58,43,.22));
  transition:opacity .6s ease;
}
#iguana-bg .ig-stage{
  position:relative;
  width:100%;
  padding-top:93.125%;        /* 596/640 aspect */
}
#iguana-bg .ig-stage > *{ position:absolute; }
#iguana-bg .ig-body{
  left:0; top:0; width:100%; height:auto; display:block;
}

/* eyes (baked white balls sit under these boxes) */
#iguana-bg .ig-eye{
  width:13.75%; height:14.77%;
  transform:translate(-50%,-50%);
  display:flex; align-items:center; justify-content:center;
}
#iguana-bg .ig-eye-l{ left:19.3%; top:22.2%; }
#iguana-bg .ig-eye-r{ left:50.5%; top:21.2%; }
#iguana-bg .ig-pupil{
  position:relative;
  width:48%; height:48%;
  border-radius:50%;
  background:radial-gradient(circle at 38% 32%, #4a4f4a 0%, #141814 55%, #050705 100%);
  box-shadow:inset 0 0 4px rgba(0,0,0,.6);
  will-change:transform;
}
#iguana-bg .ig-pupil::after{           /* eye glint */
  content:""; position:absolute; left:26%; top:20%;
  width:26%; height:26%; border-radius:50%;
  background:rgba(255,255,255,.9);
}

/* front feet layers */
#iguana-bg .ig-foot{ height:auto; }
#iguana-bg .ig-foot-l{ left:5.0%; top:85.9%; width:20.0%; }
#iguana-bg .ig-foot-r{ left:46.9%; top:85.9%; width:21.1%; }

#iguana-bg .ig-eye{ z-index:6; }

/* cartoon gape — opens on the snout like a toon mouth, same language as the eyes */
#iguana-bg .ig-toon-mouth{
  left:34.6%; top:29.6%;
  width:22.6%; height:16.4%;
  z-index:7;
  transform-origin:50% 10%;
  transform:translate(-50%,-12%) scale(1, var(--gape, 0));
  opacity:0;
  pointer-events:none;
  overflow:visible;
}
#iguana-bg .ig-toon-mouth svg{
  width:100%; height:100%; display:block; overflow:visible;
  filter:drop-shadow(0 3px 2px rgba(23,58,43,.28));
}
#iguana-bg.ig-open .ig-toon-mouth,
#iguana-bg.ig-hunting.ig-open .ig-toon-mouth,
#iguana-bg.ig-chew .ig-toon-mouth{
  opacity:1;
}
#iguana-bg.ig-chew .ig-lid{
  animation:none !important;
  transform:scaleY(.78);
}

#ig-tongue-cv,
#ig-flies{
  position:fixed; inset:0;
  z-index:-1;
  pointer-events:none;
}
#ig-tongue-cv{ z-index:-1; }
#ig-flies{ z-index:-1; overflow:hidden; }

/* photoreal flies on the far side of the glass: belly toward us */
.ig-fly{
  position:absolute; left:0; top:0;
  will-change:transform;
  filter:
    contrast(1.08) saturate(.85) brightness(.94)
    drop-shadow(0 0 0.6px rgba(255,255,255,.45))
    drop-shadow(0 2px 2px rgba(23,58,43,.28));
}
.ig-fly img{
  width:100%; height:auto; display:block;
  transform-origin:50% 50%;
}
.ig-fly.is-caught{ filter:brightness(.55) saturate(.35) blur(.4px); }

/* ---------- responsive ---------- */
@media (max-width:900px){
  #iguana-bg{ width:min(78vw, 460px); right:-8vw; opacity:.34; }
}
@media (max-width:560px){
  #iguana-bg{ width:96vw; right:-16vw; opacity:.26; }
  #cursor-star{ display:none !important; }
}

@media (prefers-reduced-motion:reduce){
  body::before, body::after{ animation:none !important; }
  #iguana-bg .ig-body{ animation:none !important; }
  .cta-pulse, .hero-live, .ig-lid, .cta::after{ animation:none !important; }
}

/* ==========================================================================
   FRONT PAGE v4 — memorable hero
   ========================================================================== */
body.hide-cursor,
body.hide-cursor *{ cursor:auto !important; }
#cursor-star{ display:none !important; }

.hero-stage{
  display:grid !important;
  grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);
  gap:clamp(24px,4vw,56px);
  max-width:1180px;
  width:auto !important;
  margin:18px auto 0 !important;
  padding:8px 24px 8px;
  align-items:center;
}
.hero-stage .left_info,
.hero-stage .right_info{
  width:100% !important;
  margin:0 !important;
  align-items:flex-start !important;
}
.hero-copy{ gap:14px; }
.hero-avatar{
  margin-left:0 !important;
  width:132px; height:132px;
  border:6px solid #fff !important;
  position:relative;
}
.hero-live{
  position:absolute; right:8px; bottom:10px; z-index:2;
  width:16px; height:16px; border-radius:50%;
  background:#2fa363; border:3px solid #fff;
  box-shadow:0 0 0 0 rgba(47,163,99,.55);
  animation:live-ping 2s ease-out infinite;
}
@keyframes live-ping{
  0%{ box-shadow:0 0 0 0 rgba(47,163,99,.55); }
  70%{ box-shadow:0 0 0 10px rgba(47,163,99,0); }
  100%{ box-shadow:0 0 0 0 rgba(47,163,99,0); }
}

.hero-pills{ display:flex; flex-wrap:wrap; gap:8px; }
.pill{
  font:600 12px/1 Inter,system-ui,sans-serif;
  letter-spacing:.04em; text-transform:uppercase;
  color:var(--c-ink2); background:#fff;
  border:1px solid var(--c-line); border-radius:999px;
  padding:7px 12px;
}
.pill-live{ color:#1e7a49; background:#e6f5ec; border-color:#bfe8cf; }

.hero-stage .title{
  font-family:"Syne",Inter,sans-serif !important;
  font-weight:800 !important;
  font-size:clamp(2.05rem,4.6vw,3.55rem) !important;
  letter-spacing:-.03em;
  text-align:left !important;
  margin:4px 0 0 !important;
  max-width:14ch !important;
  color:var(--c-ink) !important;
  text-shadow:none !important;
}
.hero-stage .description{
  font-size:1.05rem !important;
  line-height:1.5 !important;
  text-align:left !important;
  margin:0 !important;
  max-width:38em !important;
  color:var(--c-ink2) !important;
  text-shadow:none !important;
}

.hero-stats{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px; width:100%; max-width:460px;
}
.stat{
  background:#fff; border:1px solid var(--c-line); border-radius:16px;
  padding:12px 10px; box-shadow:0 8px 20px var(--c-shadow);
}
.stat b{
  display:block; font:800 1.35rem/1 Syne,Inter,sans-serif;
  color:var(--c-primary-d); letter-spacing:-.03em;
}
.stat span{ display:block; margin-top:4px; font-size:12px; color:var(--c-ink2); }

.hero-actions{ gap:12px; width:100%; }
.cta{
  position:relative; overflow:hidden;
  display:flex; align-items:center; gap:14px;
  width:100%; max-width:420px;
  padding:16px 18px; border-radius:22px;
  text-decoration:none; color:#fff;
  border:1px solid transparent;
  box-shadow:0 12px 28px var(--c-shadow);
  transition:transform .22s cubic-bezier(.34,1.56,.64,1), box-shadow .22s;
}
.cta:hover{ transform:translateY(-3px) scale(1.01); }
.cta:active{ transform:translateY(1px) scale(.98); }
.cta-ico{
  width:46px; height:46px; border-radius:14px; flex:0 0 auto;
  display:grid; place-items:center;
  background:rgba(255,255,255,.18); font-size:20px;
}
.cta-txt{ display:flex; flex-direction:column; min-width:0; }
.cta-kicker{ font:600 11px/1.1 Inter,sans-serif; letter-spacing:.08em; text-transform:uppercase; opacity:.82; }
.cta-title{ font:800 1.15rem/1.2 Syne,Inter,sans-serif; letter-spacing:-.02em; }

.cta-call{ background:linear-gradient(135deg,#2fa363,#1e7a49); }
.cta-tg{ background:linear-gradient(135deg,#2bb0a3,#1e7a80); }
.cta-calc{
  background:#fff; color:var(--c-ink) !important;
  border-color:var(--c-line);
}
.cta-calc .cta-ico{ background:#e6f5ec; color:var(--c-primary-d); }
.cta-calc .cta-kicker{ color:#6b8377; opacity:1; }
.cta-calc .cta-title{ color:var(--c-ink); }

.cta-pulse{
  position:absolute; left:28px; top:50%; width:46px; height:46px;
  border-radius:50%; transform:translate(-50%,-50%);
  border:2px solid rgba(255,255,255,.55);
  animation:cta-ring 1.8s ease-out infinite;
  pointer-events:none;
}
@keyframes cta-ring{
  0%{ transform:translate(-50%,-50%) scale(.7); opacity:.7; }
  100%{ transform:translate(-50%,-50%) scale(1.7); opacity:0; }
}
.cta::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.28) 45%,transparent 70%);
  transform:translateX(-120%);
  animation:cta-shine 4.5s ease-in-out infinite;
  pointer-events:none;
}
@keyframes cta-shine{ 0%,55%{transform:translateX(-120%)} 75%{transform:translateX(120%)} 100%{transform:translateX(120%)} }

.social-dock{
  display:flex; flex-wrap:wrap; gap:8px;
  max-width:420px; margin-top:6px;
}
.dock-btn{
  width:44px; height:44px; border-radius:14px;
  display:grid; place-items:center;
  text-decoration:none; font:700 11px/1 Inter,sans-serif;
  color:var(--c-ink); background:#fff;
  border:1px solid var(--c-line);
  box-shadow:0 6px 14px var(--c-shadow);
  transition:transform .18s cubic-bezier(.34,1.56,.64,1), border-color .18s, color .18s;
}
.dock-btn:hover{
  transform:translateY(-4px) rotate(-4deg);
  border-color:var(--btn-c, var(--c-primary));
  color:var(--btn-c, var(--c-primary));
}

.hero-mini{ display:flex; flex-wrap:wrap; gap:8px; max-width:420px; }
.hero-mini a{
  font:600 13px/1 Inter,sans-serif;
  color:var(--c-ink2); text-decoration:none;
  background:#fff; border:1px dashed var(--c-line);
  padding:8px 12px; border-radius:999px;
  transition:border-color .18s, color .18s, transform .18s;
}
.hero-mini a:hover{ border-color:var(--c-primary); color:var(--c-primary-d); transform:translateY(-2px); }

.hero-meta{
  display:flex; flex-wrap:wrap; gap:10px 22px; justify-content:center;
  max-width:1180px; margin:8px auto 0; padding:0 24px;
  font-size:14px; color:var(--c-ink2);
}

.hero-chips{
  max-width:1180px !important; margin:16px auto 0 !important; padding:14px 16px !important;
}
.chips-row{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.chips-label{
  font:700 11px/1 Inter,sans-serif; letter-spacing:.12em; text-transform:uppercase;
  color:#6b8377; padding-right:6px;
}
.hero-chips a{
  padding:8px 13px !important; border-radius:999px !important;
  font:600 13px/1 Inter,sans-serif !important;
  text-decoration:none !important;
  background:#fff !important; color:var(--c-ink) !important;
  border:1px solid var(--c-line) !important;
  transition:transform .16s, border-color .16s, box-shadow .16s;
}
.hero-chips a:hover{
  transform:translateY(-2px);
  border-color:var(--c-primary) !important;
  box-shadow:0 8px 16px var(--c-shadow);
}
.hero-chips a.chip-accent{
  background:#e6f5ec !important; border-color:#bfe8cf !important; color:#1e7a49 !important;
}

.hero-games{
  max-width:1180px; margin:18px auto 0; padding:18px 22px;
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  background:linear-gradient(135deg,#ffffff,#e6f5ec);
  border:1px solid var(--c-line); border-radius:20px;
  text-decoration:none; color:var(--c-ink);
  box-shadow:0 10px 24px var(--c-shadow);
  transition:transform .2s cubic-bezier(.34,1.56,.64,1);
}
.hero-games:hover{ transform:translateY(-3px); }
.hg-kicker{ font:800 1.05rem/1.2 Syne,Inter,sans-serif; }
.hg-copy p{ margin:4px 0 0; font-size:14px; color:var(--c-ink2); }
.hg-cta{
  flex:0 0 auto; padding:12px 20px; border-radius:999px;
  background:linear-gradient(135deg,#2fa363,#1e7a49); color:#fff;
  font:700 14px/1 Inter,sans-serif;
}

.hero-tools{
  max-width:1180px; margin:16px auto 8px; padding:0 0 8px;
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px;
}
.tool-card{
  display:flex; align-items:center; gap:12px;
  padding:16px; border-radius:18px;
  background:#fff; border:1px solid var(--c-line);
  color:var(--c-ink); text-decoration:none;
  box-shadow:0 8px 20px var(--c-shadow);
  transition:transform .2s cubic-bezier(.34,1.56,.64,1), border-color .2s;
}
.tool-card:hover{ transform:translateY(-4px); border-color:var(--c-primary); }
.tool-ico{
  width:44px; height:44px; border-radius:14px; flex:0 0 auto;
  display:grid; place-items:center; background:#e6f5ec; font-size:20px;
}
.tool-title{ font:700 15px/1.2 Inter,sans-serif; }
.tool-sub{ font-size:12px; color:#6b8377; margin-top:2px; }

/* chat + sticky dock */
.chat-fab-wrap{
  position:fixed; left:18px; bottom:22px; z-index:9999;
  display:flex; flex-direction:column; align-items:flex-start; gap:10px;
}
.chat-fab-wrap button{
  background:linear-gradient(135deg,#2fa363,#1e7a49) !important;
  box-shadow:0 8px 22px rgba(47,163,99,.35) !important;
}
.chat-fab-wrap #chatBubble{
  background:#fff !important; border:1px solid var(--c-line) !important;
  color:var(--c-ink) !important; box-shadow:0 12px 32px var(--c-shadow) !important;
}
.chat-fab-wrap #chatBubble > div:first-child{ color:var(--c-ink) !important; }
.chat-fab-wrap #chatBubble a{
  background:linear-gradient(135deg,#2fa363,#1e7a49) !important; color:#fff !important;
}

.sticky-dock{
  display:none;
  position:fixed; left:10px; right:10px; bottom:10px; z-index:9998;
  grid-template-columns:repeat(3,1fr); gap:8px;
  padding:8px; border-radius:18px;
  background:rgba(255,255,255,.92);
  border:1px solid var(--c-line);
  backdrop-filter:blur(12px);
  box-shadow:0 12px 30px var(--c-shadow);
}
.sticky-dock a{
  display:flex; flex-direction:column; align-items:center; gap:2px;
  text-decoration:none; color:var(--c-ink); font:700 11px/1 Inter,sans-serif;
  padding:8px 4px; border-radius:12px;
}
.sticky-dock a b{ font-size:16px; }
.sd-call{ background:#e6f5ec; color:#1e7a49 !important; }

/* eyelids */
#iguana-bg .ig-lid{
  position:absolute; inset:6%; border-radius:50%;
  background:linear-gradient(#2d7a4a,#1a4f30);
  transform:scaleY(0); transform-origin:top center;
  animation:ig-blink 5.4s ease-in-out infinite;
  z-index:2; pointer-events:none;
}
#iguana-bg .ig-eye-r .ig-lid{ animation-delay:.07s; }
@keyframes ig-blink{
  0%,91%,100%{ transform:scaleY(0); }
  93.5%,95.5%{ transform:scaleY(1); }
}

@media (max-width:900px){
  .hero-stage{
    grid-template-columns:1fr !important;
    padding:8px 16px 4px;
  }
  .hero-stage .title, .hero-stage .description{ text-align:center !important; margin-left:auto !important; margin-right:auto !important; }
  .hero-copy, .hero-actions{ align-items:center !important; }
  .hero-pills, .hero-stats, .cta, .social-dock, .hero-mini{ justify-content:center; margin-left:auto; margin-right:auto; }
  .hero-avatar{ margin-left:auto !important; margin-right:auto !important; }
  .hero-tools{ grid-template-columns:1fr; padding:0 16px; }
  .hero-games{ margin-left:16px; margin-right:16px; }
  .hero-chips{ margin-left:16px !important; margin-right:16px !important; }
}
@media (max-width:768px){
  body{ padding-bottom:92px !important; }
  .sticky-dock{ display:grid; }
  .chat-fab-wrap{ left:12px; bottom:78px; }
  .chat-fab-wrap button{ width:52px !important; height:52px !important; }
  #iguana-bg{ opacity:.22; }
}