/* ═══════════════════════════════════════════
   ВИНОС МЕЖ — преміум темний дизайн
   Золото на чорному · JetBrains + Playfair + Syne
   Mobile-first
═══════════════════════════════════════════ */

:root {
  --bg:    #07090F;
  --bg2:   #0B0F1A;
  --bg3:   #11151F;
  --gold:  #D4A843;
  --gold2: #F0C96A;
  --gold3: #8A6820;
  --blue:  #2D9CDB;
  --green: #2ECC71;
  --text:  #EDE8DF;
  --muted: rgba(237,232,223,0.45);
  --border:rgba(212,168,67,0.15);
  --border2:rgba(212,168,67,0.3);
}

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; -webkit-text-size-adjust:100%; }

body {
  background:#07090F;
  color:#EDE8DF;
  font-family:'Syne',sans-serif;
  overflow-x:hidden;
  min-height:100vh;
  -webkit-font-smoothing:antialiased;
  padding-bottom:80px;
}

#cvs { position:fixed; inset:0; width:100%; height:100%; z-index:0; background:#07090F; display:block; }

.grain {
  position:fixed; inset:0; z-index:1; pointer-events:none; opacity:0.025;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:300px 300px;
}

.page { position:relative; z-index:2; }

/* ═══════════ HEADER ═══════════ */
header {
  position:fixed; top:0; left:0; right:0; z-index:999;
  padding:14px 20px;
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  background:rgba(7,9,15,0.92);
  border-bottom:1px solid rgba(212,168,67,0.12);
  -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px);
}

