*{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}
  body{font-family:'Manrope',-apple-system,sans-serif;background:#ffffff;color:#0e1822;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
  img{max-width:100%;height:auto;display:block;}
  ::selection{background:#c5e6d4;}
  .tm{display:flex;flex-direction:column;align-items:center;gap:12px;width:92px;}
  .tm .role{font-size:12px;font-weight:600;color:#5e6b76;text-align:center;line-height:1.3;}
  .imgslot{display:flex;align-items:center;justify-content:center;text-align:center;background:#eef1f4;border:1.5px dashed #c2cbd3;color:#9aa4ad;font-size:12px;font-weight:500;padding:8px;line-height:1.3;}
  @media (max-width:760px){
    header nav, header a[href^="tel"]{display:none !important;}
  }

  @property --itc-ang{syntax:'<angle>';initial-value:0deg;inherits:false;}
  @keyframes itc-border-run{to{--itc-ang:360deg;}}
  .result-card{transition:box-shadow .25s ease,transform .25s ease;}
  .result-card:hover{box-shadow:0 12px 32px rgba(14,24,34,0.10);transform:translateY(-3px);}
  .result-anim{position:relative;}
  .result-anim::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--itc-ang),transparent 0deg,transparent 250deg,rgba(10,138,85,.45) 305deg,rgba(10,138,85,.75) 340deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none;animation:itc-border-run 8s linear infinite;}

  @media (max-width: 860px){
    main > section, body > section, section{ padding-top:25px !important; padding-bottom:25px !important; padding-left:18px !important; padding-right:18px !important; }
  [data-hero-slot]{aspect-ratio:auto !important;min-height:0 !important;overflow:visible;}
  [data-hero-slot] img{width:100% !important;height:auto !important;object-fit:contain !important;object-position:center !important;}
  [data-case-hero]{aspect-ratio:auto !important;min-height:0 !important;}
  [data-case-hero]{width:100% !important;height:auto !important;object-fit:contain !important;object-position:center !important;}


    [style*="grid-template-columns"]{ grid-template-columns:1fr !important; gap:24px !important; }
    [style*="grid-template-columns"] > * { min-width: 0 !important; max-width: 100%; }
    h1 { max-width: 100%; overflow-wrap: anywhere; }
    [style*="padding:44px"]{ padding:26px 22px !important; }
    [style*="padding:28px"]{ padding:22px !important; }
    h1[style*="clamp(48px"]{ font-size:40px !important; line-height:1.05 !important; }
    /* body-текст к нашему стандарту (15px) */
    section p{ font-size:15px !important; line-height:1.55 !important; }
    section h2{ font-size:28px !important; }
    header > div{ padding:14px 18px !important; gap:12px !important; }
    footer{ padding:40px 18px 30px !important; }
    img[style*="height:420px"], img[style*="height:520px"], .imgslot[style*="height:420px"], .imgslot[style*="height:520px"]{ height:240px !important; }
  }
  @media (max-width: 480px){
    .stat-num{ font-size:38px !important; }
    h2{ font-size:24px !important; }
  }
  /* ===== shared chrome (header menu / light footer / chat) ===== */
  :root{
    --bg-0:#ffffff;--bg-1:#f4f7f9;--bg-2:#ffffff;--bg-3:#eef2f5;
    --line:rgba(14,24,34,0.08);--line-strong:rgba(14,24,34,0.14);
    --text-0:#0e1822;--text-1:#36434f;--text-2:#5e6b76;--text-3:#8a949d;
    --neon:#0a8a55;--neon-bright:#07764a;--neon-dim:rgba(10,138,85,0.10);--neon-glow:rgba(10,138,85,0.20);
    --radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;
    --font-sans:'Manrope',-apple-system,sans-serif;--font-mono:'Manrope',-apple-system,sans-serif;--font-display:'Manrope',-apple-system,sans-serif;
    --font-logo:'Montserrat',var(--font-sans);--coral:#df5630;--radius-pill:100px;
    --glow-btn:0 0 0 1px var(--neon);--shadow-card:0 30px 64px rgba(20,34,52,.14);--ring-focus:0 0 0 3px rgba(10,138,85,.18);
    --dur-fast:.2s;--dur-med:.3s;--ease-out:cubic-bezier(.2,.7,.2,1);
  }
  .container{max-width:1240px;margin:0 auto;padding:0 24px;}
@keyframes hub-chat-pulse { 0%{box-shadow:0 0 0 0 rgba(10,138,85,.5);} 70%{box-shadow:0 0 0 16px rgba(10,138,85,0);} 100%{box-shadow:0 0 0 0 rgba(10,138,85,0);} }

.hub-header { position: sticky; top: 0px; z-index: 90; background: rgba(255, 255, 255, 0.82); backdrop-filter: blur(20px); border-bottom: 1px solid var(--line); }
.hub-header__inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 16px 24px; max-width: 1240px; margin: 0px auto; }
.hub-nav { display: flex; align-items: center; gap: 26px; }
.hub-nav a { color: var(--text-2); font-size: 14px; font-weight: 500; transition: color 0.2s; text-decoration: none; }
.hub-nav a:hover { color: var(--neon); }
.hub-nav__item { position: relative; }
.hub-nav__trigger { display: inline-flex; align-items: center; gap: 5px; background: none; border: none; cursor: pointer; padding: 0px; font-family: var(--font-sans); font-size: 14px; font-weight: 500; color: var(--text-2); transition: color 0.2s; }
.hub-nav__trigger:hover, .hub-nav__trigger.is-open { color: var(--neon); }
.hub-nav__caret { transition: transform 0.25s; }
.hub-nav__trigger.is-open .hub-nav__caret { transform: rotate(180deg); }
.hub-mega { position: absolute; left: 0px; right: 0px; top: 100%; background: rgba(255, 255, 255, 0.97); backdrop-filter: blur(24px); border-bottom: 1px solid var(--line); box-shadow: rgba(20, 34, 52, 0.22) 0px 24px 48px -24px; opacity: 0; visibility: hidden; transform: translateY(-8px); transition: opacity 0.22s, transform 0.22s, visibility 0.22s; z-index: 89; }
.hub-mega.is-open { opacity: 1; visibility: visible; transform: translateY(0px); }
.hub-mega__inner { display: grid; grid-template-columns: 280px 1fr; gap: 48px; padding: 40px 24px 44px; align-items: start; }
.hub-mega__kicker { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--neon); margin-bottom: 14px; }
.hub-mega__lead-title { font-family: var(--font-display); font-weight: 600; font-size: 24px; letter-spacing: -0.02em; line-height: 1.15; color: var(--text-0); margin-bottom: 12px; }
.hub-mega__lead-sub { font-size: 14px; line-height: 1.55; color: var(--text-2); max-width: 240px; }
.hub-mega__grid--vert { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.hub-mega__card { display: block; padding: 18px 20px; border: 1px solid var(--line); border-radius: var(--radius-md); text-decoration: none; transition: border-color 0.2s, transform 0.2s, box-shadow 0.2s; background: var(--bg-1); }
.hub-mega__card:hover { transform: translateY(-2px); box-shadow: 0 16px 34px -18px rgba(20,34,52,.30); }
.hub-mega__card-title { font-family: var(--font-sans); font-weight: 700; font-size: 15px; color: var(--text-0); margin-bottom: 4px; }
.hub-mega__card-sub { font-size: 13px; color: var(--text-2); line-height: 1.45; margin-bottom: 10px; }
.hub-mega__card-dom { font-family: var(--font-mono); font-size: 12px; color: var(--neon); font-weight: 500; }
.hub-mega__cols { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
.hub-mega__col-title { font-family: var(--font-sans); font-weight: 700; font-size: 13px; letter-spacing: 0.02em; color: var(--text-0); padding-bottom: 12px; margin-bottom: 8px; border-bottom: 1px solid var(--line); }
.hub-mega__list { list-style: none; padding: 0px; margin: 0px; }
.hub-mega__list li { margin: 0px; }
.hub-mega__list a { display: block; padding: 8px 0px; font-size: 14px; color: var(--text-1); font-weight: 500; transition: color 0.2s, padding-left 0.2s; }
.hub-mega__list a:hover { color: var(--neon); padding-left: 5px; }
.hub-header__cta { display: flex; align-items: center; gap: 16px; }
.hub-phone { font-family: var(--font-sans); font-size: 14px; color: var(--text-1); white-space: nowrap; text-decoration: none; }
.hub-phone:hover { color: var(--neon); }
@media (max-width: 960px){ .hub-nav, .hub-phone { display: none; } .hub-mega { display: none; } }

.hub-footer { background: #ffffff; border-top: 1px solid var(--line); padding: 56px 0px 40px; position: relative; z-index: 2; }
.hub-footer__top { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 36px 48px; align-items: start; padding-bottom: 36px; border-bottom: 1px solid var(--line); }
@media (max-width: 880px){ .hub-footer__top { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; } }
@media (max-width: 520px){ .hub-footer__top { display: grid; grid-template-columns: 1fr; } }
.hub-footer__brandcol { display: flex; flex-direction: column; gap: 14px; }
.hub-footer__contact { font-size: 14px; color: var(--text-2); line-height: 1.7; }
.hub-footer__contact a { color: var(--text-1); text-decoration: none; }
.hub-footer__contact a:hover { color: var(--neon); }
.hub-footer__phone { font-size: 18px; font-weight: 700; color: var(--text-0); }
.hub-footer__col-h { font-family: var(--font-sans); font-size: 11px; color: var(--text-3); letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 14px; }
.hub-footer__links { display: flex; flex-direction: column; gap: 9px; }
.hub-footer__links a { font-size: 14px; color: var(--text-2); text-decoration: none; }
.hub-footer__links a:hover { color: var(--neon); }
.hub-footer__bottom { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; padding-top: 24px; }
.hub-footer__copy { font-family: var(--font-sans); font-size: 11px; color: var(--text-3); }
.hub-footer__bottom a { font-size: 12px; color: var(--text-3); text-decoration: underline; }

.hub-chat { position: fixed; right: 24px; bottom: 24px; z-index: 200; }
.hub-chat__launcher { position: relative; width: 62px; height: 62px; border-radius: 50%; background: var(--neon); border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: rgba(10, 138, 85, 0.55) 0px 14px 32px -10px; transition: transform 0.25s, box-shadow 0.25s; margin-left: auto; }
.hub-chat__launcher:hover { transform: translateY(-3px) scale(1.04); box-shadow: rgba(10, 138, 85, 0.65) 0px 20px 40px -12px; }
.hub-chat__launcher.is-open { background: var(--text-0); }
.hub-chat__launcher-pulse { position: absolute; inset: 0px; border-radius: 50%; box-shadow: rgba(10, 138, 85, 0.5) 0px 0px 0px 0px; animation: 2.4s ease-out 0s infinite normal none running hub-chat-pulse; }
@media (prefers-reduced-motion: reduce){ .hub-chat__launcher-pulse { animation: none; } }
.hub-chat__panel { position: absolute; right: 0px; bottom: 76px; width: 380px; max-width: calc(-32px + 100vw); background: var(--bg-1); border: 1px solid var(--line); border-radius: 20px; box-shadow: rgba(20, 34, 52, 0.4) 0px 30px 70px -24px; overflow: hidden; display: flex; flex-direction: column; max-height: min(640px, -120px + 100vh); opacity: 0; visibility: hidden; transform: translateY(16px) scale(0.97); transform-origin: right bottom; transition: opacity 0.26s, transform 0.26s, visibility 0.26s; }
.hub-chat__panel.is-open { opacity: 1; visibility: visible; transform: translateY(0px) scale(1); }
.hub-chat__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 18px; background: var(--bg-2); border-bottom: 1px solid var(--line); }
.hub-chat__head-id { display: flex; align-items: center; gap: 12px; }
.hub-chat__name { font-family: var(--font-sans); font-weight: 700; font-size: 16px; color: var(--text-0); display: flex; align-items: center; gap: 8px; }
.hub-chat__bot { font-family: var(--font-mono); font-size: 10px; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text-3); background: var(--bg-3); padding: 2px 7px; border-radius: var(--radius-pill); }
.hub-chat__status { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--text-2); margin-top: 3px; }
.hub-chat__status-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--neon); box-shadow: rgba(10, 138, 85, 0.18) 0px 0px 0px 3px; }
.hub-chat__close { background: none; border: none; cursor: pointer; color: var(--text-3); padding: 4px; border-radius: 8px; transition: color 0.2s, background 0.2s; display: flex; }
.hub-chat__close:hover { color: var(--text-0); background: var(--bg-3); }
.hub-chat__body { flex: 1 1 0%; overflow-y: auto; padding: 18px; display: flex; flex-direction: column; gap: 14px; background: var(--bg-1); }
.hub-chat__row { display: flex; gap: 8px; align-items: flex-end; max-width: 90%; }
.hub-chat__avatar { flex-shrink: 0; }
.hub-chat__bubble { font-size: 14px; line-height: 1.55; padding: 12px 15px; border-radius: 16px; }
.hub-chat__row--bot .hub-chat__bubble { background: var(--bg-2); color: var(--text-1); border: 1px solid var(--line); border-bottom-left-radius: 5px; }
.hub-chat__quick { display: flex; flex-direction: column; gap: 8px; padding: 0px 18px 8px; }
.hub-chat__chip { text-align: left; font-family: var(--font-sans); font-size: 13.5px; font-weight: 500; color: var(--text-1); background: var(--bg-2); border: 1px solid var(--line); border-radius: 12px; padding: 11px 14px; cursor: pointer; transition: border-color 0.2s, color 0.2s, transform 0.2s; }
.hub-chat__chip:hover { border-color: var(--neon); color: var(--neon); transform: translateX(2px); }
.hub-chat__foot { display: flex; gap: 10px; padding: 14px 18px 18px; border-top: 1px solid var(--line); background: var(--bg-2); }
.hub-chat__foot-btn { flex: 1 1 0%; display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 14px; font-weight: 700; padding: 11px 0px; border-radius: 11px; text-decoration: none; transition: opacity 0.2s, transform 0.2s; }
.hub-chat__foot-btn:hover { transform: translateY(-2px); opacity: 0.92; }
.hub-chat__foot-btn--tg { background: rgb(42, 171, 238); color: rgb(255, 255, 255); }
.hub-chat__foot-btn--max { background: linear-gradient(135deg, rgb(43, 140, 255) 0%, rgb(124, 77, 255) 100%); color: rgb(255, 255, 255); }
.hub-chat__foot-btn--max svg { color: rgb(255, 255, 255); }
@media (max-width: 520px){ .hub-chat { right: 16px; bottom: 16px; } .hub-chat__panel { bottom: 72px; } }

