/* ===== LogAngels — Zoom-style global reskin (T-323). Overrides Astra + la-* markup. ===== */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;600;700;800&display=swap');
:root{
  --z-blue:#0B5CFF; --z-blue-d:#0A48C7; --z-ink:#04061c; --z-ink2:#3a4256;
  --z-bg:#F5F7FB; --z-line:#e7ebf3; --z-purple:#9566A3;
}
html{scroll-behavior:smooth}
body{font-family:'Noto Sans',system-ui,-apple-system,'Segoe UI','DejaVu Sans',sans-serif !important;
  color:var(--z-ink) !important; background:#fff !important; -webkit-font-smoothing:antialiased; letter-spacing:-.1px;}
h1,h2,h3,h4,.entry-title{font-family:inherit !important; color:var(--z-ink) !important; font-weight:800 !important; letter-spacing:-1px; line-height:1.1;}
h1,.entry-title{font-size:clamp(34px,5vw,64px) !important;}
h2{font-size:clamp(28px,3.6vw,44px) !important;}
h3{font-size:clamp(19px,2vw,22px) !important; letter-spacing:-.4px;}
p,li{color:var(--z-ink2);}
a{transition:color .15s;}
a:hover{color:var(--z-blue);}
/* ===== Buttons: pill ===== */
.wp-block-button__link,.ast-button,.ast-custom-button,
.la-header-cta,.la-header-signup,.la-header-login,.wpcf7-submit,
.la-hero-cta a,.la-cta a,.la-cta-band a,.la-lead-form button,.la-inline-form button,
input[type=submit],.la-btn,.la-tariff a{
  border-radius:999px !important; font-weight:700 !important; letter-spacing:0 !important;
  padding:13px 26px !important; font-size:16px !important; line-height:1.15 !important;
  border:0; transition:.18s; display:inline-block; text-align:center; cursor:pointer;
}
.wp-block-button__link,.ast-button,.la-header-cta,.wpcf7-submit,.la-lead-form button,
.la-inline-form button,input[type=submit],.la-header-signup{
  background:var(--z-blue) !important; color:#fff !important; box-shadow:0 10px 22px -10px rgba(11,92,255,.6);}
.wp-block-button__link:hover,.ast-button:hover,.la-header-cta:hover,.wpcf7-submit:hover,
input[type=submit]:hover,.la-header-signup:hover{background:var(--z-blue-d) !important; transform:translateY(-1px);}
.la-header-login{background:transparent !important;color:var(--z-ink) !important;border:1.5px solid #c9d3e6 !important;}
.la-header-login:hover{border-color:var(--z-blue) !important;color:var(--z-blue) !important;}
.wp-block-button.is-style-outline .wp-block-button__link{background:transparent !important;color:var(--z-blue) !important;border:1.5px solid var(--z-blue) !important;box-shadow:none;}
/* ===== Header (white sticky, wing logo, pills) ===== */
.la-header{position:sticky;top:0;z-index:1000;background:#fff !important;border-bottom:1px solid var(--z-line);}
.la-header.scrolled{box-shadow:0 6px 24px -12px rgba(4,6,28,.28);}
.la-topbar{background:var(--z-ink) !important;color:#c7d2ee !important;font-size:13px;}
.la-topbar a{color:#c7d2ee !important;}.la-topbar a:hover{color:#fff !important;}
.la-navbar{background:#fff !important;}
.la-navbar-inner{max-width:1200px;margin:0 auto;padding:0 32px;min-height:74px;}
.la-header-logo a{font-weight:800 !important;font-size:22px;letter-spacing:-.3px;color:var(--z-ink) !important;display:inline-flex;align-items:center;gap:9px;}
.la-header-logo a::before{content:"";width:34px;height:20px;flex:0 0 auto;background:no-repeat center/contain;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20120%2060'%20fill='none'%20stroke='%230B5CFF'%20stroke-width='6'%20stroke-linecap='round'%3E%3Cpath%20d='M60%2042%20Q82%2020%20108%2022'/%3E%3Cpath%20d='M60%2046%20Q84%2031%20112%2038'/%3E%3Cpath%20d='M60%2050%20Q80%2043%20101%2052'/%3E%3Cpath%20d='M60%2042%20Q38%2020%2012%2022'/%3E%3Cpath%20d='M60%2046%20Q36%2031%208%2038'/%3E%3Cpath%20d='M60%2050%20Q40%2043%2019%2052'/%3E%3Ccircle%20cx='60'%20cy='40'%20r='5'%20fill='%230B5CFF'%20stroke='none'/%3E%3C/svg%3E");}
.la-header-logo em{font-style:normal;color:var(--z-blue);}
.la-header-nav>li>a{color:var(--z-ink2) !important;font-weight:600;font-size:15.5px;}
.la-header-nav>li>a:hover,.la-header-nav>li.active>a{color:var(--z-blue) !important;}
.la-megamenu{border-radius:16px !important;border:1px solid var(--z-line) !important;box-shadow:0 24px 60px -20px rgba(4,6,28,.3) !important;background:#fff !important;}
.la-mega-item{border-radius:12px !important;}
.la-mega-item:hover{background:var(--z-bg) !important;}
.la-mega-item b{color:var(--z-ink) !important;}
.la-lang-btn{border-radius:999px !important;border:1.5px solid #c9d3e6 !important;color:var(--z-ink2) !important;background:#fff !important;}
.la-lang-drop,.la-lang-list{border-radius:12px !important;border:1px solid var(--z-line) !important;box-shadow:0 20px 50px -20px rgba(4,6,28,.3) !important;}
.la-burger{color:var(--z-ink) !important;}

/* ===== Sections & eyebrow ===== */
.la-section{padding:78px 0 !important;}
.la-section-label{color:var(--z-blue) !important;font-weight:800 !important;letter-spacing:1.5px;text-transform:uppercase;font-size:14px;}
.la-section-header h2{margin-top:10px;}
/* ===== Hero ===== */
.la-hero{background:#fff !important;padding:88px 0 40px !important;}
.la-hero h1{font-size:clamp(40px,5.6vw,70px) !important;letter-spacing:-2px;line-height:1.03;}
.la-hero-inner{max-width:1120px;margin:0 auto;}
.la-hero p,.la-form-sub{color:var(--z-ink2) !important;font-size:20px;line-height:1.5;}
/* ===== Cards (services, steps, reviews, tariffs, advantages) ===== */
.la-svc,.la-step-card,.la-review,.la-tariff,.la-adv,.la-trust-item{
  border:1px solid var(--z-line) !important;border-radius:20px !important;background:#fff !important;
  box-shadow:0 1px 2px rgba(4,6,28,.04);transition:transform .2s,box-shadow .2s;overflow:hidden;}
.la-svc:hover,.la-step-card:hover,.la-tariff:hover,.la-review:hover{transform:translateY(-3px);box-shadow:0 26px 52px -30px rgba(11,92,255,.4);}
.la-svc-icon,.la-tariff-icon{color:var(--z-blue) !important;background:linear-gradient(135deg,#EAF1FF,#DCE8FF) !important;border-radius:14px;}
.la-svc:nth-child(even) .la-svc-icon,.la-tariff:nth-child(even) .la-tariff-icon{background:linear-gradient(135deg,#F0EAF6,#E6DAF3) !important;color:var(--z-purple) !important;}
.la-step-num,.la-adv-num{color:var(--z-blue) !important;font-weight:800 !important;}
.la-svc h3,.la-step-card h3,.la-tariff h3{color:var(--z-ink) !important;}
/* ===== Marketplace tags -> pills ===== */
.la-mp-tag{border-radius:999px !important;border:1px solid var(--z-line) !important;background:#fff !important;color:var(--z-ink2) !important;font-weight:600 !important;padding:9px 18px !important;}
/* ===== Trust / stats ===== */
.la-trust-bar,.la-trust-inner{background:var(--z-bg) !important;border-radius:24px;}
.la-trust-item strong,.la-trust-num{color:var(--z-blue) !important;font-weight:800 !important;}
/* ===== Reviews stars ===== */
.la-review-stars,.la-ya-stars,.la-ya-rate{color:#f5b301 !important;}
.la-review-role{color:var(--z-ink2) !important;}
/* ===== Dark CTA band ===== */
.la-cta-band,.la-dark,.la-band,.la-steps-bg{background:var(--z-ink) !important;border-radius:28px;color:#fff !important;}
.la-cta-band h2,.la-band h2,.la-cta-band p{color:#fff !important;}
.la-cta-band p{color:#d7e2ff !important;}
.la-cta-band a{background:#fff !important;color:var(--z-blue) !important;}
/* ===== Reviews section bg ===== */
.la-reviews-bg{background:var(--z-bg) !important;}
/* ===== Footer (dark, multi-column, wing) ===== */
.la-footer{background:var(--z-ink) !important;color:#95a1c2 !important;}
.la-footer h4{color:#fff !important;letter-spacing:.3px;}
.la-footer a{color:#95a1c2 !important;}.la-footer a:hover{color:#fff !important;}
.la-footer-logo{color:#fff !important;font-weight:800 !important;display:inline-flex;align-items:center;gap:9px;}
.la-footer-logo::before{content:"";width:32px;height:19px;flex:0 0 auto;background:no-repeat center/contain;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20120%2060'%20fill='none'%20stroke='%234d84ff'%20stroke-width='6'%20stroke-linecap='round'%3E%3Cpath%20d='M60%2042%20Q82%2020%20108%2022'/%3E%3Cpath%20d='M60%2046%20Q84%2031%20112%2038'/%3E%3Cpath%20d='M60%2050%20Q80%2043%20101%2052'/%3E%3Cpath%20d='M60%2042%20Q38%2020%2012%2022'/%3E%3Cpath%20d='M60%2046%20Q36%2031%208%2038'/%3E%3Cpath%20d='M60%2050%20Q40%2043%2019%2052'/%3E%3Ccircle%20cx='60'%20cy='40'%20r='5'%20fill='%234d84ff'%20stroke='none'/%3E%3C/svg%3E");}
.la-footer-desc{color:#95a1c2 !important;}
.la-footer-bottom{border-top:1px solid #1e2740 !important;color:#6b7699 !important;}
.la-footer-bottom p{color:#6b7699 !important;}
/* ===== Forms ===== */
.wpcf7-form input,.wpcf7-form textarea,.wpcf7-form select,.la-lead-form input,.la-lead-form textarea,.la-inline-form input{
  border:1.5px solid var(--z-line) !important;border-radius:12px !important;padding:12px 14px !important;font-size:15px !important;background:#fff !important;color:var(--z-ink) !important;}
.wpcf7-form input:focus,.wpcf7-form textarea:focus,.la-inline-form input:focus{outline:0 !important;border-color:var(--z-blue) !important;box-shadow:0 0 0 3px rgba(11,92,255,.15) !important;}
.la-lead-ok{border-radius:16px !important;background:var(--z-blue) !important;}
.la-lead-form,.la-inline-form{border-radius:20px;}
/* ===== Internal / Astra content ===== */
.entry-content h2,.entry-content h3{margin-top:1.4em;}
.entry-content img,.wp-block-image img,.wp-block-cover{border-radius:16px;}
.ast-container{max-width:1200px !important;}
.wp-block-separator,.ast-separator{border-color:var(--z-line) !important;}
.entry-content a{color:var(--z-blue);}
.entry-content a:hover{text-decoration:underline;}
.wp-block-group.has-background,.wp-block-cover{border-radius:20px;}
/* Astra buttons/links accent */
.ast-button,.menu-toggle{background:var(--z-blue) !important;color:#fff !important;}
/* ===== Responsive ===== */
@media(max-width:900px){
  .la-services,.la-mp-grid,.la-tariff-grid,.la-steps,.la-reviews,.la-trust-inner{grid-template-columns:1fr 1fr !important;}
}
@media(max-width:640px){
  .la-services,.la-mp-grid,.la-tariff-grid,.la-steps,.la-reviews,.la-trust-inner{grid-template-columns:1fr !important;}
  h1,.entry-title,.la-hero h1{font-size:34px !important;letter-spacing:-1px;}
  h2{font-size:26px !important;}
  .la-navbar-inner{padding:0 16px;}
  .la-section{padding:52px 0 !important;}
}


/* ============================================================
   T-329 — Zoom iteration 2: global polish (header/footer/internal)
   ============================================================ */
/* 1) Logo fix: gold/green "Log" -> cobalt; "Angels" ink (beats inline !important) */
.la-navbar .la-header-logo a{color:var(--z-ink)!important;letter-spacing:-.3px;font-weight:800!important}
.la-navbar .la-header-logo a em{color:var(--z-blue)!important;font-style:normal!important}
/* 2) Header: clean sticky, subtle shadow on scroll */
.la-header{box-shadow:0 1px 0 rgba(4,6,28,.05)}
.la-header.scrolled{box-shadow:0 8px 30px -16px rgba(4,6,28,.28)}
.la-header-cta{box-shadow:0 12px 24px -12px rgba(11,92,255,.55)}
/* 3) Internal hero banner -> light Zoom card (fixes dark-on-dark title) */
.la-hero-banner{background:linear-gradient(135deg,#EAF1FF 0%,#F5F7FB 62%)!important;border:1px solid var(--z-line)!important;border-radius:24px!important;box-shadow:0 30px 70px -46px rgba(4,6,28,.30)!important}
.la-hero-banner,.la-hero-banner p,.la-hero-banner li,.la-hero-banner span:not(.la-badge){color:var(--z-ink2)!important}
.la-hero-banner :is(h1,h2,.entry-title,.page-title){color:var(--z-ink)!important;letter-spacing:-1px}
.la-hero-banner a{color:var(--z-blue)!important}
/* 4) Internal card system -> unified Zoom look: radius 20, soft shadow, hover lift */
.la-svc,.la-feature,.la-stat-card,.la-ind-card,.la-value,.la-srv-card,.la-tariff,.la-review,.la-blog-card,.la-step-card{
  border-radius:20px!important;border:1px solid var(--z-line)!important;background:#fff!important;
  box-shadow:0 1px 2px rgba(4,6,28,.05)!important;transition:transform .2s ease,box-shadow .2s ease!important}
.la-svc:hover,.la-feature:hover,.la-stat-card:hover,.la-ind-card:hover,.la-srv-card:hover,.la-tariff:hover,.la-review:hover,.la-blog-card:hover{
  transform:translateY(-4px)!important;box-shadow:0 28px 54px -32px rgba(11,92,255,.38)!important;border-color:#dbe4f4!important}
/* blog / content images -> rounded like Zoom */
.la-blog-card img,.entry-content .wp-block-image img,.entry-content img{border-radius:16px}
.la-blog-card{overflow:hidden}
.la-blog-card img{border-radius:0}
/* 5) Typography & rhythm: airier internal content, tight display headings */
.entry-content h2,.entry-content h3{letter-spacing:-.5px}
.entry-content h2{margin-top:1.7em}
.entry-content :where(h1,h2,h3,h4){scroll-margin-top:96px}
/* CTA pills consistent */
.la-header-cta,.la-header-signup{letter-spacing:0}

/* ============================================================
   #502 — шапка на узких экранах.
   Было: строка шапки свёрстана под десктоп и на телефоне не
   перестраивалась. При ширине 390 логотип занимал до 206 px,
   кнопка «Оставить заявку» начиналась ровно там же и уходила
   за край до 393, а бургер вообще оказывался за экраном (401–441).
   Документ был шире окна на 51 px — отсюда и наезд на логотип,
   и обрезанная кнопка, и горизонтальная прокрутка страницы.
   Стало: строка сжимается — логотип и кнопка мельче, отступы
   меньше, бургер прижат к краю и всегда виден.
   ============================================================ */
@media(max-width:900px){
  .la-navbar-inner{display:flex;align-items:center;gap:10px;}
  .la-navbar-inner > div:last-child{margin-left:auto;flex:0 0 auto;}
  /* Логотип НЕ сжимается: с flex:0 1 auto он ужимался до 70 px, а текст
     «Angels» вылезал из своей коробки под кнопку — то самое перекрытие,
     только с другой стороны. Место уступает кнопка, у неё запас в отступах. */
  .la-header-logo{flex:0 0 auto;}
  .la-header-cta{flex:0 1 auto;min-width:0;}
}
@media(max-width:640px){
  .la-navbar-inner{padding:0 12px;gap:8px;}
  .la-navbar .la-header-logo a{font-size:20px !important;}
  .la-header-cta{padding:10px 14px !important;font-size:14px !important;
    white-space:nowrap;box-shadow:none;}
  .la-burger{flex:0 0 auto;width:36px;height:36px;padding:6px;}
}
@media(max-width:420px){
  .la-navbar-inner{padding:0 8px;gap:6px;}
  .la-navbar .la-header-logo a{font-size:18px !important;}
  .la-header-cta{padding:9px 10px !important;font-size:13px !important;}
  .la-burger{width:34px;height:34px;padding:5px;}
}
@media(max-width:340px){
  /* самые узкие телефоны: место уступает подпись кнопки */
  .la-header-cta{padding:8px 9px !important;font-size:12px !important;}
}

/* #502. Ниже 360 px даже сжатая кнопка не помещается рядом с логотипом и
   бургером: не хватает 24 px. Поэтому на самых узких экранах подпись
   становится короткой — «Заявка» вместо «Оставить заявку». Смысл кнопки не
   меняется, а логотип остаётся целым. Для каждого языка своя короткая подпись,
   она лежит в шапке рядом с полной. */
.la-header-cta .cta-s{display:none;}
@media(max-width:359px){
  .la-header-cta .cta-l{display:none;}
  .la-header-cta .cta-s{display:inline;}
}

/* #502. Побочная находка при проверке прокрутки: на английской версии при 320 px
   страница ездила вбок на 39 px. Виновата не шапка — плитки с цифрами и шагами
   в контенте свёрстаны в две колонки прямо в разметке, а английские подписи
   («50,000+ orders/month») в 320 px в две колонки не влезают. На самых узких
   экранах раскладываем такие плитки в одну колонку. */
@media(max-width:380px){
  .entry-content > div[style*="grid"]{grid-template-columns:1fr !important;}
}
/* T-730. Вход в шапке. */
.la-login{position:relative;display:inline-block}
.la-login-btn{cursor:pointer;font:inherit}
.la-login-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:60;min-width:250px;
  background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.12);padding:10px}
.la-login-head{font-size:12px;color:#718096;padding:4px 10px 8px}
.la-login-item{display:block;padding:10px 12px;border-radius:9px;text-decoration:none;color:#1a202c;font-size:14.5px}
.la-login-item:hover{background:#f1f5f9}
.la-login-sep{font-size:12px;color:#718096;padding:10px 10px 4px;border-top:1px solid #edf2f7;margin-top:6px}
.la-login-alt{color:#2b6cb0}
.la-login-out{margin-left:8px;font-size:13px;color:#718096;text-decoration:none}
.la-login-out:hover{text-decoration:underline}