:root{
  --ap-bg:#0a0c0e;
  --ap-panel:#0d1012;
  --ap-panel-2:#07090b;
  --ap-ink:#eef3f5;
  --ap-muted:#93a0aa;
  --ap-line:rgba(255,255,255,.08);
  --ap-cyan:#4ecdc4;
  --ap-cyan-bright:#8ff5ea;
  --ap-cyan-deep:#2a9d8f;
  --ap-live:#46e0a0;
  --ap-amber:#ffb454;
  --ap-ease:cubic-bezier(.22,.61,.36,1);
  --ap-pad:140px;
  --ap-chamfer:12px;
}
@media (max-width:1500px){ :root{ --ap-pad:84px; } }
@media (max-width:1100px){ :root{ --ap-pad:48px; } }
@media (max-width:760px) { :root{ --ap-pad:24px; } }
@media (max-width:480px) { :root{ --ap-pad:16px; } }

*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{ margin:0; background:var(--ap-bg); font-family:"Manrope", system-ui, sans-serif; }

/* ---------- контейнер шапки ---------- */
.ap-header{
  position:fixed; top:0; left:0; right:0;
  z-index:2147483647 !important;
  font-family:"Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* ---------- верхний ярус (бегущая строка) — НЕ ТРОГАЕМ ---------- */
.ap-topbar{
  position:relative; overflow:hidden;
  background:var(--ap-panel-2);
  border-bottom:1px solid var(--ap-line);
  max-height:42px;
  transition:max-height .5s var(--ap-ease), opacity .4s var(--ap-ease), border-color .4s;
}
.ap-topbar::before{
  content:""; position:absolute; inset:0;
  background:repeating-linear-gradient(-45deg, rgba(255,255,255,.018) 0 1px, transparent 1px 8px);
  pointer-events:none;
}
.ap-header.scrolled .ap-topbar{ max-height:0; opacity:0; border-color:transparent; }

.ap-topbar-inner{
  position:relative;
  max-width:1440px; margin:0 auto;
  height:42px; padding:0 var(--ap-pad);
  display:flex; align-items:center; gap:22px;
}
.ap-top-left{ display:flex; align-items:center; gap:10px; font-size:12px; font-weight:600; color:#c2ccd2; letter-spacing:.02em; white-space:nowrap; flex-shrink:0; }
.ap-top-left svg{ width:14px; height:14px; color:var(--ap-cyan); flex-shrink:0; }
.ap-top-left .ap-sep{ width:4px; height:4px; border-radius:50%; background:var(--ap-amber); opacity:.8; }

.ap-marquee{ flex:1; overflow:hidden; min-width:0; -webkit-mask-image:linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); mask-image:linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.ap-marquee-track{ display:flex; width:max-content; animation:ap-marq 30s linear infinite; }
.ap-marquee:hover .ap-marquee-track{ animation-play-state:paused; }
@keyframes ap-marq{ to{ transform:translateX(-50%); } }
.ap-marquee-group{ display:flex; align-items:center; }
.ap-marquee-item{ font-family:"Unbounded", sans-serif; font-size:14px; letter-spacing:.14em; color:#9aa6ae; padding:0 18px; white-space:nowrap; }
.ap-marquee-item .dia{ color:var(--ap-cyan); margin-right:18px; font-size:9px; vertical-align:middle; }

.ap-top-right{ display:flex; align-items:center; gap:6px; flex-shrink:0; }
.ap-soc{ width:26px; height:26px; display:grid; place-items:center; font-family:"Unbounded", sans-serif; font-size:11px; letter-spacing:.04em; color:#aeb8bf; text-decoration:none; border:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.02); clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px); transition:color .3s, border-color .3s, background .3s, transform .3s; }
.ap-soc:hover{ color:#04191c; background:var(--ap-cyan); border-color:var(--ap-cyan); transform:translateY(-2px); }

/* ---------- нижний ярус (навигация) ---------- */
/* ИЗМЕНЕНО: в начале — полупрозрачная подложка с blur,
   при скролле — темнеет до почти непрозрачной */
.ap-mainbar{
  position:relative;
  background:rgba(10,12,14,.45);
  -webkit-backdrop-filter:blur(14px) saturate(160%);
  backdrop-filter:blur(14px) saturate(160%);
  border-bottom:1px solid rgba(255,255,255,.06);
  transition:background .5s var(--ap-ease),
             box-shadow .5s var(--ap-ease),
             border-color .5s var(--ap-ease);
}
.ap-header.scrolled .ap-mainbar{
  background:rgba(7,9,11,.96);
  -webkit-backdrop-filter:blur(8px) saturate(120%);
  backdrop-filter:blur(8px) saturate(120%);
  border-bottom:1px solid rgba(255,255,255,.09);
  box-shadow:0 16px 44px -20px rgba(0,0,0,.9);
}
.ap-mainbar::before{
  content:""; position:absolute; top:0; left:0; right:0; height:1px;
  background:linear-gradient(90deg, transparent, rgba(78,205,196,.5) 30%, rgba(143,245,234,.8) 50%, rgba(78,205,196,.5) 70%, transparent);
  opacity:.5;
}

.ap-inner{
  max-width:1440px; margin:0 auto;
  padding:8px var(--ap-pad);
  display:flex; align-items:center; gap:26px;
  transition:padding .45s var(--ap-ease);
}
.ap-header.scrolled .ap-inner{ padding-top:6px; padding-bottom:6px; }

/* лого */
.ap-logo{ display:flex; align-items:center; text-decoration:none; flex:0 0 auto; transition:transform .3s var(--ap-ease); }
.ap-logo:hover{ transform:translateY(-1px); }
.ap-logo-img{ height:65px; max-height:65px; width:auto; display:block; object-fit:contain; transition:height .45s var(--ap-ease); filter:drop-shadow(0 3px 12px rgba(78,205,196,.12)); }
.ap-header.scrolled .ap-logo-img{ height:50px; max-height:50px; }
.ap-logo-fallback{ display:none; align-items:baseline; gap:2px; font-family:"Unbounded", sans-serif; font-weight:800; font-size:21px; letter-spacing:.01em; color:var(--ap-ink); line-height:1; }
.ap-logo-fallback span{ color:var(--ap-cyan); }
.ap-logo-fallback small{ display:block; font-family:"Unbounded", sans-serif; font-size:11px; letter-spacing:.34em; color:var(--ap-muted); margin-left:1px; }

/* навигация */
.ap-nav{display:flex;align-items:center;gap:2px;margin-left:24px;margin-right:auto;}
.ap-nav a{
  position:relative; display:block; padding:10px 15px;
  font-family:"Unbounded", sans-serif; font-size:18px; letter-spacing:.1em;
  color:#c3ccd3; text-decoration:none; white-space:nowrap;
  transition:color .3s var(--ap-ease);
}
.ap-nav a::after{
  content:""; position:absolute; left:15px; right:15px; bottom:5px; height:2px;
  background:linear-gradient(90deg, var(--ap-cyan), rgba(78,205,196,0));
  transform:scaleX(0); transform-origin:left; transition:transform .4s var(--ap-ease);
}
.ap-nav a:hover{ color:#fff; }
.ap-nav a:hover::after{ transform:scaleX(1); }
.ap-nav a.active{ color:var(--ap-cyan); }
.ap-nav a.active::after{ transform:scaleX(1); background:var(--ap-cyan); box-shadow:0 0 12px rgba(78,205,196,.7); }

/* правый блок */
.ap-right{ display:flex; align-items:center; gap:14px; margin-left:14px; flex-shrink:0; }

.ap-phone{ display:flex; align-items:center; gap:11px; text-decoration:none; padding:6px 16px 6px 6px; border:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.02); clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px); transition:border-color .35s, background .35s, transform .35s; }
.ap-phone:hover{ border-color:rgba(78,205,196,.45); background:rgba(78,205,196,.07); transform:translateY(-1px); }
.ap-phone-ico{ width:34px; height:34px; display:grid; place-items:center; color:var(--ap-cyan); background:rgba(78,205,196,.1); clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px); flex-shrink:0; }
.ap-phone-ico svg{ width:16px; height:16px; animation:ap-ring 4s ease-in-out infinite; }
@keyframes ap-ring{ 0%,82%,100%{ transform:rotate(0); } 86%{ transform:rotate(-15deg); } 90%{ transform:rotate(12deg); } 94%{ transform:rotate(-8deg); } 97%{ transform:rotate(5deg); } }
.ap-phone-txt b{ display:block; font-size:14.5px; font-weight:800; color:#eef3f5; letter-spacing:.02em; line-height:1.1; }
.ap-phone-txt small{ display:flex; align-items:center; gap:6px; font-size:10px; color:var(--ap-muted); letter-spacing:.08em; text-transform:uppercase; margin-top:2px; }
.ap-pulse{ width:6px; height:6px; border-radius:50%; background:var(--ap-live); position:relative; flex-shrink:0; }
.ap-pulse::after{ content:""; position:absolute; inset:-4px; border-radius:50%; border:1px solid var(--ap-live); animation:ap-pulse 2s ease-out infinite; }
@keyframes ap-pulse{ 0%{ transform:scale(.6); opacity:.9; } 100%{ transform:scale(2.2); opacity:0; } }

.ap-cta{
  position:relative; display:inline-flex; align-items:center; gap:10px;
  padding:13px 24px;
  font-family:"Unbounded", sans-serif; font-size:16px; letter-spacing:.14em;
  color:#04191c; text-decoration:none;
  background:linear-gradient(120deg, var(--ap-cyan-bright), var(--ap-cyan) 45%, var(--ap-cyan-deep));
  clip-path:polygon(var(--ap-chamfer) 0,100% 0,100% calc(100% - var(--ap-chamfer)),calc(100% - var(--ap-chamfer)) 100%,0 100%,0 var(--ap-chamfer));
  overflow:hidden; transition:transform .3s var(--ap-ease), filter .3s;
}
.ap-cta::before{ content:""; position:absolute; top:0; bottom:0; left:-70%; width:45%; background:linear-gradient(100deg, transparent, rgba(255,255,255,.6), transparent); transform:skewX(-20deg); transition:left .65s var(--ap-ease); }
.ap-cta:hover{ transform:translateY(-2px); filter:brightness(1.08) drop-shadow(0 12px 26px rgba(78,205,196,.5)); }
.ap-cta:hover::before{ left:130%; }
.ap-cta svg{ width:14px; height:14px; transition:transform .3s; }
.ap-cta:hover svg{ transform:translateX(3px); }

/* бургер */
.ap-burger{ display:none; width:48px; height:48px; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.03); cursor:pointer; position:relative; clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px); transition:background .3s, border-color .3s; flex-shrink:0; }
.ap-burger:hover{ background:rgba(78,205,196,.1); border-color:rgba(78,205,196,.4); }
.ap-burger span{ position:absolute; left:50%; top:50%; width:22px; height:2px; background:var(--ap-ink); border-radius:2px; transform:translate(-50%,-50%); transition:transform .4s var(--ap-ease), opacity .25s, top .4s var(--ap-ease), background .3s; }
.ap-burger span:nth-child(1){ top:calc(50% - 7px); }
.ap-burger span:nth-child(3){ top:calc(50% + 7px); }
.ap-burger.open span:nth-child(1){ top:50%; transform:translate(-50%,-50%) rotate(45deg); background:var(--ap-cyan); }
.ap-burger.open span:nth-child(2){ opacity:0; }
.ap-burger.open span:nth-child(3){ top:50%; transform:translate(-50%,-50%) rotate(-45deg); background:var(--ap-cyan); }

/* speed-line */
.ap-progress{ position:absolute; left:0; bottom:-1px; height:2px; width:100%; }
.ap-progress i{ display:block; height:100%; width:0%; background:linear-gradient(90deg, var(--ap-cyan-deep), var(--ap-cyan), var(--ap-cyan-bright)); box-shadow:0 0 12px rgba(78,205,196,.85); transition:width .1s linear; }

/* ---------- мобильное меню ---------- */
.ap-mobile{
  position:fixed; inset:0; z-index:2147483646;
  background:rgba(7,9,11,.985);
  -webkit-backdrop-filter:blur(22px) saturate(160%);
  backdrop-filter:blur(22px) saturate(160%);
  transform:translateX(102%); transition:transform .55s var(--ap-ease);
  display:flex; flex-direction:column;
  padding:118px 30px 34px; overflow-y:auto;
}
.ap-mobile.open{ transform:none; }
.ap-mobile::before{
  content:""; position:absolute; right:-40px; bottom:-40px; width:340px; height:340px;
  background:repeating-linear-gradient(-45deg, rgba(78,205,196,.06) 0 2px, transparent 2px 14px);
  pointer-events:none;
}
.ap-mobile-ghost{ position:absolute; right:18px; top:50%; transform:translateY(-50%) rotate(90deg); transform-origin:right center; font-family:"Unbounded", sans-serif; font-size:120px; letter-spacing:.04em; color:transparent; -webkit-text-stroke:1px rgba(78,205,196,.07); pointer-events:none; white-space:nowrap; }

.ap-m-list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; }
.ap-m-link{
  display:flex; align-items:center; gap:18px; text-decoration:none;
  padding:14px 4px; border-bottom:1px solid rgba(255,255,255,.07);
  font-family:"Unbounded", sans-serif; font-size:42px; letter-spacing:.04em; color:var(--ap-ink);
  opacity:0; transform:translateX(34px);
  transition:opacity .5s var(--ap-ease), transform .5s var(--ap-ease), color .3s;
}
.ap-mobile.open .ap-m-link{ opacity:1; transform:none; transition-delay:calc(var(--i,0) * 60ms + 120ms); }
.ap-m-link:hover{ color:var(--ap-cyan); }
.ap-m-link .n{ font-family:"Unbounded", sans-serif; font-size:12px; font-weight:700; color:var(--ap-cyan); opacity:.7; min-width:30px; }
.ap-m-link.active{ color:var(--ap-cyan); }

.ap-m-foot{ margin-top:auto; padding-top:30px; display:flex; flex-direction:column; gap:18px; opacity:0; transform:translateY(16px); transition:opacity .5s var(--ap-ease) .4s, transform .5s var(--ap-ease) .4s; }
.ap-mobile.open .ap-m-foot{ opacity:1; transform:none; }
.ap-m-phone{ display:inline-flex; align-items:center; gap:12px; font-size:22px; font-weight:800; color:var(--ap-ink); text-decoration:none; letter-spacing:.01em; }
.ap-m-phone svg{ width:20px; height:20px; color:var(--ap-cyan); }
.ap-m-cta{ display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:17px 24px; font-family:"Unbounded", sans-serif; font-size:18px; letter-spacing:.14em; color:#04191c; text-decoration:none; background:linear-gradient(120deg, var(--ap-cyan-bright), var(--ap-cyan) 45%, var(--ap-cyan-deep)); clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px); }
.ap-m-soc{ display:flex; gap:8px; }
.ap-m-soc a{ width:42px; height:42px; display:grid; place-items:center; font-family:"Unbounded", sans-serif; font-size:14px; color:#aeb8bf; text-decoration:none; border:1px solid rgba(255,255,255,.12); clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px); transition:color .3s, background .3s, border-color .3s; }
.ap-m-soc a:hover{ color:#04191c; background:var(--ap-cyan); border-color:var(--ap-cyan); }

/* ---------- адаптив ---------- */
@media (max-width:1180px){
  .ap-nav{ display:none; }
  .ap-burger{ display:block; }
  .ap-right{ margin-left:auto; }
}
@media (max-width:900px){
  .ap-phone{ display:none; }
  .ap-top-right{ display:none; }
}
@media (max-width:760px){
  .ap-top-left{ display:none; }
  .ap-logo-img{ height:46px; max-height:46px; }
  .ap-header.scrolled .ap-logo-img{ height:40px; max-height:40px; }
  .ap-inner{ padding-top:8px; padding-bottom:8px; }
  .ap-cta span{ display:none; }
  .ap-cta{ padding:13px 15px; }
  .ap-mobile-ghost{ font-size:80px; }
  .ap-m-link{font-size:15px;}
}
@media (max-width:480px){
  .ap-mobile{ padding:104px 20px 26px; }
}

@media (prefers-reduced-motion:reduce){
  .ap-header *, .ap-mobile *{ animation:none !important; transition:none !important; }
}

/* ---------- FIX ДЛЯ TILDA ---------- */
#apHeader .ap-logo{ flex:0 0 auto !important; }
#apHeader .ap-logo-img{
  height:65px !important;
  width:auto !important;
  max-width:none !important;
  max-height:65px !important;
  object-fit:contain !important;
}
#apHeader.scrolled .ap-logo-img{
  height:50px !important;
  max-height:50px !important;
}
#apHeader .ap-inner{ padding-top:8px !important; padding-bottom:8px !important; }
#apHeader.scrolled .ap-inner{ padding-top:6px !important; padding-bottom:6px !important; }
@media (max-width:760px){
  #apHeader .ap-logo-img{ height:46px !important; max-height:46px !important; }
  #apHeader.scrolled .ap-logo-img{ height:40px !important; max-height:40px !important; }
  #apHeader .ap-inner{ padding-top:8px !important; padding-bottom:8px !important; }
}
#apHeader .ap-nav{ flex-shrink:0 !important; }
#apHeader .ap-nav a{ white-space:nowrap !important; }
#apHeader .ap-inner{ flex-wrap:nowrap !important; }

#rec2283809331 .t-btnflex.t-btnflex_type_button{color:#ffffff;background-color:#000000;--border-width:0px;border-style:none !important;box-shadow:none !important;transition-duration:0.2s;transition-property:background-color,color,border-color,box-shadow,opacity,transform,gap;transition-timing-function:ease-in-out;}
#rec2283809331 .t-btnflex.t-btnflex_type_button3{color:#000000;border-style:solid !important;border-color:#000000 !important;--border-width:1px;box-shadow:none !important;transition-duration:0.2s;transition-property:background-color,color,border-color,box-shadow,opacity,transform,gap;transition-timing-function:ease-in-out;}
#rec2283809331 .t-btnflex.t-btnflex_type_button2{color:#000000;--border-width:0px;border-style:none !important;box-shadow:none !important;transition-duration:0.2s;transition-property:background-color,color,border-color,box-shadow,opacity,transform,gap;transition-timing-function:ease-in-out;}
#rec2283809331 .t-btnflex.t-btnflex_type_button{color:#ffffff;background-color:#000000;--border-width:0px;border-style:none !important;box-shadow:none !important;transition-duration:0.2s;transition-property:background-color,color,border-color,box-shadow,opacity,transform,gap;transition-timing-function:ease-in-out;}
#rec2283809331 .t972__title,#rec2283809331 .t972__text{font-family:Arial;}#rec2283809331 .t972__toggle-input:checked + .t972__toggle-container .t972__toggle-mark{background-color:#1F5BFF;}#rec2283809331 .t972__toggle-input:checked + .t972__toggle-container .t972__toggle-background{background-color:#1F5BFF;}#rec2283809331 .t972__category-enabled{color:#1F5BFF;}#rec2283809331 .t972__category-enabled_always{color:#1F5BFF;}@media screen and (max-width:640px){#rec2283809331 .t972.t972_widgetview{left:unset !important;right:10px !important;align-items:flex-end;}#rec2283809331 .t972:not(.t972_widgetview){bottom:0 !important;right:0 !important;left:0 !important;}#rec2283809331 .t972__settings,#rec2283809331 .t972__banner{max-height:calc(100vh - 2 * 10px) !important;}}
::-webkit-scrollbar{width:8px;height:8px;background-color:#121212;}::-webkit-scrollbar-track{background-color:#121212;}::-webkit-scrollbar-thumb{background-color:#16b6c9;border-radius:15px;border:0px solid #121212;background-clip:padding-box;}::-webkit-scrollbar-thumb:hover{background-color:#ffffff;}@supports (-moz-appearance:none){:root,body,.allrecords *{scrollbar-width:thin;scrollbar-color:#16b6c9 #121212;}}:root,body,.allrecords *{-ms-scrollbar-track-color:#121212;-ms-scrollbar-highlight-color:#121212;-ms-scrollbar-shadow-color:#121212;-ms-scrollbar-3dlight-color:#121212;-ms-scrollbar-darkshadow-color:#121212;-ms-scrollbar-face-color:#16b6c9;}
#rec807206269[data-record-type="396"],#rec807206269[data-parenttplid="396"]{display:none;}.t1093 .t-popup #rec807206269[data-record-type="396"],.t1093 .t-popup #rec807206269[data-parenttplid="396"]{display:block;}
#rec807208990 .t1093 .t-popup__bg{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);}
#rec807208990 .t1093 .t-popup{z-index:999;}#rec807208990 .t1093 .t-popup + .t-popup__bg{z-index:998;}
#rec807208990 .t1093 .t-popup.t-popup-anim-appearfromtop .t-popup__container{transition-timing-function:ease-in-out;}
#rec807208990 .t1093 .t-popup .t-popup__container{transition-duration:0.4s;}#rec807208990 .t1093 .t-popup.t-popup-transition,#rec807208990 .t1093 .t-popup.t-popup-transition + .t-popup__bg{transition-duration:0.4s;}
@media screen and (max-width:560px){#rec729508375 .t-popup__close-icon g{fill:#ffffff !important;}}
#rec729508375 .uploadcare--widget__button.uploadcare--widget__button_type_open{color:#ffffff;background-color:#2e7d32;border-width:0px;border-style:none !important;border-radius:3px;box-shadow:none !important;font-weight:300;transition-duration:0.2s;transition-property:background-color,color,border-color,box-shadow,opacity,transform,gap;transition-timing-function:ease-in-out;}
#rec729508375 .uploadcare--widget__button.uploadcare--widget__button_type_open{position:relative;}#rec729508375 .uploadcare--widget__button.uploadcare--widget__button_type_open .t-btn_wrap-effects{position:absolute;top:0;left:0;display:block;width:100%;height:100%;overflow:hidden;isolation:isolate;container-type:inline-size;container-name:button-effects;}#rec729508375 .uploadcare--widget__button.uploadcare--widget__button_type_open .t-btn_effects{position:absolute;top:0;bottom:0;left:0;right:0;display:block;}#rec729508375 .uploadcare--widget__button.uploadcare--widget__button_type_open .t-btn_effects::after{content:'';position:absolute;top:0;left:-100%;z-index:20;display:block;height:350%;width:200%;background:rgba(255,255,255,0.8);border-radius:100%;transform:scale(0);animation:6s linear infinite ripple;}@container button-effects (min-width:260px){#rec729508375 .uploadcare--widget__button.uploadcare--widget__button_type_open .t-btn_effects::after{left:-130%;}}@container button-effects (min-width:360px){#rec729508375 .uploadcare--widget__button.uploadcare--widget__button_type_open .t-btn_effects::after{left:-150%;}}@keyframes ripple{20%{opacity:0;transform:scale(2.5);}100%{opacity:0;transform:scale(2.5);}}
#rec729508375 .t-checkbox__indicator:after{border-color:#ffffff;}
#rec729508375 .t-btnflex.t-btnflex_type_submit{color:#ffffff;background-color:#2e7d32;--border-width:0px;border-style:none !important;border-radius:3px;box-shadow:none !important;font-weight:300;transition-duration:0.2s;transition-property:background-color,color,border-color,box-shadow,opacity,transform,gap;transition-timing-function:ease-in-out;}
#rec729508375 .t-btnflex.t-btnflex_type_submit{position:relative;}#rec729508375 .t-btnflex.t-btnflex_type_submit .t-btn_wrap-effects{position:absolute;top:0;left:0;display:block;width:100%;height:100%;overflow:hidden;isolation:isolate;container-type:inline-size;container-name:button-effects;}#rec729508375 .t-btnflex.t-btnflex_type_submit .t-btn_effects{position:absolute;top:0;bottom:0;left:0;right:0;display:block;}#rec729508375 .t-btnflex.t-btnflex_type_submit .t-btn_effects::after{content:'';position:absolute;top:0;left:-100%;z-index:20;display:block;height:350%;width:200%;background:rgba(255,255,255,0.8);border-radius:100%;transform:scale(0);animation:6s linear infinite ripple;}@container button-effects (min-width:260px){#rec729508375 .t-btnflex.t-btnflex_type_submit .t-btn_effects::after{left:-130%;}}@container button-effects (min-width:360px){#rec729508375 .t-btnflex.t-btnflex_type_submit .t-btn_effects::after{left:-150%;}}@keyframes ripple{20%{opacity:0;transform:scale(2.5);}100%{opacity:0;transform:scale(2.5);}}
#rec729508375 input::-webkit-input-placeholder{color:#ffffff;opacity:0.5;}#rec729508375 input::-moz-placeholder{color:#ffffff;opacity:0.5;}#rec729508375 input:-moz-placeholder{color:#ffffff;opacity:0.5;}#rec729508375 input:-ms-input-placeholder{color:#ffffff;opacity:0.5;}#rec729508375 textarea::-webkit-input-placeholder{color:#ffffff;opacity:0.5;}#rec729508375 textarea::-moz-placeholder{color:#ffffff;opacity:0.5;}#rec729508375 textarea:-moz-placeholder{color:#ffffff;opacity:0.5;}#rec729508375 textarea:-ms-input-placeholder{color:#ffffff;opacity:0.5;}
#rec729508375 .t702__title{color:#ffffff;}
@media screen and (max-width:560px){#rec729522252 .t-popup__close-icon g{fill:#ffffff !important;}}
#rec729522252 .t-checkbox__indicator:after{border-color:#ffffff;}
#rec729522252 .t-btnflex.t-btnflex_type_submit{color:#ffffff;background-color:#0da417;--border-width:0px;border-style:none !important;border-radius:3px;box-shadow:none !important;font-weight:300;transition-duration:0.2s;transition-property:background-color,color,border-color,box-shadow,opacity,transform,gap;transition-timing-function:ease-in-out;}
#rec729522252 .t-btnflex.t-btnflex_type_submit{position:relative;}#rec729522252 .t-btnflex.t-btnflex_type_submit .t-btn_wrap-effects{position:absolute;top:0;left:0;display:block;width:100%;height:100%;overflow:hidden;isolation:isolate;container-type:inline-size;container-name:button-effects;}#rec729522252 .t-btnflex.t-btnflex_type_submit .t-btn_effects{position:absolute;top:0;bottom:0;left:0;right:0;display:block;}#rec729522252 .t-btnflex.t-btnflex_type_submit .t-btn_effects::after{content:'';position:absolute;top:0;left:-100%;z-index:20;display:block;height:350%;width:200%;background:rgba(255,255,255,0.8);border-radius:100%;transform:scale(0);animation:6s linear infinite ripple;}@container button-effects (min-width:260px){#rec729522252 .t-btnflex.t-btnflex_type_submit .t-btn_effects::after{left:-130%;}}@container button-effects (min-width:360px){#rec729522252 .t-btnflex.t-btnflex_type_submit .t-btn_effects::after{left:-150%;}}@keyframes ripple{20%{opacity:0;transform:scale(2.5);}100%{opacity:0;transform:scale(2.5);}}
#rec729522252 input::-webkit-input-placeholder{color:#ffffff;opacity:0.5;}#rec729522252 input::-moz-placeholder{color:#ffffff;opacity:0.5;}#rec729522252 input:-moz-placeholder{color:#ffffff;opacity:0.5;}#rec729522252 input:-ms-input-placeholder{color:#ffffff;opacity:0.5;}#rec729522252 textarea::-webkit-input-placeholder{color:#ffffff;opacity:0.5;}#rec729522252 textarea::-moz-placeholder{color:#ffffff;opacity:0.5;}#rec729522252 textarea:-moz-placeholder{color:#ffffff;opacity:0.5;}#rec729522252 textarea:-ms-input-placeholder{color:#ffffff;opacity:0.5;}
#rec729522252 .t702__title{color:#ffffff;}#rec729522252 .t702__descr{color:#ffffff;}

.vh{position:relative;min-height:100vh;min-height:100svh;background:transparent;color:#f3f6f8;
  font-family:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  display:flex;flex-direction:column;justify-content:center;overflow:hidden;
  padding:clamp(96px,12vh,140px) clamp(16px,6vw,140px) 104px;line-height:1.5;}

.vh-media{position:absolute;inset:0;z-index:0;background:transparent;pointer-events:none;}
.vh-media canvas{position:absolute;inset:0;width:100%;height:100%;display:block;
  transition:filter 1.4s ease;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 58%,transparent 97%);
  mask-image:linear-gradient(180deg,#000 0%,#000 58%,transparent 97%);}
.vh-ended .vh-media canvas{filter:brightness(.72) saturate(.85);}

.vh > video{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;
  pointer-events:none;-webkit-user-drag:none;user-select:none;overflow:hidden;}

.vh-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:
  radial-gradient(90rem 42rem at 88% -6%, rgba(78,205,196,.16), transparent 58%),
  linear-gradient(180deg,
    rgba(21,24,26,.74) 0%,
    rgba(21,24,26,.42) 28%,
    rgba(21,24,26,.30) 48%,
    rgba(21,24,26,.42) 68%,
    rgba(21,24,26,.12) 86%,
    transparent 100%);}

.vh-inner{position:relative;z-index:2;max-width:1200px;width:100%;margin:0 auto;}

.vh-badge{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:700;
  letter-spacing:.32em;text-transform:uppercase;color:#9aa6b0;margin-bottom:24px;}
.vh-badge::before{content:"";width:34px;height:1px;background:linear-gradient(90deg,transparent,#4ecdc4);}
.vh-dot{width:8px;height:8px;border-radius:50%;background:#4ecdc4;flex-shrink:0;
  box-shadow:0 0 12px rgba(78,205,196,.8);animation:vhPulse 2.4s ease-in-out infinite;}
@keyframes vhPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.45);opacity:.55}}

.vh-title{font-family:"Unbounded",sans-serif;font-weight:800;text-transform:uppercase;
  line-height:1.05;letter-spacing:-1px;font-size:clamp(2.5rem,5.2vw,4.4rem);margin:0 0 28px;}
.vh-line{display:block;overflow:hidden;padding-bottom:.06em;}
.vh-line-in{display:block;transform:translateY(115%);transition:transform .9s cubic-bezier(.22,.61,.36,1);}
.vh-title.in .vh-line-in{transform:none;}
.vh-title.in .vh-line:nth-child(2) .vh-line-in{transition-delay:.12s}
.vh-title.in .vh-line:nth-child(3) .vh-line-in{transition-delay:.24s}
.vh-accent{font-style:normal;background:linear-gradient(100deg,#8af0ff 0%,#4ecdc4 45%,#2a9d8f 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;}

.vh-sub{max-width:54ch;font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.55;color:#c7ced4;
  font-weight:500;margin:0 0 40px;}
.vh-sub b{color:#8af0ff;font-weight:600;}

.vh-actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:54px;}
.vh-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:17px 40px;
  border-radius:999px;font-weight:700;font-size:15px;letter-spacing:.03em;text-decoration:none;cursor:pointer;
  position:relative;overflow:hidden;
  transition:transform .3s cubic-bezier(.22,.61,.36,1),box-shadow .3s,background .3s,border-color .3s,color .3s;}
.vh-btn svg{width:18px;height:18px;flex-shrink:0;transition:transform .3s;}
.vh-btn--solid{background:linear-gradient(135deg,#4ecdc4,#2a9d8f);color:#062024;
  box-shadow:0 16px 38px -12px rgba(78,205,196,.55);}
.vh-btn--solid::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transition:left .6s ease;}
.vh-btn--solid:hover::before{left:100%;}
.vh-btn--solid:hover{transform:translateY(-2px);
  box-shadow:0 22px 46px -10px rgba(78,205,196,.7),0 0 60px rgba(78,205,196,.18);}
.vh-btn--ghost{background:rgba(21,24,26,.72);border:1px solid rgba(78,205,196,.5);color:#f3f6f8;}
.vh-btn--ghost:hover{border-color:#4ecdc4;background:rgba(78,205,196,.14);transform:translateY(-2px);
  box-shadow:0 14px 34px -14px rgba(78,205,196,.5);}
.vh-btn--ghost:hover svg{animation:vhRing .5s ease;}
@keyframes vhRing{0%,100%{transform:rotate(0)}25%{transform:rotate(-14deg)}60%{transform:rotate(12deg)}}
.vh-btn:focus-visible{outline:2px solid #8af0ff;outline-offset:3px;}

.vh-trust{display:flex;gap:clamp(20px,3.4vw,44px);flex-wrap:wrap;list-style:none;padding:0;margin:0;}
.vh-trust li{display:flex;align-items:center;gap:10px;font-size:13.5px;color:#9aa6b0;
  letter-spacing:.02em;transition:color .3s;}
.vh-trust li:hover{color:#e6ebee;}
.vh-trust svg{width:16px;height:16px;flex-shrink:0;}

.vh-scroll{position:absolute;left:clamp(16px,6vw,140px);bottom:26px;z-index:2;display:flex;align-items:center;gap:14px;}
.vh-scroll .vh-bar{position:relative;width:1px;height:44px;background:linear-gradient(#4ecdc4,transparent);overflow:hidden;}
.vh-scroll .vh-bar::after{content:"";position:absolute;left:0;top:0;width:1px;height:14px;background:#8af0ff;
  animation:vhScrollDot 2s ease-in-out infinite;}
@keyframes vhScrollDot{0%{transform:translateY(-16px);opacity:0}30%{opacity:1}100%{transform:translateY(46px);opacity:0}}
.vh-scroll span{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#9aa6b0;}

.vh-fade{opacity:0;transform:translateY(24px);
  transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1);}
.vh-fade.in{opacity:1;transform:none;}

@media (max-width:760px){
  .vh{padding:110px 20px 96px;}
  .vh-title{font-size:clamp(1.3rem,5.8vw,2.4rem);letter-spacing:-.5px;}
  .vh-actions .vh-btn{width:100%;}
  .vh-scroll{display:none;}
}
@media (prefers-reduced-motion:reduce){
  .vh *{animation:none!important;transition:none!important;}
  .vh-line-in{transform:none;}
  .vh-fade{opacity:1;transform:none;}
}

:root{
  --bg:#0a0a0a;
  --ink:#f3f6f8;
  --muted:#9aa6b0;
  --cyan:#4ecdc4;
  --cyan-2:#5ba4b5;
  --cyan-deep:#2a9d8f;
  --cyan-ice:#8af0ff;
  --line:rgba(255,255,255,.09);
  --r:22px;
  --ease:cubic-bezier(.22,.61,.36,1);
  --pad:140px;
}
@media (max-width:1500px){ :root{ --pad:84px; } }
@media (max-width:1100px){ :root{ --pad:48px; } }
@media (max-width:760px) { :root{ --pad:24px; } }
@media (max-width:480px) { :root{ --pad:16px; } }

*{ box-sizing:border-box; margin:0; padding:0; }
html{ scroll-behavior:smooth; }
body{
  font-family:"Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  color:var(--ink);
  background:var(--bg);
  min-height:100vh;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  line-height:1.5;
}
::selection{ background:rgba(78,205,196,.32); color:#fff; }
body::-webkit-scrollbar{ width:11px; }
body::-webkit-scrollbar-track{ background:#0a0a0a; }
body::-webkit-scrollbar-thumb{ background:#1d2a30; border-radius:10px; border:3px solid #0a0a0a; }
body::-webkit-scrollbar-thumb:hover{ background:var(--cyan-deep); }

@supports (content-visibility:auto){
  .services, .hero, .works, .faq{ content-visibility:auto; contain-intrinsic-size:auto 900px; }
  .ap-estimate, .ap-footer{ content-visibility:auto; contain-intrinsic-size:auto 700px; }
}

.glow{ position:fixed; border-radius:50%; filter:blur(100px); pointer-events:none; z-index:0; }
.glow--a{ width:560px; height:560px; background:var(--cyan); top:-150px; right:7%; opacity:.11; }
.glow--b{ width:470px; height:470px; background:var(--cyan-deep); bottom:-130px; left:3%; opacity:.10; }

.noise{
  position:fixed; inset:0; z-index:50; pointer-events:none; opacity:.035;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-repeat:repeat;
  background-size:200px 200px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){
  .noise{ display:none; }
}

.cursor-ring{
  position:fixed; left:0; top:0; width:22px; height:22px;
  border:1.5px solid rgba(78,205,196,.55); border-radius:50%;
  pointer-events:none; z-index:999; opacity:0;
  margin:-11px 0 0 -11px;
  transition:width .3s var(--ease), height .3s var(--ease), margin .3s var(--ease),
             border-color .3s, background .3s, opacity .4s;
}
.cursor-ring.on{ opacity:1; }
.cursor-ring.is-active{ width:48px; height:48px; margin:-24px 0 0 -24px;
  border-color:rgba(78,205,196,.9); background:rgba(78,205,196,.08); }
@media (hover:none){ .cursor-ring{ display:none; } }

.section-pad{ padding-inline:var(--pad); }
section, header, footer{ position:relative; z-index:2; }

.badge{
  display:inline-flex; align-items:center; gap:12px;
  font-size:12px; font-weight:700; letter-spacing:.32em; text-transform:uppercase;
  color:var(--muted); margin-bottom:18px;
}
.badge::before{ content:""; width:34px; height:1px; background:linear-gradient(90deg, transparent, var(--cyan)); }

.h2{
  font-family:"Unbounded", sans-serif; font-weight:800; text-transform:uppercase;
  line-height:1.04; letter-spacing:-.01em; font-size:clamp(28px,3.6vw,54px);
}
.h2 .accent{
  background:linear-gradient(100deg, var(--cyan-ice) 0%, var(--cyan) 45%, var(--cyan-deep) 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}

.rv{ opacity:0; }
.rv.in{ opacity:1; animation:rvIn .85s var(--ease) var(--d,0s) backwards; }
@keyframes rvIn{ from{ opacity:0; transform:translateY(26px); } }
.rv-card{ opacity:0; }
.rv-card.in{ opacity:1; animation:cardIn .85s var(--ease) var(--d,0s) backwards; }
@keyframes cardIn{ from{ opacity:0; transform:translateY(34px); } }
.rv-c{ opacity:0; }
.rv-c.in{ opacity:1; animation:cIn .7s var(--ease) var(--d,0s) backwards; }
@keyframes cIn{ from{ opacity:0; transform:translateY(26px) scale(.88); } }

.hero{ min-height:100svh; display:flex; flex-direction:column; justify-content:center; padding-block:96px 72px; }
.hero__grid{ display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(36px,4vw,72px); align-items:center; width:100%; }

.hero__title{
  font-family:"Unbounded", sans-serif; font-weight:800; text-transform:uppercase;
  line-height:1.04; letter-spacing:-1px; font-size:clamp(2.4rem,4.6vw,4.3rem); margin:0 0 36px;
}
.hero__title .line{ display:block; overflow:hidden; }
.hero__title .line-inner{ display:block; transform:translateY(112%); transition:transform .9s var(--ease); }
.hero__title.in .line-inner{ transform:none; }
.hero__title.in .line:nth-child(2) .line-inner{ transition-delay:.1s; }
.hero__title.in .line:nth-child(3) .line-inner{ transition-delay:.2s; }
.hero__title .hl{ color:var(--cyan-2); position:relative; }
.hero__title .hl::after{
  content:""; position:absolute; bottom:6px; left:0; height:4px; width:0;
  background:linear-gradient(90deg, var(--cyan), var(--cyan-2)); border-radius:2px;
  transition:width 1s var(--ease) .7s;
}
.hero__title.in .hl::after{ width:100%; }

.hero__sub{ font-size:clamp(1.15rem,1.9vw,1.6rem); font-weight:500; color:#c7ced4; line-height:1.4; margin-bottom:34px; max-width:34ch; }
.hero__list{ list-style:none; margin-bottom:42px; max-width:42ch; }
.hero__list li{ font-size:15.5px; color:#99a3ab; line-height:1.6; margin-bottom:15px; padding-left:28px; position:relative; transition:color .3s; }
.hero__list li:hover{ color:#dde3e6; }
.hero__list li::before{
  content:""; position:absolute; left:0; top:9px; width:8px; height:8px; border-radius:50%;
  background:var(--cyan); box-shadow:0 0 10px rgba(78,205,196,.5); transition:transform .3s, box-shadow .3s;
}
.hero__list li:hover::before{ transform:scale(1.35); box-shadow:0 0 20px rgba(78,205,196,.85); }

.btn-cta{
  display:inline-flex; align-items:center; gap:12px; padding:18px 46px;
  background:linear-gradient(135deg, var(--cyan), var(--cyan-2)); color:#062024;
  font-weight:700; font-size:15px; letter-spacing:.04em; text-decoration:none;
  border-radius:999px; position:relative; overflow:hidden; cursor:pointer;
  box-shadow:0 16px 38px -12px rgba(78,205,196,.55);
  transition:transform .3s var(--ease), box-shadow .3s var(--ease);
}
.btn-cta::before{ content:""; position:absolute; top:0; left:-100%; width:100%; height:100%;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.35), transparent); transition:left .6s ease; }
.btn-cta:hover::before{ left:100%; }
.btn-cta:hover{ box-shadow:0 22px 46px -10px rgba(78,205,196,.7), 0 0 60px rgba(78,205,196,.18); }
.btn-cta:focus-visible{ outline:2px solid var(--cyan-ice); outline-offset:3px; }
.btn-cta svg{ width:18px; height:18px; transition:transform .3s var(--ease); }
.btn-cta:hover svg{ transform:translateX(4px); }

.hero__collage{ position:relative; width:100%; max-width:600px; aspect-ratio:580 / 610; justify-self:end; }
.c-item{ position:absolute; transition:transform .8s cubic-bezier(.16,1,.3,1); }
.c-rot{ position:absolute; inset:0; transition:transform .5s var(--ease); }
.c-frame{ position:absolute; inset:0; border-radius:14px; overflow:hidden;
  box-shadow:0 14px 34px rgba(0,0,0,.5); border:1px solid rgba(255,255,255,.07);
  animation:floatY var(--dur,6s) ease-in-out var(--del,0s) infinite; }
.c-frame::after{ content:""; position:absolute; inset:0; background:linear-gradient(135deg, rgba(78,205,196,.22), transparent 60%); opacity:0; transition:opacity .4s; }
.c-item:hover .c-frame::after{ opacity:1; }
.c-item:hover{ z-index:20; }
.c-item:hover .c-rot{ transform:rotate(0deg) scale(1.06); }
.c-item:hover .c-frame{ animation-play-state:paused; box-shadow:0 22px 50px rgba(78,205,196,.3), 0 0 0 1px rgba(78,205,196,.55); }
.c-frame img{ width:100%; height:100%; object-fit:cover; transition:transform .6s var(--ease); }
.c-item:hover .c-frame img{ transform:scale(1.1); }
@keyframes floatY{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(var(--amp,-9px)); } }

.hero__scroll{ position:absolute; left:0; right:0; bottom:26px; padding-inline:var(--pad); display:flex; align-items:center; gap:14px; }
.hero__scroll .bar{ position:relative; width:1px; height:44px; background:linear-gradient(var(--cyan), transparent); overflow:hidden; }
.hero__scroll .bar::after{ content:""; position:absolute; left:0; top:0; width:1px; height:14px; background:var(--cyan-ice); animation:scrollDot 2s ease-in-out infinite; }
@keyframes scrollDot{ 0%{ transform:translateY(-16px); opacity:0; } 30%{ opacity:1; } 100%{ transform:translateY(46px); opacity:0; } }
.hero__scroll span{ font-size:11px; letter-spacing:.3em; text-transform:uppercase; color:var(--muted); }

.services{ padding-block:clamp(70px,9vw,130px); }
.head{ display:grid; grid-template-columns:1.3fr .9fr; gap:30px; align-items:end; margin-bottom:clamp(28px,3.4vw,52px); }
.head__desc{ color:var(--muted); font-size:clamp(14px,1.05vw,16.5px); line-height:1.6; max-width:42ch;
  justify-self:end; text-align:right; padding:0 18px 6px 0; border-right:2px solid rgba(78,205,196,.35); }

.bento{ display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(12px,1.2vw,20px); }
.card{
  position:relative; display:block; text-decoration:none; color:inherit; border-radius:var(--r);
  overflow:hidden; border:1px solid var(--line); isolation:isolate;
  transition:transform .45s var(--ease), box-shadow .45s, border-color .45s;
}
.card--big{ grid-column:span 2; min-height:clamp(300px,31vw,440px); }
.card--small{ grid-column:span 1; min-height:clamp(290px,27vw,400px); }
.card:hover{ transform:translateY(-6px); border-color:rgba(78,205,196,.45);
  box-shadow:0 30px 60px rgba(0,0,0,.55), 0 0 30px rgba(78,205,196,.1); }
.card:focus-visible{ outline:none; border-color:var(--cyan); box-shadow:0 0 0 3px rgba(78,205,196,.35), 0 30px 60px rgba(0,0,0,.5); }
.card__img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; z-index:0;
  border-radius:inherit; -webkit-border-radius:inherit;
  filter:saturate(1.04) contrast(1.03); transition:transform 1s var(--ease), filter .5s; }
.card:hover .card__img{ transform:scale(1.07); }
.card__overlay{ position:absolute; inset:0; z-index:1; pointer-events:none; border-radius:inherit;
  background:linear-gradient(to top, rgba(6,8,10,.94) 0%, rgba(6,8,10,.62) 34%, rgba(6,8,10,.10) 60%, rgba(6,8,10,.34) 100%); transition:opacity .5s; }
.card:hover .card__overlay{ opacity:.92; }
.card__glow{ position:absolute; inset:0; z-index:2; pointer-events:none; border-radius:inherit;
  background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%), rgba(143,230,242,.34), rgba(78,205,196,.14) 38%, rgba(78,205,196,0) 70%);
  opacity:0; transition:opacity .45s; }
.card:hover .card__glow{ opacity:1; }
.card__shine{ position:absolute; inset:0; z-index:3; pointer-events:none; overflow:hidden; border-radius:inherit; }
.card__shine::after{ content:""; position:absolute; top:0; left:0; width:55%; height:100%;
  background:linear-gradient(100deg, transparent, rgba(255,255,255,.16), transparent);
  transform:translateX(-180%) skewX(-18deg); }
.card:hover .card__shine::after{ animation:shine 1s ease; }
@keyframes shine{ to{ transform:translateX(320%) skewX(-18deg); } }

.card__border{ position:absolute; inset:0; z-index:4; border-radius:inherit; pointer-events:none;
  overflow:hidden; opacity:0; transition:opacity .45s; }
.card__border::before{ content:""; position:absolute;
  top:50%; left:50%; width:200%; height:200%;
  margin-top:-100%; margin-left:-100%;
  background:conic-gradient(from 0deg, transparent 0 64%, rgba(78,205,196,0) 66%, var(--cyan) 80%, #fff 90%, transparent 96% 100%);
  transform:rotate(0deg);
  transform-origin:center center;
}
.card__border::after{ content:""; position:absolute; inset:1.4px; border-radius:inherit;
  background:var(--bg); }
.card__border{ -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude; padding:1.4px; }
.card:hover .card__border{ opacity:1; }
.card:hover .card__border::before{ animation:borderSpin 3.2s linear infinite; }
@keyframes borderSpin{ to{ transform:rotate(360deg); } }

.card__border-glow{ position:absolute; inset:0; z-index:4; border-radius:inherit; pointer-events:none; padding:1.4px;
  background:radial-gradient(150px circle at var(--mx,50%) var(--my,50%), rgba(255,255,255,.9), var(--cyan) 35%, transparent 65%);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude; opacity:0; transition:opacity .45s; }
.card:hover .card__border-glow{ opacity:1; }

.card__num{ position:absolute; top:16px; right:18px; z-index:5; font-family:"Unbounded", sans-serif; font-weight:700;
  line-height:1; display:flex; align-items:baseline; gap:5px; text-shadow:0 2px 12px rgba(0,0,0,.7); }
.card__num b{ font-size:clamp(18px,1.5vw,24px); color:#fff; letter-spacing:.02em; }
.card__num i{ font-style:normal; font-size:12px; color:var(--cyan); font-weight:700; opacity:.9; }
.card__body{ position:absolute; left:0; right:0; bottom:0; z-index:5; padding:clamp(18px,1.7vw,28px); padding-right:78px; }
.card__kicker{ display:inline-block; font-size:11px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:var(--cyan); margin-bottom:10px; opacity:.92; }
.card__title{ font-family:"Unbounded", sans-serif; font-weight:700; color:#fff; line-height:1.12; letter-spacing:-.005em;
  font-size:clamp(18px,1.9vw,30px); text-shadow:0 2px 16px rgba(0,0,0,.55); }
.card--small .card__title{ font-size:clamp(16px,1.5vw,22px); }
.card__desc{ margin-top:10px; color:#cfd6da; font-size:clamp(12.5px,.95vw,15px); line-height:1.5; max-width:34ch; opacity:.82;
  transition:opacity .4s, transform .4s; text-shadow:0 1px 10px rgba(0,0,0,.6); }
.card:hover .card__desc{ opacity:1; transform:translateY(-2px); }
.card__btn{ position:absolute; right:18px; bottom:18px; z-index:6; width:46px; height:46px; border-radius:50%; display:grid; place-items:center;
  background:rgba(21,24,26,.75); border:1px solid rgba(255,255,255,.24); color:#fff;
  transition:background .35s, color .35s, border-color .35s, transform .35s; }
.card__btn svg{ width:18px; height:18px; transition:transform .35s; }
.card:hover .card__btn{ background:linear-gradient(135deg, var(--cyan), var(--cyan-deep)); border-color:transparent; color:#06222a; box-shadow:0 8px 22px rgba(78,205,196,.4); }
.card:hover .card__btn svg{ transform:translate(2px,-2px); }

.works{ padding-block:clamp(70px,9vw,120px) clamp(80px,9vw,120px); }
.works__head{ display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:clamp(30px,4vw,54px); flex-wrap:wrap; }
.works__hint{ display:flex; align-items:center; gap:10px; color:var(--muted); font-size:13.5px; padding-bottom:8px; }
.works__hint::before{ content:""; width:10px; height:13px; border-left:3px solid var(--cyan); border-right:3px solid var(--cyan); }

.marquee{ overflow:hidden; padding-block:12px; -webkit-mask-image:linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
  mask-image:linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent); }
.marquee__rows{ display:flex; flex-direction:column; gap:0; }
.marquee__track{ display:flex; gap:24px; width:max-content; animation:mqLeft 44s linear infinite; }
.marquee--right .marquee__track{ animation-name:mqRight; }
.marquee:hover .marquee__track{ animation-play-state:paused !important; }
.marquee--offscreen .marquee__track{ animation-play-state:paused; }
@keyframes mqLeft{ to{ transform:translateX(calc(-50% - 12px)); } }
@keyframes mqRight{ from{ transform:translateX(calc(-50% - 12px)); } to{ transform:translateX(0); } }
.marquee__set{ display:flex; gap:24px; flex-shrink:0; }

.w-item{ flex:0 0 auto; width:450px; height:260px; border-radius:15px; overflow:hidden; position:relative;
  border:1px solid rgba(255,255,255,.06); isolation:isolate;
  transition:transform .45s var(--ease), box-shadow .45s var(--ease), border-color .45s var(--ease); }
.w-item:hover{ transform:translateY(-6px); border-color:rgba(78,205,196,.45);
  box-shadow:0 30px 60px rgba(0,0,0,.55), 0 0 30px rgba(78,205,196,.1); }
.w-item img{ width:100%; height:100%; object-fit:cover; transition:transform .6s var(--ease); }
.w-item:hover img{ transform:scale(1.06); }
.w-ov{ position:absolute; inset:0; z-index:5; background:linear-gradient(180deg, rgba(21,24,26,0) 0%, rgba(21,24,26,.45) 40%, rgba(21,24,26,.9) 100%);
  display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-end; padding:26px; opacity:0; transition:opacity .35s; }
.w-item:hover .w-ov{ opacity:1; }
.w-ov h3{ color:#f7f7ee; font-family:"Manrope", sans-serif; font-size:21px; font-weight:700; margin:0 0 6px; letter-spacing:-.5px;
  transform:translateY(14px); opacity:0; transition:transform .4s var(--ease) .05s, opacity .4s var(--ease) .05s; }
.w-item:hover .w-ov h3{ transform:none; opacity:1; }
.w-ov p{ color:rgba(247,247,238,.72); font-size:14px; margin:0 0 18px; line-height:1.4;
  transform:translateY(14px); opacity:0; transition:transform .4s var(--ease) .1s, opacity .4s var(--ease) .1s; }
.w-item:hover .w-ov p{ transform:none; opacity:1; }
.w-link{ display:inline-flex; align-items:center; gap:8px; color:#06262b; background:var(--cyan); text-decoration:none;
  padding:10px 22px; border-radius:10px; font-weight:700; font-size:14px; border:none; cursor:pointer;
  transform:translateY(14px); opacity:0; transition:transform .4s var(--ease) .15s, opacity .4s var(--ease) .15s, background .3s; }
.w-item:hover .w-link{ transform:none; opacity:1; }
.w-link:hover{ background:#eafffb; }
.w-link span{ transition:transform .3s; }
.w-link:hover span{ transform:translateX(3px); }

.w-glow{ position:absolute; inset:0; z-index:2; pointer-events:none; border-radius:inherit;
  background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%), rgba(143,230,242,.34), rgba(78,205,196,.14) 38%, rgba(78,205,196,0) 70%);
  opacity:0; transition:opacity .45s; }
.w-item:hover .w-glow{ opacity:1; }
.w-shine{ position:absolute; inset:0; z-index:3; pointer-events:none; overflow:hidden; border-radius:inherit; }
.w-shine::after{ content:""; position:absolute; top:0; left:0; width:55%; height:100%;
  background:linear-gradient(100deg, transparent, rgba(255,255,255,.16), transparent);
  transform:translateX(-180%) skewX(-18deg); }
.w-item:hover .w-shine::after{ animation:shine 1s ease; }

.w-border{ position:absolute; inset:0; z-index:4; border-radius:inherit; pointer-events:none;
  overflow:hidden; opacity:0; transition:opacity .45s;
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude; padding:1.4px; }
.w-border::before{ content:""; position:absolute;
  top:50%; left:50%; width:200%; height:200%;
  margin-top:-100%; margin-left:-100%;
  background:conic-gradient(from 0deg, transparent 0 64%, rgba(78,205,196,0) 66%, var(--cyan) 80%, #fff 90%, transparent 96% 100%);
  transform:rotate(0deg); transform-origin:center center; }
.w-border::after{ content:""; position:absolute; inset:1.4px; border-radius:inherit; background:var(--bg); }
.w-item:hover .w-border{ opacity:1; }
.w-item:hover .w-border::before{ animation:borderSpin 3.2s linear infinite; }

.w-border-glow{ position:absolute; inset:0; z-index:4; border-radius:inherit; pointer-events:none; padding:1.4px;
  background:radial-gradient(150px circle at var(--mx,50%) var(--my,50%), rgba(255,255,255,.9), var(--cyan) 35%, transparent 65%);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude; opacity:0; transition:opacity .45s; }
.w-item:hover .w-border-glow{ opacity:1; }

.faq{ max-width:960px; margin:0 auto; padding:clamp(70px,9vw,120px) var(--pad) clamp(80px,9vw,120px); }
.faq__head{ text-align:center; max-width:680px; margin:0 auto 56px; }
.faq__label{ display:inline-flex; align-items:center; gap:12px; font-family:"Unbounded", sans-serif; font-weight:700;
  font-size:13px; letter-spacing:.34em; text-transform:uppercase; color:var(--cyan); }
.faq__label::before, .faq__label::after{ content:""; width:30px; height:1px; background:linear-gradient(90deg, transparent, var(--cyan)); }
.faq__label::after{ transform:scaleX(-1); }
.faq__title{ font-family:"Unbounded", sans-serif; font-weight:800; font-size:clamp(28px,4.4vw,48px); line-height:1.1; letter-spacing:-.01em; margin:22px 0 18px; }
.faq__title b{ background:linear-gradient(92deg, var(--cyan), var(--cyan-ice)); -webkit-background-clip:text; background-clip:text; color:transparent; }
.faq__lead{ color:var(--muted); font-size:16.5px; max-width:52ch; margin:0 auto 32px; }
.faq__cta{ display:inline-flex; align-items:center; gap:12px; padding:15px 28px; border-radius:999px;
  background:linear-gradient(92deg, var(--cyan), var(--cyan-deep)); color:#04222a; font-weight:700; font-size:15px; text-decoration:none;
  transition:transform .25s var(--ease), box-shadow .25s var(--ease); box-shadow:0 10px 30px -10px rgba(78,205,196,.6); }
.faq__cta:hover{ transform:translateY(-2px); box-shadow:0 16px 40px -12px rgba(78,205,196,.75); }
.faq__cta svg{ width:18px; height:18px; transition:transform .25s var(--ease); }
.faq__cta:hover svg{ transform:translateX(4px); }
.faq__list{ display:flex; flex-direction:column; gap:14px; max-width:880px; margin:0 auto; }
.faq__item{ border:1px solid var(--line); border-radius:20px; background:rgba(255,255,255,.025); overflow:hidden;
  transition:border-color .3s var(--ease), background .3s var(--ease), box-shadow .3s var(--ease), transform .3s var(--ease); }
.faq__item:hover{ border-color:rgba(255,255,255,.18); transform:translateY(-1px); }
.faq__item.is-open{ border-color:rgba(78,205,196,.55); background:rgba(78,205,196,.05); box-shadow:0 24px 60px -28px rgba(78,205,196,.45); }
.faq__q{ width:100%; display:flex; align-items:center; gap:22px; padding:26px 28px; background:none; border:none; cursor:pointer; text-align:left; color:var(--ink); font:inherit; }
.faq__q:focus-visible{ outline:2px solid var(--cyan); outline-offset:-2px; border-radius:20px; }
.faq__num{ flex:0 0 34px; width:34px; font-family:"Unbounded", sans-serif; font-weight:700; font-size:20px; font-variant-numeric:tabular-nums;
  background:linear-gradient(180deg, var(--cyan-ice), var(--cyan)); -webkit-background-clip:text; background-clip:text; color:transparent; opacity:.85; transition:opacity .3s; }
.faq__item.is-open .faq__num{ opacity:1; }
.faq__qtext{ flex:1 1 auto; font-size:clamp(16px,1.5vw,19px); font-weight:600; line-height:1.35; }
.faq__icon{ flex:0 0 34px; position:relative; width:34px; height:34px; border-radius:50%; border:1px solid var(--line);
  transition:border-color .3s var(--ease), background .3s var(--ease), transform .3s var(--ease); }
.faq__item.is-open .faq__icon{ border-color:var(--cyan); background:rgba(78,205,196,.12); transform:rotate(180deg); }
.faq__icon::before, .faq__icon::after{ content:""; position:absolute; background:var(--ink); border-radius:2px; top:50%; left:50%;
  transition:transform .35s var(--ease), opacity .25s var(--ease), background .3s; }
.faq__icon::before{ width:14px; height:2px; transform:translate(-50%,-50%); }
.faq__icon::after{ width:2px; height:14px; transform:translate(-50%,-50%); }
.faq__item.is-open .faq__icon::after{ transform:translate(-50%,-50%) scaleY(0); opacity:0; }
.faq__item.is-open .faq__icon::before{ background:var(--cyan); }
.faq__a{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .4s var(--ease); }
.faq__item.is-open .faq__a{ grid-template-rows:1fr; }
.faq__a-inner{ overflow:hidden; min-height:0; }
.faq__a-body{ padding:0 calc(28px + 34px + 22px) 26px calc(28px + 34px + 22px); color:var(--muted); font-size:15.5px; line-height:1.7; }
.faq__a-body strong{ color:var(--cyan); font-weight:600; }

@media (max-width:1080px){
  .hero{ min-height:auto; padding-block:90px 60px; }
  .hero__grid{ grid-template-columns:1fr; gap:48px; }
  .hero__collage{ justify-self:center; max-width:560px; margin-top:8px; }
  .hero__sub, .hero__list{ max-width:none; }
}
@media (max-width:980px){
  .head{ grid-template-columns:1fr; gap:18px; }
  .head__desc{ justify-self:start; text-align:left; border-right:none; border-left:2px solid rgba(78,205,196,.35); padding:0 0 0 16px; }
  .bento{ grid-template-columns:repeat(2,1fr); }
  .card--big{ grid-column:span 2; min-height:clamp(240px,46vw,340px); }
  .card--small{ grid-column:span 1; min-height:clamp(260px,52vw,360px); }
  .w-item{ width:400px; height:240px; }
}
@media (max-width:760px){
  .hero__scroll{ display:none; }
  .works__head{ flex-direction:column; align-items:flex-start; gap:14px; }
  .w-item{ width:320px; height:210px; }
  .w-ov{ padding:20px; }
  .w-ov h3{ font-size:18px; }
  .w-ov p{ font-size:13px; margin-bottom:14px; }
  .w-link{ padding:8px 18px; font-size:13px; }
}
@media (max-width:640px){
  .faq{ padding-block:64px 80px; }
  .faq__head{ margin-bottom:40px; }
  .faq__q{ padding:20px; gap:14px; }
  .faq__num{ flex-basis:28px; width:28px; font-size:17px; }
  .faq__icon{ flex-basis:30px; width:30px; height:30px; }
  .faq__a-body{ padding:0 calc(20px + 30px + 14px) 20px calc(20px + 28px + 14px); }
}
@media (max-width:560px){
  .bento{ grid-template-columns:1fr; }
  .card--big, .card--small{ grid-column:span 1; min-height:240px; }
  .card__body{ padding-right:70px; }
}

@media (prefers-reduced-motion:reduce){
  *{ animation:none !important; transition:none !important; scroll-behavior:auto !important; }
  .rv, .rv-card, .rv-c{ opacity:1 !important; }
  .hero__title .line-inner{ transform:none; }
  .hero__title .hl::after{ width:100%; }
  .marquee{ overflow-x:auto; -webkit-mask:none; mask:none; }
}

@media (hover:none){
  .card:hover .card__img{ transform:none; }
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){
  .card__border, .card__border-glow,
  .w-border, .w-border-glow{ display:none; }
  .glow{ filter:blur(80px); }
}

.ad-sec{
  --ink:#f3f6f8; --muted:#9aa6b0;
  --cyan:#4ecdc4; --cyan-deep:#2a9d8f; --cyan-ice:#8af0ff;
  --line:rgba(255,255,255,.09);
  --ease:cubic-bezier(.22,.61,.36,1);
  position:relative; z-index:2;
  padding:clamp(70px,9vw,130px) 140px;
  color:var(--ink);
  font-family:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
.ad-sec *{box-sizing:border-box}
.ad-sec a{text-decoration:none}

.ad-head{display:grid;grid-template-columns:1.25fr .75fr;gap:30px;align-items:end;margin-bottom:clamp(30px,3.4vw,54px)}
.ad-badge{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}
.ad-badge::before{content:"";width:34px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan))}
.ad-h2{font-family:"Unbounded",sans-serif;font-weight:800;text-transform:uppercase;line-height:1.05;letter-spacing:-.01em;font-size:clamp(28px,3.6vw,54px)}
.ad-accent{background:linear-gradient(100deg,var(--cyan-ice) 0%,var(--cyan) 45%,var(--cyan-deep) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.ad-lead{color:var(--muted);font-size:clamp(14px,1.05vw,16.5px);line-height:1.65;max-width:44ch;justify-self:end;text-align:right;padding:0 18px 6px 0;border-right:2px solid rgba(78,205,196,.35)}
@media (hover:none){ .ad-hint{display:none} }

.ad-cluster{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:26px;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012) 60%,rgba(255,255,255,.02));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 30px 70px -30px rgba(0,0,0,.6);
  margin-bottom:clamp(26px,3vw,44px)}
.ad-cluster::after{content:"";position:absolute;top:0;bottom:0;left:0;width:34%;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(138,240,255,.055),transparent);
  transform:translateX(-130%);animation:adSweep 8s ease-in-out infinite 1.5s}
@keyframes adSweep{0%{transform:translateX(-130%)}55%,100%{transform:translateX(340%)}}
.ad-cluster-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 26px;border-bottom:1px solid var(--line)}
.ad-live{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--muted)}
.ad-live i{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px rgba(78,205,196,.9);animation:adPulse 2.2s ease-in-out infinite}
@keyframes adPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.45);opacity:.5}}
.ad-est{font-family:"Unbounded",sans-serif;font-size:11px;font-weight:700;letter-spacing:.3em;color:rgba(255,255,255,.28)}
.ad-cluster-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.ad-gauge{position:relative;padding:clamp(26px,2.6vw,40px) 18px clamp(24px,2.4vw,34px);text-align:center}
.ad-gauge + .ad-gauge{border-left:1px solid var(--line)}
.ad-g-dial{position:relative;display:inline-block}
.ad-g-svg{width:clamp(118px,10.5vw,152px);height:auto;display:block;overflow:visible}
.ad-g-ticks{fill:none;stroke:rgba(255,255,255,.16);stroke-width:2.5;stroke-dasharray:.5 4.67}
.ad-g-track{fill:none;stroke:rgba(255,255,255,.07);stroke-width:8;stroke-linecap:round;stroke-dasharray:66.7 100}
.ad-g-arc{fill:none;stroke:url(#adGrad);stroke-width:8;stroke-linecap:round;stroke-dasharray:66.7 100;stroke-dashoffset:66.7;
  transition:stroke-dashoffset 1.9s var(--ease) .25s;filter:drop-shadow(0 0 8px rgba(78,205,196,.55))}
.ad-g-val{position:absolute;inset:0;display:grid;place-content:center;text-align:center;transform:translateY(2px)}
.ad-g-num{font-family:"Unbounded",sans-serif;font-weight:800;font-size:clamp(24px,2.4vw,36px);line-height:1;color:#fff;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.ad-g-val i{font-style:normal;font-family:"Unbounded",sans-serif;font-weight:700;font-size:clamp(11px,1vw,13px);color:var(--cyan);letter-spacing:.12em;text-transform:uppercase;margin-top:6px}
.ad-g-label{display:block;margin-top:14px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);line-height:1.5}

.ad-rows{display:flex;flex-direction:column;gap:12px}
.ad-row{position:relative;display:grid;grid-template-columns:64px 54px minmax(0,1fr) auto 48px;gap:24px;align-items:center;
  padding:24px 26px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.02);
  color:inherit;isolation:isolate;overflow:hidden;
  transition:transform .4s var(--ease),border-color .4s var(--ease),box-shadow .4s var(--ease),background .4s var(--ease)}
.ad-row:hover{transform:translateY(-4px);border-color:rgba(78,205,196,.5);background:rgba(78,205,196,.045);
  box-shadow:0 26px 54px rgba(0,0,0,.5),0 0 26px rgba(78,205,196,.08)}
.ad-row:focus-visible{outline:2px solid var(--cyan-ice);outline-offset:3px}
.ad-row::before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:3px;border-radius:3px;
  background:linear-gradient(180deg,var(--cyan-ice),var(--cyan-deep));transform:scaleY(0);transform-origin:center;
  transition:transform .45s var(--ease)}
.ad-row:hover::before{transform:scaleY(1)}
.ad-row>*:not(.ad-glow):not(.ad-shine){position:relative;z-index:2}
.ad-glow{position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;
  background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(138,240,255,.16),rgba(78,205,196,.07) 40%,transparent 70%);
  opacity:0;transition:opacity .4s}
.ad-row:hover .ad-glow{opacity:1}
.ad-shine{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;border-radius:inherit}
.ad-shine::after{content:"";position:absolute;top:0;left:0;width:55%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.12),transparent);transform:translateX(-180%) skewX(-18deg)}
.ad-row:hover .ad-shine::after{animation:adShine 1s ease}
@keyframes adShine{to{transform:translateX(320%) skewX(-18deg)}}

.ad-num{font-family:"Unbounded",sans-serif;font-weight:700;font-size:26px;line-height:1;letter-spacing:.01em;
  background:linear-gradient(100deg,var(--cyan-ice),var(--cyan) 55%,var(--cyan-deep));-webkit-background-clip:text;background-clip:text;color:transparent;
  opacity:.38;transition:opacity .35s var(--ease),transform .35s var(--ease)}
.ad-row:hover .ad-num{opacity:1;transform:translateX(2px)}
.ad-ico{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;border:1px solid var(--line);
  background:rgba(255,255,255,.03);color:var(--cyan);
  transition:background .4s var(--ease),color .4s var(--ease),border-color .4s var(--ease),transform .4s var(--ease),box-shadow .4s var(--ease)}
.ad-ico svg{width:24px;height:24px}
.ad-row:hover .ad-ico{background:linear-gradient(135deg,var(--cyan),var(--cyan-deep));color:#06222a;border-color:transparent;
  transform:rotate(-6deg) scale(1.06);box-shadow:0 10px 24px rgba(78,205,196,.4)}
.ad-main{min-width:0}
.ad-t{display:block;font-weight:700;font-size:clamp(16px,1.4vw,19px);color:var(--ink);line-height:1.3}
.ad-d{display:block;margin-top:7px;color:var(--muted);font-size:14.5px;line-height:1.55;max-width:62ch;
  transition:color .35s var(--ease)}
.ad-row:hover .ad-d{color:#c2ccd2}
.ad-chip{font-weight:700;font-size:12px;letter-spacing:.06em;padding:9px 16px;border-radius:999px;white-space:nowrap;
  border:1px solid rgba(78,205,196,.35);color:var(--cyan-ice);background:rgba(78,205,196,.07);
  transition:background .35s var(--ease),border-color .35s var(--ease)}
.ad-row:hover .ad-chip{background:rgba(78,205,196,.16);border-color:rgba(78,205,196,.6)}
.ad-go{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.05);color:#fff;flex-shrink:0;
  transition:background .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease),box-shadow .35s var(--ease)}
.ad-go svg{width:17px;height:17px;transition:transform .35s var(--ease)}
.ad-row:hover .ad-go{background:linear-gradient(135deg,var(--cyan),var(--cyan-deep));border-color:transparent;color:#06222a;
  box-shadow:0 8px 22px rgba(78,205,196,.4)}
.ad-row:hover .ad-go svg{transform:translate(2px,-2px)}

.ad-cta{margin-top:clamp(28px,3vw,44px);display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;
  padding:clamp(24px,2.6vw,36px) clamp(22px,3vw,42px);border-radius:26px;position:relative;overflow:hidden;
  border:1px solid rgba(78,205,196,.32);
  background:radial-gradient(600px 200px at 85% 0%,rgba(78,205,196,.14),transparent 60%),
             linear-gradient(120deg,rgba(78,205,196,.09),rgba(255,255,255,.02) 60%)}
.ad-cta b{display:block;font-family:"Unbounded",sans-serif;font-weight:700;font-size:clamp(16px,1.6vw,21px);text-transform:uppercase;letter-spacing:.01em;line-height:1.3}
.ad-cta span{display:block;margin-top:8px;color:var(--muted);font-size:14.5px;max-width:52ch}
.ad-cta-btn{display:inline-flex;align-items:center;gap:12px;padding:17px 36px;border-radius:999px;
  background:linear-gradient(135deg,var(--cyan),var(--cyan-deep));color:#062024;font-weight:700;font-size:15px;letter-spacing:.03em;
  position:relative;overflow:hidden;box-shadow:0 14px 34px -12px rgba(78,205,196,.55);
  transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.ad-cta-btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transition:left .6s ease}
.ad-cta-btn:hover::before{left:100%}
.ad-cta-btn:hover{transform:translateY(-2px);box-shadow:0 20px 44px -10px rgba(78,205,196,.7)}
.ad-cta-btn svg{width:17px;height:17px;transition:transform .3s var(--ease)}
.ad-cta-btn:hover svg{transform:translateX(4px)}
.ad-cta-btn:focus-visible{outline:2px solid var(--cyan-ice);outline-offset:3px}

.ad-rv{opacity:0}
.ad-rv.in{opacity:1;animation:adIn .85s var(--ease) var(--d,0s) backwards}
@keyframes adIn{from{opacity:0;transform:translateY(28px)}}

@media (max-width:1200px){
  .ad-sec{padding-left:60px;padding-right:60px}
}
@media (max-width:980px){
  .ad-head{grid-template-columns:1fr;gap:16px}
  .ad-lead{justify-self:start;text-align:left;border-right:none;border-left:2px solid rgba(78,205,196,.35);padding:0 0 0 16px}
  .ad-cluster-grid{grid-template-columns:1fr 1fr}
  .ad-gauge:nth-child(3){border-left:none}
  .ad-gauge:nth-child(n+3){border-top:1px solid var(--line)}
}
@media (max-width:900px){
  .ad-row{grid-template-columns:46px 48px minmax(0,1fr) 44px;gap:16px;padding:20px}
  .ad-chip{display:none}
  .ad-num{font-size:21px}
  .ad-ico{width:48px;height:48px}
}
@media (max-width:768px){
  .ad-sec{padding-left:24px;padding-right:24px}
}
@media (max-width:640px){
  .ad-cta-btn{width:100%;justify-content:center}
}
@media (max-width:560px){
  .ad-row{grid-template-columns:40px minmax(0,1fr) 40px}
  .ad-ico{display:none}
}
@media (max-width:480px){
  .ad-sec{padding-left:16px;padding-right:16px}
}
@media (prefers-reduced-motion:reduce){
  .ad-sec *{animation:none!important;transition:none!important}
  .ad-rv{opacity:1}
}

.ap-root{font-family:"Manrope",-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;color:#fff;line-height:1.6;background:transparent}
.ap-root *,.ap-root *::before,.ap-root *::after{box-sizing:border-box}
.ap-root a{text-decoration:none}
.ap-container{max-width:1200px;margin:0 auto;padding:0 20px}
.ap-estimate{padding:0;background:transparent}
.ap-estimate .ap-container{max-width:none;padding-left:0;padding-right:0}
.ap-estimate-wrap{display:grid;grid-template-columns:1fr 1fr;gap:60px;background:rgba(255,255,255,.02);border:1px solid rgba(22,182,201,.1);border-radius:20px;padding:60px;margin:120px 140px 20px}
.ap-badge{display:inline-block;color:#16B6C9;font-size:12px;font-weight:700;letter-spacing:2px;margin-bottom:20px}
.ap-title{font-size:42px;font-weight:700;line-height:1.2;margin:0 0 20px;color:#fff}
.ap-desc{color:#888;font-size:16px;margin:0 0 30px;line-height:1.6}
.ap-features{list-style:none;margin:0;padding:0}
.ap-features li{display:flex;align-items:center;gap:12px;margin-bottom:15px;color:#fff;font-size:14px}
.ap-features svg{flex-shrink:0}
.ap-form{display:flex;flex-direction:column;gap:20px}
.ap-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.ap-group{display:flex;flex-direction:column;gap:8px}
.ap-label{font-size:14px;color:#aaa;cursor:pointer}
.ap-input,.ap-select{width:100%;padding:14px 18px;background:rgba(255,255,255,.05);border:1px solid rgba(22,182,201,.2);border-radius:10px;color:#fff;font-size:14px;font-family:inherit;transition:all .3s}
.ap-input:focus,.ap-select:focus{outline:none;border-color:#16B6C9;background:rgba(255,255,255,.08)}
.ap-input::placeholder{color:#666}
.ap-select{cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2316B6C9' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;padding-right:40px}
.ap-select option{background:#0a0a0a;color:#fff}
.ap-upload{position:relative;padding:40px;border:2px dashed rgba(22,182,201,.3);border-radius:10px;text-align:center;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.ap-upload:hover{border-color:#16B6C9;background:rgba(22,182,201,.05)}
.ap-upload-text{color:#888;font-size:14px}
.ap-file{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}
.ap-submit{width:100%;padding:18px;background:linear-gradient(135deg,#16B6C9 0%,#0E97A8 100%);color:#0a0a0a;border:none;border-radius:30px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;font-family:inherit}
.ap-submit:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(22,182,201,.4)}
.ap-link{color:#16B6C9;text-decoration:underline}
.ap-consent{display:flex;align-items:flex-start;justify-content:center;gap:10px;font-size:12px;color:#666;margin:0;text-align:left;line-height:1.5}
.ap-consent-box{appearance:none;-webkit-appearance:none;width:18px;height:18px;min-width:18px;margin:1px 0 0;padding:0;border:1px solid rgba(22,182,201,.4);border-radius:4px;background:rgba(255,255,255,.05);cursor:pointer;position:relative;transition:all .2s;flex-shrink:0}
.ap-consent-box:checked{background:#16B6C9;border-color:#16B6C9}
.ap-consent-box:checked::after{content:'';position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid #0a0a0a;border-width:0 2px 2px 0;transform:rotate(45deg)}
.ap-consent-box:focus-visible{outline:2px solid #16B6C9;outline-offset:2px}
.ap-consent-text{flex-shrink:1;cursor:pointer}
.ap-consent.error .ap-consent-box{border-color:#ff6b6b;box-shadow:0 0 0 2px rgba(255,107,107,.25);animation:ap-shake .3s}
.ap-consent.error .ap-consent-text{color:#ff8a8a}
@keyframes ap-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.ap-submit--locked{opacity:.45;cursor:not-allowed}
.ap-submit--locked:hover{transform:none;box-shadow:none}
.ap-footer{background:transparent;border-top:1px solid rgba(22,182,201,.1);padding:20px 0 0}
.ap-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:60px;padding-bottom:60px}
.ap-footer .ap-logo{display:flex;align-items:center;gap:12px}
.ap-footer .ap-logo-icon{background:none;width:auto;height:40px;border-radius:0;padding:0}
.ap-logo-img{display:block;height:100%;width:auto;max-width:170px;object-fit:contain}
.ap-logo-text{display:flex;flex-direction:column}
.ap-logo-title{font-size:18px;font-weight:700;color:#fff;line-height:1.2}
.ap-logo-sub{font-size:10px;color:#888;letter-spacing:1px}
.ap-footer-desc{color:#888;font-size:14px;line-height:1.6;margin:20px 0}
.ap-socials{display:flex;gap:12px}
.ap-social{width:40px;height:40px;background:rgba(22,182,201,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#16B6C9;transition:all .3s}
.ap-social:hover{background:rgba(22,182,201,.2);transform:translateY(-2px)}
.ap-footer-title{font-size:14px;font-weight:700;letter-spacing:1px;margin:0 0 20px;color:#fff}
.ap-footer-links{list-style:none;margin:0;padding:0}
.ap-footer-links li{margin-bottom:12px}
.ap-footer-links a{color:#888;font-size:14px;transition:color .3s}
.ap-footer-links a:hover{color:#16B6C9}
.ap-contacts{list-style:none;margin:0;padding:0}
.ap-contacts li{display:flex;align-items:center;gap:12px;margin-bottom:15px;color:#888;font-size:14px}
.ap-contacts a{color:#888;transition:color .3s}
.ap-contacts a:hover{color:#16B6C9}
.ap-contacts svg{flex-shrink:0}
.ap-footer-bottom{border-top:1px solid rgba(22,182,201,.1);padding:20px 0;text-align:center;color:#666;font-size:14px}
@media (max-width:1100px){ .ap-estimate-wrap{margin:80px 60px 20px} }
@media (max-width:968px){
  .ap-estimate-wrap{grid-template-columns:1fr;padding:40px;margin:60px 32px 20px}
  .ap-footer-grid{grid-template-columns:1fr 1fr;gap:40px}
}
@media (max-width:640px){
  .ap-row{grid-template-columns:1fr}
  .ap-footer-grid{grid-template-columns:1fr}
  .ap-title{font-size:28px}
  .ap-estimate-wrap{padding:25px;margin:32px 16px 20px}
}

.hero{
  padding-block:96px clamp(130px, 15vh, 170px);
}

.hero__scroll{
  left:clamp(16px, 6vw, 140px);
  right:auto;
  padding-inline:0;
  bottom:26px;
}

@media (max-width:1080px){
  .hero{ padding-block:90px clamp(100px, 12vh, 130px); }
}
@media (max-width:760px){
  .hero__scroll{ display:none; }
}

@media screen and (max-width:560px){#rec2164130721 .t-popup__close-icon g{fill:#ffffff !important;}}
#rec2164130721 .t-upwidget .t-upwidget-container__button{color:#ffffff;background-color:#2e7d32;border-width:0px;border-style:none !important;border-radius:3px;box-shadow:none !important;font-weight:300;transition-duration:0.2s;transition-property:background-color,color,border-color,box-shadow,opacity,transform,gap;transition-timing-function:ease-in-out;}
#rec2164130721 .t-upwidget .t-upwidget-container__button{position:relative;}#rec2164130721 .t-upwidget .t-upwidget-container__button .t-btn_wrap-effects{position:absolute;top:0;left:0;display:block;width:100%;height:100%;overflow:hidden;isolation:isolate;container-type:inline-size;container-name:button-effects;}#rec2164130721 .t-upwidget .t-upwidget-container__button .t-btn_effects{position:absolute;top:0;bottom:0;left:0;right:0;display:block;}#rec2164130721 .t-upwidget .t-upwidget-container__button .t-btn_effects::after{content:'';position:absolute;top:0;left:-100%;z-index:20;display:block;height:350%;width:200%;background:rgba(255,255,255,0.8);border-radius:100%;transform:scale(0);animation:6s linear infinite ripple;}@container button-effects (min-width:260px){#rec2164130721 .t-upwidget .t-upwidget-container__button .t-btn_effects::after{left:-130%;}}@container button-effects (min-width:360px){#rec2164130721 .t-upwidget .t-upwidget-container__button .t-btn_effects::after{left:-150%;}}@keyframes ripple{20%{opacity:0;transform:scale(2.5);}100%{opacity:0;transform:scale(2.5);}}
#rec2164130721 .t-checkbox__indicator:after{border-color:#ffffff;}
#rec2164130721 .t-btnflex.t-btnflex_type_submit{color:#ffffff;background-color:#2e7d32;--border-width:0px;border-style:none !important;border-radius:3px;box-shadow:none !important;font-weight:300;transition-duration:0.2s;transition-property:background-color,color,border-color,box-shadow,opacity,transform,gap;transition-timing-function:ease-in-out;}
#rec2164130721 .t-btnflex.t-btnflex_type_submit{position:relative;}#rec2164130721 .t-btnflex.t-btnflex_type_submit .t-btn_wrap-effects{position:absolute;top:0;left:0;display:block;width:100%;height:100%;overflow:hidden;isolation:isolate;container-type:inline-size;container-name:button-effects;}#rec2164130721 .t-btnflex.t-btnflex_type_submit .t-btn_effects{position:absolute;top:0;bottom:0;left:0;right:0;display:block;}#rec2164130721 .t-btnflex.t-btnflex_type_submit .t-btn_effects::after{content:'';position:absolute;top:0;left:-100%;z-index:20;display:block;height:350%;width:200%;background:rgba(255,255,255,0.8);border-radius:100%;transform:scale(0);animation:6s linear infinite ripple;}@container button-effects (min-width:260px){#rec2164130721 .t-btnflex.t-btnflex_type_submit .t-btn_effects::after{left:-130%;}}@container button-effects (min-width:360px){#rec2164130721 .t-btnflex.t-btnflex_type_submit .t-btn_effects::after{left:-150%;}}@keyframes ripple{20%{opacity:0;transform:scale(2.5);}100%{opacity:0;transform:scale(2.5);}}
#rec2164130721 input::-webkit-input-placeholder{color:#ffffff;opacity:0.5;}#rec2164130721 input::-moz-placeholder{color:#ffffff;opacity:0.5;}#rec2164130721 input:-moz-placeholder{color:#ffffff;opacity:0.5;}#rec2164130721 input:-ms-input-placeholder{color:#ffffff;opacity:0.5;}#rec2164130721 textarea::-webkit-input-placeholder{color:#ffffff;opacity:0.5;}#rec2164130721 textarea::-moz-placeholder{color:#ffffff;opacity:0.5;}#rec2164130721 textarea:-moz-placeholder{color:#ffffff;opacity:0.5;}#rec2164130721 textarea:-ms-input-placeholder{color:#ffffff;opacity:0.5;}
#rec2164130721 .t702__title{color:#ffffff;}
#rec1097526586 .t-btnflex.t-btnflex_type_submit{color:#ffffff;background-color:#c60000;--border-width:0px;border-style:none !important;border-radius:5px;box-shadow:none !important;transition-duration:0.2s;transition-property:background-color,color,border-color,box-shadow,opacity,transform,gap;transition-timing-function:ease-in-out;}
#rec1097526586 .t945__descr{font-size:16px;}
#rec1097526586 .t945__popup{border-radius:5px;}

/* ====== ALLPRO CUSTOM BLOCK (форма оценки + футер) ======
   Типографика приведена к сайту: текст — Manrope (как body),
   заголовки (.ap-title, .ap-logo-title) — Unbounded (как h2/hero/faq). */
.ap-root{font-family:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#fff;line-height:1.6;background:transparent;-webkit-font-smoothing:antialiased}
.ap-root *,.ap-root *::before,.ap-root *::after{box-sizing:border-box}
.ap-root a{text-decoration:none}
.ap-container{max-width:1200px;margin:0 auto;padding:0 20px}
.ap-estimate{padding:0;background:transparent}
.ap-estimate .ap-container{max-width:none;padding-left:0;padding-right:0}
.ap-estimate-wrap{display:grid;grid-template-columns:1fr 1fr;gap:60px;background:rgba(255,255,255,.02);border:1px solid rgba(22,182,201,.1);border-radius:20px;padding:60px;margin:120px 140px 20px}
.ap-badge{display:inline-block;color:#16B6C9;font-size:12px;font-weight:700;letter-spacing:2px;margin-bottom:20px;text-transform:uppercase}
/* заголовок формы — Unbounded, как заголовки секций сайта */
.ap-title{font-family:"Unbounded","Manrope",sans-serif;font-size:clamp(28px,3.4vw,42px);font-weight:800;letter-spacing:-.01em;line-height:1.15;margin:0 0 20px;color:#fff}
.ap-desc{color:#888;font-size:16px;margin:0 0 30px;line-height:1.6}
.ap-features{list-style:none;margin:0;padding:0}
.ap-features li{display:flex;align-items:center;gap:12px;margin-bottom:15px;color:#fff;font-size:14px}
.ap-features svg{flex-shrink:0}
.ap-form{display:flex;flex-direction:column;gap:20px}
.ap-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.ap-group{display:flex;flex-direction:column;gap:8px}
.ap-label{font-size:14px;color:#aaa;cursor:pointer}
.ap-input,.ap-select{width:100%;padding:14px 18px;background:rgba(255,255,255,.05);border:1px solid rgba(22,182,201,.2);border-radius:10px;color:#fff;font-size:14px;font-family:inherit;transition:all .3s}
.ap-input:focus,.ap-select:focus{outline:none;border-color:#16B6C9;background:rgba(255,255,255,.08)}
.ap-input::placeholder{color:#666}
.ap-select{cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2316B6C9' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;padding-right:40px}
.ap-select option{background:#0a0a0a;color:#fff}
.ap-upload{position:relative;padding:40px;border:2px dashed rgba(22,182,201,.3);border-radius:10px;text-align:center;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.ap-upload:hover{border-color:#16B6C9;background:rgba(22,182,201,.05)}
.ap-upload-text{color:#888;font-size:14px}
.ap-file{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}
.ap-submit{width:100%;padding:18px;background:linear-gradient(135deg,#16B6C9 0%,#0E97A8 100%);color:#0a0a0a;border:none;border-radius:30px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s;font-family:inherit}
.ap-submit:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(22,182,201,.4)}
.ap-link{color:#16B6C9;text-decoration:underline}
.ap-consent{display:flex;align-items:flex-start;justify-content:center;gap:10px;font-size:12px;color:#666;margin:0;text-align:left;line-height:1.5}
.ap-consent-box{appearance:none;-webkit-appearance:none;width:18px;height:18px;min-width:18px;margin:1px 0 0;padding:0;border:1px solid rgba(22,182,201,.4);border-radius:4px;background:rgba(255,255,255,.05);cursor:pointer;position:relative;transition:all .2s;flex-shrink:0}
.ap-consent-box:checked{background:#16B6C9;border-color:#16B6C9}
.ap-consent-box:checked::after{content:'';position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid #0a0a0a;border-width:0 2px 2px 0;transform:rotate(45deg)}
.ap-consent-box:focus-visible{outline:2px solid #16B6C9;outline-offset:2px}
.ap-consent-text{flex-shrink:1;cursor:pointer}
.ap-consent.error .ap-consent-box{border-color:#ff6b6b;box-shadow:0 0 0 2px rgba(255,107,107,.25);animation:ap-shake .3s}
.ap-consent.error .ap-consent-text{color:#ff8a8a}
@keyframes ap-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.ap-submit--locked{opacity:.45;cursor:not-allowed}
.ap-submit--locked:hover{transform:none;box-shadow:none}
.ap-footer{background:transparent;border-top:1px solid rgba(22,182,201,.1);padding:20px 0 0}
.ap-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:60px;padding-bottom:60px}
.ap-footer .ap-logo{display:flex;align-items:center;gap:12px}
.ap-footer .ap-logo-icon{background:none;width:auto;height:40px;border-radius:0;padding:0}
.ap-logo-img{display:block;height:100%;width:auto;max-width:170px;object-fit:contain}
.ap-logo-text{display:flex;flex-direction:column}
/* название логотипа — Unbounded, в стиле заголовков сайта */
.ap-logo-title{font-family:"Unbounded","Manrope",sans-serif;font-size:18px;font-weight:800;color:#fff;line-height:1.2;letter-spacing:-.01em}
.ap-logo-sub{font-size:10px;color:#888;letter-spacing:1px}
.ap-footer-desc{color:#888;font-size:14px;line-height:1.6;margin:20px 0}
.ap-socials{display:flex;gap:12px}
.ap-social{width:40px;height:40px;background:rgba(22,182,201,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#16B6C9;transition:all .3s}
.ap-social:hover{background:rgba(22,182,201,.2);transform:translateY(-2px)}
/* метки колонок — Manrope uppercase, как «бейджи» на сайте */
.ap-footer-title{font-family:inherit;font-size:14px;font-weight:700;letter-spacing:1px;margin:0 0 20px;color:#fff;text-transform:uppercase}
.ap-footer-links{list-style:none;margin:0;padding:0}
.ap-footer-links li{margin-bottom:12px}
.ap-footer-links a{color:#888;font-size:14px;transition:color .3s}
.ap-footer-links a:hover{color:#16B6C9}
.ap-contacts{list-style:none;margin:0;padding:0}
.ap-contacts li{display:flex;align-items:center;gap:12px;margin-bottom:15px;color:#888;font-size:14px}
.ap-contacts a{color:#888;transition:color .3s}
.ap-contacts a:hover{color:#16B6C9}
.ap-contacts svg{flex-shrink:0}
.ap-footer-bottom{border-top:1px solid rgba(22,182,201,.1);padding:20px 0;text-align:center;color:#666;font-size:14px}
@media (max-width:1100px){ .ap-estimate-wrap{margin:80px 60px 20px} }
@media (max-width:968px){
  .ap-estimate-wrap{grid-template-columns:1fr;padding:40px;margin:60px 32px 20px}
  .ap-footer-grid{grid-template-columns:1fr 1fr;gap:40px}
}
@media (max-width:640px){
  .ap-row{grid-template-columns:1fr}
  .ap-footer-grid{grid-template-columns:1fr}
  .ap-estimate-wrap{padding:25px;margin:32px 16px 20px}
}

/* ===== Наши дополнения (тема, меню, снятие лимитов Тильды) ===== */
:root{--bg:#15181a;--panel:#1b1f23;--panel-2:#22272b;--ink:#eef3f5;--muted:#9aa6b0;--line:#2a3136;--cyan:#4ecdc4;--cyan-bright:#8ff5ea}
html{color-scheme:dark}
html,body{width:100%!important;max-width:100%!important;display:block!important}
.t-container,.t-container_8,.t-container_10,.t-container_12,.t-container_100,.t-width,.t123,.t-rec,.t-records{max-width:100%!important;width:100%!important}
.ap-theme{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:11px;
  background:#1b2024;border:1px solid #2a3136;color:#eef3f5;font-size:16px;cursor:pointer;margin-left:8px;flex:0 0 auto}
.ap-theme:hover{border-color:#4ecdc4;color:#4ecdc4}
.ap-burger{display:none;width:42px;height:42px;border-radius:12px;background:#1b2024;border:1px solid #2a3136;color:#eef3f5;
  font-size:20px;line-height:1;cursor:pointer;align-items:center;justify-content:center;padding:0;margin-left:auto;flex:0 0 auto}
@media(max-width:980px){
  .ap-burger{display:flex!important}
  .ap-mobile{position:fixed!important;inset:0 0 0 auto!important;width:min(88vw,380px)!important;background:#12161a!important;
    border-left:1px solid #232a2f!important;transform:translateX(105%)!important;transition:transform .28s ease!important;
    overflow:auto!important;z-index:2147483646!important;padding:18px 16px 28px!important;box-sizing:border-box!important;display:block!important}
  .ap-mobile.open{transform:translateX(0)!important}
  .ap-mobile a,.ap-mobile .ap-m-link{display:block!important;padding:13px 12px!important;color:#eef3f5!important;
    text-decoration:none!important;font-size:15px!important;border-bottom:1px solid #20262a!important}
  .ap-nav{display:flex!important;flex-wrap:wrap!important;gap:6px!important}
  .ap-nav a{background:#1b2024!important;border:1px solid #2a3136!important;border-radius:10px!important;padding:8px 12px!important;font-size:13px!important}
  .ap-logo-img{height:34px!important;max-width:132px!important}
}

/* только тёмная тема */
html,body{background:#0a0c0e!important;color:#eef3f5!important}
.ap-theme{display:none!important}

/* ===== Стили мега-меню, мобильной панели, куки-баннера ===== */
/* ---------- мобильное меню ---------- */ .ap-mobile{position:fixed; inset:0; z-index:2147483646; background:rgba(7,9,11,.985); -webkit-backdrop-filter:blur(22px) saturate(160%); backdrop-filter:blur(22px) saturate(160%); transform:translateX(102%); transition:transform .55s var(--ap-ease); display:flex; flex-direction:column; padding:118px 30px 34px; overflow-y:auto;}
.ap-mobile.open{transform:none;}
.ap-mobile::before{content:""; position:absolute; right:-40px; bottom:-40px; width:340px; height:340px; background:repeating-linear-gradient(-45deg, rgba(78,205,196,.06) 0 2px, transparent 2px 14px); pointer-events:none;}
.ap-mobile-ghost{position:absolute; right:18px; top:50%; transform:translateY(-50%) rotate(90deg); transform-origin:right center; font-family:"Unbounded", sans-serif; font-size:120px; letter-spacing:.04em; color:transparent; -webkit-text-stroke:1px rgba(78,205,196,.07); pointer-events:none; white-space:nowrap;}
.ap-m-list{list-style:none; margin:0; padding:0; display:flex; flex-direction:column;}
.ap-mobile.open .ap-m-link{opacity:1; transform:none; transition-delay:calc(var(--i,0) * 60ms + 120ms);}
.ap-m-link:hover{color:var(--ap-cyan);}
.ap-m-link .n{font-family:"Unbounded", sans-serif; font-size:12px; font-weight:700; color:var(--ap-cyan); opacity:.7; min-width:30px;}
.ap-m-link.active{color:var(--ap-cyan);}
.ap-m-foot{margin-top:auto; padding-top:30px; display:flex; flex-direction:column; gap:18px; opacity:0; transform:translateY(16px); transition:opacity .5s var(--ap-ease) .4s, transform .5s var(--ap-ease) .4s;}
.ap-mobile.open .ap-m-foot{opacity:1; transform:none;}
.ap-m-phone{display:inline-flex; align-items:center; gap:12px; font-size:22px; font-weight:800; color:var(--ap-ink); text-decoration:none; letter-spacing:.01em;}
.ap-m-phone svg{width:20px; height:20px; color:var(--ap-cyan);}
.ap-m-cta{display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:17px 24px; font-family:"Unbounded", sans-serif; font-size:18px; letter-spacing:.14em; color:#04191c; text-decoration:none; background:linear-gradient(120deg, var(--ap-cyan-bright), var(--ap-cyan) 45%, var(--ap-cyan-deep)); clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);}
.ap-mobile-ghost{font-size:80px;}
.ap-mobile{padding:104px 20px 26px;}
.ap-header *, .ap-mobile *{animation:none !important; transition:none !important;}
.ap-m-link{font-size:15px;}
.ap-cookie{position:fixed;left:16px;right:16px;bottom:16px;z-index:2147483000;display:none; background:rgba(10,12,14,.96);border:1px solid rgba(78,205,196,.35);border-radius:16px; box-shadow:0 24px 60px rgba(0,0,0,.55);padding:18px 22px;backdrop-filter:blur(10px);max-width:640px;margin:0 auto}
.ap-cookie.show{display:block}
.ap-cookie-inner{display:flex;flex-direction:column;gap:14px}
.ap-cookie-text{margin:0;color:#c7ced4;font-size:13.5px;line-height:1.55}
.ap-cookie-link{color:#4ecdc4;text-decoration:underline}
.ap-cookie-btns{display:flex;gap:10px;flex-wrap:wrap}
.ap-cookie-btn{flex:1;min-width:150px;padding:11px 18px;border-radius:999px;font-size:13.5px;font-weight:700;cursor:pointer;transition:transform .25s,background .25s,border-color .25s;font-family:inherit}
.ap-cookie-btn--all{background:linear-gradient(135deg,#4ecdc4,#2a9d8f);border:1px solid transparent;color:#062024}
.ap-cookie-btn--min{background:transparent;border:1px solid rgba(78,205,196,.5);color:#eef3f5}
.ap-cookie-btn:hover{transform:translateY(-2px)}
.ap-cookie-btn--min:hover{background:rgba(78,205,196,.12)}
.ap-cookie-btn{min-width:100%}
.ap-cookie{background:rgba(250,251,253,.97);border-color:rgba(22,182,201,.4)}
.ap-cookie-text{color:#334}
/* мегаменю (главная) */ .ap-mega{position:relative;}
.ap-mega-trigger{position:relative; display:flex; align-items:center; gap:6px; padding:10px 15px; font-family:"Manrope", system-ui, sans-serif; font-size:14.5px; font-weight:600; letter-spacing:.02em; color:#c3ccd3; text-decoration:none; white-space:nowrap; cursor:pointer; background:none; border:none; line-height:1.2; text-transform:none; transition:color .3s ;}
.ap-mega-trigger::after{content:""; position:absolute; left:15px; right:15px; bottom:5px; height:2px; background:linear-gradient(90deg, #4ecdc4, rgba(78,205,196,0)); transform:scaleX(0); transform-origin:left; transition:transform .4s ;}
.ap-mega-trigger svg{width:12px; height:12px; transition:transform .3s ;}
.ap-mega:hover .ap-mega-trigger::after{transform:scaleX(1);}
.ap-mega:hover .ap-mega-trigger svg, .ap-mega-open .ap-mega-trigger svg{transform:rotate(180deg);}
.ap-mega-open .ap-mega-trigger::after{transform:scaleX(1);}
.ap-mega::after{content:""; position:absolute; left:0; right:0; top:100%; height:16px; z-index:999; pointer-events:auto;}
.ap-mega-panel::before{content:""; position:absolute; top:0; left:0; right:0; height:2px; z-index:3; background:linear-gradient(90deg, #2a9d8f, #4ecdc4, #8ff5ea);}
.ap-mega:hover .ap-mega-panel, .ap-mega-open .ap-mega-panel, .ap-mega-trigger:focus-visible + .ap-mega-panel, .ap-mega-panel:hover{opacity:1; visibility:visible; pointer-events:auto; transform:translateX(-50%) translateY(0);}
.ap-mega-body{display:flex;}
.ap-mega .ap-mega-cat-t{display:flex; align-items:center; justify-content:space-between; gap:8px; width:100%; padding:10px 13px; background:none; border:none; border-left:2px solid transparent; border-radius:8px; font-family:"Manrope", system-ui, sans-serif; font-size:13.5px; font-weight:600; letter-spacing:.01em; text-transform:none; color:#c3ccd3; text-align:left; cursor:pointer; text-decoration:none; transition:color .2s, background .2s, border-color .2s;}

.ap-mega .ap-mega-cat-t:hover::after, .ap-mega .ap-mega-cat-t.is-active::after{opacity:1; transform:translateX(0);}
.ap-mega .ap-mega-cat-t.is-active{color:#4ecdc4;}
.ap-mega-all-link::after{content:"→" !important; opacity:1 !important; transform:none !important;}
.ap-mega-views{flex:1; min-width:0; padding:18px 24px; display:grid;}
.ap-mega-view{display:none; grid-template-columns:repeat(3, minmax(0,1fr)); gap:2px 22px; align-content:flex-start;}
.ap-mega-view.is-active{display:grid;}
.ap-mega-view a{display:block; padding:4px 0; font-size:13px; font-family:"Manrope", system-ui, sans-serif; font-weight:500; color:#c3ccd3; text-decoration:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:color .2s, padding-left .2s;}
.ap-mega-subh{grid-column:1/-1; font-size:10.5px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:#4ecdc4; margin:7px 0 2px; white-space:nowrap;}
.ap-mega-view-marks{grid-template-columns:repeat(4, minmax(0,1fr));}
.ap-mega-body{min-height:auto;}
.ap-mega-cats{width:190px;}
.ap-mega-cat-t{color:#3a4a52;}
.ap-mega-view a{color:#3a4a52;}
.ap-mega-view a:hover{color:#0d1418;}
.ap-m-link{font-size:26px;}
.ap-mega-trigger{position:relative; display:flex; align-items:center; gap:6px; padding:10px 14px; background:none; border:none; cursor:pointer; font-family:"Manrope", system-ui, sans-serif !important; font-size:14.5px !important; font-weight:600 !important; letter-spacing:.02em !important; color:#c3ccd3 !important; white-space:nowrap; line-height:1.2;}
/* 3. Выпадающие панели: аккуратные, не вываливаются */
.ap-mega-panel{display:none!important}
.ap-mega-open .ap-mega-panel,.ap-mega:hover .ap-mega-panel{display:block!important;position:absolute!important;
  left:0!important;right:0!important;top:100%!important;background:#15181a!important;border:1px solid #232a2f!important;
  border-radius:0 0 14px 14px!important;max-height:72vh!important;overflow:auto!important;padding:12px!important;z-index:120!important}
.ap-mega-panel a,.ap-m-link{background:transparent!important;border:0!important;margin-bottom:5px!important}
.ap-mega-panel a:hover{color:#4ecdc4!important}
.ap-mega-cat-t,.ap-mega-subh{font-size:11px!important;letter-spacing:.08em!important;text-transform:uppercase!important;
  color:#7d8992!important;padding:8px 12px 4px!important;display:block!important}
.ap-mega-panel a,.ap-m-link{background:transparent!important;border:0!important;margin-bottom:5px!important}
.ap-mobile{position:fixed!important;inset:0 0 0 auto!important;width:min(88vw,380px)!important;background:#12161a!important;
    border-left:1px solid #232a2f!important;transform:translateX(105%)!important;transition:transform .28s ease!important;
    overflow:auto!important;z-index:2147483646!important;padding:18px 16px 28px!important;box-sizing:border-box!important;display:block!important}
.ap-mobile.open{transform:translateX(0)!important}
.ap-mobile .ap-m-link,.ap-mobile a{display:block!important;padding:13px 12px!important;color:#eef3f5!important;
    text-decoration:none!important;font-size:15px!important;border-bottom:1px solid #20262a!important}
.ap-mobile-ghost{position:fixed!important;inset:0!important;background:rgba(0,0,0,.55)!important;opacity:0!important;
    pointer-events:none!important;transition:opacity .25s!important;z-index:2147483645!important}
.ap-mobile.open + .ap-mobile-ghost,.ap-mobile-ghost.show{opacity:1!important;pointer-events:auto!important}
.ap-mobile-ghost{backdrop-filter:blur(2px)}
/* ===== Пункты 259/260/261/264: меню Manrope, этапы с подсветкой ===== */
.ap-nav a,.ap-nav span,.ap-mega-trigger{font-family:"Manrope",system-ui,sans-serif!important;font-size:14.5px!important;
  letter-spacing:.01em!important;text-transform:none!important}
.ap-mega-panel a,.ap-m-link,.ap-mega-cat-t{background:transparent!important;border:0!important;font-size:13px!important}
.ap-mega-cat-t{color:#8ff5ea!important;letter-spacing:.02em!important;font-weight:700!important}

/* шрифт в выпадающем списке мега-меню — компактный */
.ap-mega-view a,.ap-mega-views a{font-size:13px!important;line-height:1.4!important}
.ap-mega-view a:hover,.ap-mega-views a:hover{font-size:13px!important}
.ap-mega-panel .ap-mega-body{font-size:13px!important}

/* подменю: компактный шрифт (по просьбе) */
.ap-m-link{font-size:15px!important;line-height:1.35!important}
.ap-m-link .n{font-size:12px!important;min-width:22px!important}

/* ===== Мега-меню: тёмная тема (убрана светлая подложка) ===== */
.ap-mega-panel{background:#0f1214!important;border:1px solid #232a2f!important;box-shadow:0 24px 60px -24px rgba(0,0,0,.85)!important}
.ap-mega-cats{background:transparent!important}
.ap-mega-cat-t,.ap-mega .ap-mega-cat-t{color:#c3ccd3!important;background:transparent!important;border-left:2px solid transparent!important;border-radius:0!important}
.ap-mega-cat-t:hover,.ap-mega .ap-mega-cat-t:hover{color:#4ecdc4!important;background:rgba(78,205,196,.08)!important}
.ap-mega-cat-t.is-active,.ap-mega .ap-mega-cat-t.is-active{color:#8ff5ea!important;border-left-color:#4ecdc4!important;background:rgba(78,205,196,.10)!important}
.ap-mega-view a{color:#c3ccd3!important}
.ap-mega-view a:hover{color:#fff!important}
.ap-mega-all-link{color:#4ecdc4!important}

/* Убрана вылезающая стрелка у групп мега-меню */
.ap-mega-cat-t::after,.ap-mega .ap-mega-cat-t::after,
.ap-mega-cat-t::before,.ap-mega .ap-mega-cat-t::before{content:none!important;display:none!important}
.ap-mega-cats,.ap-mega-panel{overflow:hidden!important}

/* Марки — как обычные пункты меню; заголовки групп — акцентные */
.ap-mega-view-marks a{color:#c3ccd3!important}
.ap-mega-view-marks a:hover{color:#fff!important}
.ap-mega-subh{color:#8ff5ea!important}
.ap-mega-view a{color:#c3ccd3!important}

/* ===== Серые подложки у пунктов и подпунктов меню (как было) ===== */
.ap-mega-panel a,.ap-m-link{display:block;background:#191e22!important;border:1px solid #262d32!important;
  border-radius:8px!important;margin-bottom:5px!important;padding:9px 12px!important}
.ap-mega-panel a:hover,.ap-m-link:hover{background:#1d2226!important;color:#4ecdc4!important;border-color:#33403f!important}
.ap-mega-cats{background:rgba(255,255,255,.02)!important;border-right:1px solid rgba(255,255,255,.07)!important}
.ap-mega-cat-t{background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:8px!important;margin-bottom:6px!important}
.ap-mega-cat-t:hover{background:rgba(78,205,196,.10)!important;border-color:rgba(78,205,196,.35)!important;color:#8ff5ea!important}
.ap-mega-cat-t.is-active{background:rgba(78,205,196,.14)!important;border-color:#4ecdc4!important;color:#8ff5ea!important}
.ap-mega-view-marks a{background:#191e22!important;border:1px solid #262d32!important;border-radius:8px!important;
  margin-bottom:5px!important;padding:8px 10px!important;color:#c3ccd3!important}

/* ===== Стили шапки (восстановлены) ===== */
.ap-mega:hover .ap-mega-trigger, .ap-mega-trigger:hover{ color:#fff; }
.ap-mega-open .ap-mega-trigger{ color:#fff; }
.ap-mega-trigger:focus-visible{ outline:2px solid #4ecdc4; outline-offset:-2px; border-radius:6px; color:#fff; }
.ap-mega-panel{
  position:absolute; top:100%; left:50%; transform:translateX(-50%) translateY(8px);
  width:min(860px, 94vw); background:rgba(10,12,14,.97);
  -webkit-backdrop-filter:blur(22px) saturate(160%); backdrop-filter:blur(22px) saturate(160%);
  border:1px solid rgba(255,255,255,.08); border-radius:16px; overflow:hidden;
  opacity:0; visibility:hidden; pointer-events:none;
  transition:opacity .3s , transform .3s , visibility .3s;
  z-index:1000;
}
.ap-mega .ap-mega-cat-t::after{ content:"›"; font-size:15px; color:#4ecdc4; opacity:0; transform:translateX(-4px); transition:opacity .2s, transform .2s; }
.ap-mega .ap-mega-cat-t:hover, .ap-mega .ap-mega-cat-t.is-active{ color:#fff; background:rgba(78,205,196,.08); border-left-color:#4ecdc4; }
[data-theme="light"] .ap-mega-panel{ background:rgba(255,255,255,.98); }
[data-theme="light"] .ap-mega-cats{ background:rgba(10,20,30,.02); }
[data-theme="light"] .ap-mega-cat-t{ color:#3a4a52; }
[data-theme="light"] .ap-mega-cat-t:hover{ color:#0d1418; background:rgba(78,205,196,.1); }
[data-theme="light"] .ap-mega-view a{ color:#3a4a52; }
[data-theme="light"] .ap-mega-view a:hover{ color:#0d1418; }
a.ap-phone{ display:none; }
/* FIX навигации (08.09.2026): перекрывает битый каскад style#0 */
.ap-nav{ display:flex; align-items:center; gap:4px; margin-left:auto; }
.ap-nav > a{
  position:relative; display:block; padding:10px 14px;
  font-family:"Manrope", system-ui, sans-serif !important; font-size:14.5px !important; font-weight:600 !important;
  letter-spacing:.02em !important; color:#c3ccd3 !important; text-decoration:none; white-space:nowrap;
  transition:color .3s;
}
.ap-nav > a::after{
  content:""; position:absolute; left:14px; right:14px; bottom:5px; height:2px;
  background:linear-gradient(90deg,#4ecdc4,rgba(78,205,196,0));
  transform:scaleX(0); transform-origin:left; transition:transform .4s;
}
.ap-nav > a:hover{ color:#fff !important; }
.ap-mega-trigger:hover{ color:#fff !important; }
</style>
</head> <body class="t-body" style="margin: 0px;" id="top"><div class="ap-nv-bg" aria-hidden="true"><div class="glow glow-1"></div><div class="glow glow-2"></div><div class="glow glow-3"></div><div class="ap-nv-grid"></div><div class="ap-nv-dots"></div><div class="ap-nv-aurora"></div><div class="ap-nv-aurora-b"></div><div class="ap-nv-vignette"></div></div> <!--allrecords--> <div id="allrecords" class="t-records t-records_animated t-records_visible" data-hook="blocks-collection-content-node" data-tilda-project-id="8229784" data-tilda-page-id="70672055" data-tilda-formskey="c863a395c8d3c6a7df9b2262e8229784" data-tilda-cookie="no" data-tilda-lazy="yes" data-tilda-root-zone="com" data-tilda-project-headcode="yes" data-tilda-page-headcode="yes" data-tilda-ts="y" data-tilda-project-country="RU" style="transform: none; filter: none; opacity: 1; position: relative; z-index: 2147483647;"> <!--header--> <header id="t-header" class="t-records t-records_animated t-records_visible" data-hook="blocks-collection-content-node" data-tilda-project-id="8229784" data-tilda-page-id="41757352" data-tilda-page-alias="header" data-tilda-formskey="c863a395c8d3c6a7df9b2262e8229784" data-tilda-cookie="no" data-tilda-lazy="yes" data-tilda-root-zone="com" data-tilda-project-headcode="yes" data-tilda-ts="y" data-tilda-project-country="RU" style="transform: none; filter: none; opacity: 1; position: relative; z-index: 2147483647;"> <div id="rec2502546421" class="r t-rec" style="transform: none; filter: none; opacity: 1; position: relative; z-index: 2147483647;" data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123" style="transform: none; filter: none; opacity: 1;"> <div class="t-container_100 " style="transform: none; filter: none; opacity: 1;"> <div class="t-width t-width_100 " style="transform: none; filter: none; opacity: 1;"> <!-- nominify begin -->    <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">        <div class="ap-header scrolled" id="apHeader"> <!-- верхний ярус (бегущая строка) --> <div class="ap-topbar"> <div class="ap-topbar-inner"> <div class="ap-top-left"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="9"></circle><path d="M12 7v5l3 2"></path></svg>
        Ежедневно 09:00–21:00
        <span class="ap-sep"></span>
        Запись онлайн
      </div> <div class="ap-marquee" aria-hidden="true"> <div class="ap-marquee-track"> <div class="ap-marquee-group"> <span class="ap-marquee-item"><span class="dia">◆</span>ПОЛИРОВКА КУЗОВА</span> <span class="ap-marquee-item"><span class="dia">◆</span>КЕРАМИЧЕСКОЕ ПОКРЫТИЕ</span> <span class="ap-marquee-item"><span class="dia">◆</span>ХИМЧИСТКА САЛОНА</span> <span class="ap-marquee-item"><span class="dia">◆</span>ОКЛЕЙКА ПЛЁНКОЙ</span> <span class="ap-marquee-item"><span class="dia">◆</span>РЕСТАВРАЦИЯ КОЖИ</span> <span class="ap-marquee-item"><span class="dia">◆</span>УДАЛЕНИЕ ЦАРАПИН</span> </div> <div class="ap-marquee-group" aria-hidden="true"> <span class="ap-marquee-item"><span class="dia">◆</span>ПОЛИРОВКА КУЗОВА</span> <span class="ap-marquee-item"><span class="dia">◆</span>КЕРАМИЧЕСКОЕ ПОКРЫТИЕ</span> <span class="ap-marquee-item"><span class="dia">◆</span>ХИМЧИСТКА САЛОНА</span> <span class="ap-marquee-item"><span class="dia">◆</span>ОКЛЕЙКА ПЛЁНКОЙ</span> <span class="ap-marquee-item"><span class="dia">◆</span>РЕСТАВРАЦИЯ КОЖИ</span> <span class="ap-marquee-item"><span class="dia">◆</span>УДАЛЕНИЕ ЦАРАПИН</span> </div> </div> </div> <div class="ap-top-right"> <a class="ap-soc" href="#" aria-label="ВКонтакте">VK</a> <a class="ap-soc" href="#" aria-label="Telegram">TG</a> <a class="ap-soc" href="#" aria-label="WhatsApp">WA</a> </div> </div> </div> <!-- нижний ярус (навигация) --> <div class="ap-mainbar"> <div class="ap-inner"> <a class="ap-logo" href="#top" aria-label="ВЕСЬ-ПРОФ Детейлинг — на главную"> <img class="ap-logo-img" src="/img/logo_png.png" alt="ВЕСЬ-ПРОФ Детейлинг" onerror="this.style.display='none';var f=document.getElementById('apLogoFallback');if(f)f.style.display='flex';" width="400" height="310"> <span class="ap-logo-fallback" id="apLogoFallback">ВЕСЬ<span>-</span>ПРОФ<small>ДЕТЕЙЛИНГ</small></span> </a> <nav class="ap-nav" aria-label="Основная навигация"> <div class="ap-mega"> <button type="button" class="ap-mega-trigger" aria-haspopup="true" aria-expanded="false">Услуги<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button> <div class="ap-mega-panel" role="menu"> <div class="ap-mega-body"> <div class="ap-mega-cats"> <button type="button" class="ap-mega-cat-t" data-v="0">Кузовной ремонт</button> <button type="button" class="ap-mega-cat-t" data-v="1">Покраска</button> <button type="button" class="ap-mega-cat-t" data-v="2">Оклейка</button> <button type="button" class="ap-mega-cat-t" data-v="3">Детейлинг</button> <button type="button" class="ap-mega-cat-t" data-v="4">Другое</button> <button type="button" class="ap-mega-cat-t" data-v="5">Марки</button> <a class="ap-mega-cat-t ap-mega-all-link" href="/service">Все услуги</a> </div> <div class="ap-mega-views"> <div class="ap-mega-view" data-v="0"> <a href="/service/remont">Кузовной ремонт</a> <a href="/service/remont/bamper">Ремонт бампера</a> <a href="/service/remont_far">Ремонт фар</a> <a href="/service/pdr">Удаление вмятин (PDR)</a> <a href="/service/skol">Ремонт сколов и царапин</a> <a href="/service/remont/porog">Ремонт порога</a> <a href="/service/repolish">Полировка фар</a> </div> <div class="ap-mega-view" data-v="1"> <a href="/service/pokraska">Покраска автомобиля</a> <a href="/service/localpaint">Локальная покраска</a> <a href="/service/pokraska/kapot">Покраска капота</a> <a href="/service/pokraska/dveri">Покраска дверей</a> <a href="/service/pokraska/bamper">Покраска бампера</a> <a href="/service/pokraska/krisha">Покраска крыши</a> <a href="/service/pokraska/krilo">Покраска крыла</a> <a href="/service/pokraska/porog">Покраска порога</a> <a href="/service/pokraska/antihrom">Антихром</a> <a href="/service/localpaint/bagazhnik">Покраска багажника</a> </div> <div class="ap-mega-view" data-v="2"> <a href="/service/antigravii">Антигравийная плёнка</a> <a href="/service/defends">Глянцевая плёнка</a> <a href="/service/mat">Матовая плёнка</a> <a href="/service/vinil">Оклейка винилом</a> <a href="/service/bronya">Бронирование зон риска</a> <a href="/service/brend">Брендирование</a> <a href="/service/design">Разработка дизайна</a> <a href="/service/okleyka-marks">Оклейка по маркам</a> </div> <div class="ap-mega-view" data-v="3"> <a href="/service/detailing">Детейлинг</a> <a href="/service/polirovka">Полировка</a> <a href="/service/polirovka/kapot">Полировка капота</a> <a href="/service/polirovka/dveri">Полировка дверей</a> <a href="/service/polirovka/bamper">Полировка бампера</a> <a href="/service/polirovka/krilo">Полировка крыла</a> <a href="/service/polirovka/krisha">Полировка крыши</a> <a href="/service/himchistka">Химчистка салона</a> <a href="/service/detailing/keramika">Керамическое покрытие</a> <a href="/service/detailing/kvarc">Кварцевое покрытие</a> <a href="/service/detailwash">Детейлинг-мойка</a> <a href="/service/repolish">Реполиш</a> </div> <div class="ap-mega-view" data-v="4"> <a href="/service/tonirovka">Тонировка</a> <a href="/service/dovodchiki">Доводчики дверей</a> <a href="/service/detailwash">Фирменная чистка</a> <a href="/service/design">Дизайн-проект</a> </div> <div class="ap-mega-view ap-mega-view-marks" data-v="5"> <span class="ap-mega-subh">Покраска по маркам</span> <a href="/service/pokraska/audi">Audi</a> <a href="/service/pokraska/bentley">Bentley</a> <a href="/service/pokraska/bmw">BMW</a> <a href="/service/pokraska/changan">Changan</a> <a href="/service/pokraska/chery">Chery</a> <a href="/service/pokraska/chevrolet">Chevrolet</a> <a href="/service/pokraska/ford">Ford</a> <a href="/service/pokraska/gac">GAC</a> <a href="/service/pokraska/geely">Geely</a> <a href="/service/pokraska/honda">Honda</a> <a href="/service/pokraska/hyundai">Hyundai</a> <a href="/service/pokraska/infiniti">Infiniti</a> <a href="/service/pokraska/jaecoo">Jaecoo</a> <a href="/service/pokraska/jeep">Jeep</a> <a href="/service/pokraska/kia">Kia</a> <a href="/service/pokraska/lada">LADA</a> <a href="/service/pokraska/lamborghini">Lamborghini</a> <a href="/service/pokraska/landrover">Land Rover</a> <a href="/service/pokraska/lexus">Lexus</a> <a href="/service/pokraska/lixiang">Lixiang</a> <a href="/service/pokraska/maserati">Maserati</a> <a href="/service/pokraska/mazda">Mazda</a> <a href="/service/pokraska/mercedes">Mercedes-Benz</a> <a href="/service/pokraska/mitsubishi">Mitsubishi</a> <a href="/service/pokraska/nissan">Nissan</a> <a href="/service/pokraska/porsche">Porsche</a> <a href="/service/pokraska/skoda">Skoda</a> <a href="/service/pokraska/subaru">Subaru</a> <a href="/service/pokraska/tank">Tank</a> <a href="/service/pokraska/toyota">Toyota</a> <a href="/service/pokraska/volkswagen">Volkswagen</a> <a href="/service/pokraska/volvo">Volvo</a> <a href="/service/pokraska/voyah">Voyah</a> <a href="/service/pokraska/zeekr">Zeekr</a> <span class="ap-mega-subh">Оклейка PPF по маркам</span> <a href="/service/audippf">Audi PPF</a> <a href="/service/bmwppf">BMW PPF</a> <a href="/service/changanppf">Changan PPF</a> <a href="/service/exeedppf">Exeed PPF</a> <a href="/service/geelyppf">Geely PPF</a> <a href="/service/genesisppf">Genesis PPF</a> <a href="/service/jaecooppf">Jaecoo PPF</a> <a href="/service/jeepppf">Jeep PPF</a> <a href="/service/jetourppf">Jetour PPF</a> <a href="/service/mercedes-benzppf">Mercedes PPF</a> <a href="/service/tankppf">Tank PPF</a> <a href="/service/voyahppf">Voyah PPF</a> <a href="/service/zeekrppf">Zeekr PPF</a> </div> </div> </div> </div> </div> <a href="/price">Цены</a> <a href="/works/">Наши работы</a> <a href="/contacts">Контакты</a> <a href="/about">О нас</a> </nav> <div class="ap-right"> <a class="ap-phone" href="tel:+79233333361"> <span class="ap-phone-ico"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z"></path></svg> </span> <span class="ap-phone-txt"> <b>+7 (923) 333-33-61</b> <small><i class="ap-pulse"></i> на связи · 9:00–21:00</small> </span> </a> <a class="ap-cta" href="#apForm" onclick="document.getElementById('apForm').scrollIntoView({behavior:'smooth'}
var mega = document.querySelector('.ap-mega');
  var trig = document.querySelector('.ap-mega-trigger');
  if(!mega || !trig) return;
  var cats = mega.querySelectorAll('.ap-mega-cat-t[data-v]');
  var views = mega.querySelectorAll('.ap-mega-view');
  var closeTimer = null;
  function setOpen(open){
    clearTimeout(closeTimer);
    mega.classList.toggle('ap-mega-open', open);
    trig.setAttribute('aria-expanded', open ? 'true' : 'false');
  }
e.preventDefault();
    var wasOpen = mega.classList.contains('ap-mega-open');
    if(wasOpen){ setOpen(false); }
)();
</script></script>

<style id="ap-nav-fix">
/* FIX навигации (08.09.2026): перекрывает битый каскад style#0 */
.ap-nav{ display:flex; align-items:center; gap:4px; margin-left:auto; }
var mega = document.querySelector('.ap-mega');
  var trig = document.querySelector('.ap-mega-trigger');
  if(!mega || !trig) return;
  function setOpen(open){
    mega.classList.toggle('ap-mega-open', open);
    trig.setAttribute('aria-expanded', open ? 'true' : 'false');
  }

/* Пункты меню — ближе к логотипу */
.ap-phone,.ap-right{margin-left:auto!important}

/* Меню — ближе к логотипу; правый блок (телефон/CTA) — справа */
.ap-mainbar,.ap-header .ap-inner{justify-content:space-between!important}
.ap-nav{margin-left:20px!important;margin-right:auto!important}
.ap-right,.ap-phone{margin-left:auto!important}
.ap-phone{display:flex!important;visibility:visible!important;opacity:1!important}
@media(min-width:981px){.ap-phone{display:flex!important}}


/* ===== Блоки с появлением (.rv) не должны оставаться невидимыми ===== */
.rv,.rv-card,.rv-up,.rv-left,.rv-right,.rv-img{opacity:1!important;transform:none!important}

/* ===== Бегущая строка: анимация + сворачивание при прокрутке ===== */
@keyframes ap-marq{ to{ transform:translateX(-50%); } }
.ap-marquee{overflow:hidden!important;min-width:0}
.ap-marquee-track{display:flex!important;width:max-content!important;animation:ap-marq 30s linear infinite!important}
.ap-marquee:hover .ap-marquee-track{animation-play-state:paused!important}
.ap-header.scrolled .ap-topbar{max-height:0!important;opacity:0!important;border-color:transparent!important}
.ap-topbar{transition:max-height .45s ease,opacity .3s ease!important}
@media (prefers-reduced-motion: reduce){.ap-marquee-track{animation:none!important}}

/* ===== Контент не должен быть скрыт (эффект появления) ===== */
.reveal,.reveal.in,.rv,.rv-card,.rv-up,.rv-left,.rv-right,.revealed{opacity:1!important;transform:none!important}
/* hero не должен быть выше экрана */
.w-hero{min-height:auto!important;max-height:none!important;padding-top:170px!important;padding-bottom:80px!important}
.w-hero .hero-bg{position:absolute!important;inset:0!important;z-index:0!important}
.w-hero .hero-bg img{width:100%!important;height:100%!important;object-fit:cover!important}

/* ===== Блок статистики: строкой, без растяжения ===== */
.stats{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:stretch!important;gap:24px!important;margin-top:32px!important}
.stat-chip{display:flex!important;align-items:center!important;gap:12px!important;width:auto!important;height:auto!important;min-width:0!important;flex:0 0 auto!important;
  background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:14px!important;padding:14px 20px!important}
.stat-chip b{font-family:"Unbounded",Manrope,system-ui,sans-serif!important;font-size:30px!important;line-height:1!important;color:#4ecdc4!important;font-weight:400!important}
.stat-chip span{font-size:12.5px!important;color:#9fb0b8!important;text-align:left!important;line-height:1.25!important}

/* ===== Иконки: фиксированные размеры (иначе растягиваются) ===== */
.pc-btn svg,.price-card .pc-btn svg{width:15px!important;height:15px!important;max-width:15px!important;max-height:15px!important;flex:0 0 auto!important}
.pc-btn{width:34px!important;height:34px!important;min-width:34px!important;display:grid!important;place-items:center!important;border-radius:50%!important}
.ad-ico svg{width:24px!important;height:24px!important;max-width:24px!important;max-height:24px!important;flex:0 0 auto!important}
.ad-go svg{width:17px!important;height:17px!important;max-width:17px!important;max-height:17px!important;flex:0 0 auto!important}
.ad-ico{width:52px!important;height:52px!important;min-width:52px!important;display:grid!important;place-items:center!important;border-radius:14px!important}
.ad-go{width:46px!important;height:46px!important;min-width:46px!important;display:grid!important;place-items:center!important;border-radius:50%!important}
.ap-features svg{width:20px!important;height:20px!important;max-width:20px!important;max-height:20px!important;flex:0 0 auto!important}
.ap-upload svg{width:32px!important;height:32px!important;max-width:32px!important;max-height:32px!important}
/* общий предохранитель: иконки внутри карточек не раздуваются */
.price-card svg,.ad-row svg,.pc-body svg{max-width:44px!important;max-height:44px!important}
.pc-img{width:100%!important;height:180px!important;object-fit:cover!important;display:block!important;border-radius:14px 14px 0 0!important}

/* ===== Обёртка фона не должна скрывать контент ===== */
.ap-nv-bg{display:block!important;position:static!important;inset:auto!important;height:auto!important;width:auto!important;
  overflow:visible!important;background:transparent!important;pointer-events:auto!important;z-index:auto!important}
.ap-nv-bg>.glow,.ap-nv-bg>.ap-nv-grid,.ap-nv-bg>.ap-nv-dots,.ap-nv-bg>.ap-nv-aurora,.ap-nv-bg>.ap-nv-aurora-b,
.ap-nv-bg .glow,.ap-nv-bg .ap-nv-vignette{display:none!important}
.ap-nv-bg>.ap-header{position:fixed!important}
main,.hero,.section{width:auto!important;max-width:100%!important;box-sizing:border-box!important;display:block!important;visibility:visible!important}

/* ===== Не допускаем горизонтальной прокрутки ===== */
html,body{max-width:100%!important;overflow-x:hidden!important}
img,video,iframe,svg{max-width:100%!important}
[class*="ap-nv-"]{max-width:100vw!important;overflow:hidden!important}

/* ===== Текст на фонах: страховка читаемости ===== */
.hero-actions a:not(.btn-primary):not(.btn-accent),.btn-ghost,.hero-actions .btn:not(.btn-primary){ 
  background:rgba(7,9,11,.55)!important;backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.14)!important}
.w-hero h1,.hero h1{text-shadow:0 2px 18px rgba(0,0,0,.55)}
.w-hero .lead,.hero .lead{color:#c8d2d8!important;text-shadow:0 1px 10px rgba(0,0,0,.5)}
@media (max-width:620px){.w-hero,.hero{padding-top:132px!important}}

/* ===== Шкала заголовков (ТЗ: H1 48 / H2 32 / H3 21; мобильный 30/21/17) ===== */
h1,.w-hero h1,.hero h1{font-size:48px!important;line-height:1.1!important}
h2,section h2{font-size:32px!important;line-height:1.15!important}
h3{font-size:21px!important;line-height:1.25!important}
@media (max-width:620px){h1,.w-hero h1,.hero h1{font-size:30px!important}h2,section h2{font-size:21px!important}h3{font-size:17px!important}}

/* ===== Марки: значки-заглушки (логотип подставим позже) ===== */
.marks{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin-top:24px}
.mark{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  min-height:102px!important;padding:14px 8px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:14px!important;
  background:rgba(255,255,255,.02)!important;text-decoration:none!important;transition:transform .25s ease,border-color .25s ease,background .25s ease}
.mark>span:first-child{font-family:"Unbounded","Manrope",sans-serif!important;font-size:13.5px!important;font-weight:600!important;
  letter-spacing:.01em!important;color:#e9f1f4!important;text-align:center!important;line-height:1.2!important}
.mark::before{content:"";display:block!important;width:40px!important;height:40px!important;border-radius:12px!important;background:rgba(78,205,196,.08) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234ecdc4' stroke-width='1.6' stroke-linecap='round'><path d='M4 15h16M6 15l1.4-4.2A2 2 0 0 1 9.3 9.5h5.4a2 2 0 0 1 1.9 1.3L18 15'/><circle cx='8' cy='17.5' r='1.4'/><circle cx='16' cy='17.5' r='1.4'/></svg>") center/22px 22px no-repeat!important;border:1px solid rgba(78,205,196,.28)!important}
.mark .arrow{display:none!important}
.mark:hover{transform:translateY(-2px)!important;border-color:rgba(78,205,196,.45)!important;background:rgba(78,205,196,.06)!important}
@media (max-width:980px){.marks{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:620px){.marks{grid-template-columns:repeat(3,minmax(0,1fr))!important}.mark{min-height:92px!important}}

/* ===== Карточки цен: как на главной ===== */
.price-card .pc-kicker{display:inline-block!important;font-family:"Manrope",sans-serif!important;font-size:11px!important;letter-spacing:.08em!important;
  text-transform:uppercase!important;color:#4ecdc4!important;background:rgba(78,205,196,.10)!important;border:1px solid rgba(78,205,196,.28)!important;
  border-radius:8px!important;padding:3px 8px!important;margin-bottom:8px!important}
.price-card .pc-body b{font-family:"Unbounded",sans-serif!important;color:#ffffff!important;font-size:17px!important;line-height:1.2!important;display:block!important}
.price-card .pc-price{font-family:"Unbounded",sans-serif!important;font-size:15px!important;color:#eef3f5!important;display:block!important;margin-top:6px!important}
.price-card:hover .pc-body b{color:#8ff5ea!important}

.faq,.ap-faq,.faq-list,.ap-faq-list{max-width:960px!important;margin-left:auto!important;margin-right:auto!important}
@media (max-width:820px){.faq,.ap-faq,.faq-list,.ap-faq-list{max-width:792px!important}}

.art-faq{max-width:900px!important;margin-left:auto!important;margin-right:auto!important}
.art-body{position:relative}
.art-side{float:right;width:250px;margin:0 0 26px 30px;padding:18px 18px 20px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.03);position:sticky;top:100px}
.art-side__t{font-family:Unbounded,sans-serif;font-size:15px;line-height:1.35;margin-bottom:8px}
.art-side__p{font-size:13.5px;line-height:1.5;color:#a9bcc6;margin:0 0 14px}
.art-side__b{display:block;text-align:center;padding:12px 14px;border-radius:10px;background:#2ee6c5;color:#06201c;font-weight:600;text-decoration:none;margin-bottom:10px}
.art-side__l{display:block;text-align:center;font-size:14px;color:#dfe9ee;text-decoration:none}
@media (max-width:900px){.art-side{float:none;width:auto;position:static;margin:0 0 22px}}

.kp-steps{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:22px;align-items:stretch}
.kp-step{margin:0;padding:0;border:1px solid var(--line,rgba(255,255,255,.12));border-radius:16px;overflow:hidden;background:var(--panel,#171b1e);display:flex;flex-direction:column}
.kp-step img{width:100%;height:190px;object-fit:cover;border-radius:16px 16px 0 0;display:block}
.kp-step__b{padding:16px 18px 20px}
.kp-step__n{display:inline-block;font-family:Unbounded,sans-serif;font-size:13px;color:#2ee6c5;margin-bottom:6px}
.kp-step h3{font-family:Unbounded,sans-serif;font-size:19px;margin:0 0 8px;line-height:1.3}
.kp-step p{margin:0;font-size:14.5px;line-height:1.55;color:#a9bcc6}
.kp-answer strong{color:#eef3f5}
@media (max-width:980px){.kp-steps{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.kp-steps{grid-template-columns:1fr}.kp-step img{height:170px}}


.pt{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.08)}
.pt:last-child{border-bottom:0}
.pt span:last-child,.pt .pt-price{white-space:nowrap;font-family:Unbounded,sans-serif;color:#eef3f5}
.pt-wrap{border:1px solid rgba(255,255,255,.12);border-radius:14px;overflow:hidden;margin:18px 0;max-width:900px}
table.pt{display:table;width:100%;border-collapse:collapse}
table.pt td,table.pt th{padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;vertical-align:top}
table.pt td:last-child,table.pt th:last-child{white-space:nowrap;font-weight:600}
table.pt th{color:#a9bcc6;font-weight:500;font-size:14px}
@media (max-width:620px){.pt{flex-direction:column;gap:2px}.pt span:last-child{white-space:normal}}

.glow,.glow--a,.glow--b,.glow-1,.glow-2,.glow-3,.aurora,.aurora-1,.aurora-2{display:none!important}
.card__glow,.card__border-glow,.ad-glow{display:none!important}

:root{--ap-bg:#15181a;--ap-panel:#1b1f23;--ap-panel-2:#22272b;--ap-line:#2a3136}
.card,.ap-card{background:var(--ap-panel,#1b1f23)}

/* разморозка бегущей строки и появление hero: общий запрет анимации не должен их глушить */
.ap-marquee-track{animation:ap-marq 30s linear infinite!important}
.ap-marquee:hover .ap-marquee-track{animation-play-state:paused!important}
.vh-fade{opacity:1!important;transform:none!important}
.vh-line-in{transform:none!important}
.vh-fade{transition:none!important}
/* видео в hero: показать на весь блок */
.vh .vh-media{position:absolute!important;inset:0!important;z-index:0!important;opacity:1!important;display:block!important}
.vh .vh-media video{width:100%!important;height:100%!important;object-fit:cover!important;opacity:.82!important;display:block!important;transform:none!important;position:absolute!important;inset:0!important}
.vh .vh-shade{position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important}
.vh .vh-inner{position:relative!important;z-index:2!important}
@media (prefers-reduced-motion:reduce){.vh .vh-media{display:none!important}}
.ap-m-list,.ap-m-foot{pointer-events:none!important}
.ap-mobile .ap-m-list,.ap-mobile .ap-m-foot,.ap-mobile.open .ap-m-list,.ap-mobile.open .ap-m-foot{pointer-events:auto!important}

/* видео первого экрана: показываем на весь hero */
.vh>video,.vh video#vhVideo{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
 object-fit:cover!important;opacity:.82!important;display:block!important;z-index:0!important;pointer-events:none!important}
.vh>.vh-shade,.vh .vh-shade{position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important}
.vh>.vh-inner,.vh .vh-inner{position:relative!important;z-index:2!important}
.vh{position:relative!important;overflow:hidden!important}
@media (prefers-reduced-motion:reduce){.vh>video,.vh video#vhVideo{display:none!important}}

/* ---------- мобильная шапка (телефон) ---------- */
@media (max-width:820px){
  .ap-topbar{display:none!important}
  .ap-header-inner,.ap-header .ap-wrap{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;
    gap:10px!important;padding:10px 14px!important;width:100%!important;max-width:100%!important}
  .ap-nav,.ap-menu,.ap-nav-list,.ap-links,.ap-header nav{display:none!important}
  .ap-phone,.ap-phone-wrap,.ap-cta,.ap-actions,.ap-socials{display:none!important}
  .ap-logo{margin-right:auto!important}
  .ap-logo img,.ap-logo svg{height:34px!important;max-height:34px!important}
  .ap-burger{display:flex!important;position:static!important;margin-left:auto!important;flex:0 0 auto!important}
  .ap-mobile{width:min(92vw,340px)!important}
  .ap-mobile .ap-m-link,.ap-mobile a{font-size:15px!important;padding:12px 10px!important}
  .vh{padding:96px 18px 72px!important}
  .vh-title,h1{font-size:clamp(1.5rem,7vw,2.3rem)!important}
  .vh-actions{flex-direction:column!important;gap:10px!important}
  .vh-actions .vh-btn,.vh-btn{width:100%!important}
}
@media (max-width:480px){
  .ap-logo img,.ap-logo svg{height:30px!important}
}

/* открытие мобильного меню (не зависит от чужих обработчиков) */
html.ap-menu-open .ap-mobile,html.ap-menu-open .ap-mobile.open{transform:translateX(0)!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
html.ap-menu-open .ap-mobile .ap-m-list,html.ap-menu-open .ap-mobile .ap-m-foot{opacity:1!important;transform:none!important;pointer-events:auto!important;display:flex!important}
html.ap-menu-open .ap-mobile a{opacity:1!important;transform:none!important}
html.ap-menu-open body{overflow:hidden!important}
.ap-mobile{transition:none!important}

/* ---------- мобильная адаптация блоков-строк и карточек ---------- */
@media (max-width:900px){
  .ad-row{grid-template-columns:40px minmax(0,1fr) 40px!important;gap:12px!important;padding:14px 12px!important}
  .ad-row > *{min-width:0!important}
  .ad-row p,.ad-row .ad-txt,.ad-row span{overflow-wrap:anywhere!important;white-space:normal!important}
  .ad-rows{gap:10px!important}
  .bento{grid-template-columns:1fr!important}
  .card,.card--big{width:100%!important;max-width:100%!important}
  .kp-steps{grid-template-columns:1fr!important}
  .art-side{float:none!important;width:auto!important;max-width:none!important;position:static!important;margin:0 0 20px!important}
  .pk-answer,.kp-steps-wrap,.art-faq{max-width:100%!important;padding-left:16px!important;padding-right:16px!important}
}
@media (max-width:560px){
  .ad-row{grid-template-columns:32px minmax(0,1fr) 32px!important}
  .ad-row > *:first-child{font-size:22px!important}
}

@media (max-width:560px){
  .ad-row{grid-template-columns:44px minmax(0,1fr)!important;gap:10px 12px!important;padding:16px 14px!important;align-items:start!important}
  .ad-row .ad-main{grid-column:1 / -1!important;width:100%!important;max-width:100%!important}
  .ad-row .ad-t{font-size:24px!important;line-height:1!important}
  .ad-row h3,.ad-row p{width:100%!important;max-width:100%!important}
}

/* телефон: видео не показываем — только заголовок и текст, фон статичный */
@media (max-width:820px){
  .vh>video,.vh video#vhVideo{display:none!important}
  .vh{background-image:url('/img/pokraska_kapota_v_ka.webp');background-size:cover;background-position:center 30%;background-repeat:no-repeat}
  .vh>.vh-shade,.vh .vh-shade{background:linear-gradient(180deg,rgba(21,24,26,.45) 0%,rgba(21,24,26,.72) 55%,rgba(21,24,26,.94) 88%,rgba(21,24,26,1) 100%)!important}
}

/* шов hero → контент: затемнение вниз в цвет фона страницы */
.vh-shade{background:
 linear-gradient(180deg,rgba(21,24,26,0) 40%,rgba(21,24,26,.35) 68%,rgba(21,24,26,.78) 88%,rgba(21,24,26,1) 100%),
 radial-gradient(1200px 560px at 88% -6%, rgba(78,205,196,.14), rgba(0,0,0,0) 58%),
 linear-gradient(90deg,rgba(8,10,11,.92) 0%,rgba(8,10,11,.8) 34%,rgba(8,10,11,.42) 58%,rgba(8,10,11,.1) 100%)!important}
.vh{background:transparent!important}
.vh::after,.vh::before{display:none!important}
section.services,section.section-pad,.ad-sec{background:transparent!important}

/* блоки-факты: не кликабельные, икона слева, цифра в правом верхнем углу */
.ad-row{position:relative!important;cursor:default!important;pointer-events:none!important;
  grid-template-columns:auto minmax(0,1fr)!important;gap:16px!important;align-items:center!important;padding:20px 22px!important}
.ad-row .ad-glow,.ad-row .ad-shine{pointer-events:none!important}
.ad-row .ad-ico{grid-column:1!important;grid-row:1!important;display:flex!important;align-items:center!important;justify-content:center!important}
.ad-row .ad-main{grid-column:2!important;grid-row:1!important;min-width:0!important}
.ad-row .ad-num{position:absolute!important;top:12px!important;right:16px!important;grid-column:auto!important;
  font-size:20px!important;line-height:1!important;opacity:.5!important}
.ad-row .ad-go{display:none!important}
.ad-row .ad-chip{grid-column:2!important;grid-row:2!important;justify-self:start!important;margin-top:8px!important}
@media (max-width:560px){
  .ad-row{grid-template-columns:auto minmax(0,1fr)!important;gap:12px!important;padding:16px 14px!important}
  .ad-row .ad-num{top:10px!important;right:12px!important;font-size:17px!important}
}

/* ---------- мобильная шапка (образец владельца) ---------- */
@media (max-width:820px){
  .ap-topbar{display:block!important;background:rgba(255,255,255,.02)!important;border-bottom:1px solid rgba(255,255,255,.06)!important}
  .ap-topbar-inner{display:flex!important;align-items:center!important;gap:8px!important;padding:5px 10px!important}
  .ap-top-left{display:none!important}
  .ap-marquee{flex:1 1 auto!important;min-width:0!important}
  .ap-marquee-item{font-size:10.5px!important;letter-spacing:.1em!important;padding:0 9px!important}
  .ap-top-socials,.ap-topbar .ap-socials{display:none!important}
  .ap-header-inner,.ap-header .ap-wrap{display:flex!important;align-items:center!important;gap:8px!important;padding:8px 12px!important}
  .ap-logo{margin-right:auto!important;display:flex!important;align-items:center!important;gap:8px!important}
  .ap-logo img,.ap-logo svg{height:40px!important;max-height:40px!important;width:auto!important}
    .ap-nav{display:none!important}
  .ap-phone{display:none!important}
  .ap-cta{display:inline-flex!important;align-items:center!important;justify-content:center!important;
    width:42px!important;height:42px!important;min-width:42px!important;padding:0!important;border-radius:12px!important;flex:0 0 auto!important}
  .ap-cta>*:not(svg){display:none!important}
  .ap-cta svg{width:18px!important;height:18px!important;display:block!important}
  .ap-burger{display:inline-flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
    gap:4px!important;width:42px!important;height:42px!important;min-width:42px!important;padding:0!important;flex:0 0 auto!important}
  .ap-burger span{width:18px!important;height:2px!important;background:#eef3f5!important;border-radius:2px!important;margin:0!important}
}
@media (max-width:420px){
  .ap-logo img,.ap-logo svg{height:34px!important;max-height:34px!important}
  .ap-cta,.ap-burger{width:38px!important;height:38px!important;min-width:38px!important}
}

/* логотип: только картинка из сайта, текстовый дубль скрыт */
.ap-logo-fallback,#apLogoFallback,.ap-logo-txt,.ap-logo b,.ap-logo span{display:none!important}
.ap-logo img.ap-logo-img{display:block!important;height:auto!important;max-height:56px!important;width:auto!important}
@media (max-width:820px){
  .ap-logo img.ap-logo-img{max-height:44px!important}
  .ap-logo-fallback,#apLogoFallback,.ap-logo-txt{display:none!important}
}
@media (max-width:420px){
  .ap-logo img.ap-logo-img{max-height:38px!important}
}

.ap-logo-fallback,#apLogoFallback,.ap-logo-fallback *{display:none!important}

/* кнопка меню: ровные полоски по центру, без «серого квадрата» */
.ap-burger{position:relative!important;display:inline-flex!important;flex-direction:column!important;align-items:center!important;
  justify-content:center!important;gap:5px!important;width:42px!important;height:42px!important;min-width:42px!important;padding:0!important;
  background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:12px!important;cursor:pointer!important}
.ap-burger:hover{background:rgba(78,205,196,.12)!important;border-color:rgba(78,205,196,.45)!important}
.ap-burger:not(.open) span{position:static!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;
  transform:none!important;flex:0 0 auto!important;width:18px!important;height:2px!important;background:#eef3f5!important;border-radius:2px!important;margin:0!important}
.ap-burger.open span{width:18px!important;height:2px!important;background:#2ee6c5!important}
@media (max-width:420px){
  .ap-burger{width:38px!important;height:38px!important;min-width:38px!important;gap:4px!important}
  .ap-burger:not(.open) span{width:16px!important}
}

/* телефон: шапка и бегущая строка не растягивают страницу */
@media (max-width:820px){
  html,body{overflow-x:hidden!important;max-width:100%!important}
  .ap-header,.ap-topbar,.ap-topbar-inner,.ap-mainbar,.ap-inner{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
  .ap-topbar,.ap-topbar-inner{overflow:hidden!important;display:flex!important;flex-wrap:nowrap!important}
  .ap-marquee,.ap-marquee-track,.ap-marquee-group{max-width:100%!important}
  .ap-marquee{flex:1 1 auto!important;min-width:0!important;overflow:hidden!important}
  .ap-marquee-track{overflow:hidden!important}
  .vh,.vh-inner,.ad-sec,section{max-width:100%!important;box-sizing:border-box!important}
}

/* телефон: заголовки крупнее, текст карточек мельче */
@media (max-width:820px){
  h1,.vh-title{font-size:32px!important;line-height:1.16!important;letter-spacing:-.2px!important}
  h2{font-size:24px!important;line-height:1.26!important}
  h3{font-size:19px!important;line-height:1.3!important}
  .ad-row .ad-t{font-size:17px!important;line-height:1.32!important}
  .ad-row .ad-d{font-size:14px!important;line-height:1.5!important}
  .ad-row .ad-num{font-size:15px!important}
  .ap-ribbon-wrap h2{font-size:22px!important}
  .card h3,.card--big h3{font-size:18px!important;line-height:1.28!important}
  .vh-badge{font-size:11.5px!important}
  .vh-actions .vh-btn{font-size:15px!important}
}
@media (max-width:420px){
  h1,.vh-title{font-size:28px!important}
  h2{font-size:21px!important}
  .ad-row .ad-t{font-size:16px!important}
}

/* телефон: заголовки (шаг 2 — перебить правила секций) */
@media (max-width:820px){
  h1,.vh-title,header.vh h1,.vh-inner h1{font-size:33px!important;line-height:1.14!important}
  h2,.ad-sec h2,section h2,.ad-head h2,.sec-head h2,.ap-ribbon-wrap h2{font-size:24px!important;line-height:1.25!important}
  .ad-row .ad-t{font-size:17px!important}
}
@media (max-width:420px){
  h1,.vh-title,header.vh h1{font-size:30px!important}
  h2,.ad-sec h2,section h2{font-size:22px!important}
}

/* телефон: убираем жёсткие 1200px — страница должна сжиматься до экрана */
@media (max-width:820px){
  html,body,.t-body,body.t-body{min-width:0!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  .t-records,.t-records_animated,.t-container,.t-container_100,.t-width,.t-width_100,.t123,.t-rec{min-width:0!important;max-width:100%!important;width:100%!important}
}

/* телефон: видео в hero НЕ показываем (жёстко, перебивает прежние правила показа) */
@media (max-width:820px){
  .vh>video,.vh #vhVideo,.vh .vh-media,.vh .vh-media video,.vh video#vhVideo{
    display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;width:0!important}
  .vh{background-image:url('/img/pokraska_kapota_v_ka.webp')!important;background-size:cover!important;
      background-position:center 30%!important;background-repeat:no-repeat!important}
  .vh .vh-media{display:none!important}
}
@media (max-width:820px) and (prefers-reduced-motion:reduce){
  .vh{background-image:url('/img/pokraska_kapota_v_ka.webp')!important}
}

/* карточки работ: подпись с воздухом, не налезает на цифру */
.w-item .w-ov{padding:16px 52px 18px 18px!important;box-sizing:border-box!important}
.w-item .w-ov h3,.w-item .w-ov p{max-width:100%!important;overflow-wrap:anywhere!important}
.w-item .w-ov p{font-size:13.5px!important;line-height:1.5!important}
.w-item .w-ov h3{font-size:17px!important;line-height:1.28!important}
@media (max-width:820px){
  .w-item .w-ov{padding:14px 44px 16px 14px!important}
  .w-item .w-ov h3{font-size:16px!important}
  .w-item .w-ov p{font-size:13px!important}
}

/* воздух между текстом и цифрой в правом углу */
.ad-row .ad-main{padding-right:54px!important}
.ad-row .ad-t{padding-right:6px!important}
.ad-row .ad-d{max-width:100%!important}
@media (max-width:820px){
  .ad-row .ad-main{padding-right:44px!important}
  .ad-row .ad-t{font-size:17px!important}
}
/* кнопка «вверх» — выше строки чата, не поверх текста */
.up,.up-top,.to-top,.to-top-btn,[class*="totop"],[class*="to-top"],[class*="up-btn"],[id*="totop"]{
  bottom:92px!important;z-index:6!important;pointer-events:auto!important}
/* карточки работ: подпись с воздухом справа */
.w-item .w-ov{padding-right:52px!important}
@media (max-width:820px){.w-item .w-ov{padding-right:44px!important}}

/* телефон: ничего не шире экрана */
@media (max-width:860px){
  img,svg,video,iframe{max-width:100%!important}
  .fv,.fv-grid,.fv-card,.fv-films{min-width:0!important}
}

/* бегущая строка: трек во всю длину содержимого, обрезает только контейнер */
.ap-marquee{overflow:hidden!important;flex:1 1 auto!important;min-width:0!important}
.ap-marquee-track{max-width:none!important;width:max-content!important;flex-wrap:nowrap!important;will-change:transform}
.ap-marquee-group{flex:0 0 auto!important;flex-wrap:nowrap!important}
@media (max-width:820px){
  /* телефон: без мутного стоп-кадра из видео — ровный тёмный фон */
  .vh{background-image:linear-gradient(180deg,#1a1e21 0%,#15181a 60%,#15181a 100%)!important}
  .vh>.vh-shade,.vh .vh-shade{background:linear-gradient(180deg,rgba(21,24,26,.35) 0%,rgba(21,24,26,.72) 60%,rgba(21,24,26,1) 100%)!important}
  .ap-marquee-item{font-size:11px!important;padding:0 10px!important;letter-spacing:.08em!important}
}

/* мобильные правки: карточки цен, форма, верхняя плашка */
@media (max-width:820px){
  .price-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .price-card{width:100%!important;max-width:100%!important;min-width:0!important;padding:12px!important;
    display:flex!important;flex-direction:column!important;gap:3px!important;box-sizing:border-box!important;overflow:visible!important}
  .price-card b{font-size:15px!important;line-height:1.25!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .pc-price{font-size:13.5px!important;white-space:nowrap!important;display:block!important}
  .pc-num{font-size:11px!important}
  .price-card .arrow{display:none!important}
  .ap-form-wrap{padding:16px 14px!important;overflow:hidden!important}
  .ap-form .ap-row{display:block!important}
  .ap-input,.ap-select,.ap-textarea,.ap-form input:not([type="checkbox"]):not([type="radio"]),.ap-form select{width:100%!important;max-width:100%!important;
    box-sizing:border-box!important;font-size:16px!important}
  .ap-select{background-position:right 12px center!important;padding-right:34px!important;text-overflow:ellipsis!important}
  .ap-group{margin-bottom:12px!important}
  .ap-note,.ap-consent,.ap-policy,.ap-agree{font-size:11.5px!important;line-height:1.5!important}
  .ap-form button,.ap-submit{width:100%!important}
  .ap-topbar-inner{height:auto!important;min-height:34px!important;flex-wrap:wrap!important;
    padding:5px 12px!important;gap:4px 10px!important;box-sizing:border-box!important}
  .ap-topbar-item,.ap-topbar span,.ap-topbar a,.ap-topbar li{white-space:normal!important;font-size:10.5px!important;line-height:1.35!important}
  .ap-header .ap-cta,.ap-header .btn{white-space:nowrap!important}
}
@media (max-width:420px){
  .pc-price{font-size:12.5px!important}
  .price-card{padding:10px!important}
}

/* телефон: форма в подвале — с отступами от краёв, поля одинаковой ширины */
@media (max-width:820px){
  .ap-footer .ap-form,.ap-footer .ap-form-wrap,.ap-footer form{padding:0 14px!important;box-sizing:border-box!important;max-width:100%!important}
  .ap-footer .ap-row{display:block!important}
  .ap-footer .ap-group{margin-bottom:12px!important}
  .ap-footer .ap-input,.ap-footer .ap-select,.ap-footer input,.ap-footer select{
    width:100%!important;max-width:100%!important;box-sizing:border-box!important;font-size:16px!important}
  .ap-footer .ap-select{background-position:right 12px center!important;padding-right:34px!important}
  .ap-footer button,.ap-footer .ap-submit{width:100%!important}
  .ap-footer{overflow-x:hidden!important}
  
  .ap-footer .ap-col{margin-bottom:16px!important;width:100%!important}
}

/* телефон: контейнеры и широкие блоки не выходят за экран */
@media (max-width:820px){
  html,body{overflow-x:hidden!important;max-width:100%!important}
  .container,.container-fluid,.row,.wrap,.wrapper,.inner,.section>.container{
    width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;
    padding-left:14px!important;padding-right:14px!important;box-sizing:border-box!important}
  .faq__q,.faq__item,.faq,.acc__q,.accordion__q{
    width:100%!important;max-width:100%!important;box-sizing:border-box!important;white-space:normal!important}
  .faq__q{padding:14px 44px 14px 14px!important;text-align:left!important}
  h1,h2,h3,p,li,span,div{overflow-wrap:anywhere}
  table,.table{display:block!important;width:100%!important;overflow-x:auto!important}
  .w-grid-sec,.group-head{max-width:100%!important;box-sizing:border-box!important}
}

/* телефон: заголовки крупнее (правка 2) */
@media (max-width:820px){
  h1,.vh-title,header.vh h1,.vh-inner h1,.hero h1{font-size:38px!important;line-height:1.1!important;letter-spacing:-.3px!important}
  h2,.ad-sec h2,section h2,.sec-head h2,.ap-ribbon-wrap h2,.faq__title{font-size:27px!important;line-height:1.22!important}
  h3,.card h3,.card--big h3{font-size:20px!important;line-height:1.28!important}
}
@media (max-width:420px){
  h1,.vh-title,header.vh h1,.vh-inner h1,.hero h1{font-size:34px!important}
  h2,.ad-sec h2,section h2,.sec-head h2,.ap-ribbon-wrap h2,.faq__title{font-size:24px!important}
}

/* бургер только на телефоне: на компьютере скрыт */
.ap-burger,.ap-header .ap-burger,button.ap-burger,#apBurger{display:none!important}
@media (max-width:820px){
  .ap-burger,.ap-header .ap-burger,button.ap-burger,#apBurger{display:inline-flex!important;align-items:center!important;justify-content:center!important}
}



/* галочка согласия — фиксированный размер (не растягивать вместе с полями) */
.ap-form input[type="checkbox"],.ap-form input[type="radio"],
.ap-consent-box,.ap-consent input[type="checkbox"]{
  width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;
  flex:0 0 18px!important;padding:0!important;box-sizing:border-box!important}
.ap-consent{display:flex!important;align-items:flex-start!important;gap:10px!important}
.ap-consent .ap-consent-text{flex:1 1 auto!important;width:auto!important;min-width:0!important;
  white-space:normal!important;overflow-wrap:break-word!important;font-size:12.5px;line-height:1.45}

/* мобильное меню: отступ между номером и названием пункта */
.ap-m-link{display:flex!important;align-items:center!important;gap:14px!important}
.ap-m-link .n{min-width:28px!important;display:inline-block!important;opacity:.7}
.ap-m-sub-all,.ap-m-sub-h{gap:12px!important}
.ap-sub-list .ap-m-link .n{margin-right:6px}