.itc-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 16px 28px; border-radius: 8px; font-family: var(--font-sans); font-size: 15px; font-weight: 600; cursor: pointer; border: none; text-decoration: none; white-space: nowrap; transition: all var(--dur-fast, .2s) ease; }
.itc-btn--sm { padding: 12px 22px; font-size: 14px; }
.itc-btn--primary { background: var(--neon); color: var(--bg-0); box-shadow: var(--glow-btn); }
.itc-btn--primary:hover { background: var(--neon-bright); transform: translateY(-2px); box-shadow: 0 0 0 1px var(--neon-bright), 0 0 40px -3px var(--neon-glow); }

.itc-logo { display: inline-flex; flex-direction: column; text-decoration: none; line-height: 1; }
.itc-logo__word { font-family: var(--font-logo); font-size: 22px; font-weight: 700; letter-spacing: -0.01em; line-height: 1; text-transform: uppercase; }
.itc-logo__itc, .itc-logo__media { color: var(--text-0); }
.itc-logo__dot { color: var(--neon); margin: 0px 1px; }
.itc-logo--muted .itc-logo__itc, .itc-logo--muted .itc-logo__media { color: rgba(255, 255, 255, 0.92); }
.itc-logo__tagline { font-family: var(--font-mono); font-size: 10px; color: var(--neon); letter-spacing: 0.08em; text-transform: uppercase; font-weight: 600; margin-top: 4px; white-space: nowrap; }
body[data-cap="plain"] .itc-logo__tagline { font-family: var(--font-sans); font-weight: 600; letter-spacing: 0.01em; text-transform: none; color: var(--text-3); }
body[data-theme="light"] .itc-logo--muted .itc-logo__itc, body[data-theme="light"] .itc-logo--muted .itc-logo__media { color: var(--text-0); }
/* hub-mega bottom padding (beat .container) */
.hub-mega .hub-mega__inner{padding:40px 24px 44px;}
  .case-card{transition:box-shadow .28s ease,transform .28s ease;}
  .case-card:hover{box-shadow:0 18px 44px rgba(14,24,34,0.14);transform:translateY(-4px);}