@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

:root{
  /* Final disciplined color system */
  --color-bg-dark:#0f172a;
  --color-bg-dark-soft:#111827;
  --color-primary:#2563eb;
  --color-primary-dark:#1d4ed8;
  --color-sky:#0ea5e9;
  --color-success:#16a34a;
  --color-success-bright:#22c55e;
  --color-text:#0f172a;
  --color-text-soft:#475569;
  --color-muted:#64748b;
  --color-line:#e2e8f0;
  --color-line-blue:#dbeafe;
  --color-soft:#f8fafc;
  --color-soft-blue:#eff6ff;
  --color-white:#ffffff;
  --color-danger:#dc2626;
  --color-danger-dark:#b91c1c;
  --color-danger-soft:#fff7f7;
  --color-max:#7c3aed;

  /* Backward-compatible variables used by the existing HTML/CSS */
  --bg:var(--color-bg-dark-soft);
  --card:#132033;
  --muted:var(--color-muted);
  --text:var(--color-text);
  --accent:var(--color-primary);
  --light:var(--color-soft);
  --line:var(--color-line);
  --good:var(--color-success);
}*{box-sizing:border-box}body{margin:0;font-family:'Manrope','Inter',Arial,sans-serif;color:var(--text);background:#fff;line-height:1.6}a{color:#0f4fc4;text-decoration:none}a:hover{text-decoration:underline}.top{background:#0f172a;color:#fff}.wrap{max-width:1160px;margin:0 auto;padding:0 18px}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0}.brand{font-weight:800;color:#fff;font-size:18px}.menu{display:flex;gap:16px;flex-wrap:wrap}.menu a{color:#dbeafe}.phone{background:#22c55e;color:#052e16!important;padding:9px 14px;border-radius:999px;font-weight:800}.hero{background:linear-gradient(135deg,#0f172a 0%,#1d4ed8 55%,#0ea5e9 100%);color:#fff;padding:64px 0 50px}.hero-online-status{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;padding:8px 13px;border-radius:999px;background:rgba(236,253,245,.16);border:1px solid rgba(187,247,208,.55);color:#dcfce7;font-size:15px;font-weight:900;width:max-content}.hero-online-dot{width:11px;height:11px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.72);animation:hero-online-pulse 1.35s ease-out infinite;flex:0 0 auto}@keyframes hero-online-pulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.72);transform:scale(1)}70%{box-shadow:0 0 0 12px rgba(34,197,94,0);transform:scale(1.08)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0);transform:scale(1)}}.hero h1{font-size:clamp(32px,5vw,58px);line-height:1.05;margin:0 0 18px;max-width:900px}.hero p{font-size:20px;color:#e0f2fe;max-width:780px}.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:14px;padding:13px 18px;font-weight:800;background:#fff;color:#0f172a}.btn.alt{background:#0f172a;color:#fff;border:1px solid rgba(255,255,255,.28)}.badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.badge{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);padding:8px 12px;border-radius:999px;color:#fff}.section{padding:44px 0}.section h2{font-size:clamp(26px,3vw,38px);line-height:1.15;margin:0 0 20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.card{border:1px solid var(--line);border-radius:18px;padding:20px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.06)}.card h3{margin:0 0 10px;font-size:20px}.muted{color:#64748b}.price{font-weight:900;font-size:20px;color:#0f172a}.pill{display:inline-flex;border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:4px 10px;margin:3px;font-size:14px}.list{display:grid;gap:9px;padding-left:0;list-style:none}.list li{padding-left:26px;position:relative}.list li:before{content:'✓';position:absolute;left:0;color:var(--good);font-weight:900}.breadcrumbs{font-size:14px;color:#64748b;margin:18px 0}.breadcrumbs a{color:#475569}.content{max-width:850px}.content h1{font-size:clamp(30px,4vw,48px);line-height:1.1;margin:0 0 14px}.content p.lead{font-size:20px;color:#475569}.two{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:28px}.side{position:sticky;top:15px}.table{width:100%;border-collapse:collapse;border:1px solid var(--line);border-radius:16px;overflow:hidden}.table th,.table td{padding:12px;border-bottom:1px solid var(--line);text-align:left}.table th{background:#f1f5f9}.faq details{border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin:10px 0;background:#fff}.faq summary{font-weight:800;cursor:pointer}.footer{background:#0f172a;color:#cbd5e1;padding:36px 0;margin-top:30px}.footer a{color:#dbeafe}.links{columns:3 220px}.links a{display:block;margin:0 0 7px}.notice{background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;padding:14px}.searchbox{width:100%;padding:14px;border:1px solid var(--line);border-radius:14px;margin:0 0 16px;font-size:16px}.kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kpi .card{text-align:center}.kpi strong{font-size:28px;display:block}.tagcloud{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:760px){.nav{align-items:flex-start;flex-direction:column}.two{grid-template-columns:1fr}.kpi{grid-template-columns:1fr 1fr}.hero{padding:44px 0}.menu{font-size:14px}.side{position:static}}

/* Floating contact buttons */
.floating-contact-buttons{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:9999;
  display:flex;
  flex-direction:column;
  gap:10px;
  align-items:flex-end;
  pointer-events:none;
}
.floating-contact-button{
  pointer-events:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:178px;
  min-height:46px;
  padding:12px 16px;
  border-radius:999px;
  color:#fff!important;
  font-weight:800;
  font-size:15px;
  line-height:1;
  text-decoration:none!important;
  box-shadow:0 14px 30px rgba(15,23,42,.22);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
  --pulse-rgb:37,99,235;
  animation:floating-contact-sequence-pulse 4.8s ease-in-out infinite;
}

/* Sequential floating button pulse */
@keyframes floating-contact-sequence-pulse{
  0%,16%,100%{
    transform:translateY(0) scale(1);
    box-shadow:0 14px 30px rgba(15,23,42,.22);
  }
  6%{
    transform:translateY(-2px) scale(1.07);
    box-shadow:0 18px 42px rgba(var(--pulse-rgb),.48),0 0 0 10px rgba(var(--pulse-rgb),.16);
  }
  12%{
    transform:translateY(0) scale(1.02);
    box-shadow:0 16px 34px rgba(var(--pulse-rgb),.28),0 0 0 18px rgba(var(--pulse-rgb),0);
  }
}

.floating-contact-button:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 38px rgba(15,23,42,.28);
  filter:brightness(1.03);
}
.floating-contact-button:focus-visible{
  outline:3px solid rgba(37,99,235,.35);
  outline-offset:3px;
}
.floating-contact-button--wa{background:#25D366;--pulse-rgb:37,211,102;animation-delay:0s;}
.floating-contact-button--tg{background:#229ED9;--pulse-rgb:34,158,217;animation-delay:1.2s;}
.floating-contact-button--max{background:#2563eb;--pulse-rgb:37,99,235;animation-delay:2.4s;}
.floating-contact-button--call{background:#16a34a;--pulse-rgb:22,163,74;animation-delay:3.6s;}
@media(max-width:640px){
  .floating-contact-buttons{
    right:10px;
    bottom:10px;
    gap:8px;
  }
  .floating-contact-button{
    min-width:148px;
    min-height:42px;
    padding:10px 13px;
    font-size:14px;
  }
}



/* Callback form */
.callback-section{
  padding:48px 0;
  background:linear-gradient(180deg,#f8fafc 0%,#eef6ff 100%);
}
.callback-card{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
  gap:28px;
  align-items:center;
  border:1px solid #dbeafe;
  border-radius:28px;
  padding:28px;
  background:#ffffff;
  box-shadow:0 18px 45px rgba(15,23,42,.09);
}
.callback-badge{
  display:inline-flex;
  align-items:center;
  border:1px solid #bfdbfe;
  background:#eff6ff;
  color:#1d4ed8;
  border-radius:999px;
  padding:6px 11px;
  font-size:14px;
  font-weight:800;
  margin-bottom:12px;
}

.callback-live-status{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 0 12px;
  padding:7px 12px;
  border-radius:999px;
  background:#ecfdf5;
  color:#166534;
  border:1px solid #bbf7d0;
  font-size:14px;
  font-weight:900;
  width:max-content;
}
.callback-live-dot{
  width:10px;
  height:10px;
  border-radius:999px;
  background:#22c55e;
  box-shadow:0 0 0 0 rgba(34,197,94,.62);
  animation:callback-pulse 1.35s ease-out infinite;
  flex:0 0 auto;
}
@keyframes callback-pulse{
  0%{box-shadow:0 0 0 0 rgba(34,197,94,.62);transform:scale(1)}
  70%{box-shadow:0 0 0 10px rgba(34,197,94,0);transform:scale(1.08)}
  100%{box-shadow:0 0 0 0 rgba(34,197,94,0);transform:scale(1)}
}

.callback-copy h2{
  margin:0 0 12px;
  font-size:clamp(26px,3vw,40px);
  line-height:1.12;
  letter-spacing:-.03em;
  color:#0f172a;
}
.callback-copy p{
  margin:0;
  color:#475569;
  font-size:18px;
}
.callback-form{
  display:grid;
  gap:12px;
  padding:18px;
  border-radius:22px;
  background:#f8fafc;
  border:1px solid #e2e8f0;
}
.callback-field{
  display:grid;
  gap:6px;
  color:#334155;
  font-weight:800;
  font-size:14px;
}
.callback-field input{
  width:100%;
  border:1px solid #cbd5e1;
  border-radius:14px;
  padding:13px 14px;
  font-size:16px;
  background:#fff;
  color:#0f172a;
  outline:none;
  transition:border-color .18s ease,box-shadow .18s ease;
}
.callback-field input:focus{
  border-color:#2563eb;
  box-shadow:0 0 0 4px rgba(37,99,235,.12);
}
.callback-submit{
  border:0;
  border-radius:14px;
  padding:14px 18px;
  background:#2563eb;
  color:#fff;
  font-size:16px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 12px 26px rgba(37,99,235,.24);
}
.callback-submit:hover{filter:brightness(1.04)}
.callback-note{
  margin:0;
  color:#64748b;
  font-size:13px;
  line-height:1.45;
}
.callback-status{
  min-height:20px;
  margin:0;
  font-weight:800;
  color:#16a34a;
}
.callback-status.is-error{color:#dc2626;}
@media(max-width:760px){
  .callback-card{grid-template-columns:1fr;padding:20px;border-radius:22px;}
  .callback-section{padding:34px 0;}
}

@media(prefers-reduced-motion:reduce){.floating-contact-button{animation:none!important}}


/* Trust comparison block */
.trust-section{padding:54px 0;background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%)}
.trust-head{max-width:880px;margin:0 auto 26px;text-align:center}
.trust-kicker{display:inline-flex;align-items:center;border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:6px 12px;font-size:14px;font-weight:800;margin-bottom:12px}
.trust-head h2{margin:0 0 12px;font-size:clamp(28px,4vw,44px);line-height:1.12;letter-spacing:-.03em;color:#0f172a}
.trust-head p{margin:0;color:#475569;font-size:18px}
.trust-compare{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0}
.trust-column{border-radius:24px;padding:22px;border:1px solid #e2e8f0;background:#fff;box-shadow:0 14px 34px rgba(15,23,42,.07)}
.trust-column--bad{background:#fff7ed;border-color:#fed7aa}
.trust-column--good{background:#f0fdf4;border-color:#bbf7d0}
.trust-column h3{margin:0 0 14px;font-size:22px;line-height:1.2;color:#0f172a}
.trust-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.trust-list li{position:relative;padding-left:30px;color:#334155}
.trust-list li:before{position:absolute;left:0;top:0;font-weight:900;font-size:18px;line-height:1.2}
.trust-list--bad li:before{content:'×';color:#dc2626}
.trust-list--good li:before{content:'✓';color:#16a34a}
.trust-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}
.trust-benefit{border:1px solid #dbeafe;background:#fff;border-radius:18px;padding:16px;box-shadow:0 10px 24px rgba(15,23,42,.05)}
.trust-benefit strong{display:block;margin-bottom:6px;font-size:17px;color:#0f172a}
.trust-benefit span{display:block;color:#64748b;font-size:14px;line-height:1.45}
.trust-note{margin:18px 0 0;color:#64748b;text-align:center;font-size:14px}
@media(max-width:860px){.trust-compare{grid-template-columns:1fr}.trust-benefits{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.trust-section{padding:38px 0}.trust-benefits{grid-template-columns:1fr}.trust-column{padding:18px;border-radius:20px}}


/* Premium floating contact buttons */
.floating-contact-buttons{
  right:22px;
  bottom:22px;
  gap:12px;
  filter:drop-shadow(0 18px 32px rgba(15,23,42,.18));
}
.floating-contact-button{
  position:relative;
  justify-content:flex-start;
  gap:12px;
  min-width:218px;
  min-height:54px;
  padding:12px 18px 12px 12px;
  border:1px solid rgba(255,255,255,.46);
  border-radius:22px;
  color:#fff!important;
  font-size:15px;
  font-weight:900;
  letter-spacing:.01em;
  text-shadow:0 1px 2px rgba(0,0,0,.18);
  overflow:hidden;
  isolation:isolate;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  box-shadow:0 18px 38px rgba(15,23,42,.22), inset 0 1px 0 rgba(255,255,255,.30), inset 0 -12px 28px rgba(0,0,0,.10);
  --premium-from:#2563eb;
  --premium-to:#0f172a;
  background:linear-gradient(135deg,var(--premium-from),var(--premium-to));
  animation:floating-premium-sequence-pulse 5.6s cubic-bezier(.22,1,.36,1) infinite;
}
.floating-contact-button::before{
  content:'';
  width:32px;
  height:32px;
  flex:0 0 32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:rgba(255,255,255,.22);
  border:1px solid rgba(255,255,255,.38);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 8px 18px rgba(0,0,0,.14);
  color:#fff;
  font-size:13px;
  font-weight:950;
  line-height:1;
  text-shadow:none;
}
.floating-contact-button::after{
  content:'';
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(120deg,rgba(255,255,255,.30),rgba(255,255,255,0) 35%,rgba(255,255,255,.18) 70%,rgba(255,255,255,0));
  transform:translateX(-120%);
  opacity:.85;
  animation:floating-premium-shine 5.6s ease-in-out infinite;
  animation-delay:inherit;
}
.floating-contact-button--wa{--premium-from:#35e47a;--premium-to:#128c4a;--pulse-rgb:37,211,102;animation-delay:0s;}
.floating-contact-button--tg{--premium-from:#38bdf8;--premium-to:#0f6fb8;--pulse-rgb:34,158,217;animation-delay:1.4s;}
.floating-contact-button--max{--premium-from:#3b82f6;--premium-to:#1d4ed8;--pulse-rgb:37,99,235;animation-delay:2.8s;}
.floating-contact-button--call{--premium-from:var(--color-success-bright);--premium-to:#15803d;--pulse-rgb:22,163,74;animation-delay:4.2s;}
.floating-contact-button--wa::before{content:'W';}
.floating-contact-button--tg::before{content:'TG';font-size:11px;}
.floating-contact-button--max::before{content:'M';}
.floating-contact-button--call::before{content:'☎';font-size:15px;}
.floating-contact-button:hover{
  transform:translateY(-4px) scale(1.035);
  box-shadow:0 24px 52px rgba(15,23,42,.30),0 0 0 1px rgba(255,255,255,.30),0 0 30px rgba(var(--pulse-rgb),.28),inset 0 1px 0 rgba(255,255,255,.38);
  filter:saturate(1.08) brightness(1.04);
}
@keyframes floating-premium-sequence-pulse{
  0%,18%,100%{
    transform:translateY(0) scale(1);
    box-shadow:0 18px 38px rgba(15,23,42,.22),inset 0 1px 0 rgba(255,255,255,.30),inset 0 -12px 28px rgba(0,0,0,.10);
  }
  7%{
    transform:translateY(-3px) scale(1.045);
    box-shadow:0 24px 55px rgba(15,23,42,.30),0 0 0 8px rgba(var(--pulse-rgb),.14),0 0 32px rgba(var(--pulse-rgb),.30),inset 0 1px 0 rgba(255,255,255,.40);
  }
  14%{
    transform:translateY(0) scale(1.01);
    box-shadow:0 20px 42px rgba(15,23,42,.24),0 0 0 18px rgba(var(--pulse-rgb),0),inset 0 1px 0 rgba(255,255,255,.32);
  }
}
@keyframes floating-premium-shine{
  0%,18%,100%{transform:translateX(-120%);}
  7%,12%{transform:translateX(120%);}
}
@media(max-width:640px){
  .floating-contact-buttons{right:12px;bottom:12px;gap:9px;}
  .floating-contact-button{min-width:174px;min-height:48px;padding:10px 14px 10px 10px;border-radius:18px;font-size:14px;}
  .floating-contact-button::before{width:28px;height:28px;flex-basis:28px;font-size:12px;}
}
@media(prefers-reduced-motion:reduce){
  .floating-contact-button,.floating-contact-button::after{animation:none!important;}
}


/* Photo placeholders: reserved places for real master/work photos */
.photo-card,
.photo-work-card{
  border:1px solid #dbeafe;
  border-radius:28px;
  background:#fff;
  box-shadow:0 16px 38px rgba(15,23,42,.08);
  overflow:hidden;
  margin:0;
}
.photo-card img,
.photo-work-card img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
  background:#0f172a;
}
.photo-card figcaption,
.photo-work-card figcaption{
  padding:14px 16px;
  color:#334155;
  font-size:14px;
  line-height:1.45;
  background:#fff;
}
.photo-card figcaption strong,
.photo-work-card figcaption strong{display:block;color:#0f172a;font-size:15px;margin-bottom:2px}
.photo-card__note{display:block;margin-top:6px;color:#64748b;font-size:12px}
.hero .photo-card,
.hero-photo-card{
  border-color:rgba(255,255,255,.22);
  background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.06));
  box-shadow:0 24px 64px rgba(2,6,23,.28),inset 0 1px 0 rgba(255,255,255,.22);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.hero .photo-card figcaption,
.hero-photo-card figcaption{background:rgba(15,23,42,.42);color:#dbeafe;border-top:1px solid rgba(255,255,255,.12)}
.hero .photo-card figcaption strong,
.hero-photo-card figcaption strong{color:#fff}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:34px;align-items:center}
.hero-copy{min-width:0}
.photo-section{padding:46px 0;background:#f8fafc}
.photo-section--soft{background:linear-gradient(180deg,#ffffff 0%,#eff6ff 100%)}
.photo-section__head{max-width:860px;margin:0 auto 22px;text-align:center}
.photo-section__head h2{margin:0 0 10px;font-size:clamp(28px,3.4vw,42px);line-height:1.12;letter-spacing:-.03em;color:#0f172a}
.photo-section__head p{margin:0;color:#64748b;font-size:18px}
.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.photo-grid--two{grid-template-columns:repeat(2,1fr)}
.photo-grid--portrait{grid-template-columns:minmax(260px,380px) minmax(0,1fr);align-items:start}
.photo-placeholder-meta{display:inline-flex;margin-top:8px;padding:4px 8px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:800}
.service-photo-block{margin:24px 0 28px}
.service-photo-block .photo-grid{grid-template-columns:repeat(2,1fr)}
.about-photo-wrap{margin:0 0 18px}
.side .photo-card{margin-bottom:18px}
@media(hover:hover){.photo-card,.photo-work-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.photo-card:hover,.photo-work-card:hover{transform:translateY(-3px);box-shadow:0 22px 52px rgba(15,23,42,.13);border-color:#93c5fd}}
@media(max-width:900px){.hero-grid,.photo-grid--portrait{grid-template-columns:1fr}.photo-grid{grid-template-columns:1fr 1fr}.hero .photo-card{max-width:460px}}
@media(max-width:620px){.photo-grid,.service-photo-block .photo-grid{grid-template-columns:1fr}.photo-section{padding:34px 0}.photo-card,.photo-work-card{border-radius:22px}}


/* Manrope hero typography update */
body{font-family:'Manrope','Inter',Arial,sans-serif;}
.hero h1{
  font-family:'Manrope','Inter',Arial,sans-serif!important;
  font-size:clamp(34px,5vw,58px)!important;
  font-weight:800!important;
  line-height:1.06!important;
  letter-spacing:-0.035em!important;
  max-width:920px!important;
}
.hero-title-main,
.hero-title-sub{display:block;}
.hero-title-sub{
  margin-top:.12em;
  font-size:clamp(24px,3.2vw,40px);
  font-weight:700;
  line-height:1.12;
  letter-spacing:-0.025em;
  color:#dbeafe;
}
.hero p{
  font-family:'Manrope','Inter',Arial,sans-serif;
  font-size:clamp(18px,2vw,22px);
  line-height:1.55;
  font-weight:500;
}
@media(max-width:640px){
  .hero h1{font-size:clamp(32px,10vw,44px)!important;letter-spacing:-0.028em!important;}
  .hero-title-sub{font-size:clamp(22px,7vw,32px);}
}


/* About page trust redesign */
.about-page{padding-top:34px}
.about-hero-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.55fr);gap:28px;align-items:center;border:1px solid #dbeafe;border-radius:32px;padding:28px;background:linear-gradient(135deg,#fff,#eff6ff);box-shadow:0 22px 58px rgba(15,23,42,.09);margin-bottom:34px}
.about-kicker{display:inline-flex;margin:0 0 12px;padding:7px 12px;border-radius:999px;border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;font-size:14px;font-weight:800}
.about-hero-copy h1{margin:0 0 14px;font-size:clamp(32px,4vw,52px);line-height:1.08;font-weight:800;letter-spacing:-.03em;color:#0f172a}
.about-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.about-main-photo{margin:0}.about-main-photo img{display:block;width:100%;height:auto}
.about-section{margin:34px 0}.about-section-head{max-width:880px;margin:0 0 18px}.about-section-head h2,.about-guarantee h2,.about-contact-panel h2{margin:0 0 10px;font-size:clamp(26px,3.2vw,40px);line-height:1.14;font-weight:800;letter-spacing:-.025em;color:#0f172a}.about-section-head p{margin:0;color:#64748b;font-size:18px;line-height:1.6}
.about-help-grid,.about-trust-grid,.about-cases,.about-review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.about-help-grid{grid-template-columns:repeat(4,1fr)}
.about-mini-card,.about-trust-item,.about-case,.about-review,.about-status-card{border:1px solid #dbeafe;border-radius:22px;background:#fff;padding:18px;box-shadow:0 12px 30px rgba(15,23,42,.06)}
.about-mini-card strong,.about-trust-item strong{display:block;margin-bottom:6px;font-size:17px;color:#0f172a}.about-mini-card span,.about-trust-item span{display:block;color:#64748b;line-height:1.55}
.about-trust-block{padding:26px;border:1px solid #dbeafe;border-radius:30px;background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:0 18px 42px rgba(15,23,42,.06)}.about-trust-item{position:relative;padding-left:48px}.about-trust-item:before{content:'✓';position:absolute;left:18px;top:18px;width:22px;height:22px;border-radius:999px;background:#dcfce7;color:#15803d;display:flex;align-items:center;justify-content:center;font-weight:800}
.about-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.about-step{position:relative;border:1px solid #dbeafe;border-radius:22px;background:#fff;padding:20px;box-shadow:0 12px 30px rgba(15,23,42,.06)}.about-step span{display:inline-flex;width:34px;height:34px;border-radius:12px;background:#2563eb;color:#fff;align-items:center;justify-content:center;font-weight:800;margin-bottom:12px}.about-step strong{display:block;font-size:18px;color:#0f172a;margin-bottom:6px}.about-step p{margin:0;color:#64748b}
.about-guarantee{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr);gap:18px;align-items:start;border:1px solid #bfdbfe;border-radius:28px;background:#eff6ff;padding:24px}.about-status-card{background:#fff}.about-status-card h3{margin-top:0}
.photo-grid--three{grid-template-columns:repeat(3,1fr)}.about-case span{display:inline-flex;margin-bottom:10px;padding:5px 9px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:13px;font-weight:800}.about-case h3{margin:0 0 10px}.about-case p{margin:8px 0;color:#475569}.about-review strong{display:block;margin-bottom:8px;color:#0f172a}.about-review p{color:#475569}.about-review span{display:block;color:#64748b;font-size:14px}
.about-contact-panel{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.6fr);gap:18px;align-items:center;border:1px solid #dbeafe;border-radius:28px;background:#fff;padding:24px;box-shadow:0 14px 34px rgba(15,23,42,.06)}.about-contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.about-contact-grid div{border:1px solid #dbeafe;border-radius:16px;background:#f8fafc;padding:14px}.about-contact-grid strong{display:block;color:#0f172a;margin-bottom:4px}.about-contact-grid a,.about-contact-grid span{color:#1d4ed8;font-weight:700}.about-contact-panel aside{display:grid;gap:10px}.about-useful-links .tagcloud{gap:10px}
@media(hover:hover){.about-mini-card,.about-trust-item,.about-step,.about-case,.about-review,.about-contact-panel,.about-status-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.about-mini-card:hover,.about-trust-item:hover,.about-step:hover,.about-case:hover,.about-review:hover,.about-contact-panel:hover,.about-status-card:hover{transform:translateY(-3px);box-shadow:0 20px 48px rgba(15,23,42,.12);border-color:#93c5fd}}
@media(max-width:980px){.about-help-grid,.about-trust-grid{grid-template-columns:repeat(2,1fr)}.about-cases,.about-review-grid,.about-steps,.photo-grid--three{grid-template-columns:repeat(2,1fr)}.about-hero-card,.about-guarantee,.about-contact-panel{grid-template-columns:1fr}.about-main-photo{max-width:420px}}
@media(max-width:620px){.about-hero-card{padding:20px;border-radius:24px}.about-help-grid,.about-trust-grid,.about-cases,.about-review-grid,.about-steps,.photo-grid--three,.about-contact-grid{grid-template-columns:1fr}.about-trust-block,.about-guarantee,.about-contact-panel{padding:18px;border-radius:22px}.about-trust-item{padding-left:44px}}


/* === 2026 premium redesign update: header, glass UI, messengers, mobile CTA === */
:root{--premium-glass:rgba(255,255,255,.66);--premium-line:rgba(255,255,255,.70);--premium-shadow:0 18px 52px rgba(15,23,42,.13)}
body{background:radial-gradient(circle at 12% 8%,rgba(37,99,235,.20),transparent 32%),radial-gradient(circle at 88% 18%,rgba(14,165,233,.18),transparent 30%),linear-gradient(135deg,#dbeafe 0%,#f8fafc 44%,#eef2ff 100%)}
.top{position:sticky;top:0;z-index:1000;background:rgba(15,23,42,.82)!important;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid rgba(255,255,255,.16);box-shadow:0 14px 38px rgba(15,23,42,.14)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 0!important}.brand{display:grid!important;gap:2px;color:#fff!important;text-decoration:none!important;line-height:1.08}.brand span{font-weight:950;font-size:18px;letter-spacing:-.025em}.brand small{font-size:12px;color:#bfdbfe;font-weight:800;letter-spacing:.01em}.menu{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.menu a{position:relative;color:#dbeafe!important;font-weight:850;font-size:14px;padding:8px 11px;border-radius:999px;border:1px solid transparent;text-decoration:none!important;transition:transform .22s ease,background .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease}.menu a:hover{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.18);box-shadow:0 10px 26px rgba(37,99,235,.16);color:#fff!important;transform:translateY(-2px)}.menu a.active{background:linear-gradient(135deg,rgba(37,99,235,.34),rgba(14,165,233,.18));border-color:rgba(147,197,253,.56);color:#fff!important;box-shadow:0 12px 30px rgba(37,99,235,.24),inset 0 1px 0 rgba(255,255,255,.22)}.menu a.active:after{content:"";position:absolute;left:16px;right:16px;bottom:3px;height:2px;border-radius:999px;background:linear-gradient(90deg,#93c5fd,#22c55e);box-shadow:0 0 14px rgba(147,197,253,.8)}
.phone{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.07))!important;color:#fff!important;padding:9px 14px!important;border-radius:999px!important;font-weight:950!important;white-space:nowrap;border:1px solid rgba(255,255,255,.24)!important;box-shadow:0 12px 30px rgba(15,23,42,.20),inset 0 1px 0 rgba(255,255,255,.18)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);text-decoration:none!important;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}.phoneIcon{display:grid;place-items:center;width:22px;height:22px;min-width:22px;border-radius:999px;background:rgba(34,197,94,.22);color:#bbf7d0}.phone:hover{transform:translateY(-3px) scale(1.025);box-shadow:0 22px 52px rgba(37,99,235,.24),inset 0 1px 0 rgba(255,255,255,.34)!important;filter:saturate(1.1)}.mobileMenuToggle{display:none;border:1px solid rgba(255,255,255,.24);background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.07));color:#fff;border-radius:999px;padding:9px 13px;font-weight:950;box-shadow:0 12px 30px rgba(15,23,42,.18);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);cursor:pointer;transition:transform .22s ease,box-shadow .22s ease}.mobileMenuToggle:hover{transform:translateY(-3px) scale(1.025);box-shadow:0 22px 52px rgba(37,99,235,.24),inset 0 1px 0 rgba(255,255,255,.34)}
.card,.trust-column,.trust-benefit,.callback-card,.callback-form,.photo-card,.photo-work-card,.notice{background:var(--premium-glass)!important;border:1px solid var(--premium-line)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:var(--premium-shadow)!important;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease}.card:hover,.trust-column:hover,.trust-benefit:hover,.callback-card:hover,.photo-card:hover,.photo-work-card:hover{transform:translateY(-4px);box-shadow:0 26px 70px rgba(15,23,42,.18)!important;border-color:rgba(37,99,235,.35)!important}.section,.callback-section,.trust-section,.photo-section{background:linear-gradient(180deg,rgba(255,255,255,.42) 0%,rgba(248,250,252,.58) 100%)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(15,23,42,.98) 0%,rgba(29,78,216,.90) 54%,rgba(14,165,233,.86) 100%)!important}.hero:before{content:"";position:absolute;inset:-180px -130px auto auto;width:520px;height:520px;border-radius:999px;background:rgba(255,255,255,.16);filter:blur(6px)}.hero:after{content:"";position:absolute;left:8%;bottom:-160px;width:380px;height:380px;border-radius:999px;background:rgba(34,197,94,.16);filter:blur(18px)}.hero .wrap{position:relative;z-index:1}.messenger-prompt{margin-top:28px;margin-bottom:12px;color:#e0f2fe;font-weight:900;letter-spacing:-.01em}.hero-social{display:flex;gap:12px;flex-wrap:wrap}.messenger-button,.floating-contact-button{position:relative!important;overflow:hidden!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;width:158px!important;height:48px!important;min-width:158px!important;min-height:48px!important;padding:0 16px!important;border-radius:999px!important;color:#fff!important;font-weight:950!important;letter-spacing:.01em;text-decoration:none!important;border:1px solid rgba(255,255,255,.34)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 16px 38px rgba(15,23,42,.22),inset 0 1px 0 rgba(255,255,255,.28)!important;isolation:isolate;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}.floating-contact-button{width:136px!important;height:42px!important;min-width:136px!important;min-height:42px!important;font-size:13px!important}.messenger-button:before,.floating-contact-button:before{content:""!important;display:block!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;min-width:0!important;border-radius:inherit!important;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.34) 42%,transparent 70%)!important;transform:translateX(-130%);transition:transform .65s ease;z-index:-1;box-shadow:none!important}.messenger-button:hover:before,.floating-contact-button:hover:before{transform:translateX(130%)}.messenger-button:hover,.floating-contact-button:hover{transform:translateY(-3px) scale(1.025)!important;box-shadow:0 22px 52px rgba(37,99,235,.24),inset 0 1px 0 rgba(255,255,255,.34)!important;filter:saturate(1.1);text-decoration:none!important}.social-icon{display:inline-grid;place-items:center;width:24px;height:24px;min-width:24px;border-radius:999px;background:rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.25);font-weight:1000;line-height:1}.messenger-button--wa,.floating-contact-button--wa{background:linear-gradient(135deg,rgba(37,211,102,.78),rgba(5,150,105,.58))!important;--pulse-rgb:37,211,102}.messenger-button--tg,.floating-contact-button--tg{background:linear-gradient(135deg,rgba(34,158,217,.78),rgba(37,99,235,.58))!important;--pulse-rgb:34,158,217}.messenger-button--max,.floating-contact-button--max{background:linear-gradient(135deg,rgba(37,99,235,.78),rgba(14,165,233,.56))!important;--pulse-rgb:37,99,235}.floating-contact-button--call{display:none!important}.floating-contact-buttons{position:fixed;right:24px;bottom:24px;z-index:9999;display:flex;flex-direction:column;gap:9px;align-items:flex-end;pointer-events:none;filter:drop-shadow(0 16px 32px rgba(15,23,42,.16))}.floating-contact-button{pointer-events:auto}.floating-contact-button::after{display:none!important;animation:none!important}
.trust-section{padding:64px 0!important}.trust-head{max-width:880px;margin:0 auto 26px;text-align:center}.trust-kicker{display:inline-flex;align-items:center;border:1px solid #bfdbfe;background:rgba(239,246,255,.72);color:#1d4ed8;border-radius:999px;padding:7px 12px;font-size:14px;font-weight:900;margin-bottom:12px;backdrop-filter:blur(12px)}.trust-head h2{margin:0 0 12px;font-size:clamp(28px,4vw,44px);line-height:1.12;letter-spacing:-.03em;color:#0f172a}.trust-head p{margin:0;color:#475569;font-size:18px}.trust-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.trust-benefit{border-radius:18px;padding:18px}.trust-benefit strong{display:block;margin-bottom:6px;font-size:17px;color:#1d4ed8}.trust-benefit span{display:block;color:#475569;font-size:14px;line-height:1.5}.trust-vs-label{display:table;margin:24px auto 4px;border-radius:999px;background:#0f172a;color:#fff;font-weight:900;padding:8px 18px;box-shadow:0 14px 34px rgba(15,23,42,.18)}.trust-compare{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0 0}.trust-column{border-radius:24px;padding:22px}.trust-column--bad{background:linear-gradient(135deg,rgba(255,241,242,.86),rgba(255,255,255,.64))!important;border-color:rgba(248,113,113,.50)!important}.trust-column--good{background:linear-gradient(135deg,rgba(236,253,245,.88),rgba(255,255,255,.64))!important;border-color:rgba(34,197,94,.46)!important}.trust-column--bad:hover{box-shadow:0 26px 70px rgba(220,38,38,.16)!important}.trust-column--good:hover{box-shadow:0 26px 70px rgba(22,163,74,.16)!important}.trust-column--bad h3{color:#991b1b}.trust-column--good h3{color:#166534}
@media(max-width:860px){.trust-compare{grid-template-columns:1fr}.trust-benefits{grid-template-columns:1fr 1fr}}
@media(max-width:760px){body{padding-bottom:74px}.top{position:sticky!important;top:0!important;z-index:1000!important}.nav{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:8px!important;padding:10px 0!important}.brand{min-width:0}.brand span{font-size:16px}.brand small{font-size:11px}.mobileMenuToggle{display:inline-flex!important;align-items:center;justify-content:center;grid-column:2;grid-row:1;min-height:38px;padding:8px 12px}.phone{grid-column:1/-1;grid-row:2;width:100%!important;min-height:38px!important;height:38px!important;padding:7px 12px!important;border-radius:14px!important;font-size:14px!important;line-height:1!important;position:relative!important;top:auto!important;z-index:1!important;transform:none!important;overflow:hidden;isolation:isolate}.phoneIcon{width:20px!important;height:20px!important;min-width:20px!important;font-size:12px!important}.phone span:last-child{font-size:0!important;display:inline-flex!important;align-items:center!important;white-space:nowrap!important}.phone span:last-child:after{content:"Позвонить мастеру";font-size:14px!important;font-weight:950!important;letter-spacing:.01em}.phone:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.34) 42%,transparent 70%);transform:translateX(-130%);transition:transform .65s ease;z-index:-1}.phone:hover:before{transform:translateX(130%)}.phone:hover{transform:translateY(-3px) scale(1.025)!important;box-shadow:0 22px 52px rgba(37,99,235,.24),inset 0 1px 0 rgba(255,255,255,.34)!important;filter:saturate(1.1)!important}.menu{grid-column:1/-1!important;grid-row:3!important;display:grid!important;grid-template-columns:1fr 1fr!important;width:100%;gap:8px;max-height:0;overflow:hidden;opacity:0;transform:translateY(-6px);transition:max-height .28s ease,opacity .22s ease,transform .22s ease}.top.menu-open .menu{max-height:270px;opacity:1;transform:translateY(0);padding-top:8px}.menu a{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:10px 11px;text-align:center}.hero-social{display:grid;grid-template-columns:1fr;gap:10px}.messenger-button{width:100%!important}.floating-contact-buttons{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:10000!important;display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:8px!important;align-items:stretch!important;padding:10px 12px!important;background:rgba(15,23,42,.78)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-top:1px solid rgba(255,255,255,.16)!important;pointer-events:auto!important}.floating-contact-button{width:100%!important;min-width:0!important;height:48px!important;min-height:48px!important;font-size:0!important;padding:0!important;border-radius:999px!important}.floating-contact-button span:last-child{font-size:12px!important}.floating-contact-button:before{display:none!important}.floating-contact-button:hover{transform:none!important;box-shadow:0 16px 38px rgba(15,23,42,.22),inset 0 1px 0 rgba(255,255,255,.28)!important}.trust-benefits{grid-template-columns:1fr}.trust-section{padding:42px 0!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


.service-related-problems,.service-terms{margin:22px 0 28px}
.problem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.problem-card{display:block;border:1px solid var(--line);border-radius:18px;padding:16px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.06);font-weight:800;color:#0f172a;text-decoration:none}
.problem-card small{display:block;margin-top:6px;color:#64748b;font-weight:700}
.terms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.terms-item{border:1px solid var(--line);border-radius:18px;padding:16px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.06)}
.terms-item strong{display:block;margin-bottom:6px;color:#0f172a}
@media(max-width:620px){.problem-grid,.terms-grid{grid-template-columns:1fr}}


/* === FINAL CANVAS CHANGES: premium home, buttons, header, reviews, spam === */
body{background:radial-gradient(circle at 10% 8%,rgba(37,99,235,.16),transparent 30%),radial-gradient(circle at 88% 18%,rgba(14,165,233,.16),transparent 30%),linear-gradient(135deg,#dbeafe 0%,#f8fafc 44%,#eef2ff 100%)!important}.top{position:sticky;top:0;z-index:1000;background:linear-gradient(135deg,rgba(15,23,42,.90),rgba(30,64,175,.66))!important;border-bottom:1px solid rgba(255,255,255,.24)!important;box-shadow:0 16px 42px rgba(15,23,42,.20),inset 0 1px 0 rgba(255,255,255,.16)!important;backdrop-filter:blur(24px) saturate(1.22)!important;-webkit-backdrop-filter:blur(24px) saturate(1.22)!important}.nav{padding:10px 0!important;gap:12px!important}.brand span{font-size:17px!important;letter-spacing:-.02em!important}.brand small{font-size:11px!important;color:#dbeafe!important}.menu{gap:6px!important}.menu a{padding:7px 10px!important;font-size:13px!important;border-radius:999px!important;color:#e0f2fe!important;position:relative!important;overflow:hidden!important}.menu a.active{background:linear-gradient(135deg,rgba(37,99,235,.40),rgba(14,165,233,.18))!important;border-color:rgba(147,197,253,.62)!important;color:#fff!important;box-shadow:0 12px 30px rgba(37,99,235,.24),inset 0 1px 0 rgba(255,255,255,.24)!important}.menu a.active:after{content:"";position:absolute;left:14px;right:14px;bottom:3px;height:2px;border-radius:999px;background:linear-gradient(90deg,#bfdbfe,#22c55e);box-shadow:0 0 14px rgba(147,197,253,.75)}.phone{height:38px!important;padding:0 13px!important;font-size:13px!important;gap:7px!important;white-space:nowrap!important;background:linear-gradient(135deg,rgba(17,24,39,.48),rgba(255,255,255,.10))!important;border:1px solid rgba(255,255,255,.38)!important;backdrop-filter:blur(22px) saturate(1.24)!important;-webkit-backdrop-filter:blur(22px) saturate(1.24)!important;color:#fff!important}.phone-online-dot{width:8px;height:8px;min-width:8px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.72);animation:headerOnlinePulse 1.5s ease-out infinite}@keyframes headerOnlinePulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.72)}70%{box-shadow:0 0 0 9px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}.phoneIcon svg,.contact-icon svg{width:14px;height:14px;display:block;fill:currentColor;color:#fff}.hero-final{background:linear-gradient(135deg,rgba(15,23,42,.98),rgba(29,78,216,.90),rgba(14,165,233,.82))!important;color:#fff;border:1px solid rgba(255,255,255,.30);box-shadow:0 30px 90px rgba(15,23,42,.26),inset 0 1px 0 rgba(255,255,255,.24)!important}.hero-grid-final{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:28px;align-items:center}.hero-final h1{font-size:clamp(34px,5vw,58px);line-height:1.05;letter-spacing:-.04em;margin:0 0 16px}.hero-final p{font-size:20px;color:#e0f2fe;max-width:760px}.home-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.home-badges span{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);padding:8px 12px;border-radius:999px;color:#fff;font-weight:850}.master-hero-card,.card,.condition-card,.problem-card-final,.review-slide,.not-worth-card,.home-seo-block,.launch-checklist,.callback-card,.photo-card,.notice{background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(255,255,255,.42))!important;border:1px solid rgba(255,255,255,.78)!important;backdrop-filter:blur(22px) saturate(1.18)!important;-webkit-backdrop-filter:blur(22px) saturate(1.18)!important;box-shadow:0 18px 48px rgba(15,23,42,.10),inset 0 1px 0 rgba(255,255,255,.62)!important;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.card:hover,.condition-card:hover,.problem-card-final:hover,.review-slide:hover,.photo-card:hover,.not-worth-card:hover{transform:translateY(-5px);border-color:rgba(147,197,253,.68)!important;box-shadow:0 30px 78px rgba(15,23,42,.18),inset 0 1px 0 rgba(255,255,255,.74)!important}.master-hero-card{border-radius:28px;padding:20px;color:#fff;background:rgba(255,255,255,.14)!important}.master-photo-mock{min-height:260px;border-radius:22px;background:radial-gradient(circle at 25% 18%,rgba(34,197,94,.34),transparent 28%),linear-gradient(135deg,#07111f,#12306b 58%,#0e7490);display:grid;place-items:center;text-align:center;color:#fff;font-weight:950;padding:20px;border:1px solid rgba(255,255,255,.22)}.master-hero-card h3{color:#fff}.master-hero-card p,.master-hero-card li,.master-meta span{color:#dbeafe}.master-meta{display:grid;gap:8px;margin-top:12px}.master-meta span{display:inline-flex;align-items:center;gap:8px;font-weight:900}.master-meta span:before{content:"";width:8px;height:8px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.14)}.contact-choice-text{margin:12px 0 10px;color:#dbeafe;font-weight:950;font-size:15px;text-shadow:0 1px 12px rgba(15,23,42,.32)}main .contact-choice-text,.callback-section .contact-choice-text{color:#1d4ed8;text-shadow:none}.contact-buttons{display:grid!important;grid-template-columns:repeat(4,minmax(132px,1fr))!important;gap:10px!important;align-items:center!important;max-width:680px!important;width:100%!important}.contact-btn,.floating-contact-button{width:100%!important;min-width:0!important;height:46px!important;padding:0 14px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-size:14px!important;font-weight:950!important;color:#fff!important;text-shadow:0 1px 12px rgba(15,23,42,.42)!important;background:linear-gradient(135deg,rgba(17,24,39,.48),rgba(255,255,255,.10))!important;border:1px solid rgba(255,255,255,.38)!important;box-shadow:0 18px 48px rgba(15,23,42,.22),inset 0 1px 0 rgba(255,255,255,.36)!important;backdrop-filter:blur(22px) saturate(1.24)!important;-webkit-backdrop-filter:blur(22px) saturate(1.24)!important;text-decoration:none!important;overflow:hidden!important;isolation:isolate!important}.contact-icon{display:grid!important;place-items:center!important;width:22px!important;height:22px!important;min-width:22px!important;border-radius:999px!important;background:rgba(255,255,255,.24)!important;border:1px solid rgba(255,255,255,.30)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.32)!important}.contact-btn:hover,.floating-contact-button:hover{transform:translateY(-4px) scale(1.025)!important;border-color:rgba(147,197,253,.58)!important;box-shadow:0 26px 66px rgba(37,99,235,.24),0 0 0 1px rgba(255,255,255,.24),inset 0 1px 0 rgba(255,255,255,.48)!important;background:linear-gradient(135deg,rgba(30,64,175,.52),rgba(255,255,255,.14))!important;text-decoration:none!important}.service-card{display:flex;flex-direction:column;gap:10px;min-height:286px;text-align:left}.service-title{display:flex;gap:11px;align-items:center;min-height:58px}.service-title h3{margin:0!important;line-height:1.18!important;font-size:18px!important}.service-icon{display:grid;place-items:center;width:38px;height:38px;min-width:38px;border-radius:14px;background:linear-gradient(135deg,rgba(37,99,235,.18),rgba(14,165,233,.12));font-size:21px}.service-badges span,.service-meta span{display:inline-flex;border-radius:999px;padding:6px 8px;font-size:12px;font-weight:950;border:1px solid rgba(37,99,235,.18);background:rgba(239,246,255,.72);color:#1d4ed8}.service-card .muted{min-height:76px;margin:0!important;font-size:14px;line-height:1.45}.service-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto}.scenario-list{display:none}.service-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%;margin-top:10px!important}.smallBtn.order{background:linear-gradient(135deg,rgba(37,99,235,.86),rgba(14,165,233,.62))!important}.problem-intro{font-weight:900;color:#1d4ed8;margin:0 0 14px;font-size:16px}.problem-grid-final,.condition-grid,.price-grid-final,.not-worth-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.problem-card-final,.condition-card,.not-worth-card{border-radius:20px;padding:18px;text-decoration:none;color:#0f172a}.problem-card-final strong,.condition-card strong,.not-worth-card strong{display:block;margin-bottom:6px}.problem-card-final small,.condition-card span,.not-worth-card span{color:#64748b;font-weight:750}.vs-bad{background:linear-gradient(135deg,rgba(255,241,242,.78),rgba(255,255,255,.48))!important;border-color:rgba(248,113,113,.34)!important}.vs-good{background:linear-gradient(135deg,rgba(236,253,245,.78),rgba(239,246,255,.48))!important;border-color:rgba(34,197,94,.32)!important}.vs-bad h3{color:#991b1b}.vs-good h3{color:#166534}.price-item strong{display:block;margin-bottom:6px}.price-item span{color:#1d4ed8;font-weight:950}.photo-warning{margin:14px 0 18px;border:1px dashed rgba(245,158,11,.45);background:rgba(255,251,235,.78);color:#78350f;border-radius:16px;padding:12px 14px;font-weight:900}.photo-grid-final{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.not-worth-card{border-color:rgba(245,158,11,.24)!important;background:linear-gradient(135deg,rgba(255,251,235,.78),rgba(255,255,255,.48))!important}.not-worth-card strong{color:#92400e}.reviews-carousel-shell{position:relative;overflow:hidden;margin-top:18px;padding:6px 0 18px;mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%)}.reviews-carousel-track{display:flex;gap:16px;width:max-content;animation:reviewsMarquee 165s linear infinite;will-change:transform}.reviews-carousel-shell:hover .reviews-carousel-track{animation-play-state:paused}@keyframes reviewsMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}.review-slide{flex:0 0 330px;min-height:255px;border-radius:24px;padding:18px;position:relative;overflow:hidden}.review-top{display:flex;align-items:center;gap:12px;margin-bottom:10px}.review-avatar{display:grid;place-items:center;width:46px;height:46px;min-width:46px;border-radius:999px;background:linear-gradient(135deg,rgba(37,99,235,.78),rgba(14,165,233,.56));color:#fff;font-weight:1000;box-shadow:0 12px 28px rgba(37,99,235,.22),inset 0 1px 0 rgba(255,255,255,.36)}.review-name{font-weight:1000;color:#0f172a;line-height:1.15}.review-place{font-size:13px;color:#64748b;font-weight:800}.review-stars{color:#f59e0b;font-size:16px;letter-spacing:1px;margin:8px 0 6px;text-shadow:0 1px 10px rgba(245,158,11,.22)}.review-date{display:inline-flex;border:1px solid rgba(37,99,235,.16);background:rgba(239,246,255,.72);color:#1d4ed8;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:950;margin-bottom:10px}.review-text{color:#334155;margin:0 0 12px;line-height:1.48}.review-service{display:block;color:#1d4ed8;font-weight:950;font-size:13px}.home-seo-block,.launch-checklist{border-radius:24px;padding:24px}.home-seo-block a{font-weight:950;color:#1d4ed8;border-bottom:1px solid rgba(37,99,235,.25)}.spamTrap{position:absolute!important;left:-9999px!important;opacity:0!important;pointer-events:none!important;height:0!important;width:0!important;overflow:hidden!important}.callback-form textarea{width:100%;min-height:96px;resize:vertical;border:1px solid #cbd5e1;border-radius:14px;padding:13px 14px;font-size:16px;background:#fff;color:#0f172a;outline:none;font-family:inherit}.floating-contact-buttons{gap:10px!important}.floating-contact-button{width:138px!important}.mobileMenuToggle{display:none}
@media(max-width:760px){.hero-grid-final{grid-template-columns:1fr}.master-photo-mock{min-height:190px}.contact-buttons{grid-template-columns:1fr 1fr!important;max-width:none!important}.contact-btn{height:48px!important}.problem-grid-final,.condition-grid,.price-grid-final,.not-worth-grid,.photo-grid-final{grid-template-columns:1fr}.reviews-carousel-shell{mask-image:none;-webkit-mask-image:none;overflow-x:auto}.reviews-carousel-track{animation:reviewsMarquee 190s linear infinite}.review-slide{flex-basis:285px;min-height:270px}.nav{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:8px!important;padding:9px 0!important}.mobileMenuToggle{display:inline-flex!important;grid-column:2;grid-row:1}.phone{grid-column:1/-1;grid-row:2;width:100%!important;justify-content:center!important;border-radius:14px!important}.phone span:last-child{font-size:0!important}.phone span:last-child:after{content:"Позвонить мастеру";font-size:14px!important;font-weight:950!important}.menu{grid-column:1/-1!important;grid-row:3!important;display:grid!important;grid-template-columns:1fr 1fr!important;width:100%;gap:8px;max-height:0;overflow:hidden;opacity:0;transform:translateY(-6px);transition:max-height .28s ease,opacity .22s ease,transform .22s ease}.top.menu-open .menu{max-height:270px;opacity:1;transform:translateY(0);padding-top:8px}.menu a{text-align:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:10px 11px!important}.floating-contact-buttons{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:10000!important;display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:8px!important;padding:10px 12px!important;background:rgba(15,23,42,.78)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-top:1px solid rgba(255,255,255,.16)!important}.floating-contact-button{width:100%!important;min-width:0!important;height:48px!important;font-size:0!important;padding:0!important}.floating-contact-button span:last-child{font-size:12px!important}body{padding-bottom:74px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* === /FINAL CANVAS CHANGES === */

/* === Design cleanup 2026-05-27: calmer cards, unified contact buttons, SVG icons === */
:root{
  --contact-size:168px;
  --contact-height:52px;
  --contact-radius:999px;
  --soft-card:#ffffff;
  --soft-card-line:#e4ebf5;
  --soft-card-shadow:0 12px 34px rgba(15,23,42,.08);
}
.hero-final p,
.hero p{max-width:720px}
.home-badges{gap:9px!important;margin-top:18px!important}
.home-badges span{font-size:14px!important;font-weight:850!important;padding:7px 11px!important}
/* Glass remains for hero/callback; regular content cards are calmer for readability. */
main .card,
.service-card,
.price-item,
.problem-card-final,
.condition-card,
.not-worth-card,
.home-seo-block,
.photo-work-card,
.photo-card{
  background:var(--soft-card)!important;
  border:1px solid var(--soft-card-line)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:var(--soft-card-shadow)!important;
}
.review-slide{
  background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(248,250,252,.76))!important;
  border:1px solid rgba(226,232,240,.92)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
.master-hero-card,
.callback-card,
.callback-form{
  backdrop-filter:blur(22px) saturate(1.18)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.18)!important;
}
.card:hover,
.condition-card:hover,
.problem-card-final:hover,
.review-slide:hover,
.photo-card:hover,
.photo-work-card:hover,
.not-worth-card:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(147,197,253,.55)!important;
  box-shadow:0 20px 48px rgba(15,23,42,.13)!important;
}
.service-title h3,
.review-name,
.price-item strong{font-weight:850!important}
.messenger-prompt{
  margin-top:28px!important;
  margin-bottom:10px!important;
  color:#e0f2fe!important;
  font-weight:900!important;
  letter-spacing:-.01em!important;
}
.contact-choice-text{
  max-width:680px!important;
  color:rgba(224,242,254,.86)!important;
  font-size:15px!important;
  font-weight:720!important;
  margin:0 0 14px!important;
}
main .contact-choice-text,
.callback-section .contact-choice-text{color:#1d4ed8!important;text-shadow:none!important}
.contact-buttons.messenger-glass-row,
.messenger-glass-row{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  flex-wrap:wrap!important;
  max-width:720px!important;
  width:100%!important;
}
.messenger-button,
a.messenger-button,
.contact-btn[href^="tel:"],
.contact-btn[href*="wa.me"],
.contact-btn[href*="t.me"],
.contact-btn[href*="telegram"],
.contact-btn[href*="max.ru"],
.btn[href^="tel:"]{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  width:var(--contact-size)!important;
  min-width:var(--contact-size)!important;
  max-width:var(--contact-size)!important;
  height:var(--contact-height)!important;
  min-height:var(--contact-height)!important;
  padding:0 18px!important;
  border-radius:var(--contact-radius)!important;
  border:1px solid rgba(255,255,255,.38)!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:15px!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  line-height:1!important;
  backdrop-filter:blur(20px) saturate(1.18)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.18)!important;
  box-shadow:0 16px 38px rgba(15,23,42,.22), inset 0 1px 0 rgba(255,255,255,.34)!important;
  transition:transform .22s ease, box-shadow .22s ease, filter .22s ease, border-color .22s ease!important;
  animation:none!important;
}
.messenger-button:before,
.contact-btn[href^="tel:"]:before,
.contact-btn[href*="wa.me"]:before,
.contact-btn[href*="t.me"]:before,
.contact-btn[href*="telegram"]:before,
.contact-btn[href*="max.ru"]:before,
.btn[href^="tel:"]:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.38) 44%,transparent 74%)!important;
  transform:translateX(-145%)!important;
  transition:transform .7s ease!important;
  z-index:-1!important;
}
.messenger-button:hover,
.contact-btn[href^="tel:"]:hover,
.contact-btn[href*="wa.me"]:hover,
.contact-btn[href*="t.me"]:hover,
.contact-btn[href*="telegram"]:hover,
.contact-btn[href*="max.ru"]:hover,
.btn[href^="tel:"]:hover{
  transform:translateY(-3px) scale(1.02)!important;
  filter:saturate(1.08) brightness(1.03)!important;
  box-shadow:0 24px 54px rgba(37,99,235,.28), inset 0 1px 0 rgba(255,255,255,.42)!important;
  text-decoration:none!important;
}
.messenger-button:hover:before,
.contact-btn[href^="tel:"]:hover:before,
.contact-btn[href*="wa.me"]:hover:before,
.contact-btn[href*="t.me"]:hover:before,
.contact-btn[href*="telegram"]:hover:before,
.contact-btn[href*="max.ru"]:hover:before,
.btn[href^="tel:"]:hover:before{transform:translateX(145%)!important}
.social-icon,
.messenger-button .social-icon{
  display:inline-grid!important;
  place-items:center!important;
  width:28px!important;
  min-width:28px!important;
  height:28px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.24)!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.30),0 6px 16px rgba(15,23,42,.14)!important;
}
.social-icon svg,
.messenger-button .social-icon svg{
  display:block!important;
  width:16px!important;
  height:16px!important;
  fill:currentColor!important;
}
.messenger-button--call,
.contact-btn[href^="tel:"],
.btn[href^="tel:"]{
  background:linear-gradient(135deg,rgba(34,197,94,.84),rgba(22,163,74,.62))!important;
  --messenger-glow:34,197,94;
}
.messenger-button--wa,
.contact-btn[href*="wa.me"]{
  background:linear-gradient(135deg,rgba(37,211,102,.82),rgba(5,150,105,.60))!important;
  --messenger-glow:37,211,102;
}
.messenger-button--tg,
.contact-btn[href*="t.me"],
.contact-btn[href*="telegram"]{
  background:linear-gradient(135deg,rgba(34,158,217,.84),rgba(37,99,235,.62))!important;
  --messenger-glow:34,158,217;
}
.messenger-button--max,
.contact-btn[href*="max.ru"]{
  background:linear-gradient(135deg,rgba(37,99,235,.84),rgba(14,165,233,.58))!important;
  --messenger-glow:37,99,235;
}
.phone{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  border:1px solid rgba(255,255,255,.36)!important;
  color:#fff!important;
  background:linear-gradient(135deg,rgba(34,197,94,.78),rgba(22,163,74,.56))!important;
  backdrop-filter:blur(18px) saturate(1.15)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.15)!important;
  box-shadow:0 14px 34px rgba(15,23,42,.20), inset 0 1px 0 rgba(255,255,255,.28)!important;
}
.phone:before{content:""!important;position:absolute!important;inset:0!important;border-radius:inherit!important;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.34) 42%,transparent 72%)!important;transform:translateX(-140%)!important;transition:transform .7s ease!important;z-index:-1!important}
.phone:hover:before{transform:translateX(140%)!important}
.master-photo-mock{font-size:22px!important;line-height:1.22!important;letter-spacing:-.02em!important}
.master-photo-mock:before{content:"↯";display:grid;place-items:center;width:54px;height:54px;margin:0 auto 14px;border-radius:18px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.26);box-shadow:inset 0 1px 0 rgba(255,255,255,.26)}
@media(max-width:680px){
  .hero-final p{font-size:18px!important}
  .home-badges{gap:8px!important}
  .contact-buttons.messenger-glass-row,
  .messenger-glass-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;max-width:none!important}
  .messenger-button,
  a.messenger-button,
  .contact-btn[href^="tel:"],
  .contact-btn[href*="wa.me"],
  .contact-btn[href*="t.me"],
  .contact-btn[href*="telegram"],
  .contact-btn[href*="max.ru"],
  .btn[href^="tel:"]{width:100%!important;min-width:0!important;max-width:none!important;height:50px!important;min-height:50px!important;padding:0 12px!important;font-size:13px!important}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}


/* ===== Final homepage cleanup: unified header call button, calmer reviews and hero copy ===== */
.top .phone{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  width:166px!important;
  min-width:166px!important;
  height:52px!important;
  min-height:52px!important;
  padding:0 18px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.38)!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:15px!important;
  font-weight:950!important;
  letter-spacing:.01em!important;
  line-height:1!important;
  background:linear-gradient(135deg,rgba(34,197,94,.84),rgba(22,163,74,.62))!important;
  backdrop-filter:blur(20px) saturate(1.18)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.18)!important;
  box-shadow:0 18px 42px rgba(15,23,42,.24),inset 0 1px 0 rgba(255,255,255,.34)!important;
  text-shadow:0 1px 12px rgba(15,23,42,.32)!important;
  transition:transform .24s ease,box-shadow .24s ease,filter .24s ease!important;
}
.top .phone:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  border-radius:inherit!important;
  background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.40) 42%,transparent 72%)!important;
  transform:translateX(-140%)!important;
  transition:transform .72s ease!important;
}
.top .phone:hover{transform:translateY(-3px) scale(1.02)!important;filter:saturate(1.1) brightness(1.04)!important;box-shadow:0 24px 54px rgba(34,197,94,.30),inset 0 1px 0 rgba(255,255,255,.42)!important;}
.top .phone:hover:before{transform:translateX(140%)!important;}
.top .phone .phone-online-dot{display:none!important;}
.top .phone .phoneIcon{display:inline-grid!important;place-items:center!important;width:28px!important;min-width:28px!important;height:28px!important;border-radius:999px!important;background:rgba(255,255,255,.24)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.30),0 6px 16px rgba(15,23,42,.14)!important;}
.top .phone .phoneIcon svg{display:block!important;width:16px!important;height:16px!important;fill:currentColor!important;}
.hero-final .contact-choice-text:first-of-type{display:none!important;}
.reviews-note{margin:14px 0 0;color:#64748b;font-size:14px;line-height:1.55;text-align:center;}
.reviews-carousel-track{gap:16px!important;}

/* CONTEXTUAL_INTERNAL_LINKING_2026_06_22 */
.rayon-metro-cloud a,.rayon-human-list a,.rayon-common-grid a,.metro-situation-grid a{color:inherit;text-decoration:underline;text-decoration-color:rgba(37,99,235,.32);text-underline-offset:3px}.rayon-metro-cloud a{display:inline-flex;border:1px solid rgba(37,99,235,.18);background:#eff6ff;border-radius:999px;padding:7px 10px;color:#1d4ed8;font-weight:900;text-decoration:none}.rayon-metro-cloud{display:flex;gap:8px;flex-wrap:wrap}.geo-context-links{margin-top:16px!important;padding-top:14px;border-top:1px solid rgba(37,99,235,.14);font-size:14px;line-height:1.7}.geo-context-links a,.blog-context-links a{color:#1d4ed8;font-weight:900}.blog-context-links{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:20px 0;padding:16px;border:1px solid #dbeafe;border-radius:8px;background:#f8fafc}.blog-context-links a{display:inline-flex;padding:7px 10px;border:1px solid #bfdbfe;border-radius:999px;background:#fff;text-decoration:none}.service-related-guides{margin-top:28px}.metro-nearby-links [data-linked-districts]{display:contents}
.review-slide{box-shadow:0 12px 34px rgba(15,23,42,.08)!important;}
@media(max-width:900px){
  .top .phone{width:100%!important;max-width:220px!important;min-width:0!important;height:50px!important;min-height:50px!important;}
}

/* ===== Desktop contact row fix: keep Call / WhatsApp / Telegram / Max in one row ===== */
@media (min-width: 761px){
  .contact-buttons.messenger-glass-row,
  .messenger-glass-row{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:12px!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    width:100%!important;
    max-width:760px!important;
  }
  .hero-final .contact-buttons.messenger-glass-row,
  .hero-final .messenger-glass-row{
    max-width:760px!important;
  }
  .messenger-button,
  a.messenger-button,
  .contact-btn[href^="tel:"],
  .contact-btn[href*="wa.me"],
  .contact-btn[href*="t.me"],
  .contact-btn[href*="telegram"],
  .contact-btn[href*="max.ru"],
  .btn[href^="tel:"]{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
}


/* ===== Richer contact button colors: Call / WhatsApp / Telegram / Max ===== */
:root{
  --contact-glass-border:rgba(255,255,255,.48);
  --contact-glass-highlight:rgba(255,255,255,.46);
}
.messenger-button,
a.messenger-button,
.contact-btn[href^="tel:"],
.contact-btn[href*="wa.me"],
.contact-btn[href*="t.me"],
.contact-btn[href*="telegram"],
.contact-btn[href*="max.ru"],
.btn[href^="tel:"],
.top .phone,
.phone{
  border-color:var(--contact-glass-border)!important;
  backdrop-filter:blur(18px) saturate(1.38)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.38)!important;
  color:#fff!important;
  text-shadow:0 1px 14px rgba(2,6,23,.34)!important;
}
.messenger-button:before,
.contact-btn[href^="tel:"]:before,
.contact-btn[href*="wa.me"]:before,
.contact-btn[href*="t.me"]:before,
.contact-btn[href*="telegram"]:before,
.contact-btn[href*="max.ru"]:before,
.btn[href^="tel:"]:before,
.top .phone:before,
.phone:before{
  background:linear-gradient(115deg,transparent 0%,var(--contact-glass-highlight) 42%,rgba(255,255,255,.12) 54%,transparent 74%)!important;
}
.messenger-button--call,
.contact-btn[href^="tel:"],
.btn[href^="tel:"],
.top .phone,
.phone{
  background:linear-gradient(135deg,var(--color-success-bright) 0%,#22c55e 42%,#15803d 100%)!important;
  --messenger-glow:34,197,94;
  box-shadow:0 18px 46px rgba(34,197,94,.30),0 8px 20px rgba(6,95,70,.18),inset 0 1px 0 rgba(255,255,255,.42)!important;
}
.messenger-button--wa,
.contact-btn[href*="wa.me"]{
  background:linear-gradient(135deg,var(--color-success-bright) 0%,var(--color-success-bright) 42%,#059669 100%)!important;
  --messenger-glow:37,211,102;
  box-shadow:0 18px 46px rgba(37,211,102,.32),0 8px 20px rgba(5,150,105,.18),inset 0 1px 0 rgba(255,255,255,.42)!important;
}
.messenger-button--tg,
.contact-btn[href*="t.me"],
.contact-btn[href*="telegram"]{
  background:linear-gradient(135deg,#38bdf8 0%,var(--color-sky) 45%,#2563eb 100%)!important;
  --messenger-glow:34,158,217;
  box-shadow:0 18px 46px rgba(34,158,217,.32),0 8px 20px rgba(37,99,235,.20),inset 0 1px 0 rgba(255,255,255,.42)!important;
}
.messenger-button--max,
.contact-btn[href*="max.ru"]{
  background:linear-gradient(135deg,#3b82f6 0%,#2563eb 45%,#7c3aed 100%)!important;
  --messenger-glow:79,70,229;
  box-shadow:0 18px 46px rgba(79,70,229,.32),0 8px 20px rgba(14,165,233,.18),inset 0 1px 0 rgba(255,255,255,.42)!important;
}
.messenger-button:hover,
.contact-btn[href^="tel:"]:hover,
.contact-btn[href*="wa.me"]:hover,
.contact-btn[href*="t.me"]:hover,
.contact-btn[href*="telegram"]:hover,
.contact-btn[href*="max.ru"]:hover,
.btn[href^="tel:"]:hover,
.top .phone:hover,
.phone:hover{
  filter:saturate(1.28) brightness(1.08)!important;
  border-color:rgba(255,255,255,.62)!important;
  box-shadow:0 26px 66px rgba(var(--messenger-glow,37,99,235),.42),0 0 0 8px rgba(var(--messenger-glow,37,99,235),.12),inset 0 1px 0 rgba(255,255,255,.52)!important;
}
.social-icon,
.messenger-button .social-icon,
.top .phone .phoneIcon{
  background:rgba(255,255,255,.30)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 7px 18px rgba(2,6,23,.18)!important;
}


/* SERVICES_SECTION_RECOMMENDATIONS_APPLIED */
.service-index-hero {
  max-width: 980px;
  padding: 28px;
  border: 1px solid rgba(37,99,235,.16);
  border-radius: 28px;
  background: linear-gradient(135deg, rgba(239,246,255,.92), rgba(255,255,255,.72));
  box-shadow: 0 18px 52px rgba(15,23,42,.08);
}
.service-index-hero .lead { max-width: 820px; }
.service-index-contact-text { margin: 18px 0 12px; color: #1d4ed8; font-weight: 950; }
.service-index-contact.contact-buttons.messenger-glass-row {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  max-width: 760px !important;
  width: 100% !important;
}
.service-index-contact .messenger-button { width: 100% !important; min-width: 0 !important; }
.service-categories { display: grid; gap: 30px; margin-top: 30px; }
.service-category { padding: 24px; border: 1px solid rgba(226,232,240,.9); border-radius: 28px; background: linear-gradient(180deg, rgba(255,255,255,.88), rgba(248,250,252,.82)); box-shadow: 0 16px 46px rgba(15,23,42,.06); }
.service-category-head { max-width: 840px; margin-bottom: 16px; }
.service-category-head h2 { margin: 0 0 8px; font-size: clamp(24px, 3vw, 34px); letter-spacing: -.03em; }
.service-category-grid { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); }
.service-index-card { background: #fff !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
.service-quick-note { margin: 18px 0 22px; padding: 16px 18px; border-radius: 20px; border: 1px solid rgba(37,99,235,.18); background: linear-gradient(135deg, rgba(239,246,255,.9), rgba(255,255,255,.76)); }
.service-quick-note strong { display: block; margin-bottom: 6px; color: #1d4ed8; font-size: 17px; }
.service-quick-note p { margin: 0; color: #475569; }
.service-side-contact-text { margin: 0 0 12px; }
.side .service-side-contact.contact-buttons.messenger-glass-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
  max-width: none !important;
  margin: 10px 0 22px !important;
}
.side .service-side-contact .messenger-button {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 10px !important;
  font-size: 13px !important;
}
.side .service-side-contact .social-icon { width: 22px !important; height: 22px !important; min-width: 22px !important; }
.side .service-side-contact .social-icon svg { width: 14px !important; height: 14px !important; }
.service-photo-block .muted { font-size: 16px; }
.photo-placeholder-meta { color: #64748b !important; font-weight: 800 !important; }
@media (max-width: 760px) {
  .service-index-hero { padding: 20px; border-radius: 22px; }
  .service-index-contact.contact-buttons.messenger-glass-row,
  .side .service-side-contact.contact-buttons.messenger-glass-row { grid-template-columns: 1fr 1fr !important; }
  .service-category { padding: 18px; border-radius: 22px; }
}


/* Trust comparison block: advantages + dishonest masters VS my approach */
.trust-compare-section {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 0%, rgba(37, 99, 235, .10), transparent 34%),
    radial-gradient(circle at 92% 18%, rgba(20, 184, 166, .11), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}
.trust-compare-head {
  max-width: 890px;
  margin-bottom: 24px;
}
.trust-compare-head h2 {
  margin-bottom: 12px;
}
.trust-benefits-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin: 24px 0 22px;
}
.trust-benefit-card {
  position: relative;
  min-height: 190px;
  padding: 20px;
  border: 1px solid rgba(37, 99, 235, .14);
  border-radius: 24px;
  background: rgba(255, 255, 255, .86);
  box-shadow: 0 16px 42px rgba(15, 23, 42, .07);
}
.trust-benefit-card strong {
  display: block;
  margin: 13px 0 8px;
  color: #102033;
  font-size: 18px;
  letter-spacing: -.02em;
}
.trust-benefit-card p {
  margin: 0;
  color: #526173;
  font-size: 15px;
  line-height: 1.56;
}
.trust-benefit-icon {
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 15px;
  color: #fff;
  font-weight: 950;
  background: linear-gradient(135deg, #2563eb, #14b8a6);
  box-shadow: 0 12px 24px rgba(37, 99, 235, .18);
}
.trust-vs-box {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 16px;
  align-items: stretch;
  margin-top: 24px;
}
.trust-vs-column {
  padding: 24px;
  border-radius: 28px;
  border: 1px solid rgba(148, 163, 184, .22);
  box-shadow: 0 18px 48px rgba(15, 23, 42, .08);
}
.trust-vs-bad {
  background: linear-gradient(180deg, #fff7f7 0%, #ffffff 100%);
  border-color: rgba(239, 68, 68, .20);
}
.trust-vs-good {
  background: linear-gradient(180deg, #f0fdf4 0%, #ffffff 100%);
  border-color: rgba(34, 197, 94, .22);
}
.trust-vs-label {
  display: inline-flex;
  align-items: center;
  margin-bottom: 14px;
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 950;
  letter-spacing: .02em;
}
.trust-vs-bad .trust-vs-label { color: #b91c1c; background: rgba(254, 226, 226, .78); }
.trust-vs-good .trust-vs-label { color: #047857; background: rgba(220, 252, 231, .90); }
.trust-vs-column ul {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.trust-vs-column li {
  position: relative;
  padding-left: 24px;
  color: #344256;
  line-height: 1.56;
}
.trust-vs-bad li::before,
.trust-vs-good li::before {
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 950;
}
.trust-vs-bad li::before { content: "×"; color: #dc2626; }
.trust-vs-good li::before { content: "✓"; color: #16a34a; }
.trust-vs-divider {
  align-self: center;
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border-radius: 999px;
  color: #fff;
  font-weight: 1000;
  letter-spacing: -.04em;
  background: linear-gradient(135deg, #1d4ed8, #14b8a6);
  box-shadow: 0 16px 34px rgba(37, 99, 235, .24);
}
@media (max-width: 980px) {
  .trust-benefits-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .trust-vs-box { grid-template-columns: 1fr; }
  .trust-vs-divider { margin: -4px auto; }
}
@media (max-width: 620px) {
  .trust-benefits-grid { grid-template-columns: 1fr; }
  .trust-benefit-card { min-height: 0; padding: 18px; border-radius: 22px; }
  .trust-vs-column { padding: 18px; border-radius: 22px; }
}

/* ===== FINAL_COLOR_SYSTEM_2026_05_27 =====
   Disciplined palette: fewer blues, deeper greens, unified gradients.
   This block intentionally comes last and overrides earlier experimental color layers.
*/
:root{
  --hero-gradient:linear-gradient(135deg,var(--color-bg-dark) 0%,var(--color-primary-dark) 58%,var(--color-sky) 100%);
  --surface-gradient:linear-gradient(180deg,var(--color-white) 0%,var(--color-soft) 100%);
  --blue-soft-gradient:linear-gradient(135deg,var(--color-soft-blue) 0%,var(--color-white) 100%);
  --contact-call-gradient:linear-gradient(135deg,var(--color-success-bright) 0%,var(--color-success) 48%,#15803d 100%);
  --contact-whatsapp-gradient:linear-gradient(135deg,var(--color-success-bright) 0%,var(--color-success) 52%,#047857 100%);
  --contact-telegram-gradient:linear-gradient(135deg,#38bdf8 0%,var(--color-sky) 44%,var(--color-primary) 100%);
  --contact-max-gradient:linear-gradient(135deg,#3b82f6 0%,var(--color-primary) 48%,var(--color-max) 100%);
  --shadow-soft:0 14px 38px rgba(15,23,42,.07);
  --shadow-contact:0 18px 46px rgba(15,23,42,.24),inset 0 1px 0 rgba(255,255,255,.40);
}
body{
  color:var(--color-text)!important;
  background:radial-gradient(circle at 10% 8%,rgba(37,99,235,.12),transparent 30%),radial-gradient(circle at 88% 18%,rgba(14,165,233,.10),transparent 30%),linear-gradient(135deg,var(--color-line-blue) 0%,var(--color-soft) 48%,var(--color-soft-blue) 100%)!important;
}
a{color:var(--color-primary-dark)}
.top,.footer{background:var(--color-bg-dark)!important;}
.hero,.hero-final{
  background:var(--hero-gradient)!important;
  color:#fff!important;
}
.hero p,.hero-final p,.messenger-prompt,.contact-choice-text{color:#e0f2fe!important;}
.badge,.home-badges span{background:rgba(255,255,255,.13)!important;border-color:rgba(255,255,255,.22)!important;}
.card,.condition-card,.problem-card-final,.not-worth-card,.review-slide,.service-category,.service-index-card,.trust-benefit-card{
  background:var(--color-white)!important;
  border-color:var(--color-line)!important;
  box-shadow:var(--shadow-soft)!important;
}
.section:nth-of-type(even),.callback-section,.muted{
  background:var(--surface-gradient)!important;
}
.pill,.callback-badge,.service-badges span,.service-meta span,.review-date,.service-quick-note{
  background:var(--color-soft-blue)!important;
  border-color:var(--color-line-blue)!important;
  color:var(--color-primary-dark)!important;
}
.price,.card h3,.content h1,.callback-copy h2{color:var(--color-text)!important;}
.muted,.card p,.service-category-head p,.content p.lead,.callback-copy p,.service-quick-note p,.review-place,.review-text{color:var(--color-text-soft)!important;}
.list li:before,.trust-vs-good li::before{color:var(--color-success)!important;}
.trust-vs-bad{background:linear-gradient(180deg,var(--color-danger-soft) 0%,var(--color-white) 100%)!important;border-color:rgba(220,38,38,.18)!important;}
.trust-vs-good{background:linear-gradient(180deg,#f0fdf4 0%,var(--color-white) 100%)!important;border-color:rgba(22,163,74,.20)!important;}
.trust-vs-bad .trust-vs-label{color:var(--color-danger-dark)!important;background:rgba(254,226,226,.76)!important;}
.trust-vs-good .trust-vs-label{color:#047857!important;background:rgba(220,252,231,.86)!important;}
.trust-vs-bad li::before{color:var(--color-danger)!important;}
.trust-vs-divider,.trust-benefit-icon{
  background:linear-gradient(135deg,var(--color-primary-dark),var(--color-sky))!important;
}

/* Contact buttons: saturated but deeper, with stronger text contrast */
.messenger-button,
a.messenger-button,
.contact-btn[href^="tel:"],
.contact-btn[href*="wa.me"],
.contact-btn[href*="t.me"],
.contact-btn[href*="telegram"],
.contact-btn[href*="max.ru"],
.btn[href^="tel:"],
.floating-contact-button,
.top .phone,
.phone{
  color:#fff!important;
  border-color:rgba(255,255,255,.46)!important;
  text-shadow:0 1px 14px rgba(2,6,23,.40)!important;
  box-shadow:var(--shadow-contact)!important;
  backdrop-filter:blur(18px) saturate(1.24)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.24)!important;
}
.messenger-button--call,
.contact-btn[href^="tel:"],
.btn[href^="tel:"],
.floating-contact-button--call,
.top .phone,
.phone{
  background:var(--contact-call-gradient)!important;
  --messenger-glow:22,163,74;
  --pulse-rgb:22,163,74;
}
.messenger-button--wa,
.contact-btn[href*="wa.me"],
.floating-contact-button--wa{
  background:var(--contact-whatsapp-gradient)!important;
  --messenger-glow:22,163,74;
  --pulse-rgb:22,163,74;
}
.messenger-button--tg,
.contact-btn[href*="t.me"],
.contact-btn[href*="telegram"],
.floating-contact-button--tg{
  background:var(--contact-telegram-gradient)!important;
  --messenger-glow:14,165,233;
  --pulse-rgb:14,165,233;
}
.messenger-button--max,
.contact-btn[href*="max.ru"],
.floating-contact-button--max{
  background:var(--contact-max-gradient)!important;
  --messenger-glow:79,70,229;
  --pulse-rgb:79,70,229;
}
.messenger-button:hover,
.contact-btn[href^="tel:"]:hover,
.contact-btn[href*="wa.me"]:hover,
.contact-btn[href*="t.me"]:hover,
.contact-btn[href*="telegram"]:hover,
.contact-btn[href*="max.ru"]:hover,
.btn[href^="tel:"]:hover,
.floating-contact-button:hover,
.top .phone:hover,
.phone:hover{
  filter:saturate(1.16) brightness(1.05)!important;
  border-color:rgba(255,255,255,.62)!important;
  box-shadow:0 24px 60px rgba(var(--messenger-glow,37,99,235),.34),0 0 0 8px rgba(var(--messenger-glow,37,99,235),.10),inset 0 1px 0 rgba(255,255,255,.50)!important;
}
.social-icon,.messenger-button .social-icon,.top .phone .phoneIcon,.contact-icon{
  background:rgba(255,255,255,.28)!important;
  border-color:rgba(255,255,255,.18)!important;
}
@media(max-width:760px){
  .floating-contact-buttons{background:rgba(15,23,42,.86)!important;border-top-color:rgba(255,255,255,.16)!important;}
}
/* ===== /FINAL_COLOR_SYSTEM_2026_05_27 ===== */



/* REVIEWS_CAROUSEL_30_DEMO_2026_05_27 */
.reviews-section{position:relative;overflow:hidden;background:radial-gradient(circle at 8% 0%,rgba(37,99,235,.10),transparent 34%),radial-gradient(circle at 94% 18%,rgba(14,165,233,.10),transparent 30%),linear-gradient(180deg,var(--color-white,#fff) 0%,var(--color-soft,#f8fafc) 100%)}
.reviews-head{margin-bottom:8px}.reviews-head .section-intro{max-width:760px;color:var(--color-text-soft,#475569);line-height:1.65;margin:8px 0 0}.reviews-carousel-shell{position:relative;overflow:hidden;margin-top:24px;padding:10px 0 24px;mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}.reviews-carousel-track{display:flex;gap:18px;width:max-content;animation:reviewsMarquee30 118s linear infinite;will-change:transform}.reviews-carousel-shell:hover .reviews-carousel-track,.reviews-carousel-shell:focus-within .reviews-carousel-track{animation-play-state:paused}@keyframes reviewsMarquee30{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}.review-slide{flex:0 0 348px;min-height:292px;border-radius:26px;padding:20px;position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,252,.90))!important;border:1px solid var(--color-line,#e2e8f0)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 18px 48px rgba(15,23,42,.10),inset 0 1px 0 rgba(255,255,255,.78)!important;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.review-slide:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--color-primary,#2563eb),var(--color-sky,#0ea5e9),var(--color-success,#16a34a));opacity:.88}.review-slide:hover{transform:translateY(-5px);border-color:rgba(37,99,235,.28)!important;box-shadow:0 28px 72px rgba(15,23,42,.16),inset 0 1px 0 rgba(255,255,255,.86)!important}.review-top{display:flex;align-items:center;gap:13px;margin-bottom:12px}.review-avatar{display:grid;place-items:center;width:52px;height:52px;min-width:52px;border-radius:999px;color:#fff;font-weight:1000;letter-spacing:.02em;box-shadow:0 14px 30px rgba(37,99,235,.20),inset 0 1px 0 rgba(255,255,255,.36)}.review-avatar--1{background:linear-gradient(135deg,#2563eb,#0ea5e9)}.review-avatar--2{background:linear-gradient(135deg,#16a34a,#0f766e)}.review-avatar--3{background:linear-gradient(135deg,#7c3aed,#2563eb)}.review-avatar--4{background:linear-gradient(135deg,#f59e0b,#ef4444)}.review-avatar--5{background:linear-gradient(135deg,#0891b2,#1d4ed8)}.review-avatar--6{background:linear-gradient(135deg,#db2777,#7c3aed)}.review-avatar--7{background:linear-gradient(135deg,#22c55e,#2563eb)}.review-avatar--8{background:linear-gradient(135deg,#0f172a,#2563eb)}.review-name{font-weight:1000;color:var(--color-text,#0f172a);line-height:1.15}.review-place{font-size:13px;color:var(--color-muted,#64748b);font-weight:800;margin-top:3px}.review-stars{color:#f59e0b;font-size:17px;letter-spacing:1.5px;margin:8px 0 7px;text-shadow:0 1px 10px rgba(245,158,11,.22)}.review-date{display:inline-flex;border:1px solid rgba(37,99,235,.16);background:rgba(239,246,255,.82);color:var(--color-primary-dark,#1d4ed8);border-radius:999px;padding:5px 9px;font-size:12px;font-weight:950;margin-bottom:12px}.review-text{color:var(--color-text-soft,#475569);font-size:15px;line-height:1.62;margin:0 0 14px}.review-service{display:inline-flex;margin-top:auto;border-radius:999px;padding:7px 10px;background:rgba(22,163,74,.10);color:#047857;font-size:12px;font-weight:950}.reviews-note{max-width:850px;margin:10px auto 0;color:var(--color-muted,#64748b);font-size:14px;line-height:1.6;text-align:center}@media (max-width:720px){.reviews-carousel-shell{mask-image:none;-webkit-mask-image:none;margin-left:-17px;margin-right:-17px;padding-left:17px}.reviews-carousel-track{gap:14px;animation-duration:145s}.review-slide{flex-basis:296px;min-height:310px;padding:18px;border-radius:22px}}@media (prefers-reduced-motion:reduce){.reviews-carousel-track{animation:none;transform:none}.review-slide:hover{transform:none}}

/* ===== FOOTER_CONVERSION_UPDATE_2026_05_27 ===== */
.final-footer{
  margin-top:42px!important;
  padding:54px 0 28px!important;
  background:radial-gradient(circle at 10% 0%,rgba(37,99,235,.28),transparent 32%),radial-gradient(circle at 90% 16%,rgba(14,165,233,.18),transparent 34%),linear-gradient(135deg,var(--color-bg-dark,#0f172a) 0%,#111827 58%,#0b1220 100%)!important;
  color:#dbeafe!important;
}
.final-footer-grid{
  display:grid!important;
  grid-template-columns:minmax(260px,1.15fr) minmax(150px,.72fr) minmax(240px,1fr) minmax(280px,1.2fr)!important;
  gap:22px!important;
  align-items:start!important;
}
.final-footer-col{
  min-width:0!important;
  padding:22px!important;
  border:1px solid rgba(219,234,254,.16)!important;
  border-radius:26px!important;
  background:rgba(255,255,255,.055)!important;
  box-shadow:0 18px 54px rgba(2,6,23,.22),inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(16px) saturate(1.12)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.12)!important;
}
.final-footer-brand{display:flex!important;align-items:center!important;gap:12px!important;margin-bottom:12px!important;}
.final-footer-mark{
  display:grid!important;place-items:center!important;width:44px!important;height:44px!important;border-radius:15px!important;
  color:#fff!important;font-weight:1000!important;background:linear-gradient(135deg,var(--color-primary,#2563eb),var(--color-sky,#0ea5e9))!important;
  box-shadow:0 14px 30px rgba(37,99,235,.25),inset 0 1px 0 rgba(255,255,255,.28)!important;
}
.final-footer h3{margin:0 0 14px!important;color:#fff!important;font-size:18px!important;letter-spacing:-.02em!important;}
.final-footer p{margin:0 0 14px!important;color:#cbd5e1!important;line-height:1.65!important;}
.final-footer a{display:block!important;color:#dbeafe!important;text-decoration:none!important;font-weight:800!important;line-height:1.35!important;margin:0 0 9px!important;transition:color .2s ease,transform .2s ease,opacity .2s ease!important;}
.final-footer a:hover{color:#fff!important;transform:translateX(3px)!important;text-decoration:none!important;}
.final-footer-trust{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:16px!important;}
.final-footer-trust span{
  display:inline-flex!important;border:1px solid rgba(255,255,255,.20)!important;border-radius:999px!important;padding:7px 10px!important;
  color:#e0f2fe!important;background:rgba(255,255,255,.08)!important;font-size:12px!important;font-weight:900!important;
}
.final-footer-geo-links{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-bottom:12px!important;}
.final-footer-geo-links a{
  display:inline-flex!important;margin:0!important;padding:8px 10px!important;border-radius:999px!important;border:1px solid rgba(219,234,254,.16)!important;
  color:#dbeafe!important;background:rgba(255,255,255,.065)!important;font-size:13px!important;font-weight:900!important;
}
.final-footer-geo-links a:hover{background:rgba(37,99,235,.26)!important;transform:translateY(-2px)!important;}
.final-footer-cta{font-size:15px!important;color:#e0f2fe!important;font-weight:750!important;}
.final-footer-contact-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin:14px 0 14px!important;}
.final-footer .final-footer-contact-btn,
.final-footer .messenger-button.final-footer-contact-btn{
  width:100%!important;min-width:0!important;max-width:none!important;height:46px!important;min-height:46px!important;margin:0!important;
  padding:0 12px!important;border-radius:999px!important;font-size:13px!important;gap:8px!important;
}
.final-footer .social-icon{width:25px!important;min-width:25px!important;height:25px!important;}
.final-footer .social-icon svg{display:block!important;width:15px!important;height:15px!important;fill:currentColor!important;}
.final-footer-hours{margin:8px 0 10px!important;color:#bfdbfe!important;font-weight:900!important;}
.final-footer-policy{font-size:14px!important;color:#bfdbfe!important;}
.final-footer-bottom{
  display:flex!important;justify-content:space-between!important;gap:16px!important;flex-wrap:wrap!important;
  margin-top:24px!important;padding-top:20px!important;border-top:1px solid rgba(219,234,254,.16)!important;color:#93a4bd!important;font-size:14px!important;
}
@media(max-width:1020px){.final-footer-grid{grid-template-columns:1fr 1fr!important;}.final-footer-contact{grid-column:1 / -1!important;}.final-footer-contact-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important;}}
@media(max-width:680px){.final-footer{padding:38px 0 24px!important;}.final-footer-grid{grid-template-columns:1fr!important;}.final-footer-col{padding:18px!important;border-radius:22px!important;}.final-footer-contact-actions{grid-template-columns:1fr 1fr!important;}.final-footer-bottom{display:grid!important;gap:8px!important;}}
/* ===== /FOOTER_CONVERSION_UPDATE_2026_05_27 ===== */

/* HEADER_FINAL_2026_05_27
   Финальный слой шапки: единый IT-бренд, компактная кнопка звонка,
   доступное мобильное меню и аккуратные hover/focus-состояния. */
.top{
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
  color:#fff!important;
  background:rgba(15,23,42,.82)!important;
  border-bottom:1px solid rgba(219,234,254,.16)!important;
  box-shadow:0 12px 42px rgba(2,6,23,.20)!important;
  backdrop-filter:blur(18px) saturate(1.14)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.14)!important;
}
.top .nav{
  display:grid!important;
  grid-template-columns:minmax(230px,auto) 1fr auto auto!important;
  align-items:center!important;
  gap:18px!important;
  padding:11px 0!important;
}
.top .brand{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
  color:#fff!important;
  text-decoration:none!important;
}
.top .brand:hover,
.top .brand:focus-visible{text-decoration:none!important;}
.top .brand-mark{
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  border-radius:15px!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:1000!important;
  letter-spacing:-.04em!important;
  background:linear-gradient(135deg,var(--color-primary,#2563eb),var(--color-sky,#0ea5e9))!important;
  box-shadow:0 14px 30px rgba(37,99,235,.25),inset 0 1px 0 rgba(255,255,255,.32)!important;
}
.top .brand-text{
  display:grid!important;
  gap:2px!important;
  min-width:0!important;
}
.top .brand-title{
  color:#fff!important;
  font-size:17px!important;
  font-weight:950!important;
  line-height:1.08!important;
  letter-spacing:-.03em!important;
  white-space:nowrap!important;
}
.top .brand small{
  display:block!important;
  color:#bfdbfe!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
.top .menu{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  flex-wrap:nowrap!important;
  min-width:0!important;
}
.top .menu a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:38px!important;
  padding:8px 11px!important;
  border-radius:999px!important;
  color:#dbeafe!important;
  font-size:14px!important;
  font-weight:850!important;
  line-height:1!important;
  text-decoration:none!important;
  border:1px solid transparent!important;
  transition:background .2s ease,color .2s ease,transform .2s ease,border-color .2s ease!important;
}
.top .menu a:hover,
.top .menu a:focus-visible{
  color:#fff!important;
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(219,234,254,.18)!important;
  transform:translateY(-1px)!important;
  outline:none!important;
  text-decoration:none!important;
}
.top .menu a.active{
  color:#fff!important;
  background:linear-gradient(135deg,rgba(37,99,235,.44),rgba(14,165,233,.26))!important;
  border-color:rgba(219,234,254,.26)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.top .phone{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:auto!important;
  min-width:138px!important;
  max-width:none!important;
  height:43px!important;
  min-height:43px!important;
  padding:0 15px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.40)!important;
  background:var(--contact-call-gradient,linear-gradient(135deg,#22c55e,#16a34a,#15803d))!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:14px!important;
  font-weight:950!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-shadow:0 14px 34px rgba(22,163,74,.26),inset 0 1px 0 rgba(255,255,255,.38)!important;
  backdrop-filter:blur(16px) saturate(1.18)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.18)!important;
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease,border-color .22s ease!important;
}
.top .phone:hover,
.top .phone:focus-visible{
  transform:translateY(-2px)!important;
  filter:saturate(1.12) brightness(1.04)!important;
  border-color:rgba(255,255,255,.58)!important;
  box-shadow:0 20px 46px rgba(22,163,74,.34),0 0 0 7px rgba(22,163,74,.10),inset 0 1px 0 rgba(255,255,255,.48)!important;
  text-decoration:none!important;
  outline:none!important;
}
.top .phoneIcon,
.top .phone .phoneIcon{
  display:grid!important;
  place-items:center!important;
  width:24px!important;
  min-width:24px!important;
  height:24px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.24)!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34)!important;
}
.top .phoneIcon svg{display:block!important;width:14px!important;height:14px!important;fill:currentColor!important;}
.top .phone-online-dot{
  width:8px!important;
  height:8px!important;
  min-width:8px!important;
  border-radius:999px!important;
  background:#bbf7d0!important;
  box-shadow:0 0 0 0 rgba(187,247,208,.62)!important;
  animation:headerPhonePulse 1.8s ease-out infinite!important;
}
@keyframes headerPhonePulse{0%{box-shadow:0 0 0 0 rgba(187,247,208,.58)}70%{box-shadow:0 0 0 9px rgba(187,247,208,0)}100%{box-shadow:0 0 0 0 rgba(187,247,208,0)}}
.top .mobileMenuToggle{
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:42px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  border:1px solid rgba(219,234,254,.22)!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  font-weight:950!important;
  cursor:pointer!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14)!important;
}
.top .mobileMenuToggle:focus-visible{outline:3px solid rgba(147,197,253,.46)!important;outline-offset:2px!important;}
.top .menuToggleIcon{font-size:18px!important;line-height:1!important;}
@media (max-width:1120px){
  .top .nav{grid-template-columns:minmax(220px,1fr) auto auto!important;}
  .top .menu{grid-column:1/-1;order:4;justify-content:flex-start;overflow-x:auto;padding:2px 0 3px;scrollbar-width:none;}
  .top .menu::-webkit-scrollbar{display:none;}
}
@media (max-width:760px){
  .top .nav{display:grid!important;grid-template-columns:1fr auto!important;gap:12px!important;padding:10px 0!important;}
  .top .brand-mark{width:40px!important;height:40px!important;min-width:40px!important;border-radius:14px!important;}
  .top .brand-title{font-size:16px!important;}
  .top .brand small{font-size:11px!important;}
  .top .mobileMenuToggle{display:inline-flex!important;}
  .top .menu{display:none!important;grid-column:1/-1!important;grid-template-columns:1fr 1fr!important;gap:8px!important;overflow:visible!important;padding:2px 0 0!important;}
  .top.menu-open .menu{display:grid!important;}
  .top .menu a{min-height:42px!important;background:rgba(255,255,255,.07)!important;border-color:rgba(219,234,254,.14)!important;}
  .top .phone{grid-column:1/-1!important;width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;}
}



/* FORM_FINAL_2026_05_27
   Финальная визуальная и UX-доработка формы обратной связи.
   Реальная отправка всё ещё требует подключения email / Telegram / CRM / серверного обработчика. */
.callback-form textarea{
  width:100%;
  min-height:118px;
  resize:vertical;
  border:1px solid var(--color-line, #e2e8f0);
  border-radius:14px;
  padding:13px 14px;
  font-size:16px;
  font-family:inherit;
  background:#fff;
  color:var(--color-text, #0f172a);
  outline:none;
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.callback-form input:focus,
.callback-form textarea:focus{
  border-color:var(--color-primary, #2563eb);
  box-shadow:0 0 0 4px rgba(37,99,235,.12);
  background:#fff;
}
.callback-submit{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  border:1px solid rgba(255,255,255,.42);
  border-radius:16px;
  padding:15px 20px;
  background:linear-gradient(135deg,var(--color-primary, #2563eb) 0%, var(--color-primary-dark, #1d4ed8) 56%, var(--color-sky, #0ea5e9) 100%);
  color:#fff;
  font-size:16px;
  font-weight:950;
  letter-spacing:.01em;
  cursor:pointer;
  box-shadow:0 18px 42px rgba(37,99,235,.26), inset 0 1px 0 rgba(255,255,255,.34);
  text-shadow:0 1px 12px rgba(2,6,23,.28);
  transition:transform .22s ease, box-shadow .22s ease, filter .22s ease;
}
.callback-submit::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  border-radius:inherit;
  background:linear-gradient(115deg, transparent 0%, rgba(255,255,255,.42) 42%, rgba(255,255,255,.10) 54%, transparent 74%);
  transform:translateX(-130%);
  transition:transform .72s ease;
}
.callback-submit:hover{
  transform:translateY(-2px);
  filter:saturate(1.12) brightness(1.04);
  box-shadow:0 24px 58px rgba(37,99,235,.34), 0 0 0 8px rgba(37,99,235,.08), inset 0 1px 0 rgba(255,255,255,.44);
}
.callback-submit:hover::before{transform:translateX(130%);}
.callback-submit:focus-visible{
  outline:3px solid rgba(37,99,235,.28);
  outline-offset:3px;
}
.callback-trust{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin:2px 0 0;
}
.callback-trust span{
  display:flex;
  align-items:center;
  gap:7px;
  min-height:38px;
  padding:8px 10px;
  border-radius:14px;
  border:1px solid rgba(22,163,74,.16);
  background:rgba(240,253,244,.82);
  color:#047857;
  font-size:12px;
  font-weight:900;
  line-height:1.25;
}
.callback-trust span::before{
  content:"✓";
  display:grid;
  place-items:center;
  width:18px;
  height:18px;
  min-width:18px;
  border-radius:999px;
  color:#fff;
  background:var(--color-success, #16a34a);
  font-size:11px;
  font-weight:1000;
}
.callback-status{
  padding-top:2px;
  line-height:1.45;
}
.callback-status:not(:empty){
  padding:10px 12px;
  border-radius:14px;
  background:rgba(240,253,244,.86);
  border:1px solid rgba(22,163,74,.18);
}
.callback-status.is-error:not(:empty){
  background:rgba(255,247,247,.92);
  border-color:rgba(220,38,38,.20);
}
@media(max-width:760px){
  .callback-trust{grid-template-columns:1fr;}
  .callback-submit{width:100%;}
}


/* SERVICES_LONG_SEO_BLOCKS_2026_05_27 */
.services-long-section{
  display:grid;
  gap:26px;
  margin-top:34px;
}
.services-long-head{
  padding:28px;
  border:1px solid var(--color-line,#e2e8f0);
  border-radius:28px;
  background:linear-gradient(135deg,rgba(239,246,255,.95),rgba(248,250,252,.96));
  box-shadow:0 18px 48px rgba(15,23,42,.08);
}
.services-long-head h2{margin:0 0 10px;font-size:clamp(28px,3vw,42px);letter-spacing:-.045em;color:var(--color-text,#0f172a)}
.services-long-head p{max-width:860px;margin:0;line-height:1.7}
.service-long-card{
  position:relative;
  overflow:hidden;
  padding:28px;
  border:1px solid rgba(226,232,240,.95);
  border-radius:30px;
  background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);
  box-shadow:0 22px 64px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.84);
}
.service-long-card:before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:5px;
  background:linear-gradient(90deg,var(--avatar-a,#2563eb),var(--avatar-b,#0ea5e9));
}
.service-long-top{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:18px;
  align-items:start;
  margin-bottom:18px;
}
.service-long-avatar{
  display:grid;
  place-items:center;
  width:76px;
  height:76px;
  min-width:76px;
  border-radius:24px;
  color:#fff;
  font-weight:1000;
  font-size:19px;
  letter-spacing:-.04em;
  background:linear-gradient(135deg,var(--avatar-a,#2563eb),var(--avatar-b,#0ea5e9));
  box-shadow:0 18px 38px rgba(37,99,235,.20), inset 0 1px 0 rgba(255,255,255,.38);
}
.service-long-title h3{
  margin:0 0 8px;
  font-size:clamp(24px,2.4vw,34px);
  line-height:1.06;
  letter-spacing:-.04em;
  color:var(--color-text,#0f172a);
}
.service-long-title p{margin:0;color:var(--color-text-soft,#475569);font-size:17px;line-height:1.62}
.service-long-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}
.service-long-meta span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:8px 11px;
  border-radius:999px;
  border:1px solid rgba(37,99,235,.14);
  background:rgba(239,246,255,.85);
  color:#1d4ed8;
  font-size:13px;
  font-weight:900;
}
.service-long-meta .service-long-price{
  color:#047857;
  background:rgba(240,253,244,.92);
  border-color:rgba(22,163,74,.18);
}
.service-long-body{
  display:grid;
  gap:13px;
  max-width:1040px;
}
.service-long-body p{
  margin:0;
  color:#334155;
  font-size:16px;
  line-height:1.78;
}
.service-long-actions{
  display:flex;
  justify-content:flex-start;
  margin-top:22px;
}
.service-long-more{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:168px;
  min-height:48px;
  border-radius:999px;
  padding:13px 22px;
  text-decoration:none;
  color:#fff!important;
  font-weight:950;
  background:linear-gradient(135deg,var(--color-primary,#2563eb),var(--color-primary-dark,#1d4ed8),var(--color-sky,#0ea5e9));
  box-shadow:0 18px 42px rgba(37,99,235,.24), inset 0 1px 0 rgba(255,255,255,.34);
  transition:transform .22s ease, box-shadow .22s ease, filter .22s ease;
}
.service-long-more:hover{
  transform:translateY(-2px);
  filter:saturate(1.12) brightness(1.04);
  box-shadow:0 24px 58px rgba(37,99,235,.34), 0 0 0 8px rgba(37,99,235,.08), inset 0 1px 0 rgba(255,255,255,.44);
}
@media (max-width: 760px){
  .services-long-head,.service-long-card{padding:20px;border-radius:24px}
  .service-long-top{grid-template-columns:1fr;gap:14px}
  .service-long-avatar{width:64px;height:64px;min-width:64px;border-radius:20px}
  .service-long-title p{font-size:15px}
  .service-long-body p{font-size:15px;line-height:1.7}
  .service-long-more{width:100%}
}


/* SERVICES_FINAL_UX_SEO_2026_05_27 */
.services-help-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:22px 0 18px;padding:20px;border:1px solid rgba(37,99,235,.14);border-radius:24px;background:linear-gradient(135deg,rgba(239,246,255,.95),rgba(240,253,244,.82));box-shadow:0 16px 42px rgba(15,23,42,.07)}
.services-help-banner strong{display:block;color:#0f172a;font-size:20px;margin-bottom:6px}.services-help-banner p{margin:0;color:#475569;line-height:1.6}.services-help-link{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:999px;padding:12px 18px;color:#fff!important;text-decoration:none;font-weight:950;background:linear-gradient(135deg,#2563eb,#1d4ed8,#0ea5e9);box-shadow:0 16px 36px rgba(37,99,235,.22);white-space:nowrap}.services-category-nav{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0}.services-category-nav a{display:inline-flex;align-items:center;min-height:40px;border:1px solid rgba(37,99,235,.16);border-radius:999px;padding:9px 13px;background:#fff;color:#1d4ed8;text-decoration:none;font-weight:900;box-shadow:0 8px 18px rgba(15,23,42,.04)}.services-category-nav a:hover{background:#eff6ff;transform:translateY(-1px)}
.services-final-section{display:grid;gap:26px;margin-top:28px}.services-final-head{padding:24px;border:1px solid #e2e8f0;border-radius:28px;background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:0 18px 48px rgba(15,23,42,.07)}.services-final-head h2{margin:0 0 10px;font-size:clamp(28px,3vw,42px);letter-spacing:-.045em}.services-final-head p{max-width:900px;margin:0;color:#475569;line-height:1.7}.services-final-group{scroll-margin-top:110px;display:grid;gap:18px}.services-final-group-head{padding:22px 24px;border-radius:26px;background:linear-gradient(135deg,#0f172a,#1d4ed8 64%,#0ea5e9);color:#fff;box-shadow:0 18px 52px rgba(37,99,235,.18)}.services-final-group-head h2{margin:0 0 8px;color:#fff;font-size:clamp(26px,3vw,38px)}.services-final-group-head p{margin:0;color:#dbeafe;line-height:1.6}.service-final-card{position:relative;overflow:hidden;padding:24px;border:1px solid #e2e8f0;border-radius:30px;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 22px 64px rgba(15,23,42,.09),inset 0 1px 0 rgba(255,255,255,.84)}.service-final-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--avatar-a,#2563eb),var(--avatar-b,#0ea5e9))}.service-final-main{display:grid;grid-template-columns:auto 1fr;gap:18px}.service-final-avatar{display:grid;place-items:center;width:78px;height:78px;min-width:78px;border-radius:24px;color:#fff;font-weight:1000;font-size:18px;letter-spacing:-.04em;background:linear-gradient(135deg,var(--avatar-a,#2563eb),var(--avatar-b,#0ea5e9));box-shadow:0 18px 38px rgba(37,99,235,.20),inset 0 1px 0 rgba(255,255,255,.38)}.service-final-content h3{margin:0 0 9px;font-size:clamp(24px,2.4vw,34px);line-height:1.08;letter-spacing:-.04em;color:#0f172a}.service-final-summary{margin:0;color:#475569;font-size:17px;line-height:1.62}.service-final-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin:16px 0 0;padding:0;list-style:none}.service-final-points li{position:relative;padding-left:24px;color:#334155;line-height:1.45;font-weight:700}.service-final-points li:before{content:"✓";position:absolute;left:0;top:0;color:#16a34a;font-weight:1000}.service-final-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.service-final-meta span{display:inline-flex;align-items:center;min-height:34px;padding:8px 11px;border-radius:999px;border:1px solid rgba(37,99,235,.14);background:#eff6ff;color:#1d4ed8;font-size:13px;font-weight:900}.service-final-meta .service-final-price{color:#047857;background:#f0fdf4;border-color:rgba(22,163,74,.18)}.service-final-related{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;color:#64748b;font-size:13px;font-weight:900}.service-final-related a{display:inline-flex;border-radius:999px;padding:7px 10px;background:#fff;border:1px solid #e2e8f0;color:#1d4ed8;text-decoration:none}.service-final-details{margin-top:16px;border:1px solid #e2e8f0;border-radius:18px;background:#fff;overflow:hidden}.service-final-details summary{cursor:pointer;padding:14px 16px;font-weight:950;color:#0f172a;background:linear-gradient(180deg,#fff,#f8fafc)}.service-final-details[open] summary{border-bottom:1px solid #e2e8f0}.service-final-detail-text{display:grid;gap:12px;padding:16px}.service-final-detail-text p{margin:0;color:#475569;line-height:1.72}.service-final-more{display:inline-flex!important;align-items:center;justify-content:center;min-width:168px;min-height:48px;margin-top:18px;border-radius:999px;padding:13px 22px;color:#fff!important;text-decoration:none!important;font-weight:950;background:linear-gradient(135deg,#2563eb,#1d4ed8,#0ea5e9);box-shadow:0 18px 42px rgba(37,99,235,.24),inset 0 1px 0 rgba(255,255,255,.34)}.service-final-more:hover{filter:brightness(1.05) saturate(1.12);transform:translateY(-2px)}
.services-faq-section{margin-top:50px;padding:56px 0;background:linear-gradient(180deg,#fff,#f8fafc);border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.services-faq-head h2{margin:0 0 10px;font-size:clamp(26px,3vw,38px)}.services-faq-head p{margin:0 0 20px;color:#475569;line-height:1.65}.services-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.services-faq-grid details{padding:18px;border:1px solid #e2e8f0;border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(15,23,42,.06)}.services-faq-grid summary{cursor:pointer;font-weight:950;color:#0f172a}.services-faq-grid p{margin:12px 0 0;color:#475569;line-height:1.65}.photo-section__head h2{letter-spacing:-.035em}
@media(max-width:900px){.services-help-banner{display:grid;padding:18px}.services-help-link{width:100%}.service-final-main{grid-template-columns:1fr}.service-final-avatar{width:68px;height:68px;min-width:68px}.service-final-points,.services-faq-grid{grid-template-columns:1fr}.service-final-card,.services-final-head,.services-final-group-head{padding:18px;border-radius:22px}.service-final-more{width:100%}.services-category-nav a{flex:1 1 calc(50% - 10px);justify-content:center;text-align:center}}


/* SERVICES_CLIENT_UX_FINAL_2026_05_27 */
.services-search-panel{
  display:grid;
  grid-template-columns:minmax(260px,.85fr) 1.15fr;
  gap:16px;
  align-items:center;
  margin:18px 0 14px;
  padding:18px;
  border:1px solid rgba(37,99,235,.14);
  border-radius:24px;
  background:linear-gradient(135deg,rgba(239,246,255,.96),rgba(248,250,252,.96));
  box-shadow:0 16px 42px rgba(15,23,42,.07);
}
.services-search-copy{display:grid;gap:4px}.services-search-copy strong{font-size:20px;letter-spacing:-.025em;color:#0f172a}.services-search-copy span{color:#475569;line-height:1.55}.services-search-label{display:block}.services-search-input{width:100%;min-height:52px;border-radius:18px;border:1px solid #dbeafe;background:#fff;padding:0 17px;font:inherit;color:#0f172a;box-shadow:inset 0 1px 0 rgba(255,255,255,.86);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.services-search-input:focus{border-color:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.12),inset 0 1px 0 rgba(255,255,255,.86)}.services-popular-strip{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:0 0 16px;color:#64748b;font-weight:900}.services-popular-strip a{display:inline-flex;align-items:center;min-height:34px;border-radius:999px;border:1px solid rgba(37,99,235,.16);background:#fff;color:#1d4ed8;text-decoration:none;padding:7px 11px;font-size:13px;font-weight:950}.services-popular-strip a:hover{background:#eff6ff;transform:translateY(-1px)}
.services-category-nav{
  position:sticky;
  top:74px;
  z-index:14;
  padding:10px;
  margin:20px 0 6px;
  border:1px solid rgba(219,234,254,.65);
  border-radius:22px;
  background:rgba(255,255,255,.86);
  backdrop-filter:blur(18px) saturate(1.12);
  -webkit-backdrop-filter:blur(18px) saturate(1.12);
  box-shadow:0 18px 48px rgba(15,23,42,.10);
}
.service-final-pricebox{display:grid;grid-template-columns:minmax(180px,.62fr) minmax(180px,1fr);gap:10px;margin:16px 0 0}.service-final-price-main,.service-final-format-main{padding:14px 16px;border-radius:20px;border:1px solid rgba(226,232,240,.86);background:rgba(255,255,255,.88);box-shadow:0 12px 30px rgba(15,23,42,.06)}.service-final-price-main{border-color:rgba(22,163,74,.20);background:linear-gradient(180deg,#f0fdf4,#fff)}.service-final-price-main span,.service-final-format-main span{display:block;margin-bottom:4px;color:#64748b;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.045em}.service-final-price-main strong,.service-final-format-main strong{display:block;color:#0f172a;font-size:24px;line-height:1.05;letter-spacing:-.035em}.service-final-price-main small,.service-final-format-main small{display:block;margin-top:5px;color:#64748b;font-weight:750;line-height:1.35}.service-final-meta{margin-top:12px}.service-final-meta span:not(.service-final-price){background:#f8fafc;color:#475569}.service-final-related{padding-top:2px}.service-final-related>span{color:#0f172a;font-weight:950}.service-final-related a:hover{background:#eff6ff;transform:translateY(-1px)}.service-final-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px}.service-final-actions .service-final-more{margin-top:0}.service-final-write{display:inline-flex!important;align-items:center;justify-content:center;min-width:168px;min-height:48px;border-radius:999px;padding:13px 22px;color:#fff!important;text-decoration:none!important;font-weight:950;background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 18px 42px rgba(22,163,74,.22),inset 0 1px 0 rgba(255,255,255,.34)}.service-final-write:hover{filter:brightness(1.05) saturate(1.08);transform:translateY(-2px)}.services-empty-result{margin-top:20px;padding:20px;border-radius:22px;border:1px solid rgba(245,158,11,.28);background:#fffbeb;color:#92400e;font-weight:850;line-height:1.55}.service-final-card.is-hidden-by-search{display:none!important}.services-final-group.is-empty-by-search{display:none!important}.service-final-avatar{font-size:28px}.service-final-avatar:has(+ .service-final-content h3){font-family:inherit}.service-final-details summary::after{content:"";}.service-final-card{scroll-margin-top:150px}
@media(max-width:900px){
  .services-search-panel{grid-template-columns:1fr;padding:16px;border-radius:20px}.services-search-copy strong{font-size:18px}.services-category-nav{position:relative;top:auto;box-shadow:0 10px 28px rgba(15,23,42,.06)}.services-category-nav a{flex:1 1 calc(50% - 10px)}.service-final-pricebox{grid-template-columns:1fr}.service-final-price-main strong,.service-final-format-main strong{font-size:22px}.service-final-points{display:none}.service-final-card.is-points-open .service-final-points{display:grid}.service-final-content:after{content:"Симптомы перечислены в карточке услуги на полной версии. Нажмите «Подробнее» или «Написать мастеру», если нужно быстро выбрать решение.";display:block;margin-top:12px;padding:12px 14px;border-radius:16px;background:#f8fafc;color:#64748b;font-size:13px;line-height:1.45;font-weight:750}.service-final-actions{display:grid;grid-template-columns:1fr;gap:9px}.service-final-actions .service-final-more,.service-final-write{width:100%;min-width:0}.services-popular-strip a{flex:1 1 auto;justify-content:center}.service-final-avatar{font-size:26px}
}


/* SERVICES_IDEAL_CLIENT_UX_2026_05_28 */
.services-search-tools{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin-top:12px}
.services-search-reset,.services-empty-reset{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:999px;border:1px solid rgba(37,99,235,.18);background:#eff6ff;color:#1d4ed8;font:inherit;font-weight:950;padding:0 16px;cursor:pointer;white-space:nowrap;transition:transform .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}
.services-search-reset:hover,.services-empty-reset:hover{background:#2563eb;color:#fff;transform:translateY(-1px);box-shadow:0 14px 30px rgba(37,99,235,.18)}
.services-search-result{margin-top:10px;color:#475569;font-size:14px;font-weight:900;line-height:1.45}.services-search-result strong{color:#0f172a}.services-popular-strip button,.services-popular-chip{display:inline-flex;align-items:center;min-height:34px;border-radius:999px;border:1px solid rgba(37,99,235,.16);background:#fff;color:#1d4ed8;text-decoration:none;padding:7px 11px;font:inherit;font-size:13px;font-weight:950;cursor:pointer;transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease}.services-popular-strip button:hover,.services-popular-chip:hover,.services-popular-chip.is-active{background:#2563eb;color:#fff;border-color:#2563eb;transform:translateY(-1px)}
.service-popular-badge{display:inline-flex;align-items:center;width:max-content;margin:0 0 10px;padding:7px 10px;border-radius:999px;background:linear-gradient(135deg,#fef3c7,#fffbeb);border:1px solid rgba(245,158,11,.28);color:#92400e;font-size:12px;font-weight:950;letter-spacing:.01em}.service-popular-badge:before{content:"★";margin-right:6px;color:#f59e0b}.service-final-card.is-popular-service{box-shadow:0 26px 72px rgba(37,99,235,.12),0 0 0 1px rgba(37,99,235,.06),inset 0 1px 0 rgba(255,255,255,.86)!important}.service-final-price-main small{color:#047857!important;font-weight:900!important}.service-final-details{border-color:rgba(226,232,240,.86)!important;background:#f8fafc!important}.service-final-details summary{color:#334155!important;font-size:14px!important}.service-final-details summary:hover{color:#1d4ed8!important}.service-final-write{min-width:226px;background:linear-gradient(135deg,#16a34a,#15803d)!important}.service-final-write:before{content:"✉";margin-right:8px}.service-final-card.contact-target-pulse,.service-index-contact.contact-target-pulse{animation:contactTargetPulse 1.3s ease 1}@keyframes contactTargetPulse{0%{box-shadow:0 0 0 0 rgba(37,99,235,.34)}60%{box-shadow:0 0 0 14px rgba(37,99,235,.0)}100%{box-shadow:inherit}}#service-contact-choice{scroll-margin-top:130px}.services-category-nav{scroll-margin-top:120px}.services-final-group{scroll-margin-top:132px}
@media(max-width:900px){.services-search-tools{grid-template-columns:1fr}.services-search-reset{width:100%}.services-popular-strip button,.services-popular-chip{flex:1 1 calc(50% - 10px);justify-content:center}.service-final-points{display:grid!important;grid-template-columns:1fr!important}.service-final-points li:nth-child(n+3){display:none}.service-final-content:after{content:"Показаны главные симптомы. Чтобы увидеть больше деталей, нажмите «Читать подробнее» или «Подробнее»."!important}.service-final-details{margin-top:12px}.service-final-actions{display:grid!important;grid-template-columns:1fr!important}.service-final-actions .service-final-more,.service-final-write{width:100%!important;min-width:0!important}.service-popular-badge{margin-top:-2px}}


/* TOP_CONTACT_FINAL_2026_05_28 */
#top-contact-buttons{
  scroll-margin-top:130px;
  outline:none;
}
.contact-response-note{
  max-width:760px;
  margin:10px 0 14px;
  color:#e0f2fe;
  font-size:14px;
  font-weight:850;
  line-height:1.5;
  opacity:.95;
}
.callback-section .contact-response-note,
.final-footer .contact-response-note,
footer .contact-response-note{
  color:#cbd5e1;
}
#top-contact-buttons.contact-target-pulse,
.contact-buttons.contact-target-pulse{
  animation:topContactTargetPulse 1.35s ease 1;
}
@keyframes topContactTargetPulse{
  0%{box-shadow:0 0 0 0 rgba(37,99,235,.42),0 18px 42px rgba(15,23,42,.24)}
  58%{box-shadow:0 0 0 16px rgba(37,99,235,0),0 24px 64px rgba(37,99,235,.24)}
  100%{box-shadow:inherit}
}
@media (min-width: 901px){
  .hero-final #top-contact-buttons.contact-buttons.messenger-glass-row,
  .service-index-contact#top-contact-buttons.contact-buttons.messenger-glass-row{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:12px!important;
    max-width:760px!important;
    width:100%!important;
  }
  #top-contact-buttons .messenger-button{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
}
@media (max-width: 900px){
  .hero-final #top-contact-buttons.contact-buttons.messenger-glass-row,
  .service-index-contact#top-contact-buttons.contact-buttons.messenger-glass-row,
  #top-contact-buttons.contact-buttons.messenger-glass-row{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    max-width:none!important;
    width:100%!important;
  }
  #top-contact-buttons .messenger-button{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:50px!important;
    min-height:50px!important;
    padding:0 12px!important;
    font-size:13px!important;
  }
  .contact-response-note{
    margin:9px 0 12px;
    font-size:13px;
  }
}


/* CALLBACK_IDEAL_PHONE_LEAD_2026_05_28 */
.callback-card.final-callback{
  align-items:stretch;
}
.callback-card.final-callback .callback-copy,
.callback-card.final-callback .callback-form{
  align-self:stretch;
}
.callback-choice-title,
.callback-form-kicker{
  display:inline-flex;
  align-items:center;
  width:max-content;
  margin:18px 0 8px;
  padding:7px 11px;
  border-radius:999px;
  border:1px solid rgba(37,99,235,.16);
  background:rgba(239,246,255,.88);
  color:#1d4ed8;
  font-size:13px;
  font-weight:950;
  letter-spacing:.02em;
}
.callback-response-note{
  margin:14px 0 0!important;
  max-width:680px;
  color:#475569!important;
  font-size:15px!important;
  font-weight:800;
  line-height:1.55;
}
.callback-form--phone-first{
  position:relative;
  overflow:hidden;
  padding:20px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
  border:1px solid rgba(37,99,235,.14);
  box-shadow:0 18px 48px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.82);
}
.callback-form--phone-first:before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:5px;
  background:linear-gradient(90deg,#2563eb,#0ea5e9,#16a34a);
}
.callback-form-head{
  display:grid;
  gap:6px;
  margin:0 0 2px;
}
.callback-form-head h3{
  margin:0;
  color:#0f172a;
  font-size:clamp(22px,2.2vw,30px);
  line-height:1.1;
  letter-spacing:-.035em;
}
.callback-form-head p{
  margin:0;
  color:#475569;
  font-size:15px;
  line-height:1.55;
}
.callback-phone-field{
  padding:14px;
  border:1px solid rgba(22,163,74,.20);
  border-radius:18px;
  background:linear-gradient(180deg,#f0fdf4 0%,#ffffff 100%);
}
.callback-phone-field > span{
  color:#047857;
}
.callback-phone-field input{
  min-height:54px;
  border-color:rgba(22,163,74,.28)!important;
  font-size:18px!important;
  font-weight:850;
}
.callback-phone-field input:focus{
  border-color:#16a34a!important;
  box-shadow:0 0 0 4px rgba(22,163,74,.14)!important;
}
.callback-form--phone-first textarea{
  min-height:118px;
  resize:vertical;
}
.callback-form--phone-first .callback-submit{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:54px;
  border:1px solid rgba(255,255,255,.44)!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 54%,#0ea5e9 100%)!important;
  box-shadow:0 18px 42px rgba(37,99,235,.28), inset 0 1px 0 rgba(255,255,255,.36)!important;
  text-shadow:0 1px 12px rgba(2,6,23,.28);
}
.callback-form--phone-first .callback-submit:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  border-radius:inherit;
  background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.42) 42%,rgba(255,255,255,.1) 54%,transparent 74%);
  transform:translateX(-130%);
  transition:transform .72s ease;
}
.callback-form--phone-first .callback-submit:hover:before{
  transform:translateX(130%);
}
.callback-privacy{
  margin:0;
  color:#64748b;
  font-size:13px;
  line-height:1.45;
}
.callback-privacy a{
  color:#1d4ed8;
  font-weight:900;
  text-decoration:none;
}
.callback-privacy a:hover{
  text-decoration:underline;
}
.callback-fallback{
  display:grid;
  gap:12px;
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(37,99,235,.16);
  background:linear-gradient(135deg,rgba(239,246,255,.92),rgba(240,253,244,.86));
}
.callback-fallback[hidden]{
  display:none!important;
}
.callback-fallback p{
  margin:0;
  color:#334155;
  font-weight:850;
  line-height:1.5;
}
.callback-fallback-buttons{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.callback-fallback-buttons .messenger-button{
  width:100%;
  min-width:0;
  max-width:none;
  height:46px;
  min-height:46px;
  padding:0 12px;
  font-size:13px;
}
.callback-status:not(:empty){
  padding:10px 12px;
  border-radius:14px;
  background:rgba(240,253,244,.86);
  border:1px solid rgba(22,163,74,.18);
  color:#047857;
  line-height:1.45;
}
.callback-status.is-error:not(:empty){
  background:rgba(254,242,242,.9);
  border-color:rgba(220,38,38,.18);
  color:#dc2626;
}
@media(max-width:760px){
  .callback-card.final-callback{
    gap:18px;
  }
  .callback-card.final-callback .callback-copy{
    order:1;
  }
  .callback-card.final-callback .callback-form{
    order:2;
  }
  .callback-fallback-buttons{
    grid-template-columns:1fr 1fr;
  }
  .callback-phone-field input{
    font-size:16px!important;
  }
}


/* TOP_CONTACT_SCROLL_TARGET_FIX_2026_05_28 */
#top-contact-buttons,
#service-contact-choice {
  scroll-margin-top: 120px;
  outline: none;
}
#top-contact-buttons.contact-scroll-pulse,
#top-contact-buttons.contact-target-pulse,
#service-contact-choice.contact-scroll-pulse,
#service-contact-choice.contact-target-pulse {
  animation: topContactTargetPulse 1.35s ease 1;
}
@keyframes topContactTargetPulse {
  0% { box-shadow: 0 0 0 0 rgba(37,99,235,.42), 0 18px 46px rgba(15,23,42,.24); }
  58% { box-shadow: 0 0 0 16px rgba(37,99,235,0), 0 24px 64px rgba(37,99,235,.24); }
  100% { box-shadow: inherit; }
}


/* CONTACT_SCROLL_FULL_HERO_FIX_2026_05_28
   При клике "Написать мастеру о проблеме" прокрутка ведёт к началу верхнего блока,
   чтобы были видны заголовок, пояснение и весь ряд Позвонить / WhatsApp / Telegram / Max. */
#top-contact-buttons,
#service-contact-choice {
  scroll-margin-top: 150px;
}
.service-index-hero,
.hero-final,
.hero {
  scroll-margin-top: 96px;
}


/* PRICES_FINAL_IDEAL_2026_05_28 */
.prices-page-final{background:linear-gradient(180deg,#fff 0%,#f8fafc 100%)}
.price-hero-final{position:relative;overflow:hidden;padding:64px 0 52px;color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1d4ed8 58%,#0ea5e9 100%)!important}
.price-hero-final:before{content:"";position:absolute;right:-150px;top:-180px;width:520px;height:520px;border-radius:999px;background:rgba(255,255,255,.14);filter:blur(6px)}
.price-hero-final .wrap{position:relative;z-index:1}.price-hero-final .breadcrumbs,.price-hero-final .breadcrumbs a{color:#dbeafe}.price-hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:28px;align-items:center}.price-kicker{display:inline-flex;width:max-content;margin:0 0 12px;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.12);color:#e0f2fe;font-size:13px;font-weight:1000;letter-spacing:.045em;text-transform:uppercase}.price-hero-copy h1{max-width:900px;margin:0 0 16px;color:#fff;font-size:clamp(34px,5vw,58px);line-height:1.02;letter-spacing:-.055em}.price-lead,.price-contact-note{max-width:820px;color:#e0f2fe!important;line-height:1.65}.price-lead{font-size:19px}.price-contact-note{font-size:14px;font-weight:850;margin:12px 0 16px}.price-top-contact.contact-buttons.messenger-glass-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;max-width:760px!important;width:100%!important}.price-top-contact .messenger-button{width:100%!important;min-width:0!important;max-width:none!important}.price-hero-panel{padding:24px;border:1px solid rgba(255,255,255,.16);border-radius:28px;background:rgba(255,255,255,.10);box-shadow:0 18px 54px rgba(2,6,23,.22),inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.price-hero-panel strong{display:block;color:#fff;font-size:23px;margin-bottom:8px}.price-hero-panel p{color:#dbeafe;line-height:1.65}.price-hero-points{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.price-hero-points span{display:inline-flex;padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#e0f2fe;font-size:12px;font-weight:900}.price-explain-grid,.price-factor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.price-explain-grid article,.price-factor-grid article,.price-card-final{border:1px solid var(--color-line,#e2e8f0)!important;border-radius:26px;background:#fff!important;box-shadow:0 18px 48px rgba(15,23,42,.08)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.price-explain-grid article{padding:22px}.price-explain-grid span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff;font-weight:1000;margin-bottom:12px}.price-explain-grid h2{font-size:24px!important;margin:0 0 8px!important}.price-explain-grid p,.price-factor-grid span{color:#475569;line-height:1.6}.price-section-head{max-width:850px;margin-bottom:20px}.price-section-head .price-kicker{border-color:rgba(37,99,235,.16);background:#eff6ff;color:#1d4ed8}.price-section-head h2{margin:0 0 10px!important}.price-section-head p{color:#475569;line-height:1.65}.price-tools{display:grid;gap:12px;margin:0 0 22px}.price-search{margin:0!important}.price-category-nav{position:sticky;top:82px;z-index:9;display:flex;gap:10px;flex-wrap:wrap;padding:10px;border:1px solid rgba(219,234,254,.65);border-radius:22px;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 18px 48px rgba(15,23,42,.10)}.price-category-nav a{display:inline-flex;align-items:center;min-height:38px;padding:8px 12px;border-radius:999px;background:#fff;color:#1d4ed8;font-weight:900;text-decoration:none;border:1px solid rgba(37,99,235,.12)}.price-category-nav a:hover{background:#2563eb;color:#fff;text-decoration:none}.price-group-final{margin-top:28px}.price-group-head{padding:22px 24px;border-radius:26px;color:#fff;background:linear-gradient(135deg,#0f172a,#1d4ed8 64%,#0ea5e9)}.price-group-head h2{color:#fff!important;margin:0 0 8px!important}.price-group-head p{color:#dbeafe;margin:0}.price-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.price-card-final{position:relative;overflow:hidden;padding:20px}.price-card-final:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--price-a,#2563eb),var(--price-b,#0ea5e9))}.price-card-top{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start}.price-avatar{display:grid;place-items:center;width:58px;height:58px;border-radius:20px;color:#fff;background:linear-gradient(135deg,#2563eb,#0ea5e9);font-weight:1000}.price-card-top h3{margin:0 0 6px;font-size:22px;line-height:1.15}.price-card-top p{margin:0;color:#475569;line-height:1.5}.price-card-main{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.price-value,.price-time{padding:13px 14px;border:1px solid #e2e8f0;border-radius:18px;background:#fff}.price-value{background:linear-gradient(180deg,#f0fdf4,#fff);border-color:rgba(22,163,74,.20)}.price-value span,.price-time span{display:block;color:#64748b;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.045em}.price-value strong,.price-time strong{display:block;margin-top:4px;color:#0f172a;font-size:22px;line-height:1.05;letter-spacing:-.03em}.price-value small,.price-time small{display:block;margin-top:5px;color:#047857;font-weight:850;line-height:1.35}.price-time small{color:#64748b}.price-includes{padding:13px 14px;border-radius:18px;background:#f8fafc;border:1px solid #e2e8f0}.price-includes span{display:block;margin-bottom:4px;color:#1d4ed8;font-size:12px;text-transform:uppercase;letter-spacing:.045em;font-weight:950}.price-includes p{margin:0;color:#334155;line-height:1.52}.price-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.price-more,.price-ask{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:999px;padding:11px 18px;font-weight:950;text-decoration:none!important}.price-more{background:#eff6ff;color:#1d4ed8;border:1px solid rgba(37,99,235,.16)}.price-ask{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff!important;box-shadow:0 16px 34px rgba(22,163,74,.20)}.price-factor-grid article{padding:20px}.price-factor-grid strong{display:block;margin-bottom:6px;color:#0f172a;font-size:18px}.price-faq-section .faq details{box-shadow:0 12px 34px rgba(15,23,42,.06)}
@media(max-width:900px){.price-hero-grid,.price-explain-grid,.price-factor-grid,.price-card-grid{grid-template-columns:1fr}.price-top-contact.contact-buttons.messenger-glass-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}.price-category-nav{position:relative;top:auto}.price-card-main{grid-template-columns:1fr}.price-actions{display:grid;grid-template-columns:1fr}.price-more,.price-ask{width:100%}}


/* PHOTO_PLACEHOLDER_GUIDE_2026_05_28 */
.photo-placeholder-card figcaption,
.photo-work-card figcaption,
.photo-card figcaption {
  line-height: 1.45;
}
.photo-placeholder-theme,
.photo-placeholder-tip,
.photo-placeholder-meta {
  display: inline-flex;
  align-items: flex-start;
  width: fit-content;
  max-width: 100%;
  margin-top: 8px;
  padding: 6px 9px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.35;
}
.photo-placeholder-theme {
  color: #1e3a8a;
  background: rgba(239,246,255,.92);
  border: 1px solid rgba(37,99,235,.16);
}
.photo-placeholder-meta {
  color: #047857;
  background: rgba(240,253,244,.92);
  border: 1px solid rgba(22,163,74,.18);
}
.photo-placeholder-tip {
  color: #92400e;
  background: rgba(255,251,235,.92);
  border: 1px solid rgba(245,158,11,.20);
}
.photo-placeholder-guide {
  margin-top: 16px;
  padding: 16px 18px;
  border: 1px solid rgba(37,99,235,.14);
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(239,246,255,.92), rgba(240,253,244,.78));
  color: #334155;
  box-shadow: 0 12px 34px rgba(15,23,42,.06);
}
.photo-placeholder-guide strong {
  display: block;
  margin-bottom: 6px;
  color: #0f172a;
}
.photo-placeholder-guide ul {
  margin: 8px 0 0;
  padding-left: 20px;
}
.photo-placeholder-guide li {
  margin: 4px 0;
}
@media(max-width:620px){
  .photo-placeholder-theme,
  .photo-placeholder-tip,
  .photo-placeholder-meta { width: 100%; }
}


/* ABOUT_MASTER_PERSONAL_2026_05_28 */
.about-personal-block{padding:28px;border:1px solid #dbeafe;border-radius:30px;background:linear-gradient(135deg,#ffffff 0%,#f8fbff 100%);box-shadow:0 18px 42px rgba(15,23,42,.06)}
.about-personal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}
.about-personal-grid article{position:relative;border:1px solid #dbeafe;border-radius:22px;background:#fff;padding:20px 20px 20px 52px;box-shadow:0 12px 30px rgba(15,23,42,.06)}
.about-personal-grid article:before{content:'✓';position:absolute;left:18px;top:20px;width:24px;height:24px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#dcfce7;color:#15803d;font-weight:900}
.about-personal-grid strong{display:block;margin-bottom:7px;color:#0f172a;font-size:18px;line-height:1.25}.about-personal-grid span{display:block;color:#64748b;line-height:1.55}
.about-case-detailed{display:flex;flex-direction:column;gap:8px}.about-case-detailed h3{font-size:20px;line-height:1.24;margin:0 0 4px}.about-case-detailed p{margin:0;color:#475569;line-height:1.58}.about-case-detailed p strong{color:#0f172a}.about-case-detailed span{align-self:flex-start;display:inline-flex;border-radius:999px;padding:7px 10px;background:#eff6ff;color:#1d4ed8;font-weight:900;font-size:12px}
@media (max-width:980px){.about-personal-grid{grid-template-columns:1fr}.about-cases{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.about-cases{grid-template-columns:1fr}.about-personal-block{padding:20px;border-radius:24px}.about-personal-grid article{padding:18px 18px 18px 50px}}

/* CALLBACK_HARMONY_FINAL_2026_05_28 */
.callback-section--harmony {
  position: relative;
  overflow: hidden;
  padding: clamp(54px, 7vw, 86px) 0;
  background:
    radial-gradient(circle at 10% 10%, rgba(37,99,235,.14), transparent 34%),
    radial-gradient(circle at 88% 24%, rgba(14,165,233,.12), transparent 32%),
    linear-gradient(180deg, #f8fafc 0%, #eff6ff 52%, #ffffff 100%);
}
.callback-section--harmony::before {
  content: "";
  position: absolute;
  inset: auto -120px -210px auto;
  width: 420px;
  height: 420px;
  border-radius: 999px;
  background: rgba(37,99,235,.10);
  filter: blur(8px);
  pointer-events: none;
}
.callback-card--harmony {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(330px, .95fr);
  gap: clamp(20px, 3vw, 34px);
  align-items: stretch;
  padding: clamp(22px, 3.2vw, 34px);
  border: 1px solid rgba(37,99,235,.14) !important;
  border-radius: 34px !important;
  background: rgba(255,255,255,.90) !important;
  box-shadow: 0 28px 80px rgba(15,23,42,.12), inset 0 1px 0 rgba(255,255,255,.88) !important;
  backdrop-filter: blur(18px) saturate(1.05);
  -webkit-backdrop-filter: blur(18px) saturate(1.05);
}
.callback-card--harmony::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 7px;
  background: linear-gradient(90deg, #2563eb, #0ea5e9, #16a34a);
  z-index: 0;
}
.callback-card--harmony > * { position: relative; z-index: 1; }
.callback-copy--harmony {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
  padding: clamp(4px, 1vw, 8px);
}
.callback-topline {
  display: flex;
  align-items: center;
  gap: 9px;
  flex-wrap: wrap;
}
.callback-card--harmony .callback-badge,
.callback-card--harmony .callback-form-kicker,
.callback-card--harmony .callback-live-status {
  display: inline-flex;
  align-items: center;
  width: max-content;
  min-height: 34px;
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 950;
  letter-spacing: .01em;
}
.callback-card--harmony .callback-badge,
.callback-card--harmony .callback-form-kicker {
  color: #1d4ed8;
  background: rgba(239,246,255,.92);
  border: 1px solid rgba(37,99,235,.16);
}
.callback-card--harmony .callback-live-status {
  gap: 8px;
  color: #047857;
  background: rgba(240,253,244,.94);
  border: 1px solid rgba(22,163,74,.18);
}
.callback-card--harmony .callback-live-dot {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: #22c55e;
  box-shadow: 0 0 0 6px rgba(34,197,94,.14);
}
.callback-card--harmony h2 {
  max-width: 780px;
  margin: 0 !important;
  color: #0f172a !important;
  font-size: clamp(30px, 3.8vw, 48px) !important;
  line-height: 1.05 !important;
  letter-spacing: -.055em !important;
}
.callback-card--harmony .callback-lead,
.callback-card--harmony .contact-choice-text,
.callback-card--harmony .callback-response-note {
  max-width: 760px;
  margin: 0;
  color: #475569 !important;
  line-height: 1.65;
}
.callback-choice-panel {
  display: grid;
  gap: 12px;
  margin-top: 2px;
  padding: 18px;
  border: 1px solid rgba(37,99,235,.12);
  border-radius: 26px;
  background: linear-gradient(135deg, rgba(239,246,255,.92), rgba(240,253,244,.78));
  box-shadow: 0 16px 42px rgba(15,23,42,.07);
}
.callback-choice-title {
  display: inline-flex;
  width: max-content;
  padding: 7px 11px;
  border-radius: 999px;
  color: #0f172a;
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(37,99,235,.12);
  font-size: 13px;
  font-weight: 1000;
}
.callback-card--harmony .callback-primary-contact.contact-buttons.messenger-glass-row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
}
.callback-card--harmony .callback-primary-contact .messenger-button,
.callback-card--harmony .callback-fallback-buttons .messenger-button {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 50px !important;
  min-height: 50px !important;
  padding: 0 13px !important;
  font-size: 14px !important;
  border-radius: 999px !important;
}
.callback-mini-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: auto;
}
.callback-mini-steps span {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 54px;
  padding: 10px 12px;
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  background: #fff;
  color: #334155;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.35;
  box-shadow: 0 10px 28px rgba(15,23,42,.05);
}
.callback-mini-steps b {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  min-width: 26px;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(135deg, #2563eb, #0ea5e9);
  font-size: 12px;
}
.callback-form--harmony {
  position: relative;
  overflow: hidden;
  display: grid;
  gap: 13px;
  align-self: stretch;
  padding: clamp(18px, 2.4vw, 24px) !important;
  border: 1px solid rgba(15,23,42,.08) !important;
  border-radius: 28px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
  box-shadow: 0 22px 62px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.86) !important;
}
.callback-form--harmony::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(90deg, #16a34a, #0ea5e9, #2563eb);
}
.callback-form--harmony .callback-form-head {
  display: grid;
  gap: 7px;
  margin-bottom: 3px;
}
.callback-form--harmony h3 {
  margin: 0 !important;
  color: #0f172a !important;
  font-size: clamp(24px, 2.2vw, 30px) !important;
  line-height: 1.12 !important;
  letter-spacing: -.04em !important;
}
.callback-form--harmony .callback-form-head p,
.callback-form--harmony .callback-privacy {
  margin: 0;
  color: #64748b;
  line-height: 1.52;
}
.callback-form--harmony .callback-field {
  display: grid;
  gap: 7px;
  color: #334155;
  font-size: 14px;
  font-weight: 900;
}
.callback-form--harmony .callback-field input,
.callback-form--harmony .callback-field textarea {
  width: 100%;
  border: 1px solid #cbd5e1;
  border-radius: 16px;
  padding: 13px 14px;
  background: #fff;
  color: #0f172a;
  font: inherit;
  outline: none;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.callback-form--harmony .callback-field textarea {
  min-height: 108px;
  resize: vertical;
}
.callback-form--harmony .callback-field input:focus,
.callback-form--harmony .callback-field textarea:focus {
  border-color: #2563eb;
  box-shadow: 0 0 0 4px rgba(37,99,235,.12);
}
.callback-form--harmony .callback-phone-field {
  padding: 14px;
  border: 1px solid rgba(22,163,74,.20);
  border-radius: 22px;
  background: linear-gradient(180deg, #f0fdf4 0%, #ffffff 100%);
}
.callback-form--harmony .callback-phone-field span { color: #047857; }
.callback-form--harmony .callback-phone-field input {
  min-height: 56px;
  border-color: rgba(22,163,74,.30);
  font-size: 18px;
  font-weight: 850;
}
.callback-submit-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
}
.callback-submit-row span {
  color: #047857;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.35;
}
.callback-form--harmony .callback-submit {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  min-height: 54px;
  border: 1px solid rgba(255,255,255,.44);
  border-radius: 18px;
  color: #fff;
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 56%, #0ea5e9 100%);
  font-size: 16px;
  font-weight: 950;
  cursor: pointer;
  box-shadow: 0 18px 42px rgba(37,99,235,.28), inset 0 1px 0 rgba(255,255,255,.34);
  transition: transform .2s ease, filter .2s ease, box-shadow .2s ease;
}
.callback-form--harmony .callback-submit:hover {
  transform: translateY(-2px);
  filter: saturate(1.12) brightness(1.04);
  box-shadow: 0 24px 58px rgba(37,99,235,.34), 0 0 0 8px rgba(37,99,235,.08), inset 0 1px 0 rgba(255,255,255,.44);
}
.callback-form--harmony .callback-privacy a {
  color: #1d4ed8;
  font-weight: 900;
  text-decoration: none;
}
.callback-form--harmony .callback-privacy a:hover { text-decoration: underline; }
.callback-form--harmony .callback-trust {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 0;
}
.callback-form--harmony .callback-trust span {
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 40px;
  padding: 8px 10px;
  border-radius: 14px;
  border: 1px solid rgba(22,163,74,.16);
  background: rgba(240,253,244,.86);
  color: #047857;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.25;
}
.callback-form--harmony .callback-trust span::before {
  content: "✓";
  display: grid;
  place-items: center;
  width: 18px;
  height: 18px;
  min-width: 18px;
  border-radius: 999px;
  color: #fff;
  background: #16a34a;
  font-size: 11px;
  font-weight: 1000;
}
.callback-form--harmony .callback-status:not(:empty) {
  margin: 0;
  padding: 11px 12px;
  border-radius: 16px;
  background: rgba(240,253,244,.88);
  border: 1px solid rgba(22,163,74,.18);
  color: #047857;
  font-weight: 850;
  line-height: 1.45;
}
.callback-form--harmony .callback-status.is-error:not(:empty) {
  background: rgba(254,242,242,.90);
  border-color: rgba(220,38,38,.18);
  color: #b91c1c;
}
.callback-form--harmony .callback-fallback {
  display: grid;
  gap: 12px;
  padding: 14px;
  border-radius: 20px;
  border: 1px solid rgba(37,99,235,.16);
  background: linear-gradient(135deg, #eff6ff, #f0fdf4);
}
.callback-form--harmony .callback-fallback[hidden] { display: none !important; }
.callback-form--harmony .callback-fallback p {
  margin: 0;
  color: #334155;
  font-weight: 850;
  line-height: 1.45;
}
.callback-form--harmony .callback-fallback-buttons {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
@media (max-width: 980px) {
  .callback-card--harmony {
    grid-template-columns: 1fr;
    border-radius: 28px !important;
  }
  .callback-mini-steps { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .callback-section--harmony { padding: 42px 0; }
  .callback-card--harmony { padding: 18px; border-radius: 24px !important; }
  .callback-card--harmony h2 { font-size: 30px !important; }
  .callback-card--harmony .callback-primary-contact.contact-buttons.messenger-glass-row,
  .callback-form--harmony .callback-fallback-buttons {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .callback-card--harmony .callback-primary-contact .messenger-button,
  .callback-card--harmony .callback-fallback-buttons .messenger-button {
    min-height: 48px !important;
    height: 48px !important;
    font-size: 13px !important;
    padding: 0 10px !important;
  }
  .callback-form--harmony .callback-trust { grid-template-columns: 1fr; }
}


/* ABOUT_CASES_6_FINAL */
.about-cases{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.about-case-detailed{min-height:100%}
@media (max-width:980px){.about-cases{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.about-cases{grid-template-columns:1fr}}


/* BLOG_FINAL_IDEAL_2026_05_28 */
.blog-index-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:22px;align-items:stretch;margin-bottom:24px}.blog-index-hero>div,.blog-help-card,.blog-tools,.blog-card,.blog-related-service,.blog-warning,.blog-faq details{border:1px solid #e2e8f0;border-radius:26px;background:#fff;box-shadow:0 18px 48px rgba(15,23,42,.08)}.blog-index-hero>div:first-child{padding:26px;background:linear-gradient(135deg,#0f172a 0%,#1d4ed8 58%,#0ea5e9 100%);color:#fff}.blog-index-hero .lead{color:#e0f2fe}.blog-kicker,.blog-category,.blog-article-meta span,.blog-related-service span{display:inline-flex;width:max-content;min-height:32px;align-items:center;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:950}.blog-kicker{background:rgba(255,255,255,.14);color:#dbeafe}.blog-help-card{display:grid;gap:10px;padding:22px;background:linear-gradient(180deg,#fff,#f8fafc)}.blog-help-card strong{font-size:24px;letter-spacing:-.035em}.blog-help-card span{color:#475569;line-height:1.55}.blog-tools{display:grid;gap:12px;margin:18px 0 22px;padding:16px;background:linear-gradient(135deg,#eff6ff,#f0fdf4)}.blog-tools label{display:grid;gap:6px;color:#334155;font-weight:900}.blog-tools input{width:100%;min-height:50px;border:1px solid #cbd5e1;border-radius:16px;padding:0 14px;font:inherit}.blog-chip-row{display:flex;flex-wrap:wrap;gap:9px}.blog-chip-row button{min-height:38px;border-radius:999px;border:1px solid rgba(37,99,235,.18);background:#fff;color:#1d4ed8;font-weight:950;padding:8px 12px;cursor:pointer}.blog-chip-row button:hover,.blog-chip-row button.is-active{background:#2563eb;color:#fff}.blog-count{margin:0;color:#475569;font-weight:900}.blog-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.blog-card{position:relative;display:grid;gap:10px;padding:20px}.blog-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#2563eb,#0ea5e9,#16a34a)}.blog-card.is-hidden{display:none}.blog-category{background:#eff6ff;color:#1d4ed8;border:1px solid rgba(37,99,235,.16)}.blog-card h3{margin:0}.blog-card h3 a{text-decoration:none;color:#0f172a}.blog-card p{margin:0;color:#475569;line-height:1.55}.blog-card-meta{display:flex;gap:8px;flex-wrap:wrap}.blog-card-meta span{display:inline-flex;padding:6px 9px;border-radius:999px;background:#f8fafc;color:#64748b;font-size:12px;font-weight:850}.blog-read-more{display:inline-flex;width:max-content;margin-top:4px;padding:10px 14px;border-radius:999px;background:#2563eb;color:#fff!important;text-decoration:none;font-weight:950}.blog-empty{padding:18px;border-radius:18px;background:#fffbeb;border:1px solid rgba(245,158,11,.28);color:#92400e;font-weight:900}.blog-article-content{max-width:920px}.blog-article-meta{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}.blog-article-meta span{background:#eff6ff;color:#1d4ed8;border:1px solid rgba(37,99,235,.16)}.blog-check-list li{margin-bottom:8px}.blog-warning{margin:22px 0;padding:20px;background:linear-gradient(180deg,#fff7f7,#fff);border-color:rgba(220,38,38,.18)}.blog-warning h2{margin-top:0;color:#991b1b}.blog-warning p{margin-bottom:0}.blog-related-service{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.42fr);gap:16px;align-items:center;margin:26px 0;padding:22px;background:linear-gradient(135deg,#eff6ff,#fff)}.blog-related-service span{background:#fff;color:#1d4ed8;border:1px solid rgba(37,99,235,.16)}.blog-related-service h2{margin:8px 0}.blog-related-service p{color:#475569}.blog-related-price{padding:16px;border-radius:20px;background:#f0fdf4;border:1px solid rgba(22,163,74,.18)}.blog-related-price small{display:block;color:#047857;font-weight:950;text-transform:uppercase;font-size:12px}.blog-related-price strong{display:block;font-size:26px;color:#0f172a}.blog-related-price em{display:block;color:#047857;font-style:normal;font-weight:850}.blog-related-actions{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap}.blog-related-actions .ghost{background:#fff!important;color:#1d4ed8!important;border:1px solid rgba(37,99,235,.2)}.blog-faq{margin-top:28px}.blog-faq details{padding:16px;margin:10px 0}.blog-faq summary{cursor:pointer;font-weight:950;color:#0f172a}.blog-faq p{color:#475569}.blog-card-grid + .trust-section{margin-top:42px}@media(max-width:980px){.blog-index-hero,.blog-related-service{grid-template-columns:1fr}.blog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.blog-card-grid{grid-template-columns:1fr}.blog-related-actions{display:grid}.blog-related-actions .btn{width:100%;justify-content:center}}

.blog-alex-tip{margin:24px 0;padding:20px;border:1px solid rgba(37,99,235,.16);border-radius:22px;background:linear-gradient(135deg,#eff6ff,#f0fdf4);box-shadow:0 12px 34px rgba(15,23,42,.06)}.blog-alex-tip h2{margin-top:0}.blog-alex-tip p{margin-bottom:0;color:#334155;line-height:1.65;font-weight:650}


/* RAYON_IDEAL_UX_SEO_2026_05_28 */
.rayon-index-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:26px;align-items:stretch;margin-bottom:34px;padding:30px;border:1px solid rgba(37,99,235,.14);border-radius:34px;background:radial-gradient(circle at 12% 0%,rgba(37,99,235,.10),transparent 34%),linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 24px 70px rgba(15,23,42,.10)}
.rayon-index-copy p{max-width:850px;color:#475569;line-height:1.7}.rayon-index-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.rayon-index-contact{padding:22px;border:1px solid rgba(37,99,235,.14);border-radius:28px;background:linear-gradient(135deg,#0f172a,#1d4ed8 58%,#0ea5e9);color:#fff;box-shadow:0 18px 54px rgba(15,23,42,.18)}.rayon-index-contact p{color:#dbeafe}.rayon-index-contact .messenger-glass-row,.rayon-index-contact .contact-buttons{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:16px!important}.rayon-index-contact .messenger-button{width:100%!important;min-width:0!important;font-size:13px!important;height:46px!important;min-height:46px!important}.rayon-search-panel{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin:14px 0;padding:14px;border:1px solid #dbeafe;border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(15,23,42,.06)}.rayon-search-panel input{min-height:52px;border:1px solid #cbd5e1;border-radius:16px;padding:0 14px;font:inherit}.rayon-search-panel button{min-height:48px;border-radius:999px;border:1px solid rgba(37,99,235,.18);background:#eff6ff;color:#1d4ed8;font-weight:950;padding:0 16px;cursor:pointer}.rayon-counter{grid-column:1/-1;color:#475569;font-weight:900}.rayon-okrug-nav{position:sticky;top:74px;z-index:12;display:flex;flex-wrap:wrap;gap:9px;margin:16px 0 24px;padding:10px;border:1px solid rgba(219,234,254,.65);border-radius:22px;background:rgba(255,255,255,.90);backdrop-filter:blur(18px);box-shadow:0 18px 48px rgba(15,23,42,.10)}.rayon-okrug-nav a{display:inline-flex;min-height:38px;align-items:center;padding:8px 12px;border-radius:999px;background:#fff;color:#1d4ed8;text-decoration:none;font-weight:950}.rayon-popular-grid,.rayon-district-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.rayon-popular-card,.rayon-district-card{display:grid;gap:6px;min-height:92px;padding:16px;border:1px solid #e2e8f0;border-radius:20px;background:#fff;text-decoration:none;color:#0f172a;box-shadow:0 12px 34px rgba(15,23,42,.07);transition:transform .18s ease,box-shadow .18s ease}.rayon-popular-card:hover,.rayon-district-card:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(37,99,235,.13)}.rayon-popular-card small,.rayon-district-card small{color:#64748b;font-weight:800}.rayon-index-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.rayon-index-steps article{padding:18px;border:1px solid #e2e8f0;border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(15,23,42,.06)}.rayon-index-steps strong{display:block;color:#0f172a;margin-bottom:7px}.rayon-index-steps span{color:#475569;line-height:1.5}.rayon-okrug-group{margin-top:28px}.rayon-okrug-head{padding:20px 22px;border-radius:24px;color:#fff;background:linear-gradient(135deg,#0f172a,#1d4ed8 62%,#0ea5e9);margin-bottom:14px}.rayon-okrug-head h2{color:#fff;margin:0 0 6px}.rayon-okrug-head p{margin:0;color:#dbeafe}.rayon-empty{margin:18px 0;padding:18px;border:1px solid rgba(245,158,11,.28);border-radius:20px;background:#fffbeb;color:#92400e;font-weight:900}.rayon-top-choice{margin:22px 0;padding:20px;border:1px solid rgba(37,99,235,.14);border-radius:28px;background:linear-gradient(135deg,#eff6ff,#f0fdf4);box-shadow:0 16px 42px rgba(15,23,42,.07)}.rayon-top-choice>div:first-child strong{display:block;color:#0f172a;font-size:20px;margin-bottom:5px}.rayon-top-choice>div:first-child p{margin:0 0 14px;color:#475569}.rayon-top-contact{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;max-width:880px!important}.rayon-top-contact .messenger-button{width:100%!important;min-width:0!important}.rayon-page-shortcuts{position:sticky;top:74px;z-index:11;display:flex;gap:8px;flex-wrap:wrap;margin:20px 0;padding:10px;border:1px solid rgba(219,234,254,.65);border-radius:22px;background:rgba(255,255,255,.90);backdrop-filter:blur(18px);box-shadow:0 18px 48px rgba(15,23,42,.09)}.rayon-page-shortcuts a{display:inline-flex;min-height:36px;align-items:center;padding:8px 11px;border-radius:999px;background:#eff6ff;color:#1d4ed8;text-decoration:none;font-weight:900}.rayon-human-list li{margin-bottom:8px}.rayon-services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.rayon-service-card,.rayon-price-card,.rayon-case{padding:18px;border:1px solid #e2e8f0;border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(15,23,42,.06)}.rayon-service-card h3{margin:0 0 7px;font-size:19px}.rayon-service-card p{margin:0;color:#475569;line-height:1.55}.rayon-steps{display:grid;gap:10px;margin:14px 0;padding:0;counter-reset:step;list-style:none}.rayon-steps li{padding:14px 16px;border:1px solid #e2e8f0;border-radius:18px;background:#fff;color:#475569;line-height:1.55}.rayon-steps strong{color:#0f172a}.rayon-case{background:linear-gradient(180deg,#fff,#f8fafc);border-radius:26px}.rayon-case>span{display:inline-flex;margin-bottom:8px;padding:7px 10px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-weight:950;font-size:12px}.rayon-case h3{margin:0 0 10px}.rayon-case p{color:#475569;line-height:1.6}.rayon-price-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:14px 0}.rayon-price-card span{display:block;color:#475569;font-weight:900}.rayon-price-card strong{display:block;margin-top:5px;color:#0f172a;font-size:22px}.rayon-price-card small{display:block;margin-top:4px;color:#047857;font-weight:900}.rayon-price-notice .btn{margin-right:10px}.rayon-side-card p{line-height:1.55}.rayon-district-card.is-hidden-by-search,.rayon-popular-card.is-hidden-by-search,.rayon-okrug-group.is-empty-by-search{display:none!important}@media(max-width:980px){.rayon-index-hero{grid-template-columns:1fr}.rayon-popular-grid,.rayon-district-grid,.rayon-index-steps{grid-template-columns:repeat(2,1fr)}.rayon-top-contact{grid-template-columns:repeat(2,minmax(0,1fr))!important}.rayon-services-grid,.rayon-price-grid{grid-template-columns:1fr}.rayon-search-panel{grid-template-columns:1fr}.rayon-okrug-nav,.rayon-page-shortcuts{position:relative;top:auto}}@media(max-width:560px){.rayon-index-hero{padding:20px;border-radius:26px}.rayon-popular-grid,.rayon-district-grid,.rayon-index-steps{grid-template-columns:1fr}.rayon-top-contact{grid-template-columns:1fr 1fr!important}.rayon-top-contact .messenger-button{font-size:13px!important}.rayon-index-contact .messenger-glass-row{grid-template-columns:1fr 1fr!important}}


/* RAYON_LOCAL_IDEAL_FINAL_2026_05_28 */
.rayon-local-note{margin:20px 0;padding:18px 20px;border:1px solid rgba(37,99,235,.14);border-radius:22px;background:linear-gradient(135deg,#eff6ff,#f0fdf4);box-shadow:0 12px 34px rgba(15,23,42,.06)}
.rayon-local-note strong{display:block;margin-bottom:7px;color:#0f172a;font-size:18px}.rayon-local-note p{margin:0;color:#334155;line-height:1.65}.rayon-local-metro{margin:20px 0;padding:20px;border:1px solid #e2e8f0;border-radius:24px;background:#fff;box-shadow:0 16px 42px rgba(15,23,42,.07)}
.rayon-local-metro h2{margin-top:0}.rayon-local-metro p{color:#475569;line-height:1.65}.rayon-metro-cloud{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.rayon-metro-cloud span{display:inline-flex;align-items:center;min-height:34px;padding:8px 11px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-weight:900;font-size:13px}.rayon-common-tasks{margin:24px 0}.rayon-common-tasks p{color:#475569;line-height:1.65}.rayon-common-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.rayon-common-grid article{position:relative;padding:14px 14px 14px 38px;border:1px solid #e2e8f0;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.055);color:#334155;font-weight:850;line-height:1.45}.rayon-common-grid article:before{content:'✓';position:absolute;left:14px;top:14px;color:#16a34a;font-weight:1000}.rayon-case-detailed{border-left:5px solid #2563eb;background:linear-gradient(180deg,#fff,#f8fafc)}.rayon-not-found-cta{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:18px 0 26px;padding:20px 22px;border:1px solid rgba(37,99,235,.14);border-radius:24px;background:linear-gradient(135deg,#eff6ff,#f0fdf4);box-shadow:0 16px 42px rgba(15,23,42,.07)}.rayon-not-found-cta h2{margin:0 0 6px}.rayon-not-found-cta p{margin:0;color:#475569;line-height:1.55}@media(max-width:980px){.rayon-common-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rayon-not-found-cta{display:grid}}@media(max-width:640px){.rayon-common-grid{grid-template-columns:1fr}.rayon-local-metro,.rayon-local-note,.rayon-not-found-cta{border-radius:20px;padding:16px}.rayon-not-found-cta .btn{width:100%;justify-content:center}}


/* METRO_IDEAL_UX_SEO_2026_06_02 */
.metro-index-final,.metro-page-final{--metro-blue:#2563eb;--metro-sky:#0ea5e9;--metro-green:#16a34a;--metro-text:#0f172a;--metro-muted:#475569;--metro-line:#e2e8f0}.metro-index-hero,.metro-page-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:26px;align-items:stretch;margin:18px 0 30px;padding:28px;border:1px solid rgba(37,99,235,.14);border-radius:34px;background:radial-gradient(circle at 12% 0%,rgba(37,99,235,.12),transparent 34%),linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 24px 70px rgba(15,23,42,.10)}.metro-index-copy p,.metro-page-copy p,.metro-local-text p{color:#475569;line-height:1.7}.metro-kicker,.metro-section-head span,.metro-case-section>span{display:inline-flex;width:max-content;margin:0 0 10px;padding:8px 12px;border-radius:999px;border:1px solid rgba(37,99,235,.16);background:#eff6ff;color:#1d4ed8;font-size:13px;font-weight:1000;text-transform:uppercase;letter-spacing:.04em}.metro-index-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.metro-index-actions .ghost{background:#eff6ff;color:#1d4ed8}.metro-index-contact,.metro-page-panel{padding:22px;border-radius:28px;color:#fff;background:linear-gradient(135deg,#0f172a,#1d4ed8 58%,#0ea5e9);box-shadow:0 18px 54px rgba(15,23,42,.18)}.metro-index-contact strong,.metro-page-panel strong{display:block;font-size:24px;line-height:1.12}.metro-page-panel span{display:block;margin:8px 0 12px;color:#bfdbfe;font-weight:850}.metro-index-contact p,.metro-page-panel p{color:#dbeafe;line-height:1.6}.metro-top-contact.contact-buttons.messenger-glass-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;max-width:860px!important;width:100%!important;margin-top:16px!important}.metro-index-contact .metro-top-contact{grid-template-columns:repeat(2,minmax(0,1fr))!important}.metro-top-contact .messenger-button{width:100%!important;min-width:0!important;max-width:none!important}.metro-contact-note{font-size:14px;font-weight:850}.metro-search-panel{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin:14px 0;padding:14px;border:1px solid #dbeafe;border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(15,23,42,.06)}.metro-search-panel input{min-height:52px;border:1px solid #cbd5e1;border-radius:16px;padding:0 14px;font:inherit}.metro-search-panel button,.metro-line-nav button{min-height:46px;border-radius:999px;border:1px solid rgba(37,99,235,.18);background:#eff6ff;color:#1d4ed8;font-weight:950;padding:0 16px;cursor:pointer}.metro-counter{grid-column:1/-1;color:#475569;font-weight:900}.metro-line-nav,.metro-page-shortcuts{position:sticky;top:74px;z-index:12;display:flex;gap:9px;flex-wrap:wrap;margin:16px 0 24px;padding:10px;border:1px solid rgba(219,234,254,.65);border-radius:22px;background:rgba(255,255,255,.90);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 18px 48px rgba(15,23,42,.10)}.metro-line-nav button.active,.metro-line-nav button:hover{background:#2563eb;color:#fff}.metro-page-shortcuts a{display:inline-flex;min-height:36px;align-items:center;padding:8px 11px;border-radius:999px;background:#eff6ff;color:#1d4ed8;text-decoration:none;font-weight:900}.metro-popular-grid,.metro-station-grid,.metro-index-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metro-popular-card,.metro-station-card,.metro-index-steps article,.metro-situation-grid article,.metro-service-card,.metro-price-grid article{display:grid;gap:6px;min-height:92px;padding:16px;border:1px solid #e2e8f0;border-radius:20px;background:#fff;text-decoration:none;color:#0f172a;box-shadow:0 12px 34px rgba(15,23,42,.07);transition:transform .18s ease,box-shadow .18s ease}.metro-popular-card:hover,.metro-station-card:hover,.metro-service-card:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(37,99,235,.13)}.metro-popular-card small,.metro-station-card small{color:#64748b;font-weight:800}.metro-station-card span{display:inline-flex;width:max-content;margin-top:6px;padding:6px 9px;border-radius:999px;background:#f0fdf4;color:#047857;font-size:12px;font-weight:900}.metro-station-card.is-popular{border-color:rgba(245,158,11,.35);background:linear-gradient(180deg,#fff,#fffbeb)}.metro-section-head{max-width:850px;margin:24px 0 16px}.metro-section-head h2{margin:0 0 8px}.metro-section-head p{color:#475569;line-height:1.65}.metro-empty{margin:18px 0;padding:18px;border:1px solid rgba(245,158,11,.28);border-radius:20px;background:#fffbeb;color:#92400e;font-weight:900}.metro-local-text,.metro-case-section,.metro-final-cta{margin:22px 0;padding:22px;border:1px solid #e2e8f0;border-radius:26px;background:#fff;box-shadow:0 16px 42px rgba(15,23,42,.07)}.metro-block-section{margin:28px 0}.metro-situation-grid,.metro-service-grid,.metro-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.metro-situation-grid article strong{color:#0f172a}.metro-situation-grid article p,.metro-service-card p{margin:0;color:#475569;line-height:1.55}.metro-service-card span{display:inline-flex;width:max-content;padding:6px 9px;border-radius:999px;background:#f0fdf4;color:#047857;font-size:12px;font-weight:950}.metro-steps{display:grid;gap:10px;margin:14px 0;padding:0;list-style:none}.metro-steps li{padding:14px 16px;border:1px solid #e2e8f0;border-radius:18px;background:#fff;color:#475569;line-height:1.55}.metro-steps strong,.metro-check-list li:before{color:#0f172a}.metro-check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0;padding:0;list-style:none}.metro-check-list li{position:relative;padding:14px 16px 14px 40px;border:1px solid #e2e8f0;border-radius:18px;background:#fff;color:#475569;line-height:1.55}.metro-check-list li:before{content:'✓';position:absolute;left:15px;top:14px;color:#16a34a;font-weight:1000}.metro-case-section{background:linear-gradient(180deg,#fff,#f8fafc)}.metro-case-section p{color:#475569;line-height:1.6}.metro-price-grid article span{color:#475569;font-weight:900}.metro-price-grid article strong{font-size:22px;color:#0f172a}.metro-price-grid article small,.metro-price-note{color:#047857;font-weight:900;line-height:1.5}.metro-nearby-links{margin-top:12px}.metro-station-card.is-hidden-by-metro-search,.metro-popular-card.is-hidden-by-metro-search{display:none!important}#top-contact-buttons{scroll-margin-top:150px;outline:none}@media(max-width:980px){.metro-index-hero,.metro-page-hero{grid-template-columns:1fr}.metro-popular-grid,.metro-station-grid,.metro-index-steps,.metro-situation-grid,.metro-service-grid,.metro-price-grid,.metro-check-list{grid-template-columns:repeat(2,minmax(0,1fr))}.metro-line-nav,.metro-page-shortcuts{position:relative;top:auto}.metro-search-panel{grid-template-columns:1fr}.metro-index-contact .metro-top-contact,.metro-top-contact.contact-buttons.messenger-glass-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:560px){.metro-index-hero,.metro-page-hero{padding:20px;border-radius:26px}.metro-popular-grid,.metro-station-grid,.metro-index-steps,.metro-situation-grid,.metro-service-grid,.metro-price-grid,.metro-check-list{grid-template-columns:1fr}.metro-top-contact .messenger-button{font-size:13px!important}}

/* HOMEPAGE_CLIENT_DESIGN_IDEAL_2026_06_02
   Final homepage UX/design polish: cleaner CTA hierarchy, consistent active states,
   calmer header CTA, reliable mobile 2x2 contact buttons. */
:root{
  --cta-blue:#2563eb;
  --cta-blue-dark:#1d4ed8;
  --cta-sky:#0ea5e9;
  --cta-green:#16a34a;
  --cta-green-dark:#15803d;
  --cta-focus:rgba(147,197,253,.72);
}

/* calmer header phone so hero stays the main action area */
.top .phone.header-phone-compact{
  height:42px!important;
  min-height:42px!important;
  min-width:132px!important;
  padding:0 14px!important;
  background:rgba(22,163,74,.16)!important;
  border:1px solid rgba(134,239,172,.34)!important;
  color:#dcfce7!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 10px 28px rgba(2,6,23,.14)!important;
}
.top .phone.header-phone-compact:hover{
  background:linear-gradient(135deg,#22c55e,#16a34a,#15803d)!important;
  color:#fff!important;
  transform:translateY(-1px)!important;
  box-shadow:0 16px 38px rgba(22,163,74,.26),inset 0 1px 0 rgba(255,255,255,.32)!important;
}

/* final hierarchy for contact buttons: Call/WhatsApp primary, Telegram/Max secondary */
.home-primary-contact-row.contact-buttons,
.hero-final #top-contact-buttons.contact-buttons{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
  max-width:780px!important;
  margin-top:18px!important;
}
.hero-final #top-contact-buttons .messenger-button{
  min-width:0!important;
  width:100%!important;
  height:54px!important;
  min-height:54px!important;
  border-radius:999px!important;
}
.hero-final #top-contact-buttons .messenger-button--call,
.hero-final #top-contact-buttons .messenger-button--wa{
  filter:saturate(1.14) brightness(1.03);
  box-shadow:0 22px 56px rgba(22,163,74,.30),inset 0 1px 0 rgba(255,255,255,.42)!important;
}
.hero-final #top-contact-buttons .messenger-button--tg,
.hero-final #top-contact-buttons .messenger-button--max{
  filter:saturate(.92) brightness(.98);
  box-shadow:0 16px 42px rgba(37,99,235,.20),inset 0 1px 0 rgba(255,255,255,.34)!important;
}
.hero-final #top-contact-buttons .messenger-button--tg:hover,
.hero-final #top-contact-buttons .messenger-button--max:hover{
  filter:saturate(1.06) brightness(1.03);
}

/* unified interactive states for active buttons and navigational cards */
a.btn,
.smallBtn,
.callback-submit,
.blog-read-more,
.price-actions-preview a,
.service-actions .smallBtn,
.problem-card-final,
.rayon-popular-card,
.rayon-district-card,
.metro-popular-card,
.metro-station-card,
.messenger-button,
.contact-btn,
.phone{
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,background .18s ease,border-color .18s ease,color .18s ease!important;
}
a.btn:hover,
.smallBtn:hover,
.callback-submit:hover,
.blog-read-more:hover,
.price-actions-preview a:hover,
.service-actions .smallBtn:hover,
.problem-card-final:hover,
.rayon-popular-card:hover,
.rayon-district-card:hover,
.metro-popular-card:hover,
.metro-station-card:hover{
  transform:translateY(-2px)!important;
  filter:saturate(1.08) brightness(1.03)!important;
}
a.btn:active,
.smallBtn:active,
.callback-submit:active,
.blog-read-more:active,
.price-actions-preview a:active,
.service-actions .smallBtn:active,
.problem-card-final:active,
.messenger-button:active{
  transform:translateY(0) scale(.985)!important;
  filter:saturate(1.02) brightness(.98)!important;
}
a.btn:focus-visible,
.smallBtn:focus-visible,
.callback-submit:focus-visible,
.blog-read-more:focus-visible,
.price-actions-preview a:focus-visible,
.service-actions .smallBtn:focus-visible,
.problem-card-final:focus-visible,
.rayon-popular-card:focus-visible,
.rayon-district-card:focus-visible,
.metro-popular-card:focus-visible,
.metro-station-card:focus-visible,
.messenger-button:focus-visible,
.contact-btn:focus-visible,
.phone:focus-visible,
.menu a:focus-visible{
  outline:3px solid var(--cta-focus)!important;
  outline-offset:3px!important;
}

/* Secondary CTA style for repeated mid-page actions: less noisy than hero contact row */
.service-actions .smallBtn.order{
  background:linear-gradient(135deg,rgba(239,246,255,.96),rgba(224,242,254,.88))!important;
  color:#1d4ed8!important;
  border:1px solid rgba(37,99,235,.20)!important;
  box-shadow:0 10px 26px rgba(37,99,235,.10),inset 0 1px 0 rgba(255,255,255,.85)!important;
}
.service-actions .smallBtn.order:hover{
  background:linear-gradient(135deg,#2563eb,#1d4ed8,#0ea5e9)!important;
  color:#fff!important;
  box-shadow:0 16px 38px rgba(37,99,235,.22),inset 0 1px 0 rgba(255,255,255,.32)!important;
}
.service-actions .smallBtn:not(.order){
  background:#fff!important;
  color:#1d4ed8!important;
  border:1px solid rgba(37,99,235,.18)!important;
  box-shadow:0 10px 24px rgba(15,23,42,.06)!important;
}

/* Make symptom cards feel like navigational choices, not competing CTA buttons */
.problem-card-final{
  background:linear-gradient(180deg,#fff,#f8fafc)!important;
  border:1px solid rgba(226,232,240,.96)!important;
}
.problem-card-final:hover{
  border-color:rgba(37,99,235,.28)!important;
  box-shadow:0 18px 44px rgba(37,99,235,.12)!important;
}

/* Placeholder external contacts stay available in dev, but are visually secondary until real links are inserted */
.messenger-button[data-placeholder-link="true"]{
  position:relative;
  opacity:.88;
}
.messenger-button[data-placeholder-link="true"]:after{
  content:"заменить";
  position:absolute;
  right:10px;
  top:-8px;
  padding:2px 6px;
  border-radius:999px;
  background:#fffbeb;
  color:#92400e;
  border:1px solid rgba(245,158,11,.28);
  font-size:10px;
  line-height:1;
  font-weight:950;
  letter-spacing:.02em;
}

/* Improve visual rhythm of first screen */
.hero-final .messenger-prompt{
  margin-top:22px!important;
}
.hero-final .contact-response-note{
  margin:10px 0 12px!important;
  max-width:720px;
}
.hero-final .master-hero-card{
  align-self:stretch;
}

@media (max-width: 980px){
  .home-primary-contact-row.contact-buttons,
  .hero-final #top-contact-buttons.contact-buttons{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    max-width:620px!important;
  }
}
@media (max-width: 640px){
  .hero-final #top-contact-buttons.contact-buttons,
  .home-primary-contact-row.contact-buttons,
  .contact-buttons.messenger-glass-row{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .hero-final #top-contact-buttons .messenger-button,
  .home-primary-contact-row .messenger-button{
    height:50px!important;
    min-height:50px!important;
    padding:0 10px!important;
    font-size:13px!important;
  }
  .messenger-button[data-placeholder-link="true"]:after{
    top:-7px;
    right:6px;
    font-size:9px;
  }
  .service-actions{
    grid-template-columns:1fr!important;
  }
  .service-actions .smallBtn,
  .service-actions .smallBtn.order{
    min-height:46px!important;
  }
}


/* CONTACT_BUTTONS_SITEWIDE_IDEAL_2026_06_02
   Единая система кнопок связи: Позвонить / WhatsApp / Telegram / Max */
:root{
  --contact-radius: 999px;
  --contact-h: 52px;
  --contact-gap: 10px;
  --contact-shadow: 0 18px 46px rgba(15,23,42,.24), inset 0 1px 0 rgba(255,255,255,.38);
  --contact-shadow-hover: 0 24px 64px rgba(15,23,42,.28), 0 0 0 8px rgba(37,99,235,.08), inset 0 1px 0 rgba(255,255,255,.48);
  --contact-focus: 0 0 0 4px rgba(255,255,255,.72), 0 0 0 8px rgba(37,99,235,.34), var(--contact-shadow-hover);
}
.contact-buttons,
.messenger-glass-row,
.final-footer-contact-actions,
.callback-primary-contact,
.callback-contact-preview,
.callback-fallback-buttons,
.callback-fallback-actions{
  display:grid!important;
  gap:var(--contact-gap)!important;
  align-items:stretch!important;
}
.contact-buttons,
.messenger-glass-row,
.callback-primary-contact{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.final-footer-contact-actions,
.callback-contact-preview,
.callback-fallback-buttons,
.callback-fallback-actions{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.messenger-button,
a.messenger-button,
.site-contact-button{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  width:100%!important;
  min-width:0!important;
  min-height:var(--contact-h)!important;
  height:var(--contact-h)!important;
  padding:0 16px!important;
  border-radius:var(--contact-radius)!important;
  border:1px solid rgba(255,255,255,.42)!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:14px!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:.01em!important;
  text-shadow:0 1px 12px rgba(2,6,23,.22)!important;
  box-shadow:var(--contact-shadow)!important;
  transform:translateZ(0)!important;
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease, border-color .2s ease!important;
  -webkit-tap-highlight-color:transparent!important;
}
.messenger-button::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  border-radius:inherit!important;
  background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.42) 42%,rgba(255,255,255,.10) 54%,transparent 74%)!important;
  transform:translateX(-135%)!important;
  transition:transform .7s ease!important;
  pointer-events:none!important;
}
.messenger-button:hover{
  transform:translateY(-2px)!important;
  filter:saturate(1.08) brightness(1.04)!important;
  box-shadow:var(--contact-shadow-hover)!important;
  border-color:rgba(255,255,255,.58)!important;
}
.messenger-button:hover::before{transform:translateX(135%)!important;}
.messenger-button:active{transform:translateY(0) scale(.985)!important;box-shadow:var(--contact-shadow)!important;}
.messenger-button:focus-visible{outline:none!important;box-shadow:var(--contact-focus)!important;}
.messenger-button .social-icon{
  display:grid!important;
  place-items:center!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.26)!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24)!important;
}
.messenger-button .social-icon svg{display:block!important;width:16px!important;height:16px!important;fill:currentColor!important;}
.messenger-button--call{background:linear-gradient(135deg,#22c55e 0%,#16a34a 52%,#15803d 100%)!important;}
.messenger-button--wa{background:linear-gradient(135deg,#25d366 0%,#16a34a 52%,#047857 100%)!important;}
.messenger-button--tg{background:linear-gradient(135deg,#38bdf8 0%,#0ea5e9 48%,#2563eb 100%)!important;}
.messenger-button--max{background:linear-gradient(135deg,#60a5fa 0%,#2563eb 52%,#7c3aed 100%)!important;}
/* Заглушки Telegram/Max не показывают клиенту служебные бейджи, но остаются помеченными в коде для быстрой замены ссылок. */
.messenger-button[data-placeholder-link="true"]::after{content:none!important;display:none!important;}
/* Компактная кнопка звонка в шапке сохраняет тот же язык дизайна, но не спорит с главным hero-CTA. */
.phone.site-call-button,
.phone.header-phone-compact{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:42px!important;
  height:42px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.28)!important;
  background:linear-gradient(135deg,rgba(34,197,94,.92),rgba(22,163,74,.86))!important;
  color:#fff!important;
  text-decoration:none!important;
  font-weight:950!important;
  font-size:14px!important;
  box-shadow:0 14px 34px rgba(15,23,42,.16), inset 0 1px 0 rgba(255,255,255,.30)!important;
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease!important;
}
.phone.site-call-button:hover,
.phone.header-phone-compact:hover{transform:translateY(-1px)!important;filter:brightness(1.04)!important;box-shadow:0 18px 42px rgba(15,23,42,.20), inset 0 1px 0 rgba(255,255,255,.38)!important;}
.phone.site-call-button:active,
.phone.header-phone-compact:active{transform:translateY(0) scale(.985)!important;}
.phone.site-call-button:focus-visible,
.phone.header-phone-compact:focus-visible{outline:none!important;box-shadow:0 0 0 4px rgba(255,255,255,.72),0 0 0 8px rgba(22,163,74,.26),0 18px 42px rgba(15,23,42,.20)!important;}
.phoneIcon{display:grid!important;place-items:center!important;width:24px!important;height:24px!important;min-width:24px!important;border-radius:999px!important;background:rgba(255,255,255,.22)!important;}
.phoneIcon svg{display:block!important;width:14px!important;height:14px!important;fill:currentColor!important;}
.phone-online-dot{width:8px!important;height:8px!important;min-width:8px!important;border-radius:999px!important;background:#bbf7d0!important;box-shadow:0 0 0 4px rgba(187,247,208,.16)!important;}
@media (max-width: 980px){
  .contact-buttons,
  .messenger-glass-row,
  .callback-primary-contact,
  .home-primary-contact-row,
  #top-contact-buttons{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    max-width:640px!important;
  }
}
@media (max-width: 640px){
  .contact-buttons,
  .messenger-glass-row,
  .callback-primary-contact,
  .final-footer-contact-actions,
  .callback-contact-preview,
  .callback-fallback-buttons,
  .callback-fallback-actions,
  #top-contact-buttons{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  .messenger-button,
  a.messenger-button,
  .site-contact-button{
    min-height:50px!important;
    height:50px!important;
    padding:0 10px!important;
    font-size:13px!important;
    gap:7px!important;
  }
  .messenger-button .social-icon{width:27px!important;height:27px!important;min-width:27px!important;}
  .messenger-button .social-icon svg{width:15px!important;height:15px!important;}
  .phone.site-call-button,.phone.header-phone-compact{width:auto!important;min-height:40px!important;height:40px!important;padding:0 12px!important;font-size:13px!important;}
}
@media (prefers-reduced-motion: reduce){
  .messenger-button,.phone.site-call-button,.phone.header-phone-compact{transition:none!important;}
  .messenger-button::before{display:none!important;}
}


/* FINAL_PUBLICATION_POLISH_2026_06_02 */
.blog-top-contact-block{
  margin:18px 0 22px;
  padding:18px;
  border:1px solid rgba(37,99,235,.16);
  border-radius:24px;
  background:linear-gradient(135deg,rgba(239,246,255,.96),rgba(240,253,244,.86));
  box-shadow:0 16px 42px rgba(15,23,42,.07);
  scroll-margin-top:130px;
  outline:none;
}
.blog-top-contact-note{margin:0 0 12px!important;color:#334155!important;line-height:1.55!important;font-weight:760!important}.blog-top-contact-note strong{color:#0f172a;font-weight:1000}.blog-top-contact-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.blog-top-contact-actions .messenger-button{width:100%;min-width:0;min-height:50px}.blog-help-card a[href="#top-contact-buttons"]{box-shadow:0 14px 34px rgba(37,99,235,.18)}
.site-contact-button:focus-visible,.messenger-button:focus-visible,.callback-submit:focus-visible,.btn:focus-visible,.blog-read-more:focus-visible,.service-write-button:focus-visible,.price-contact-button:focus-visible{outline:3px solid rgba(96,165,250,.95)!important;outline-offset:3px!important}.site-contact-button:active,.messenger-button:active,.btn:active,.callback-submit:active,.blog-read-more:active{transform:translateY(1px) scale(.99)!important}.prepublish-safe-note{display:none!important}
@media(max-width:900px){.blog-top-contact-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-top-contact-block{padding:16px;border-radius:22px}.blog-top-contact-actions .messenger-button{font-size:13px}}
@media(max-width:420px){.blog-top-contact-actions{gap:8px}.blog-top-contact-actions .messenger-button{padding-left:10px!important;padding-right:10px!important}}


/* HEADER_PHONE_NUMBER_DESKTOP_2026_06_02 */
.phone.header-phone-compact .header-phone-number,
.phone.site-call-button .header-phone-number{
  display:inline-flex!important;
  align-items:center!important;
  white-space:nowrap!important;
  font-variant-numeric:tabular-nums!important;
  font-feature-settings:"tnum" 1!important;
  letter-spacing:.01em!important;
  line-height:1!important;
}
@media (min-width: 981px){
  .phone.header-phone-compact{
    min-width:190px!important;
    padding-left:14px!important;
    padding-right:16px!important;
  }
  .phone.header-phone-compact .header-phone-number{
    font-size:14px!important;
    font-weight:950!important;
  }
}
@media (max-width: 980px){
  .phone.header-phone-compact .header-phone-number{
    display:none!important;
  }
  .phone.header-phone-compact{
    min-width:44px!important;
    width:44px!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
}


/* HEADER_MOBILE_CALL_BUTTON_RESTORE_2026_06_02
   Desktop header shows phone number; tablet/mobile header restores previous call CTA text. */
@media (max-width: 980px){
  .top .phone.header-phone-compact,
  .top .phone.header-phone-compact.site-call-button{
    width:auto!important;
    min-width:122px!important;
    max-width:none!important;
    height:42px!important;
    min-height:42px!important;
    padding-left:13px!important;
    padding-right:14px!important;
    gap:7px!important;
    border-radius:999px!important;
    background:rgba(22,163,74,.16)!important;
    border:1px solid rgba(134,239,172,.34)!important;
    color:#dcfce7!important;
  }
  .top .phone.header-phone-compact .header-phone-number,
  .top .phone.header-phone-compact.site-call-button .header-phone-number{
    display:inline-flex!important;
    align-items:center!important;
    width:auto!important;
    max-width:none!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:visible!important;
    font-size:0!important;
    line-height:1!important;
  }
  .top .phone.header-phone-compact .header-phone-number::after,
  .top .phone.header-phone-compact.site-call-button .header-phone-number::after{
    content:"Позвонить";
    display:inline-flex!important;
    align-items:center!important;
    color:currentColor!important;
    font-size:14px!important;
    font-weight:950!important;
    letter-spacing:.01em!important;
    white-space:nowrap!important;
  }
  .top .phone.header-phone-compact .phoneIcon,
  .top .phone.header-phone-compact.site-call-button .phoneIcon{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
  }
  .top .phone.header-phone-compact:hover,
  .top .phone.header-phone-compact.site-call-button:hover{
    background:linear-gradient(135deg,#22c55e,#16a34a,#15803d)!important;
    color:#fff!important;
  }
}
@media (max-width: 420px){
  .top .phone.header-phone-compact,
  .top .phone.header-phone-compact.site-call-button{
    min-width:116px!important;
    padding-left:11px!important;
    padding-right:12px!important;
  }
  .top .phone.header-phone-compact .header-phone-number::after,
  .top .phone.header-phone-compact.site-call-button .header-phone-number::after{
    font-size:13px!important;
  }
}

/* Homepage work photos use one consistent portrait format. */
.photo-grid-final .photo-card img{
  aspect-ratio:4 / 5;
  object-fit:cover;
}