.logo { display:flex; align-items:center; gap:10px; text-decoration:none; flex-shrink:0; }
.logo-box {
  width:36px; height:36px;
  border:1.5px solid var(--gold);
  border-radius:9px;
  display:flex; align-items:center; justify-content:center;
  background:rgba(212,168,67,0.08);
}
.logo-name { font-family:'Playfair Display',serif; font-size:18px; font-weight:800; color:#EDE8DF; line-height:1; letter-spacing:-0.3px; }
.logo-name em { font-style:italic; color:var(--gold); }
.logo-sub { font-size:8px; color:var(--muted); font-family:'JetBrains Mono',monospace; letter-spacing:1.2px; margin-top:3px; }

.hdr-right { display:flex; align-items:center; gap:8px; }
.hdr-tel-link {
  display:none; align-items:center; gap:5px;
  font-family:'JetBrains Mono',monospace;
  font-size:12px; font-weight:500; color:var(--gold);
  text-decoration:none; white-space:nowrap;
}
@media (min-width:640px){ .hdr-tel-link { display:inline-flex; } }

.hdr-cta {
  background:transparent;
  border:1.5px solid var(--gold);
  color:var(--gold);
  font-family:'Syne',sans-serif;
  font-size:10px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase;
  padding:8px 14px; border-radius:7px;
  text-decoration:none; white-space:nowrap;
  transition:background .2s, color .2s;
}
.hdr-cta:hover { background:var(--gold); color:#07090F; }

/* ═══════════ HERO ═══════════ */
.hero {
  min-height: calc(100svh - 80px);
  padding:90px 20px 40px;
  display:flex; flex-direction:column; justify-content:center;
  position:relative; overflow:hidden;
}

.crn { position:absolute; width:22px; height:22px; pointer-events:none; }
.crn::before, .crn::after { content:''; position:absolute; background:var(--gold); opacity:0.45; }
.crn::before { width:100%; height:1.5px; top:0; left:0; }
.crn::after { width:1.5px; height:100%; top:0; left:0; }
.crn.tl { top:80px; left:14px; }
.crn.tr { top:80px; right:14px; transform:scaleX(-1); }
.crn.bl { bottom:30px; left:14px; transform:scaleY(-1); }
.crn.br { bottom:30px; right:14px; transform:scale(-1); }

.scan {
  position:absolute; left:0; right:0; height:1px;
  background:linear-gradient(90deg,transparent,rgba(212,168,67,0.5),transparent);
  animation:scanAnim 7s linear infinite;
  pointer-events:none;
}
@keyframes scanAnim {
  0%   { top:0%;   opacity:0; }
  5%   { opacity:1; }
  95%  { opacity:0.6; }
  100% { top:100%; opacity:0; }
}

.fcoord {
  position:absolute;
  font-family:'JetBrains Mono',monospace;
  font-size:9px; color:rgba(212,168,67,0.4);
  animation:floatY 4s ease-in-out infinite;
  pointer-events:none; user-select:none;
}
.fcoord:nth-child(5){ top:18%; right:5%; animation-delay:0s; }
.fcoord:nth-child(6){ top:62%; right:3%; animation-delay:1.5s; }
.fcoord:nth-child(7){ top:38%; left:3%; animation-delay:2.8s; font-size:8px; }
@keyframes floatY {
  0%,100%{ transform:translateY(0); opacity:0.3; }
  50%    { transform:translateY(-8px); opacity:0.6; }
}

.hero-inner { max-width:620px; margin:0 auto; width:100%; }

.hero-label {
  display:inline-flex; align-items:center; gap:8px;
  font-family:'JetBrains Mono',monospace;
  font-size:9px; letter-spacing:2px; text-transform:uppercase;
  color:var(--gold); margin-bottom:22px;
  animation:fadeUp .5s .1s both;
}
.hero-label::before { content:''; width:24px; height:1.5px; background:var(--gold); flex-shrink:0; }

.hero h1 {
  font-family:'Playfair Display',serif;
  font-size: clamp(38px, 10vw, 78px);
  font-weight:900; line-height:1.0;
  color:#EDE8DF;
  margin-bottom:20px;
  animation:fadeUp .6s .25s both;
}
.hero h1 em {
  font-style:italic;
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  -webkit-background-clip:text; -webkit-text-fill-color:transparent;
  background-clip:text;
}

.hero-desc {
  font-size:14px; line-height:1.75; color:var(--muted);
  max-width:460px; margin-bottom:32px;
  animation:fadeUp .6s .4s both;
}

.hero-btns {
  display:flex; flex-direction:column; gap:10px;
  animation:fadeUp .6s .55s both;
}
@media(min-width:480px){ .hero-btns{ flex-direction:row; flex-wrap:wrap; } }

.btn-gold {
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  color:#07090F;
  font-family:'Syne',sans-serif;
  font-size:12px; font-weight:800; letter-spacing:1px; text-transform:uppercase;
  padding:15px 26px; border-radius:8px;
  text-decoration:none; border:none; cursor:pointer;
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  box-shadow:0 0 40px rgba(212,168,67,0.2);
  transition:transform .2s, box-shadow .2s;
}
.btn-gold:hover { transform:translateY(-2px); box-shadow:0 8px 40px rgba(212,168,67,0.4); }

.btn-ghost {
  background:transparent;
  border:1.5px solid rgba(237,232,223,0.18);
  color:#EDE8DF;
  font-family:'Syne',sans-serif;
  font-size:12px; font-weight:700; letter-spacing:1px; text-transform:uppercase;
  padding:14px 26px; border-radius:8px;
  text-decoration:none; cursor:pointer;
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  transition:border-color .2s, color .2s;
}
.btn-ghost:hover { border-color:var(--gold); color:var(--gold); }

.hero-stats {
  display:flex; gap:28px; flex-wrap:wrap;
  margin-top:48px; padding-top:32px;
  border-top:1px solid rgba(255,255,255,0.07);
  animation:fadeUp .6s .7s both;
}
.stat-num {
  font-family:'Playfair Display',serif;
  font-size:30px; font-weight:700; color:var(--gold); line-height:1; margin-bottom:4px;
}
.stat-lbl { font-size:9px; letter-spacing:1.4px; text-transform:uppercase; color:var(--muted); font-weight:600; }

@keyframes fadeUp {
  from { opacity:0; transform:translateY(18px); }
  to   { opacity:1; transform:translateY(0); }
}

/* ═══════════ SECTIONS ═══════════ */
section { padding:60px 20px; background:#07090F; position:relative; }
.sec-wrap { max-width:1140px; margin:0 auto; }

.sec-label {
  font-family:'JetBrains Mono',monospace;
  font-size:9px; letter-spacing:2.5px; text-transform:uppercase;
  color:var(--gold); margin-bottom:14px;
  display:flex; align-items:center; gap:10px;
}
.sec-label::before { content:''; width:18px; height:1px; background:var(--gold); }

.sec-h {
  font-family:'Playfair Display',serif;
  font-size:clamp(28px,7vw,46px); font-weight:900; line-height:1.1;
  color:#EDE8DF; margin-bottom:14px;
}
.sec-h em { font-style:italic; color:var(--gold); }
.sec-p { font-size:14px; color:var(--muted); line-height:1.75; max-width:560px; margin-bottom:40px; }

/* ═══════════ КАТЕГОРІЇ + ПОСЛУГИ ═══════════ */
.cat-block { margin-bottom:50px; }
.cat-block:last-child { margin-bottom:0; }

.cat-header {
  display:flex; align-items:center; gap:18px;
  margin-bottom:24px; padding-bottom:18px;
  border-bottom:1px solid var(--border);
}

.cat-icon {
  width:56px; height:56px; border-radius:14px;
  background:rgba(212,168,67,0.1);
  border:1px solid var(--border2);
  display:flex; align-items:center; justify-content:center;
  color:var(--gold); flex-shrink:0;
}

.cat-num {
  font-family:'JetBrains Mono',monospace;
  font-size:10px; letter-spacing:2px; text-transform:uppercase;
  color:var(--gold); margin-bottom:4px;
}

.cat-h {
  font-family:'Playfair Display',serif;
  font-size:22px; font-weight:800; color:#EDE8DF;
  line-height:1.1;
}

.services-grid {
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
@media (min-width:720px){ .services-grid { grid-template-columns:repeat(2,1fr); } }

.srv {
  background:rgba(255,255,255,0.02);
  border:1px solid var(--border);
  border-radius:12px;
  padding:22px 20px;
  transition:border-color .3s, background .3s, transform .3s;
  display:flex; flex-direction:column;
}
.srv:hover {
  border-color:var(--border2);
  background:rgba(212,168,67,0.04);
  transform:translateY(-2px);
}

.srv-tag {
  display:inline-block;
  font-family:'JetBrains Mono',monospace;
  font-size:8.5px; font-weight:600; letter-spacing:1.5px; text-transform:uppercase;
  color:var(--gold);
  padding:5px 10px;
  background:rgba(212,168,67,0.1);
  border:1px solid var(--border2);
  border-radius:5px;
  margin-bottom:14px;
  align-self:flex-start;
}

.srv-title {
  font-family:'Playfair Display',serif;
  font-size:17px; font-weight:700; color:#EDE8DF;
  line-height:1.25; margin-bottom:10px;
}

.srv-text {
  font-size:12.5px; color:var(--muted); line-height:1.65;
  margin-bottom:16px;
  flex-grow:1;
}
.srv-text b { color:var(--gold2); font-weight:600; }

.srv-cta { margin-top:auto; }

.btn-srv {
  display:inline-flex; align-items:center; gap:6px;
  background:transparent;
  border:1.5px solid var(--gold);
  color:var(--gold);
  font-family:'Syne',sans-serif;
  font-size:10px; font-weight:700; letter-spacing:1px; text-transform:uppercase;
  padding:9px 16px; border-radius:7px;
  text-decoration:none;
  transition:background .2s, color .2s;
}
.btn-srv:hover { background:var(--gold); color:#07090F; }

/* ═══════════ РАЙОНИ ═══════════ */
.region-grid {
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}
@media (min-width:640px){ .region-grid { grid-template-columns:repeat(3,1fr); } }

.reg {
  background:rgba(255,255,255,0.025);
  border:1px solid var(--border);
  border-radius:14px;
  padding:26px 24px;
  text-decoration:none;
  display:flex; flex-direction:column;
  position:relative; overflow:hidden;
  transition:border-color .3s, background .3s, transform .3s;
}
.reg::after {
  content:''; position:absolute; bottom:0; left:0; right:0; height:2px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
  transform:scaleX(0); transition:transform .4s;
}
.reg:hover {
  border-color:var(--border2);
  background:rgba(212,168,67,0.04);
  transform:translateY(-3px);
}
.reg:hover::after { transform:scaleX(1); }

.reg-name {
  font-family:'Playfair Display',serif;
  font-size:24px; font-weight:800; color:#EDE8DF;
  margin-bottom:8px; line-height:1.1;
}
.reg-text {
  font-size:12px; color:var(--muted); line-height:1.65;
  margin-bottom:18px;
  flex-grow:1;
}
.reg-arrow {
  display:flex; align-items:center; justify-content:space-between; gap:8px;
  font-family:'JetBrains Mono',monospace;
  font-size:10px; color:var(--gold);
  letter-spacing:1.5px; text-transform:uppercase;
  padding-top:14px;
  border-top:1px solid var(--border);
}

/* ═══════════ ПРОЦЕС ═══════════ */
.proc-grid {
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}
@media(min-width:560px){ .proc-grid { grid-template-columns:repeat(2,1fr); } }
@media(min-width:880px){ .proc-grid { grid-template-columns:repeat(3,1fr); } }

.proc {
  background:rgba(255,255,255,0.02);
  border:1px solid var(--border);
  border-radius:12px;
  padding:24px 22px;
  position:relative;
}
.proc-num {
  font-family:'Playfair Display',serif;
  font-size:42px; font-weight:900;
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  -webkit-background-clip:text; -webkit-text-fill-color:transparent;
  background-clip:text;
  line-height:1; margin-bottom:14px;
}
.proc-title { font-size:15px; font-weight:700; margin-bottom:8px; color:#EDE8DF; }
.proc-desc { font-size:12px; color:var(--muted); line-height:1.65; }

/* ═══════════ TRUST ═══════════ */
.trust-grid {
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
@media(min-width:640px){ .trust-grid{ grid-template-columns:repeat(2,1fr); } }
@media(min-width:980px){ .trust-grid{ grid-template-columns:repeat(3,1fr); } }

.trust-card {
  background:rgba(255,255,255,0.02);
  border:1px solid var(--border);
  border-radius:12px;
  padding:22px;
  transition:border-color .3s;
}
.trust-card:hover { border-color:var(--border2); }

.trust-ico {
  width:42px; height:42px; border-radius:10px;
  background:rgba(212,168,67,0.1);
  display:flex; align-items:center; justify-content:center;
  color:var(--gold);
  margin-bottom:14px;
}

.trust-title { font-size:15px; font-weight:700; color:#EDE8DF; margin-bottom:6px; }
.trust-text { font-size:12px; color:var(--muted); line-height:1.65; }

/* ═══════════ FAQ ═══════════ */
.faq-list { display:flex; flex-direction:column; gap:10px; }

.faq {
  background:rgba(255,255,255,0.02);
  border:1px solid var(--border);
  border-radius:10px;
  overflow:hidden;
  transition:border-color .2s;
}
.faq:hover { border-color:rgba(212,168,67,0.25); }

.faq-q {
  padding:16px 20px;
  display:flex; justify-content:space-between; align-items:center; gap:14px;
  cursor:pointer; user-select:none;
  font-family:'Playfair Display',serif;
  font-size:15px; font-weight:700; color:#EDE8DF;
  line-height:1.3;
}

.faq-q-icon {
  width:22px; height:22px; flex-shrink:0;
  border:1.5px solid var(--gold); border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  color:var(--gold);
  font-size:13px;
  transition:transform .3s, background .3s;
}

.faq.open .faq-q-icon {
  transform:rotate(45deg);
  background:var(--gold);
  color:#07090F;
}

.faq-a {
  max-height:0; overflow:hidden;
  transition:max-height .4s ease, padding .4s ease;
  font-size:13px; color:var(--muted); line-height:1.7;
  padding:0 20px;
}
.faq.open .faq-a {
  max-height:400px;
  padding:0 20px 18px;
}

/* ═══════════ КОНТАКТИ ═══════════ */
.contacts-section {
  background:var(--bg2);
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
}

.contacts-grid {
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin-top:30px;
}
@media (min-width:560px){ .contacts-grid { grid-template-columns:repeat(2,1fr); } }
@media (min-width:880px){ .contacts-grid { grid-template-columns:repeat(5,1fr); } }

.ch-btn {
  display:flex; flex-direction:column; align-items:center; gap:8px;
  padding:22px 14px;
  background:rgba(255,255,255,0.02);
  border:1px solid var(--border);
  border-radius:12px;
  text-decoration:none;
  transition:transform .2s, border-color .2s, background .2s;
}
.ch-btn:hover { transform:translateY(-3px); border-color:var(--border2); }

.ch-ico {
  width:46px; height:46px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  color:#fff;
}
.ch-tg .ch-ico    { background:linear-gradient(135deg,#1d97d2,#0089cc); }
.ch-wa .ch-ico    { background:linear-gradient(135deg,#25D366,#128C7E); }
.ch-vb .ch-ico    { background:linear-gradient(135deg,#7D3DAF,#5B2580); }
.ch-tel .ch-ico   { background:linear-gradient(135deg,var(--gold),var(--gold2)); color:#07090F; }
.ch-mail .ch-ico  { background:rgba(212,168,67,0.15); color:var(--gold); border:1px solid var(--gold); }

.ch-name { font-family:'Syne',sans-serif; font-size:11px; font-weight:700; letter-spacing:1.2px; text-transform:uppercase; color:#EDE8DF; }
.ch-val { font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--muted); text-align:center; word-break:break-word; }

/* ═══════════ ФОРМА ═══════════ */
.form-section { background:var(--bg2); }
.form-wrap { max-width:540px; margin:0 auto; }

.fcard {
  background:rgba(255,255,255,0.025);
  border:1px solid var(--border);
  border-radius:18px; padding:30px 26px;
  position:relative; overflow:hidden;
}
.fcard::before {
  content:''; position:absolute; top:0; left:0; right:0; height:2px;
  background:linear-gradient(90deg,var(--gold3),var(--gold),var(--gold2),var(--gold),var(--gold3));
}

.form-h { font-family:'Playfair Display',serif; font-size:24px; font-weight:800; color:#EDE8DF; margin-bottom:4px; }
.form-sub { font-size:10px; color:var(--muted); margin-bottom:22px; font-family:'JetBrains Mono',monospace; letter-spacing:0.5px; }

.field { margin-bottom:14px; }
.field label {
  display:block; font-size:9px; font-weight:700;
  letter-spacing:1.5px; text-transform:uppercase;
  color:rgba(212,168,67,0.7); margin-bottom:5px;
  font-family:'JetBrains Mono',monospace;
}
.field input, .field select, .field textarea {
  width:100%;
  background:rgba(0,0,0,0.4);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:8px; padding:12px 14px;
  font-family:'Syne',sans-serif;
  font-size:14px; font-weight:500;
  color:#EDE8DF; outline:none;
  -webkit-appearance:none; appearance:none;
  resize:none;
  transition:border-color .2s, background .2s, box-shadow .2s;
}
.field input::placeholder, .field textarea::placeholder { color:rgba(237,232,223,0.2); }
.field input:focus, .field select:focus, .field textarea:focus {
  border-color:rgba(212,168,67,0.5);
  background:rgba(212,168,67,0.04);
  box-shadow:0 0 0 3px rgba(212,168,67,0.07);
}
.field select option { background:#0B0F1A; color:#EDE8DF; }

.row2 { display:flex; gap:10px; }
.row2 .field { flex:1; }

.btn-submit {
  width:100%; margin-top:8px;
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  color:#07090F;
  font-family:'Syne',sans-serif;
  font-size:13px; font-weight:800; letter-spacing:1px; text-transform:uppercase;
  padding:16px; border:none; border-radius:10px; cursor:pointer;
  display:flex; align-items:center; justify-content:center; gap:8px;
  box-shadow:0 0 40px rgba(212,168,67,0.2);
  transition:transform .2s, box-shadow .2s;
}
.btn-submit:hover { transform:translateY(-2px); box-shadow:0 8px 40px rgba(212,168,67,0.35); }

.privacy {
  text-align:center; margin-top:14px;
  font-size:9px; color:rgba(237,232,223,0.3);
  font-family:'JetBrains Mono',monospace; line-height:1.6;
}

.success-block { display:none; text-align:center; padding:16px 0; }
.success-ico {
  width:64px; height:64px; margin:0 auto 14px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  display:flex; align-items:center; justify-content:center;
  font-family:'Playfair Display',serif;
  font-size:36px; font-weight:900;
  color:#07090F;
}
.success-h { font-family:'Playfair Display',serif; font-size:24px; font-weight:800; color:#EDE8DF; margin-bottom:10px; }
.success-p { font-size:13px; color:var(--muted); line-height:1.7; margin-bottom:20px; }

/* ═══════════ FOOTER ═══════════ */
footer {
  background:#07090F;
  padding:40px 20px 30px;
  border-top:1px solid var(--border);
}
.foot-wrap {
  max-width:1140px; margin:0 auto;
  display:grid;
  grid-template-columns:1fr;
  gap:30px;
}
@media (min-width:680px){
  .foot-wrap {
    grid-template-columns:1.5fr 1fr 1fr 1.2fr;
  }
}

.foot-logo { font-family:'Playfair Display',serif; font-size:22px; font-weight:800; color:#EDE8DF; margin-bottom:12px; line-height:1; }
.foot-logo em { font-style:italic; color:var(--gold); }
.foot-desc { font-size:12px; color:var(--muted); line-height:1.65; }

.foot-block h4 {
  font-family:'JetBrains Mono',monospace;
  font-size:9px; letter-spacing:2px; text-transform:uppercase;
  color:var(--gold); margin-bottom:14px; font-weight:600;
}
.foot-block a, .foot-block p {
  display:block; font-size:12px; color:var(--muted);
  text-decoration:none; line-height:2;
  transition:color .2s;
}
.foot-block a:hover { color:var(--gold); }

.foot-copy {
  text-align:center; padding-top:24px; margin-top:24px;
  border-top:1px solid var(--border);
  font-size:10px; color:rgba(237,232,223,0.25);
  font-family:'JetBrains Mono',monospace;
}

/* ═══════════ STICKY BOTTOM ═══════════ */
.sticky-bar {
  position:fixed; bottom:0; left:0; right:0; z-index:998;
  background:rgba(7,9,15,0.96);
  border-top:1px solid var(--border);
  -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px);
  padding:10px 12px;
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:6px;
}

.sb {
  display:flex; flex-direction:column; align-items:center; gap:3px;
  padding:8px 4px; border-radius:10px;
  text-decoration:none;
  font-family:'Syne',sans-serif;
  font-size:9px; font-weight:700; letter-spacing:0.8px; text-transform:uppercase;
  color:#EDE8DF;
  transition:background .2s;
}
.sb:hover { background:rgba(255,255,255,0.05); }
.sb-ico { width:24px; height:24px; display:flex; align-items:center; justify-content:center; }

.sb-tel .sb-ico  { color:var(--gold); }
.sb-tg .sb-ico   { color:#2D9CDB; }
.sb-wa .sb-ico   { color:#25D366; }
.sb-vb .sb-ico   { color:#7D3DAF; }

/* ═══════════ ACCESSIBILITY ═══════════ */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}