/* Public UI refinements. The signature animated background is intentionally untouched. */
html, body { max-width: 100%; overflow-x: hidden; }
body { cursor:default; }
a,a *,button,button *,summary,summary * { cursor:pointer; }
p,h1,h2,h3,h4,li { cursor:text; }
.pulse-cursor-active body,
.pulse-cursor-active a,
.pulse-cursor-active button,
.pulse-cursor-active summary,
.pulse-cursor-active select,
.pulse-cursor-active p,
.pulse-cursor-active h1,
.pulse-cursor-active h2,
.pulse-cursor-active h3,
.pulse-cursor-active h4,
.pulse-cursor-active li,
.pulse-cursor-active [role="button"],
.pulse-cursor-active a *,
.pulse-cursor-active button *,
.pulse-cursor-active summary *,
.pulse-cursor-active [role="button"] * { cursor:none; }
.pulse-cursor-active input,
.pulse-cursor-active textarea,
.pulse-cursor-active [contenteditable="true"],
.pulse-cursor-active [contenteditable=""] { cursor:text; }
#pulse-cursor-ring,#pulse-cursor-dot { position:fixed; top:0; left:0; z-index:2147483646; pointer-events:none; opacity:0; border-radius:50%; will-change:transform; }
#pulse-cursor-ring { width:22px; height:22px; border:1px solid rgba(110,175,255,.94); background:rgba(85,161,255,.035); box-shadow:0 0 9px rgba(72,137,255,.38),0 0 15px rgba(83,160,255,.2); transition:width .18s ease,height .18s ease,margin .18s ease,border-color .18s ease,opacity .14s ease; }
#pulse-cursor-dot { width:4px; height:4px; background:#D9F5FF; box-shadow:0 0 5px #5CA9FF,0 0 8px rgba(82,160,255,.55); transition:opacity .14s ease; }
.pulse-cursor-visible #pulse-cursor-ring,.pulse-cursor-visible #pulse-cursor-dot { opacity:1; }
.pulse-cursor-interactive #pulse-cursor-ring { width:30px; height:30px; margin:-4px 0 0 -4px; border-color:#A9C7FF; }
.pulse-cursor-over-input #pulse-cursor-ring,.pulse-cursor-over-input #pulse-cursor-dot,.page-hidden #pulse-cursor-ring,.page-hidden #pulse-cursor-dot { opacity:0; }
@media (hover:none),(pointer:coarse) {
  #pulse-cursor-ring,#pulse-cursor-dot { display:none!important; }
  .pulse-cursor-active body,.pulse-cursor-active a,.pulse-cursor-active button,.pulse-cursor-active summary,.pulse-cursor-active select,.pulse-cursor-active [role="button"] { cursor:auto; }
}
@media (prefers-reduced-motion:reduce) {
  #pulse-cursor-ring,#pulse-cursor-dot { transition:none; }
}
.contacts { display:flex; flex-wrap:wrap; gap:12px; max-width:100%; }
.contacts .btn, .header-contact .btn {
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  min-height:48px; padding:0 24px; border-radius:999px;
  font-weight:600; font-size:13px; text-decoration:none; transition:filter .2s,box-shadow .2s,border-color .2s,color .2s;
  box-sizing:border-box; max-width:100%; width:auto; transform:none;
}
.contacts .btn-primary, .header-contact .btn-primary {
  color:#fff; background:rgba(16,38,82,.34);
  border:1px solid rgba(124,183,255,.42); box-shadow:none;
}
.contacts .btn:hover, .header-contact .btn:hover { color:#fff; filter:none; border-color:rgba(150,197,255,.7); background:rgba(31,62,124,.46); box-shadow:none; transform:none; }
.contacts .btn-ghost { color:#e6f1ff; border:1px solid rgba(124,183,255,.35); background:transparent; box-shadow:none; }
.contacts .btn-ghost:hover { color:#fff; border-color:#7cb7ff; }
.btn .contact-label { font-size:inherit; line-height:1.35; }
.btn .arrow { background:none; border:0; padding:0; margin:0; width:20px; height:20px; flex:0 0 20px; border-radius:0; box-shadow:none; transition:transform .2s; }
.contacts .btn:hover .arrow { transform:none; }
.contact-icon { flex:0 0 20px; }
.simple-header { justify-content:space-between; }
.header-contact .btn { padding:0 16px; gap:8px; font-size:12px; }
.site-footer a, .text-link, .case-card a { color:#e6f1ff; }
.site-footer a:hover, .text-link:hover, .case-card a:hover { color:#fff; }
.pulse-simple em { background:linear-gradient(100deg,#b8d8ff,#7cb7ff); background-clip:text; -webkit-background-clip:text; }
.simple-service-grid { grid-template-columns:repeat(5,minmax(0,1fr)); }
.simple-service-grid .solution-card { min-height:114px; display:flex; flex-direction:column; justify-content:center; }
.simple-service-grid .solution-card h3 { margin:0 0 8px; font-size:14px; }
.simple-service-grid .solution-card p { font-size:12px; }
.simple-process-grid .launch-step { min-height:82px; display:flex; align-items:center; }
.simple-process-grid .launch-step h3 { margin:0; font-size:14px; }
.simple-hero .hero-actions { position:static; margin-top:28px; gap:12px; }
.simple-hero .hero-copy { min-height:0; }
.simple-cta { display:block; text-align:left; }
.simple-cta .cta-actions { margin-top:20px; gap:12px; }
.simple-cta .cta-actions .btn, .simple-hero .hero-actions .btn { min-height:48px; padding:0 24px; }
.simple-cta .cta-note { position:relative; margin:16px 0 0; font-size:12px; color:#e6f1ff; }
.site-footer { padding-bottom:64px; }
a:focus-visible,button:focus-visible { outline:2px solid #A5CBFF; outline-offset:4px; }
@media (max-width:1000px) and (min-width:769px) { .simple-service-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:768px) {
  .contacts { flex-direction:column; width:100%; }
  .contacts .btn,.simple-hero .hero-actions .btn,.simple-cta .cta-actions .btn { width:100%; min-height:48px; padding:0 16px; }
  .header-contact .btn { width:auto; min-height:48px; padding:0 12px; font-size:11px; }
  .header-contact .arrow { display:none; }
  .pulse-wordmark { width:125px; flex-basis:125px; }
  .pulse-simple .section { padding:24px 0; }
  .simple-section .scroll-panel.glass-panel { padding:0; }
  .simple-hero { padding:36px 0 24px; }
  .simple-hero .hero-copy { padding:24px 18px; }
  .simple-hero h1 { font-size:clamp(20px,5.6vw,27px); white-space:normal; }
  .hero-title-line { white-space:normal; }
  .simple-service-grid,.simple-process-grid,.simple-scenario-grid { display:grid; grid-template-columns:minmax(0,1fr); overflow:visible; scroll-snap-type:none; margin:20px 0 0; padding:0; width:100%; gap:10px; }
  .simple-service-grid .solution-card,.simple-process-grid .launch-step,.simple-scenario-grid article { min-width:0; max-width:100%; min-height:0; padding:16px; scroll-snap-align:none; }
  .simple-process-grid .launch-step { display:block; }
  .simple-scenario-grid article { display:grid; grid-template-columns:24px minmax(0,1fr); gap:4px 10px; }
  .simple-scenario-grid article>span { grid-row:1 / span 2; }
  .simple-scenario-grid h3 { margin:0; font-size:13px; }
  .simple-scenario-grid p { margin:0; grid-column:2; font-size:11px; }
  .simple-cta { padding:24px 18px; margin-top:24px; margin-bottom:24px; }
  .simple-section h2 { font-size:clamp(22px,6vw,28px); overflow-wrap:anywhere; }
  .site-footer .footer-grid { grid-template-columns:minmax(0,1fr); }
  .site-footer a { overflow-wrap:anywhere; }
}
@media (prefers-reduced-motion:reduce) {
  .btn .arrow { transition:none; }
}

.familiar-list { display:grid; grid-template-columns:minmax(0,1fr); gap:10px; margin-top:24px; }
.familiar-card { border:1px solid rgba(124,183,255,.2); border-radius:16px; padding:18px 22px; background:rgba(12,28,61,.36); }
.familiar-card p { margin:0; font-size:15px; line-height:1.55; color:#e6f1ff; }
.familiar-card .familiar-answer { display:flex; align-items:flex-start; gap:12px; margin-top:8px; font-size:14px; }
.familiar-answer svg { flex:0 0 20px; margin-top:2px; color:#9DD9FF; }
.familiar-answer strong { color:#9DD9FF; font-weight:600; }
.simple-service-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.simple-service-grid .service-detail { text-align:left; cursor:pointer; color:#e6f1ff; min-width:0; min-height:180px; justify-content:flex-start; gap:10px; background:rgba(12,28,61,.36); border:1px solid rgba(124,183,255,.23); font:inherit; text-decoration:none; }
.service-title { font-size:17px; font-weight:600; color:#fff; }
.service-summary { font-size:13px; line-height:1.6; }
.service-explanation { color:rgba(230,241,255,.76); font-size:14px; line-height:1.55; }
.crm-service-card { min-height:220px!important; }
.service-more { margin-top:auto; padding-top:12px; display:flex; gap:8px; align-items:center; font-size:12px; color:#B5D8FF; }
.service-detail:hover { border-color:#7cb7ff; }
.service-detail:hover .service-more svg { transform:translate(2px,-2px); }
.service-more svg { transition:transform .25s; }
.partners-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; align-items:center; margin-top:24px; }
.partner-card { height:150px; padding:22px 28px; box-sizing:border-box; border:1px solid rgba(124,183,255,.18); border-radius:20px; background:rgba(10,24,42,.78); }
.partners-grid img { display:block; width:100%; height:100%; min-height:0; object-fit:contain; filter:grayscale(1) brightness(0) invert(1); }
.partner-card { display:flex; flex-direction:column; align-items:center; gap:8px; }
.partner-card-color img { filter:none; flex:1; }
.partner-card span { font-family:Unbounded,sans-serif; font-size:13px; font-weight:600; letter-spacing:.04em; color:#F3E6DA; white-space:nowrap; }
.simple-cta .final-subtitle { position:relative; color:#e6f1ff; line-height:1.65; font-size:15px; }
@media (max-width:1000px) and (min-width:769px) { .simple-service-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:768px) {
  .header-contact { min-width:0; }
  .header-contact .btn { font-size:10px; line-height:1.4; width:156px; padding:8px 12px; white-space:normal; }
  .simple-service-grid { grid-template-columns:minmax(0,1fr); }
  .simple-service-grid .service-detail { min-height:0; gap:7px; }
  .service-title { font-size:16px; }
  .service-more { padding-top:3px; }
  .simple-hero .hero-actions { margin-top:12px; }
  .familiar-card { padding:15px 16px; }
  .familiar-card p { font-size:14px; }
  .familiar-card .familiar-answer { font-size:13px; }
  .partners-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
  .partner-card { height:120px; padding:16px 18px; }
}

button:focus,a:focus { outline:none; }
button:focus-visible,a:focus-visible { outline:none; box-shadow:0 0 0 2px rgba(124,183,255,.6); border-radius:inherit; }

.service-modal[hidden] { display:none; }
.service-modal { position:fixed; inset:0; z-index:200; display:flex; align-items:flex-end; justify-content:center; padding:0; background:rgba(2,12,24,.76); opacity:0; transition:opacity 220ms ease; }
.service-modal.is-open { opacity:1; }
.service-modal-panel { width:100%; height:90dvh; max-width:100%; display:flex; flex-direction:column; overflow:hidden; border:1px solid rgba(124,183,255,.32); border-bottom:0; border-radius:24px 24px 0 0; background:linear-gradient(155deg,#0C1C3D 0%,#08152F 100%); color:#fff; transform:translateY(16px); transition:transform 220ms ease; }
.service-modal.is-open .service-modal-panel { transform:translateY(0); }
.service-modal-header { flex:0 0 auto; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:20px 20px 14px; border-bottom:1px solid rgba(124,183,255,.18); }
.service-modal-header h2 { margin:0; color:#fff; font-size:clamp(22px,6vw,30px); line-height:1.2; }
.service-modal-close { width:40px; height:40px; flex:0 0 40px; display:grid; place-items:center; padding:0; border:0; border-radius:50%; background:rgba(124,183,255,.15); color:#fff; }
.service-modal-close svg { display:block; }
.service-modal-body { flex:1 1 auto; min-height:0; overflow-y:auto; overflow-x:hidden; padding:20px; -webkit-overflow-scrolling:touch; overscroll-behavior:contain; }
.service-coming-soon { min-height:180px; display:grid; place-items:center; color:#e6f1ff; font-size:20px; }
.agents-intro { margin:0 0 20px; color:#e6f1ff; font-size:15px; line-height:1.7; }
.agents-accordion { border-top:1px solid rgba(124,183,255,.22); }
.agent-row { border-bottom:1px solid rgba(124,183,255,.22); }
.agent-trigger { width:100%; min-height:56px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:15px 0; border:0; border-radius:0; background:transparent; color:#fff; font:inherit; font-size:15px; font-weight:600; text-align:left; }
.agent-trigger svg { flex:0 0 20px; transition:transform 180ms ease; }
.agent-trigger[aria-expanded="true"] svg { transform:rotate(180deg); }
.agent-panel { padding:0 0 16px; }
.agent-panel p { display:grid; gap:4px; margin:0 0 12px; color:#e6f1ff; font-size:13px; line-height:1.55; }
.agent-panel p:last-child { margin-bottom:0; }
.agent-panel strong { color:#9DD9FF; font-weight:600; }
.agent-panel span { color:#e6f1ff; }
.agents-footer { margin:20px 0 0; color:#BFD8FF; font-size:13px; line-height:1.6; }
.service-contact-bar { position:sticky; bottom:0; z-index:1; flex:0 0 auto; display:grid; grid-template-columns:minmax(0,1fr); gap:10px; padding:12px 20px calc(12px + env(safe-area-inset-bottom)); border-top:1px solid rgba(124,183,255,.2); background:rgba(6,19,45,.96); }
.service-contact-bar a { min-width:0; min-height:48px; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 14px; border:1px solid rgba(124,183,255,.36); border-radius:14px; background:rgba(25,52,102,.38); color:#fff; font-size:12px; font-weight:600; line-height:1.35; text-decoration:none; box-shadow:none; }
.service-contact-bar a:hover { border-color:rgba(124,183,255,.62); background:rgba(31,64,124,.48); box-shadow:none; }
.service-contact-bar svg { flex:0 0 20px; }

@media (min-width:768px) {
  .service-modal { align-items:center; padding:32px; }
  .service-modal-panel { width:min(960px,92vw); height:auto; max-height:85vh; border:1px solid rgba(124,183,255,.32); border-radius:24px; }
  .service-modal-header { padding:22px 24px 16px; }
  .service-modal-body { padding:24px; }
  .service-contact-bar { grid-template-columns:repeat(3,minmax(0,1fr)); padding:12px 24px; }
  .service-contact-bar a { justify-content:center; }
}

@media (prefers-reduced-motion:reduce) {
  .service-modal,.service-modal-panel,.agent-trigger svg { transition:none; }
}

html { scroll-behavior:smooth; }
#solutions { scroll-margin-top:80px; }

.simple-hero { min-height:auto; padding-top:40px; padding-bottom:16px; }
.hero-layout { width:100%; min-height:390px; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr); align-items:center; gap:clamp(38px,5vw,74px); padding:clamp(30px,4vw,48px); overflow:hidden; }
.hero-message { min-width:0; }
.simple-hero .hero-message h1 { max-width:620px; margin:0; color:#F7FBFF; font-size:clamp(38px,4vw,58px); font-weight:600; line-height:1.04; letter-spacing:-.055em; white-space:normal; }
.simple-hero .hero-message .lead { max-width:610px; margin:24px 0 28px; color:#D5E0F7; font-size:16px; line-height:1.68; }
.hero-solutions-link { width:max-content; max-width:100%; min-height:48px; display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:12px 22px; border:1px solid rgba(124,183,255,.48); border-radius:999px; background:linear-gradient(135deg,#66abff 0%,#3181e2 100%); color:#fff; font-size:13px; font-weight:600; line-height:1.3; text-decoration:none; transition:filter .2s,border-color .2s; }
.hero-solutions-link:hover { filter:brightness(1.08); border-color:#9CCFFF; }
.hero-system-preview { min-width:0; overflow:hidden; border:1px solid rgba(124,183,255,.28); border-radius:20px; background:linear-gradient(150deg,rgba(17,40,85,.9),rgba(7,20,48,.92)); box-shadow:0 20px 46px rgba(1,13,28,.28),inset 0 1px 0 rgba(255,255,255,.06); }
.system-preview-top { min-height:44px; display:flex; align-items:center; gap:7px; padding:0 16px; border-bottom:1px solid rgba(124,183,255,.18); }
.system-preview-top>span { width:6px; height:6px; border-radius:50%; background:#72B7FF; opacity:.68; }
.system-preview-top>b { min-width:0; margin-left:7px; color:#AFC8EA; font-size:9px; font-weight:500; letter-spacing:.04em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.system-preview-body { display:grid; gap:10px; padding:18px; }
.system-preview-status { display:grid; gap:5px; padding:2px 2px 8px; }
.system-preview-status span { color:#8CA8D4; font-size:9px; letter-spacing:.08em; text-transform:uppercase; }
.system-preview-status b { color:#F4F8FF; font-size:18px; font-weight:600; }
.system-preview-row { min-width:0; display:grid; grid-template-columns:42px minmax(0,1fr) auto; align-items:center; gap:12px; padding:12px; border:1px solid rgba(124,183,255,.18); border-radius:13px; background:rgba(15,37,78,.48); }
.system-preview-row>i { width:42px; height:34px; display:grid; place-items:center; border-radius:9px; background:rgba(56,126,226,.18); color:#9DD9FF; font-size:9px; font-style:normal; font-weight:700; }
.system-preview-row>span { min-width:0; display:grid; gap:3px; }
.system-preview-row b { overflow:hidden; color:#F4F8FF; font-size:11px; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }
.system-preview-row small { overflow:hidden; color:#9EB1D1; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.system-preview-row em { color:#8FD2FF; font-size:9px; font-style:normal; white-space:nowrap; }

.business-losses .scroll-panel { padding-top:26px; padding-bottom:26px; }
.losses-list { display:grid; gap:12px; margin-top:28px; }
.loss-pair { display:grid; grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr); align-items:stretch; border:1px solid rgba(124,183,255,.2); border-radius:18px; overflow:hidden; background:rgba(7,20,48,.54); }
.loss-problem,.loss-solution { min-width:0; padding:20px 22px; }
.loss-problem { background:rgba(13,31,66,.46); }
.loss-solution { border-left:1px solid rgba(124,183,255,.16); background:linear-gradient(120deg,rgba(29,66,129,.34),rgba(10,28,61,.42)); }
.loss-problem>span,.loss-solution>span { display:block; margin-bottom:9px; color:#7F99C3; font-size:9px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; }
.loss-solution>span { color:#8FD2FF; }
.loss-problem p,.loss-solution p { margin:0; color:#D9E3F6; font-size:14px; line-height:1.62; }
.loss-solution p { color:#F1F6FF; }
.loss-arrow { align-self:center; justify-self:center; color:#76C8FF; }

@media (max-width:900px) {
  .hero-layout { grid-template-columns:minmax(0,1fr); min-height:0; gap:28px; }
  .hero-system-preview { width:100%; }
}

@media (max-width:767px) {
  .simple-hero { padding-top:28px; padding-bottom:10px; }
  .hero-layout { gap:22px; padding:22px 18px; border-radius:18px; }
  .simple-hero .hero-message h1 { font-size:clamp(30px,9.2vw,40px); line-height:1.08; }
  .simple-hero .hero-message .lead { margin:18px 0 22px; font-size:13px; line-height:1.62; }
  .hero-solutions-link { width:100%; min-height:48px; padding:12px 16px; }
  .system-preview-body { padding:13px; }
  .system-preview-status b { font-size:15px; }
  .system-preview-row { grid-template-columns:36px minmax(0,1fr) auto; gap:9px; padding:10px; }
  .system-preview-row>i { width:36px; height:32px; }
  .system-preview-row b { font-size:10px; }
  .system-preview-row small,.system-preview-row em { font-size:8px; }
  .business-losses .scroll-panel { padding-top:18px; padding-bottom:18px; }
  .losses-list { margin-top:22px; }
  .loss-pair { grid-template-columns:minmax(0,1fr); border-radius:16px; }
  .loss-problem,.loss-solution { padding:16px; }
  .loss-solution { border-top:1px solid rgba(124,183,255,.16); border-left:0; }
  .loss-arrow { margin:-7px 0; z-index:1; transform:rotate(90deg); }
  .loss-problem p,.loss-solution p { font-size:13px; line-height:1.58; }
}

@media (max-width:340px) {
  .hero-layout { padding:20px 15px; }
  .system-preview-row em { display:none; }
}

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
}

/* Centered first-screen contacts: equal, quiet actions without pulsing or glow. */
.hero-layout {
  min-height:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:clamp(28px,4vw,44px);
}
.hero-message {
  width:min(100%,1000px);
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.simple-hero .hero-message h1,
.simple-hero .hero-message .lead { margin-left:auto; margin-right:auto; }
.simple-hero .hero-message h1 { max-width:1000px; }
.simple-hero .hero-message .lead { max-width:760px; margin-top:22px; margin-bottom:0; }
.hero-contact-actions {
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  margin-top:4px;
}
.hero-contact-actions .btn,
.hero-contact-actions .btn-primary,
.hero-contact-actions .btn-ghost {
  width:auto;
  min-height:48px;
  padding:0 18px;
  border:1px solid rgba(124,183,255,.42);
  background:rgba(16,38,82,.34);
  color:#f4f9ff;
  box-shadow:none;
  filter:none;
  transform:none;
  transition:background-color .2s,border-color .2s,color .2s;
}
.hero-contact-actions .btn::before { display:none; }
.hero-contact-actions .btn:hover {
  border-color:rgba(150,197,255,.7);
  background:rgba(31,62,124,.46);
  color:#fff;
  box-shadow:none;
  filter:none;
  transform:none;
}
.hero-contact-actions .btn:hover .arrow { transform:none; }

@media (max-width:767px) {
  .hero-layout { min-height:0; padding:24px 18px; }
  .simple-hero .hero-message h1 { overflow-wrap:anywhere; }
  .simple-hero .hero-message .lead { margin-top:18px; }
  .hero-contact-actions { flex-direction:column; align-items:center; gap:12px; }
  .hero-contact-actions .btn { width:min(100%,320px); }
}

/* Home consultation, implementation and about sections. */
.simple-header { height:auto; min-height:68px; gap:0; }
#solutions,#consultation,#process,#about { scroll-margin-top:24px; }

.consultation-section { border-top:1px solid rgba(124,183,255,.15); border-bottom:1px solid rgba(124,183,255,.15); }
.consultation-inner { padding-top:4px; padding-bottom:4px; }
.consultation-inner h2 { max-width:820px; margin:0; color:#F7FBFF; font-size:clamp(27px,3.4vw,42px); line-height:1.16; letter-spacing:-.045em; }
.consultation-inner>p { margin:0; color:#C8D5EA; line-height:1.65; }
.consultation-inner .consultation-question { margin-top:14px; font-size:18px; font-weight:600; }
.consultation-inner .consultation-copy { margin-top:5px; font-size:15px; }
.consultation-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:26px; }
.consultation-actions .btn,.consultation-actions .btn-primary,.consultation-actions .btn-ghost { width:100%; min-height:50px; border:1px solid rgba(124,183,255,.4); background:rgba(12,30,67,.3); box-shadow:none; }
.consultation-actions .btn:hover { background:rgba(31,62,124,.46); box-shadow:none; transform:none; }

.implementation-section { overflow:hidden; }
.implementation-section h2 { margin:0; color:#F7FBFF; font-size:clamp(27px,3.4vw,42px); line-height:1.15; letter-spacing:-.045em; }
.implementation-steps { position:relative; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:0; margin:30px 0 0; padding:0; list-style:none; }
.implementation-steps::before,.implementation-steps::after { content:""; position:absolute; top:21px; left:10%; right:10%; height:1px; pointer-events:none; }
.implementation-steps::before { z-index:0; background:linear-gradient(90deg,rgba(84,174,255,.28),rgba(103,151,255,.65),rgba(105,166,241,.55),rgba(84,174,255,.28)); }
.implementation-steps::after { z-index:1; background:linear-gradient(90deg,transparent,#C9F3FF 48%,#78C8FF 55%,transparent); opacity:0; transform:scaleX(0); transform-origin:left center; }
.process-visible .implementation-steps::after { animation:process-line-once 3s ease-out 1 both; }
.implementation-step { position:relative; z-index:2; min-width:0; padding:0 14px; text-align:center; }
.implementation-number { width:42px; height:42px; display:grid; place-items:center; margin:0 auto; border:1px solid rgba(116,198,255,.78); border-radius:50%; background:radial-gradient(circle at 42% 38%,#DFF6FF 0 4%,#4FBFFF 10%,#2457B9 40%,#0b2749 72%); box-shadow:0 0 10px rgba(74,176,255,.52),0 0 22px rgba(67,152,255,.25); color:#F7FBFF; font-size:11px; font-weight:600; }
.implementation-step>div { margin-top:16px; }
.implementation-step h3 { min-height:4.2em; margin:0; color:#F4F8FF; font:600 14px/1.4 Manrope,Arial,sans-serif; }
.implementation-step p { margin:9px 0 0; color:#C3D1E6; font-size:12px; line-height:1.62; }
@keyframes process-line-once { 0%{opacity:0;transform:scaleX(0)} 12%{opacity:1} 82%{opacity:1} 100%{opacity:0;transform:scaleX(1)} }

.about-tabs-card { overflow:hidden; border:1px solid rgba(124,183,255,.25); border-radius:20px; background:linear-gradient(145deg,rgba(23,48,100,.54),rgba(7,20,48,.72)); }
.about-section h2 { margin:0 0 26px; color:#F7FBFF; font-size:clamp(27px,3.4vw,42px); line-height:1.15; letter-spacing:-.045em; }
.about-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-bottom:1px solid rgba(124,183,255,.2); }
.about-tabs button { position:relative; min-width:0; min-height:52px; padding:12px 14px; border:0; border-radius:0; background:transparent; color:#91A5C7; font:600 13px/1.35 Manrope,Arial,sans-serif; }
.about-tabs button::after { content:""; position:absolute; left:18px; right:18px; bottom:-1px; height:2px; background:#78C8FF; opacity:0; transform:scaleX(.4); transition:opacity .18s,transform .18s; }
.about-tabs button[aria-selected="true"] { color:#fff; }
.about-tabs button[aria-selected="true"]::after { opacity:1; transform:scaleX(1); }
.about-panel { padding:26px 28px 28px; }
.about-panel[hidden] { display:none; }
.about-panel.is-visible { animation:about-panel-in 180ms ease-out; }
.about-panel>p { max-width:none; margin:0; color:#D1DDF0; font-size:14px; line-height:1.75; }
.about-panel>p+p { margin-top:14px; }
.about-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; margin:24px 0 0; padding-top:20px; border-top:1px solid rgba(124,183,255,.18); }
.about-metrics>div { min-width:0; padding:0 20px; border-left:1px solid rgba(124,183,255,.16); }
.about-metrics>div:first-child { padding-left:0; border-left:0; }
.about-metrics dt { color:#F7FBFF; font-size:20px; font-weight:600; line-height:1.3; }
.about-metrics dd { margin:6px 0 0; color:#9FB2D0; font-size:11px; line-height:1.55; }
@keyframes about-panel-in { from{opacity:0;transform:translateY(4px)} to{opacity:1;transform:none} }

@media(max-width:700px){
  .implementation-steps { grid-template-columns:minmax(0,1fr); gap:22px; }
  .implementation-steps::before,.implementation-steps::after { top:21px; right:auto; bottom:auto; left:21px; width:1px; height:var(--process-mobile-line-height,calc(100% - 42px)); }
  .implementation-steps::after { transform:scaleY(0); transform-origin:center top; }
  .process-visible .implementation-steps::after { animation-name:process-line-mobile-once; }
  .implementation-step { display:grid; grid-template-columns:42px minmax(0,1fr); gap:16px; align-items:start; padding:0; text-align:left; }
  .implementation-number { margin:0; }
  .implementation-step>div { margin-top:0; }
  .implementation-step h3 { min-height:0; font-size:15px; }
  .implementation-step p { font-size:12px; }
  @keyframes process-line-mobile-once { 0%{opacity:0;transform:scaleY(0)} 12%{opacity:1} 82%{opacity:1} 100%{opacity:0;transform:scaleY(1)} }
}

@media(max-width:767px){
  .simple-header { min-height:60px; padding-top:10px; padding-bottom:10px; }
  .consultation-actions { grid-template-columns:minmax(0,1fr); }
  .consultation-actions.contacts { display:grid; }
  .consultation-actions .btn { width:100%; }
  .implementation-steps { margin-top:24px; }
  .about-tabs-card { border-radius:17px; }
  .about-tabs button { min-height:48px; padding:9px 5px; font-size:10px; }
  .about-tabs button::after { left:8px; right:8px; }
  .about-panel { padding:20px 17px 22px; }
  .about-panel>p { font-size:13px; line-height:1.68; }
  .about-metrics { grid-template-columns:minmax(0,1fr); gap:14px; padding-top:18px; }
  .about-metrics>div,.about-metrics>div:first-child { padding:0; border-left:0; }
  .about-metrics dt { font-size:18px; }
}

@media(prefers-reduced-motion:reduce){
  .implementation-steps::after { display:none; }
  .about-tabs button::after { transition:none; }
  .about-panel.is-visible { animation:none; }
}

/* Hero title: regular case, lighter and smaller; whole words only on phones. */
.simple-hero .hero-message h1 { font-size:clamp(30px,2.7vw,38px); font-weight:500; line-height:1.15; letter-spacing:-.035em; text-transform:none; text-wrap:balance; }
@media (max-width:700px) {
  .simple-hero .hero-message h1 { font-size:clamp(24px,7vw,28px); line-height:1.2; overflow-wrap:normal; word-break:normal; hyphens:none; }
}

/* Плавающая кнопка WhatsApp: всегда в правом нижнем углу, не перекрывает подвал. */
.floating-whatsapp { position:fixed; right:calc(24px + env(safe-area-inset-right)); bottom:calc(24px + env(safe-area-inset-bottom)); z-index:90; display:grid; place-items:center; width:58px; height:58px; border-radius:50%; background:#25D366; box-shadow:0 10px 28px rgba(2,15,31,.42),0 0 0 1px rgba(255,255,255,.18) inset; transition:transform .2s ease,box-shadow .2s ease; }
.floating-whatsapp:hover { transform:translateY(-2px); box-shadow:0 14px 32px rgba(2,15,31,.5),0 0 0 1px rgba(255,255,255,.24) inset; }
.floating-whatsapp:focus-visible { outline:2px solid #fff; outline-offset:3px; }
.has-floating-whatsapp .site-notice { bottom:96px; }
.has-floating-whatsapp .site-footer .footer-bottom { padding-right:76px; }
@media(max-width:767px){
  .floating-whatsapp { right:calc(14px + env(safe-area-inset-right)); bottom:calc(14px + env(safe-area-inset-bottom)); width:52px; height:52px; }
  .floating-whatsapp svg { width:26px; height:26px; }
  .has-floating-whatsapp .site-notice { right:14px; bottom:78px; }
  .has-floating-whatsapp .site-footer .footer-bottom { padding-right:0; padding-bottom:calc(84px + env(safe-area-inset-bottom)); }
}
@media(prefers-reduced-motion:reduce){ .floating-whatsapp { transition:none; } }

/* «Как проходит внедрение»: крупнее и контрастнее номера шагов. */
.implementation-steps::before,.implementation-steps::after { top:26px; }
.implementation-number { width:52px; height:52px; border-color:rgba(160,220,255,.95); background:radial-gradient(circle at 42% 38%,#3E8FE0 0 18%,#2457B9 48%,#0b2749 80%); color:#FFFFFF; font-size:17px; font-weight:700; letter-spacing:.02em; text-shadow:0 1px 3px rgba(0,13,30,.7); }
@media(max-width:700px){
  .implementation-steps::before,.implementation-steps::after { top:26px; left:26px; height:var(--process-mobile-line-height,calc(100% - 52px)); }
  .implementation-step { grid-template-columns:52px minmax(0,1fr); }
  .implementation-step>div { padding-top:4px; }
}

/* Home services: short lead and "more services" strip. */
.services-lead { margin:10px 0 0; max-width:620px; color:rgba(230,241,255,.78); font-size:15px; line-height:1.55; }
.services-extra { margin-top:14px; border:1px solid rgba(124,183,255,.23); border-radius:16px; background:rgba(12,28,61,.36); overflow:hidden; }
.services-extra-toggle { width:100%; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:18px 22px; border:0; background:none; color:inherit; font:inherit; text-align:left; cursor:pointer; }
.services-extra-head { display:grid; gap:4px; min-width:0; }
.services-extra-title { color:#fff; font-size:17px; font-weight:600; }
.services-extra-sub { color:rgba(230,241,255,.76); font-size:14px; line-height:1.5; }
.services-extra-more { flex:none; display:inline-flex; align-items:center; gap:6px; color:#B5D8FF; font-size:13px; white-space:nowrap; }
.services-extra-more svg { transition:transform .25s; }
.services-extra-toggle[aria-expanded="true"] .services-extra-more svg { transform:rotate(180deg); }
.services-extra:hover { border-color:#7cb7ff; }
.services-extra-panel { padding:0 22px 20px; }
.services-extra-panel[hidden] { display:none; }
.services-extra-list { list-style:none; margin:0; padding:16px 0 0; border-top:1px solid rgba(124,183,255,.16); display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px 22px; }
.services-extra-list li { position:relative; padding-left:20px; color:#e6f1ff; font-size:14px; line-height:1.45; }
.services-extra-list li::before { content:''; position:absolute; left:0; top:.5em; width:8px; height:8px; border-radius:50%; background:radial-gradient(circle at 35% 30%,#4f9eff 0%,#247eeb 55%,#1860b8 100%); box-shadow:0 0 8px rgba(61,148,255,.7); }
.services-extra-link { margin-top:16px; display:inline-flex; align-items:center; gap:6px; color:#B5D8FF; font-size:13px; text-decoration:none; }
.services-extra-link:hover { color:#fff; }
@media (max-width:768px) {
  .services-lead { font-size:14px; }
  .services-extra-toggle { padding:16px; align-items:flex-start; flex-direction:column; gap:10px; }
  .services-extra-panel { padding:0 16px 16px; }
  .services-extra-list { grid-template-columns:minmax(0,1fr); gap:9px; padding-top:14px; }
  .services-extra-list li { font-size:13.5px; }
  .simple-service-grid .crm-service-card { min-height:0!important; }
}

/* Компактный подвал: логотип, контакты в две колонки, правовая информация; копирайт отдельной строкой внизу. */
.site-footer { padding-top:0; padding-bottom:0; }
.site-footer .footer-grid>div { width:auto; max-width:none; min-width:0; justify-self:stretch; }
.site-footer .footer-brand .pulse-wordmark { flex:0 0 auto; height:36px; margin-left:-14px; }
.site-footer .footer-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px 40px; padding-top:30px; padding-bottom:22px; }
.site-footer .footer-brand { display:flex; align-items:flex-start; }
.site-footer .footer-group { gap:6px; }
.site-footer .footer-title { margin:0 0 4px; }
.site-footer .footer-group a { font-size:13px; line-height:1.5; }
.site-footer .footer-social { display:flex; flex-wrap:wrap; gap:10px; margin-top:2px; }
.site-footer .footer-social a { display:grid; place-items:center; width:38px; height:38px; border-radius:50%; border:1px solid rgba(124,183,255,.3); background:rgba(36,126,235,.12); color:#DCE8FB; transition:background .2s,border-color .2s,box-shadow .2s,color .2s; }
.site-footer .footer-social a:hover { color:#fff; background:rgba(36,126,235,.35); border-color:rgba(124,183,255,.7); box-shadow:0 0 16px rgba(61,148,255,.45); }
.site-footer .footer-bottom { display:block; padding-top:14px; padding-bottom:22px; border-top:1px solid rgba(152,198,255,.1); color:#9cacca; font-size:11px; line-height:1.6; }
.site-footer .footer-bottom p { margin:0; }
.has-floating-whatsapp .site-footer .footer-bottom { padding-right:84px; }
[data-partners] .simple-section { padding:40px 0 36px; }
@media (max-width:800px) {
  .site-footer .footer-grid { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px 20px; padding-top:22px; padding-bottom:18px; }
  .site-footer .footer-grid>.footer-brand { grid-column:1/-1!important; }
  .site-footer .footer-grid>.footer-group:last-child { grid-column:1/-1!important; flex-direction:row; flex-wrap:wrap; column-gap:16px; }
  .site-footer .footer-grid>.footer-group:last-child .footer-title { flex-basis:100%; }
  .site-footer .footer-social { gap:6px; flex-wrap:nowrap; }
  .site-footer .footer-social a { width:34px; height:34px; }
  .site-footer .footer-group { gap:4px; }
  .site-footer .footer-bottom { font-size:10.5px; }
  .has-floating-whatsapp .site-footer .footer-bottom { padding-right:72px; padding-bottom:calc(22px + env(safe-area-inset-bottom)); }
  [data-partners] .simple-section { padding:28px 0 24px; }
  [data-partners] h2 { font-size:22px; }
  .partners-grid { margin-top:14px; gap:10px; }
  .partner-card { height:92px; padding:12px 14px; border-radius:16px; gap:4px; }
  .partner-card span { font-size:11px; }
}

/* Плавающая кнопка WhatsApp в фирменном синем с мягким свечением. */
.floating-whatsapp { background:radial-gradient(circle at 35% 30%,#4f9eff 0%,#247eeb 55%,#1860b8 100%); box-shadow:0 0 0 1px rgba(160,200,255,.35) inset,0 0 18px rgba(61,148,255,.75),0 0 42px rgba(36,126,235,.45),0 10px 26px rgba(2,15,31,.45); animation:wa-glow 2.8s ease-in-out infinite; }
.floating-whatsapp:hover { box-shadow:0 0 0 1px rgba(190,215,255,.5) inset,0 0 24px rgba(79,158,255,.95),0 0 56px rgba(36,126,235,.6),0 12px 30px rgba(2,15,31,.5); }
@keyframes wa-glow { 0%,100% { box-shadow:0 0 0 1px rgba(160,200,255,.35) inset,0 0 16px rgba(61,148,255,.65),0 0 36px rgba(36,126,235,.38),0 10px 26px rgba(2,15,31,.45); } 50% { box-shadow:0 0 0 1px rgba(160,200,255,.45) inset,0 0 26px rgba(79,158,255,.95),0 0 58px rgba(36,126,235,.55),0 10px 26px rgba(2,15,31,.45); } }
.floating-whatsapp::before, .floating-whatsapp::after { content:''; position:absolute; inset:0; border-radius:50%; border:2px solid rgba(110,175,255,.7); pointer-events:none; animation:wa-ring 2.4s ease-out infinite; }
.floating-whatsapp::after { animation-delay:1.2s; }
.floating-whatsapp svg { position:relative; animation:wa-beat 2.4s ease-in-out infinite; }
@keyframes wa-ring { 0% { transform:scale(1); opacity:.75; } 100% { transform:scale(1.75); opacity:0; } }
@keyframes wa-beat { 0%,100% { transform:scale(1); } 12% { transform:scale(1.12); } 24% { transform:scale(1); } }
@media(prefers-reduced-motion:reduce){ .floating-whatsapp, .floating-whatsapp svg { animation:none; } .floating-whatsapp::before, .floating-whatsapp::after { display:none; } }

/* Кнопка WhatsApp держится от верха экрана, а не от низа: так Safari на iPhone не подкрашивает
   полосу под кнопкой. Её можно перетаскивать; скрытое уведомление не лежит у нижнего края. */
.floating-whatsapp { bottom:auto; top:calc(100vh - 82px - env(safe-area-inset-bottom)); top:calc(100svh - 82px - env(safe-area-inset-bottom)); touch-action:none; -webkit-user-select:none; user-select:none; -webkit-touch-callout:none; cursor:grab; }
.floating-whatsapp.is-dragging { cursor:grabbing; transition:none; }
.floating-whatsapp svg { pointer-events:none; }
.site-notice:not(.visible) { display:none; }
@media(max-width:767px){
  .floating-whatsapp { bottom:auto; top:calc(100vh - 66px - env(safe-area-inset-bottom)); top:calc(100svh - 66px - env(safe-area-inset-bottom)); }
}

/* «О нас» на телефоне: цифры плитками — «50 специалистов» и «6 лет» в ряд, «40 стран» во всю ширину. */
@media (max-width:700px) {
  .about-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding-top:16px; }
  .about-metrics>div, .about-metrics>div:first-child { padding:13px 10px 12px; border:1px solid rgba(124,183,255,.18); border-radius:14px; background:rgba(10,29,52,.72); }
  .about-metrics>div:nth-child(3) { order:1; }
  .about-metrics>div:nth-child(1) { order:2; }
  .about-metrics>div:nth-child(2) { order:3; grid-column:1/-1; text-align:center; }
  .about-metrics dt { font-size:clamp(13px,3.75vw,17px); white-space:nowrap; letter-spacing:-.01em; }
  .about-metrics dd { margin-top:4px; font-size:11px; line-height:1.45; }
}
@media (max-width:340px) { .about-metrics dt { white-space:normal; } }
/* Иконки соцсетей в подвале: строго круг и иконка ровно по центру на любых экранах. */
.site-footer .footer-group .footer-social>a { box-sizing:border-box; flex:0 0 auto; width:38px; min-width:38px; max-width:38px; height:38px; min-height:38px; aspect-ratio:1/1; padding:0; line-height:0; font-size:0; display:inline-flex; align-items:center; justify-content:center; }
.site-footer .footer-social>a svg { display:block; flex:0 0 auto; width:19px; height:19px; }
@media (max-width:800px) {
  .site-footer .footer-group .footer-social>a { width:34px; min-width:34px; max-width:34px; height:34px; min-height:34px; }
  .site-footer .footer-social>a svg { width:17px; height:17px; }
}

/* Подвал в стиле раскрывающихся пунктов: «О компании» и «Контакты» со стрелкой, ниже круглые иконки и копирайт. */
.site-footer .footer-inner { display:grid; grid-template-columns:auto 1fr; align-items:start; gap:18px 56px; padding-top:28px; padding-bottom:26px; }
.site-footer .footer-inner>* { order:0; }
.site-footer .footer-inner .footer-brand { grid-row:1 / span 2; }
.site-footer .footer-menus { display:flex; flex-wrap:wrap; gap:6px 48px; }
.site-footer .footer-menu summary { display:inline-flex; align-items:center; gap:10px; cursor:pointer; list-style:none; color:#EDF3FF; font:600 16px/1.4 Manrope,Arial,sans-serif; padding:4px 0; }
.site-footer .footer-menu summary::-webkit-details-marker { display:none; }
.site-footer .footer-menu summary::after { content:''; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid currentColor; transition:transform .2s; }
.site-footer .footer-menu[open]>summary::after { transform:rotate(180deg); }
.site-footer .footer-menu summary:hover { color:#fff; }
.site-footer .footer-menu summary:focus-visible { outline:2px solid #A5CBFF; outline-offset:4px; border-radius:4px; }
.site-footer .footer-menu-links { display:flex; flex-direction:column; gap:6px; padding:8px 0 4px; }
.site-footer .footer-menu-links a { width:fit-content; color:#c3d2e5; font:500 14px/1.5 Manrope,Arial,sans-serif; }
.site-footer .footer-menu-links a:hover { color:#fff; }
.site-footer .footer-inner .footer-social { display:flex; gap:12px; margin:0; }
.site-footer .footer-inner .footer-social>a { box-sizing:border-box; flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; width:44px; min-width:44px; max-width:44px; height:44px; min-height:44px; aspect-ratio:1/1; padding:0; border:0; border-radius:50%; background:#2b4666; color:#e6f1ff; line-height:0; font-size:0; transition:background .2s,box-shadow .2s,color .2s; }
.site-footer .footer-inner .footer-social>a:hover { background:#247eeb; color:#fff; box-shadow:0 0 16px rgba(61,148,255,.5); }
.site-footer .footer-inner .footer-social>a svg { display:block; flex:0 0 auto; width:21px; height:21px; }
.site-footer .footer-copy { grid-column:1/-1; margin:4px 0 0; padding-top:16px; border-top:1px solid rgba(152,198,255,.1); color:#9CACCA; font-size:12px; line-height:1.6; }
.has-floating-whatsapp .site-footer .footer-copy { padding-right:84px; }
@media (max-width:800px) {
  .site-footer .footer-inner { grid-template-columns:1fr; gap:14px; padding-top:22px; padding-bottom:20px; }
  .site-footer .footer-inner .footer-brand { grid-row:auto; }
  .site-footer .footer-menus { flex-direction:column; gap:2px; }
  .site-footer .footer-menu summary { font-size:15px; }
  .site-footer .footer-inner .footer-social { gap:10px; }
  .site-footer .footer-inner .footer-social>a { width:40px; min-width:40px; max-width:40px; height:40px; min-height:40px; }
  .site-footer .footer-inner .footer-social>a svg { width:19px; height:19px; }
  .has-floating-whatsapp .site-footer .footer-copy { padding-right:72px; padding-bottom:env(safe-area-inset-bottom); }
}
/* Подвал: «О компании» раскрывается в «О нас», «Миссия», «Видение»; правовые ссылки рядом с копирайтом. */
.site-footer .footer-menu-about[open]:has(.footer-sub[open]) { flex:1 1 520px; max-width:640px; }
.site-footer .footer-about { gap:2px; }
.site-footer .footer-sub summary { display:inline-flex; align-items:center; gap:8px; cursor:pointer; list-style:none; color:#c3d2e5; font:500 14px/1.5 Manrope,Arial,sans-serif; padding:3px 0; }
.site-footer .footer-sub summary::-webkit-details-marker { display:none; }
.site-footer .footer-sub summary::after { content:''; flex:0 0 auto; width:0; height:0; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:5px solid currentColor; transition:transform .2s; }
.site-footer .footer-sub[open] summary { color:#fff; }
.site-footer .footer-sub[open] summary::after { transform:rotate(90deg); }
.site-footer .footer-sub summary:hover { color:#fff; }
.site-footer .footer-sub summary:focus-visible { outline:2px solid #A5CBFF; outline-offset:3px; border-radius:4px; }
.site-footer .footer-sub-body { display:block; width:auto; margin:6px 0 10px; padding:14px 16px; border:1px solid rgba(124,183,255,.2); border-radius:14px; background:rgba(10,29,52,.55); }
.site-footer .footer-sub-body p { margin:0; color:#C9D5EA; font-size:13px; line-height:1.65; }
.site-footer .footer-sub-body p+p { margin-top:10px; }
.site-footer .footer-sub-body .about-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:14px 0 0; padding-top:0; border-top:0; }
.site-footer .footer-sub-body .about-metrics>div { display:block; width:auto; padding:10px 10px 9px; border:1px solid rgba(124,183,255,.18); border-radius:12px; background:rgba(10,29,52,.72); }
.site-footer .footer-sub-body .about-metrics dt { font-size:15px; white-space:normal; }
.site-footer .footer-sub-body .about-metrics dd { margin-top:3px; font-size:11px; line-height:1.4; }
.site-footer .footer-bottom-row { grid-column:1/-1; display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:6px 24px; margin:4px 0 0; padding-top:16px; border-top:1px solid rgba(152,198,255,.1); }
.site-footer .footer-bottom-row .footer-copy { margin:0; padding:0; border:0; }
.site-footer .footer-legal { display:flex; flex-wrap:wrap; gap:4px 18px; }
.site-footer .footer-legal a { color:#9CACCA; font-size:12px; line-height:1.6; }
.site-footer .footer-legal a:hover { color:#fff; }
.has-floating-whatsapp .site-footer .footer-bottom-row { padding-right:84px; }
.has-floating-whatsapp .site-footer .footer-bottom-row .footer-copy { padding-right:0; }
@media (max-width:800px) {
  .site-footer .footer-menu-about[open] { flex:none; max-width:none; }
  .site-footer .footer-sub-body { padding:12px 13px; }
  .site-footer .footer-sub-body .about-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .site-footer .footer-sub-body .about-metrics>div:nth-child(2) { grid-column:1/-1; order:3; text-align:center; }
  .site-footer .footer-bottom-row { flex-direction:column; gap:8px; }
  /* Строка правообладателя в одну строку; кнопка WhatsApp садится ниже текста, а не сбоку. */
  .has-floating-whatsapp .site-footer .footer-bottom-row { padding-right:0; padding-bottom:calc(76px + env(safe-area-inset-bottom)); }
  .site-footer .footer-bottom-row .footer-copy { white-space:nowrap; font-size:clamp(10px,3.05vw,12px); }
  .has-floating-whatsapp .site-footer .footer-bottom-row .footer-copy { padding-bottom:0; }
}
.site-footer .footer-menus, .site-footer .footer-menu-links, .site-footer .footer-sub-body, .site-footer .footer-bottom-row { width:auto; }
/* iPhone Safari: the strip around the notch takes the page colour instead of white. */
html { background-color:#01050f; }
/* iPhone Safari paints the status bar a solid colour when a fixed layer touches the top edge.
   The decorative layers start below it, so the page scrolls under the notch like a normal page. */
@media (hover:none) and (pointer:coarse) {
  .noise, .pulse-background { top:64px; }
}
/* На телефоне шапка без подложки: логотип и языки парят над страницей, контент уходит под них. */
@media (max-width:800px), (hover:none) and (pointer:coarse) {
  [data-site-header] { background:none; border-bottom:0; backdrop-filter:none; -webkit-backdrop-filter:none; }
}
/* Соцсети как у «О!»: ровные светлые круги, официальный знак вырезан цветом подвала. */
.site-footer { --social-cut:#0a1b30; }
.site-footer .footer-inner .footer-social { gap:14px; }
.site-footer .footer-inner .footer-social>a { background:transparent; color:#c3d4e8; box-shadow:none; }
.site-footer .footer-inner .footer-social>a:hover { background:transparent; color:#fff; box-shadow:0 0 18px rgba(120,181,255,.45); }
.site-footer .footer-inner .footer-social>a svg { width:100%; height:100%; }
/* Правовые ссылки одной строкой через точку. */
.site-footer .footer-legal { gap:0; }
.site-footer .footer-legal a+a::before { content:"·"; display:inline-block; margin:0 9px; color:#5f7692; }
@media (max-width:800px) {
  .site-footer .footer-inner .footer-social { gap:12px; }
  .site-footer .footer-inner .footer-social>a svg { width:100%; height:100%; }
  .site-footer .footer-legal { display:flex; flex-wrap:wrap; gap:2px 18px; }
  .site-footer .footer-legal a { white-space:nowrap; }
  .site-footer .footer-legal a+a::before { content:none; }
}
/* Внутренние страницы: подвал из одной строки правообладателя. */
.site-footer.site-footer-minimal { padding:22px 0 calc(22px + env(safe-area-inset-bottom)); }
.site-footer.site-footer-minimal .wrap { display:block; }
body .site-footer.site-footer-minimal .footer-copy { margin:0; padding:0; border:0; text-align:center; color:#9CACCA; font-size:12px; line-height:1.6; }
@media (max-width:800px) {
  .has-floating-whatsapp .site-footer.site-footer-minimal { padding-bottom:calc(84px + env(safe-area-inset-bottom)); }
  body .site-footer.site-footer-minimal .footer-copy { white-space:nowrap; font-size:clamp(10px,3.05vw,12px); }
}
/* Телефон: свечение первого блока не обрезается прямоугольником, шапка не липнет к верху,
   чтобы Safari не закрашивал полосу под чёлкой — страница уходит под неё свободно. */
@media (max-width:800px), (hover:none) and (pointer:coarse) {
  .simple-hero { overflow:visible; }
  .simple-hero::before { content:none; }
  [data-site-header] { position:relative; }
}
/* Единая ссылка «← На сайт» на всех внутренних страницах. */
.site-back-link, .legal-page .site-back-link { display:inline-flex; align-items:center; min-height:44px; margin:0 0 14px; color:#dfedff; font-size:14px; font-weight:600; line-height:1.2; text-decoration:none; }
.site-back-link:hover { color:#fff; }
/* Главная: демо — главная фишка, поэтому в карточках ERP, CRM и колл-центра заметная синяя кнопка и бейдж. */
.simple-service-grid .service-detail.has-demo { position:relative; }
.has-demo .service-title { padding-right:118px; }
.service-badge { position:absolute; top:16px; right:16px; display:inline-flex; align-items:center; gap:6px; padding:4px 10px; border:1px solid rgba(110,175,255,.45); border-radius:999px; background:rgba(36,126,235,.2); color:#D6E4FF; font-size:11px; font-weight:600; line-height:1.3; white-space:nowrap; }
.service-badge::before { content:''; width:6px; height:6px; border-radius:50%; background:#5CE08A; box-shadow:0 0 0 0 rgba(92,224,138,.6); animation:demo-live 1.8s ease-out infinite; }
@keyframes demo-live { 0% { box-shadow:0 0 0 0 rgba(92,224,138,.6); } 100% { box-shadow:0 0 0 7px rgba(92,224,138,0); } }
.service-cta { margin-top:auto; align-self:flex-start; display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:0 20px; border-radius:999px; background:radial-gradient(circle at 35% 30%,#4f9eff 0%,#247eeb 55%,#1860b8 100%); box-shadow:0 0 0 1px rgba(160,200,255,.35) inset,0 0 16px rgba(61,148,255,.5); color:#fff; font-size:14px; font-weight:600; line-height:1.2; transition:box-shadow .2s,transform .2s; }
.service-cta svg { flex:none; }
.service-detail:hover .service-cta { transform:translateY(-1px); box-shadow:0 0 0 1px rgba(190,215,255,.5) inset,0 0 24px rgba(79,158,255,.8); }
.service-cta-note { margin-top:2px; color:rgba(205,218,242,.68); font-size:12px; line-height:1.45; }
@media (max-width:768px) {
  .service-cta { margin-top:6px; }
  .service-badge { top:14px; right:14px; }
}
@media (prefers-reduced-motion:reduce) { .service-badge::before { animation:none; } }
@media (min-width:769px) { .service-cta-note { min-height:calc(12px * 1.45 * 3); } }
/* «← На сайт» стоит на одном и том же месте под шапкой на всех внутренних страницах. */
.agent-page-root.wrap, .legal-page .legal-hero { padding-top:28px; }
@media (max-width:800px) { .agent-page-root.wrap, .legal-page .legal-hero { padding-top:16px; } }
/* Единое «воздушное» матовое стекло для всех карточек: один цвет, мягкий blur, тонкая светлая рамка,
   без бликов и боковых подсветок. */
html body .hero-layout.glass-panel,
html body .simple-service-grid .solution-card,
html body .services-extra,
html body .call-card,
html body .call-contact,
html body .agent-catalog-card {
  background:rgba(40,85,140,.14);
  border:1px solid rgba(170,208,255,.2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
  -webkit-backdrop-filter:blur(10px) saturate(1.1);
  backdrop-filter:blur(10px) saturate(1.1);
}
html body .glass-panel::after,
html body .glass-panel::before,
html body .simple-service-grid .solution-card::before,
html body .simple-service-grid .solution-card::after { content:none; }
html body .scroll-panel { background:none; border-color:transparent; box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none; }
html body .call-chips li,
html body .call-sectors li,
html body .call-tasks li {
  background:rgba(120,181,255,.07);
  border-color:rgba(170,208,255,.16);
}
html body .simple-service-grid .solution-card:hover,
html body .services-extra:hover { border-color:rgba(124,183,255,.55); }
html body .call-sectors li { justify-content:flex-start; padding-top:14px; }
/* Ровные отступы между карточками услуг и «И это ещё не всё»; кнопки демо спокойнее, без яркого свечения. */
html body .simple-service-grid { gap:16px; margin-top:24px; }
html body .services-extra { margin-top:16px; }
html body .service-cta { background:rgba(79,158,255,.16); border:1px solid rgba(124,183,255,.55); box-shadow:none; color:#E3ECFF; }
html body .service-detail:hover .service-cta { background:rgba(79,158,255,.26); border-color:rgba(160,203,255,.8); box-shadow:none; transform:none; }
html body .scroll-panel { border:0; }

/* Реквизиты компании внизу «О нас». */
.footer-sub-body .about-legal { margin:12px 0 0; color:#9FB2D0; font-size:12px; line-height:1.6; }
.footer-sub-body .about-legal span { display:block; white-space:nowrap; }
@media(max-width:420px){ .footer-sub-body .about-legal { font-size:clamp(10.5px,3.05vw,12px); } }
/* Шапка без подложки и полосы на всех экранах: логотип и переключатель языков висят прямо на фоне. */
html body [data-site-header] { position:relative; background:none; border-bottom:0; box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none; }
/* Строка правообладателя всегда в самом низу страницы, даже если содержимого мало. */
html body { min-height:100vh; min-height:100svh; display:flex; flex-direction:column; }
html body > * { min-width:0; }
html body > [data-site-footer] { margin-top:auto; }
html body .site-footer.site-footer-minimal,
html body.has-floating-whatsapp .site-footer.site-footer-minimal { padding-bottom:calc(18px + env(safe-area-inset-bottom)); }
/* Подвал главной: юридические ссылки столбцом, строка © последней. */
html body .site-footer .footer-bottom-row { flex-direction:column; align-items:flex-start; justify-content:flex-start; gap:12px; padding-right:0; padding-bottom:calc(6px + env(safe-area-inset-bottom)); }
html body .site-footer .footer-legal { display:flex; flex-direction:column; align-items:flex-start; gap:6px; }
html body .site-footer .footer-legal a+a::before { content:none; }
html body .site-footer .footer-bottom-row .footer-copy { padding:0; }
/* Плавающая кнопка уходит, когда видна последняя строка сайта. */
.floating-whatsapp { transition:opacity .25s ease, transform .25s ease, box-shadow .2s ease; }
.footer-in-view .floating-whatsapp { opacity:0; pointer-events:none; }
html body.has-floating-whatsapp .site-footer .footer-bottom-row { padding-right:0; padding-bottom:calc(0px + env(safe-area-inset-bottom)); }
html body .site-footer .footer-inner { padding-bottom:18px; }
/* Карточки почти прозрачные, без матового размытия — как «И это ещё не всё» на прежней версии. */
html body .hero-layout.glass-panel,
html body .simple-service-grid .solution-card,
html body .services-extra,
html body .call-card,
html body .call-contact,
html body .agent-catalog-card { background:rgba(12,28,61,.3); -webkit-backdrop-filter:none; backdrop-filter:none; }

/* Английская версия: Inter вместо Manrope — латиница в Manrope с плотным трекингом смотрится тесно. */
html[lang="en"] body, html[lang="en"] body *:not(svg):not(svg *) { font-family:Inter,"Helvetica Neue",Arial,sans-serif !important; }
html[lang="en"] h1, html[lang="en"] h2, html[lang="en"] h3 { letter-spacing:-.02em; }
html[lang="en"] p, html[lang="en"] li, html[lang="en"] a, html[lang="en"] span, html[lang="en"] button { letter-spacing:-.006em; }
/* Один цельный фон: без полос между секциями и без отдельной подложки у подвала. */
html body .consultation-section,
html body .simple-process,
html body .implementation-section { border-top:0; border-bottom:0; }
html body .simple-services,
html body .simple-scenarios { background:none; }
html body .site-footer { background:none; border-top:0; -webkit-backdrop-filter:none; backdrop-filter:none; }
html body .site-footer .footer-sub-body { background:rgba(12,28,61,.3); border-color:rgba(170,208,255,.2); }
/* На телефоне анимированный слой начинается ниже чёлки; край растворяется, без резкой линии. */
@media (hover:none) and (pointer:coarse) {
  html body .pulse-background, html body .noise {
    -webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 140px);
    mask-image:linear-gradient(to bottom, transparent 0, #000 140px);
  }
}
/* Логотипы клиентов и шаги внедрения такие же лёгкие, как остальные карточки. */
html body .partner-card { background:rgba(12,28,61,.3); border-color:rgba(170,208,255,.2); }
/* Кружки шагов как кнопки связи: прозрачные, тонкая обводка. Линия идёт отрезками между кружками, а не сквозь них. */
html body .implementation-number { background:rgba(12,30,67,.3); border:1px solid rgba(124,183,255,.4); box-shadow:none; color:#F7FBFF; text-shadow:none; }
html body .implementation-steps::before, html body .implementation-steps::after { content:none; }
html body .implementation-step:not(:last-child)::after { content:""; position:absolute; top:26px; left:calc(50% + 26px); width:calc(100% - 52px); height:1px; background:rgba(124,183,255,.4); pointer-events:none; }
@media (max-width:700px) {
  html body .implementation-step:not(:last-child)::after { top:52px; left:26px; width:1px; height:calc(100% - 52px + 22px); }
}
/* Подвал главной — такой же прозрачный блок с тонкой обводкой, как карточки выше. */
html body .site-footer:not(.site-footer-minimal) { padding-bottom:calc(16px + env(safe-area-inset-bottom)); }
html body .site-footer:not(.site-footer-minimal) .footer-inner { box-sizing:border-box; border:1px solid rgba(170,208,255,.2); border-radius:16px; background:rgba(12,28,61,.3); padding:24px 24px 22px; }
html body .site-footer .footer-bottom-row { border-top:1px solid rgba(170,208,255,.15); padding-top:16px; padding-bottom:0; }
@media (max-width:767px) {
  html body .site-footer:not(.site-footer-minimal) .footer-inner { padding:20px 18px 18px; }
}
/* iPhone Safari красит полосу у чёлки и у адресной строки сплошным цветом страницы.
   Сверху фон плавно уходит в этот цвет только в начале страницы (слой прокручивается вместе с ней):
   закреплённый слой у верхнего края заставляет Safari рисовать матовую полосу при прокрутке.
   Снизу — закреплённое затемнение у адресной строки. */
@media (hover:none) and (pointer:coarse) {
  html body::before { content:""; position:absolute; top:0; left:0; right:0; height:calc(env(safe-area-inset-top, 0px) + 110px); z-index:0; pointer-events:none;
    background:linear-gradient(to bottom, #01050f 0, #01050f env(safe-area-inset-top, 0px), rgba(1,5,15,0) 100%); }
  html body::after { content:""; position:fixed; left:0; right:0; bottom:0; height:calc(env(safe-area-inset-bottom, 0px) + 110px); z-index:0; pointer-events:none;
    background:linear-gradient(to top, #01050f 0, #01050f env(safe-area-inset-bottom, 0px), rgba(1,5,15,0) 100%); }
}
/* ПК: под логотипом «О компании» и «Контакты», на их уровне иконки и правовые ссылки справа; строка © по центру под линией. Телефон не меняется. */
@media (min-width:801px) {
  html body .site-footer .footer-inner { grid-template-columns:auto auto 1fr; gap:18px 56px; }
  html body .site-footer .footer-inner .footer-brand { grid-column:1; grid-row:1; }
  html body .site-footer .footer-inner .footer-menus { grid-column:1; grid-row:2; flex-direction:column; flex-wrap:nowrap; gap:4px; }
  html body .site-footer .footer-menu-about[open]:has(.footer-sub[open]) { flex:none; width:min(560px, 46vw); max-width:none; }
  html body .site-footer .footer-inner .footer-social { grid-column:2; grid-row:2; align-self:start; }
  html body .site-footer .footer-bottom-row { display:contents; }
  html body .site-footer .footer-legal { grid-column:3; grid-row:2; align-self:start; justify-self:end; align-items:flex-end; text-align:right; }
  html body .site-footer .footer-bottom-row .footer-copy { grid-column:1/-1; grid-row:3; margin:4px 0 0; padding:16px 0 0; border-top:1px solid rgba(170,208,255,.15); text-align:center; }
}
/* Телефон: иконки соцсетей по центру подвала, размер и шаг прежние. */
@media (max-width:800px) {
  html body .site-footer .footer-inner { grid-template-columns:minmax(0,1fr); }
  html body .site-footer .footer-inner .footer-social { justify-self:stretch; width:auto; justify-content:center; }
}
/* Живой фон: тёмно-синяя сеть светящихся узлов (components/network-background.js) вместо шара с волнами.
   Глубина задаётся мягкими синими пятнами, без фиолетового. */
html .pulse-background-stage, html .pulse-background::before { display:none; }
html .pulse-background {
  background:
    radial-gradient(ellipse 65% 50% at 76% 26%, rgba(12,90,235,.30), transparent 70%),
    radial-gradient(ellipse 55% 45% at 10% 84%, rgba(8,70,200,.20), transparent 72%),
    radial-gradient(ellipse 45% 38% at 42% 56%, rgba(6,50,150,.16), transparent 75%);
}
.network-canvas { position:absolute; top:0; left:0; width:100%; height:100%; display:block; pointer-events:none; }
html body { background:#01050f; }
/* ===== Новый дизайн главной: шапка с меню, первый экран с живым демо, карточки решений с иконками ===== */
html body .simple-header { gap:0; }
html body .simple-header .site-nav { display:flex; gap:30px; margin-left:56px; }
html body .simple-header .site-nav a { color:#c4d6f2; font-size:14px; font-weight:500; text-decoration:none; transition:color .2s; }
html body .simple-header .site-nav a:hover { color:#fff; }
html body .simple-header .site-lang { margin-left:auto; }
html body .simple-header .site-nav-cta { margin-left:16px; padding:12px 22px; font-size:14px; border-radius:12px; background:linear-gradient(135deg,#3b9bff,#1667f0); box-shadow:0 8px 26px rgba(22,110,240,.38); }
html body .simple-header .site-menu { display:none; position:relative; margin-left:10px; }
html body .site-menu summary { list-style:none; cursor:pointer; display:grid; gap:4px; align-content:center; justify-items:center; width:42px; height:42px; border-radius:12px; border:1px solid rgba(124,183,255,.3); background:rgba(10,28,60,.45); }
html body .site-menu summary::-webkit-details-marker { display:none; }
html body .site-menu summary span { display:block; width:18px; height:2px; border-radius:2px; background:#e3efff; }
html body .site-menu .site-menu-panel { position:absolute; right:0; top:52px; z-index:60; display:flex; flex-direction:column; gap:2px; min-width:220px; margin:0; padding:10px; border-radius:16px; border:1px solid rgba(124,183,255,.28); background:rgba(3,11,28,.985); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); box-shadow:0 18px 50px rgba(0,0,0,.5); }
html body .site-menu .site-menu-panel a { padding:12px 14px; border-radius:10px; color:#e3efff; font-size:15px; text-decoration:none; }
html body .site-menu .site-menu-panel a:hover { background:rgba(40,110,230,.18); }
html body .site-menu .site-menu-panel a:last-child { margin-top:6px; text-align:center; font-weight:700; background:linear-gradient(135deg,#3b9bff,#1667f0); }
@media (max-width:1100px) {
  html body .simple-header .site-nav, html body .simple-header .site-nav-cta { display:none; }
  html body .simple-header .site-menu { display:block; }
}

html body .hero-v2::before { display:none; }
html body .hero-v2 { display:grid; overflow:visible; grid-template-columns:minmax(0,1.12fr) minmax(0,1fr); gap:48px; align-items:center; min-height:0; padding-top:56px; padding-bottom:72px; }
html body .hero-v2-copy { position:relative; z-index:2; }
html body .hero-v2-badge { display:inline-flex; align-items:center; gap:8px; padding:7px 14px; border-radius:999px; border:1px solid rgba(124,183,255,.3); background:rgba(10,30,66,.45); color:#bcd7ff; font-size:13px; font-weight:600; }
html body .hero-v2-badge::before { content:"+"; color:#5fb2ff; font-weight:700; }
html body .hero-v2 h1 { margin:22px 0 0; max-width:620px; font-size:clamp(34px,4.1vw,58px); line-height:1.06; font-weight:700; letter-spacing:-.035em; color:#fff; text-align:left; }
html body .hero-v2 .lead { margin:22px 0 0; max-width:540px; color:#b6c6e0; font-size:18px; line-height:1.6; text-align:left; }
html body .hero-v2-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:32px; }
html body .hero-v2-actions .btn { gap:9px; min-height:50px; padding:13px 16px; border-radius:12px; font-size:14px; border:1px solid transparent; box-shadow:none; }
html body .hero-v2-actions .btn .arrow { display:none; }
html body .hero-v2-actions .btn[data-contact-channel="whatsapp"] { background:linear-gradient(135deg,#2bd46b,#14a84e); box-shadow:0 10px 28px rgba(28,190,90,.28); }
html body .hero-v2-actions .btn[data-contact-channel="telegram"] { background:linear-gradient(135deg,#3b9bff,#1667f0); box-shadow:0 10px 28px rgba(22,110,240,.32); }
html body .hero-v2-actions .btn[data-contact-channel="phone"] { background:rgba(8,24,56,.55); border-color:rgba(124,183,255,.45); }
html body .hero-v2-actions .btn:hover { transform:translateY(-2px); }
html body .hero-v2-demo { position:relative; display:block; text-decoration:none; perspective:1600px; }
html body .hero-v2-demo-tag { position:absolute; left:24px; bottom:-18px; display:inline-flex; align-items:center; gap:9px; padding:10px 16px; border-radius:999px; background:rgba(4,16,40,.92); border:1px solid rgba(124,183,255,.45); color:#e6f1ff; font-size:13px; font-weight:600; box-shadow:0 10px 30px rgba(0,0,0,.4); }
html body .hero-v2-live { width:8px; height:8px; border-radius:50%; background:#2bd46b; box-shadow:0 0 0 4px rgba(43,212,107,.2); }

html body .simple-services .service-icon { display:grid; place-items:center; width:64px; height:64px; margin-bottom:16px; border-radius:18px; background:radial-gradient(circle at 50% 40%,rgba(40,130,255,.28),rgba(10,40,100,.15) 70%); border:1px solid rgba(124,183,255,.25); box-shadow:0 0 34px rgba(30,120,255,.28); }
html body .simple-services .service-icon svg { width:42px; height:42px; filter:drop-shadow(0 0 10px rgba(60,150,255,.55)); }

@media (max-width:900px) {
  html body .hero-v2 { grid-template-columns:minmax(0,1fr); gap:40px; padding-top:28px; padding-bottom:48px; }
  html body .hero-v2 h1 { font-size:clamp(30px,8.4vw,40px); }
  html body .hero-v2 .lead { font-size:16px; }
  html body .hero-v2-actions { display:grid; grid-template-columns:minmax(0,1fr); }
  html body .hero-v2-actions .btn { width:100%; justify-content:center; }
  html body .hero-v2-demo-tag { left:50%; transform:translateX(-50%); white-space:nowrap; font-size:12px; }
}
/* «AI-агенты и не только» — один общий блок под карточками услуг: слева рассказ и кнопка, справа список. */
html body .services-agents { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:32px; align-items:center; margin-top:16px; padding:26px 28px; }
html body .services-agents-head { display:flex; align-items:flex-start; gap:20px; }
html body .services-agents-head .service-icon { flex:none; margin:0; }
html body .services-agents-title { margin:4px 0 0; color:#fff; font-size:21px; font-weight:600; letter-spacing:-.01em; }
html body .services-agents-lead { margin:8px 0 0; color:rgba(214,230,252,.82); font-size:14.5px; line-height:1.6; }
html body .services-agents-lead .service-summary { color:#e6f1ff; }
html body .services-agents .services-extra-list { margin:0; padding:0 0 0 32px; border-top:0; border-left:1px solid rgba(124,183,255,.16); grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 20px; }
html body .services-agents-cta { display:inline-flex; align-items:center; gap:8px; margin:20px 0 0 84px; padding:11px 18px; border-radius:12px; border:1px solid rgba(124,183,255,.5); background:rgba(40,110,230,.16); color:#e3efff; font-size:14px; font-weight:600; text-decoration:none; transition:background .2s,border-color .2s; }
html body .services-agents-cta:hover { background:rgba(40,110,230,.3); border-color:#7cb7ff; }
@media (max-width:900px) {
  html body .services-agents { grid-template-columns:minmax(0,1fr); gap:20px; padding:20px 18px; }
  html body .services-agents-head { flex-direction:column; gap:14px; }
  html body .services-agents .services-extra-list { order:2; padding:18px 0 0; border-left:0; border-top:1px solid rgba(124,183,255,.16); grid-template-columns:minmax(0,1fr); }
  html body .services-agents-left { display:contents; }
  html body .services-agents-cta { order:3; margin:0; justify-content:center; }
}
/* «Помощь в подборе» — такая же кнопка, как у остальных карточек. */
html body .services-agents-cta { min-height:44px; padding:0 20px; border-radius:999px; border:1px solid rgba(124,183,255,.55); background:rgba(79,158,255,.16); box-shadow:none; color:#E3ECFF; font-size:14px; font-weight:600; line-height:1.2; }
html body .services-agents-cta:hover { background:rgba(79,158,255,.26); border-color:rgba(160,203,255,.8); box-shadow:none; transform:none; }
/* На компьютере список виден справа; на телефоне он спрятан под «Подробнее». */
html body .services-agents-toggle { display:none; }
@media (max-width:900px) {
  html body .services-agents-cta { justify-self:start; }
  html body .services-agents-toggle { order:1; display:inline-flex; align-items:center; gap:6px; justify-self:start; margin:-6px 0 0; padding:6px 0; border:0; background:none; color:#9cc8ff; font:inherit; font-size:14px; font-weight:600; cursor:pointer; }
  html body .services-agents-toggle svg { transition:transform .2s; }
  html body .services-agents.is-open .services-agents-toggle svg { transform:rotate(180deg); }
  html body .services-agents:not(.is-open) .services-extra-list { display:none; }
}
/* Как проходит внедрение: кружок загорается, свет бежит по линии к следующему — и так до пятого. */
html body .implementation-number { transition:none; animation:process-node 9s ease-in-out infinite; }
html body .implementation-step:not(:last-child)::after { height:2px; background:linear-gradient(90deg,transparent 0 40%,#c9f0ff 50%,transparent 60% 100%) 100% 0/300% 100% no-repeat,rgba(124,183,255,.4); background-clip:content-box,border-box; animation:process-link 9s linear infinite; }
html body .implementation-step:nth-child(2) .implementation-number, html body .implementation-step:nth-child(2)::after { animation-delay:1.5s; }
html body .implementation-step:nth-child(3) .implementation-number, html body .implementation-step:nth-child(3)::after { animation-delay:3s; }
html body .implementation-step:nth-child(4) .implementation-number, html body .implementation-step:nth-child(4)::after { animation-delay:4.5s; }
html body .implementation-step:nth-child(5) .implementation-number { animation-delay:6s; }
html body .implementation-step:nth-child(1)::after { animation-delay:.6s; }
html body .implementation-step:nth-child(2)::after { animation-delay:2.1s; }
html body .implementation-step:nth-child(3)::after { animation-delay:3.6s; }
html body .implementation-step:nth-child(4)::after { animation-delay:5.1s; }
@keyframes process-node {
  0%,24%,100% { border-color:rgba(124,183,255,.4); box-shadow:none; background:rgba(12,30,67,.3); }
  5%,14% { border-color:#9fdcff; background:rgba(40,120,255,.28); box-shadow:0 0 0 5px rgba(80,170,255,.14),0 0 26px rgba(80,170,255,.75); }
}
@keyframes process-link { 0% { background-position:100% 0,0 0; } 13%,100% { background-position:0 0,0 0; } }
@keyframes process-link-v { 0% { background-position:0 100%,0 0; } 13%,100% { background-position:0 0,0 0; } }
@media (max-width:700px) {
  html body .implementation-step:not(:last-child)::after { width:2px; margin-left:-.5px; background:linear-gradient(180deg,transparent 0 40%,#c9f0ff 50%,transparent 60% 100%) 0 100%/100% 300% no-repeat,rgba(124,183,255,.4); animation-name:process-link-v; }
}
@media (prefers-reduced-motion:reduce) {
  html body .implementation-number, html body .implementation-step:not(:last-child)::after { animation:none; }
}
@media (max-width:700px) {
  html body .implementation-steps { gap:34px; }
  html body .implementation-step:not(:last-child)::after { height:calc(100% - 52px + 34px); }
}
/* Первый экран: сцена как на референсе — ноутбук в 3D с аналитикой, стеклянные уведомления слева,
   «Рост продаж» справа сверху и телефон с голосовым ассистентом. Все размеры в cqw, поэтому на телефоне
   сцена та же, только меньше. */
@media (min-width:901px) {
  html body .hero-v2 { grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); gap:24px; }
}
html body .hs { perspective:none; }
html body .hs-stage { position:relative; display:block; aspect-ratio:805/580; container-type:inline-size; perspective:1500px; perspective-origin:40% 40%; }
/* Ноутбук */
/* Экран с дашбордом */
html body .hs-screen { display:grid; grid-template-columns:19% minmax(0,1fr); height:100%; overflow:hidden; border-radius:.7cqw; background:linear-gradient(160deg,#0d1d44,#071230 60%,#0a1a40); font-size:1.02cqw; line-height:1.25; color:#dfeaff; text-align:left; }
html body .hs-side { display:flex; flex-direction:column; gap:.35em; padding:1.1em .7em; background:rgba(4,12,34,.55); border-right:1px solid rgba(124,183,255,.15); }
html body .hs-logo { margin:0 0 .9em .3em; font-size:1.25em; font-weight:700; color:#fff; }
html body .hs-logo em { font-style:normal; color:#4fa8ff; }
html body .hs-nav { display:flex; align-items:center; gap:.5em; padding:.45em .5em; border-radius:.5em; color:#a9bddc; white-space:nowrap; }
html body .hs-nav svg { width:1.1em; height:1.1em; flex:none; }
html body .hs-nav.is-active { background:linear-gradient(90deg,rgba(59,155,255,.35),rgba(59,155,255,.08)); color:#fff; }
html body .hs-main { display:flex; flex-direction:column; gap:.9em; min-width:0; padding:1em 1.2em; }
html body .hs-top { display:flex; align-items:center; justify-content:space-between; }
html body .hs-search { display:flex; align-items:center; gap:.5em; width:42%; padding:.45em .8em; border-radius:2em; background:rgba(255,255,255,.06); border:1px solid rgba(124,183,255,.15); color:#7f95b8; }
html body .hs-search svg { width:1em; height:1em; }
html body .hs-top-icons { display:flex; align-items:center; gap:.6em; }
html body .hs-top-icons i { width:1.5em; height:1.5em; border-radius:50%; background:rgba(255,255,255,.08); border:1px solid rgba(124,183,255,.2); }
html body .hs-top-icons b { width:2em; height:2em; border-radius:50%; background:radial-gradient(circle at 50% 38%,#ffd9b8 0 22%,#3b6fbf 24% 100%); border:1px solid rgba(255,255,255,.5); }
html body .hs-h { font-size:1.7em; font-weight:700; color:#fff; }
html body .hs-kpis { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.8em; }
html body .hs-kpi { position:relative; display:flex; flex-direction:column; gap:.15em; padding:.8em .8em .7em; border-radius:.7em; background:rgba(30,70,150,.22); border:1px solid rgba(124,183,255,.2); overflow:hidden; }
html body .hs-kpi small { font-size:.85em; color:#9fb3d3; }
html body .hs-kpi strong { font-size:1.35em; font-weight:700; color:#fff; white-space:nowrap; }
html body .hs-kpi em { font-style:normal; font-size:.85em; color:#5fe39a; }
html body .hs-kpi-bars { display:flex; align-items:flex-end; gap:6%; height:2.6em; margin-top:.3em; }
html body .hs-kpi-bars i { flex:1; border-radius:.2em .2em 0 0; background:linear-gradient(180deg,#7cc4ff,#1667f0); }
html body .hs-kpi-line { width:100%; height:2.6em; margin-top:.3em; }
html body .hs-kpi-line path { fill:none; stroke:#5fb2ff; stroke-width:2.2; vector-effect:non-scaling-stroke; filter:drop-shadow(0 0 3px rgba(95,178,255,.8)); }
html body .hs-kpi-green path { stroke:#4fe08f; filter:drop-shadow(0 0 3px rgba(79,224,143,.7)); }
html body .hs-chart { position:relative; display:flex; flex-direction:column; flex:1; min-height:0; padding:.8em 1em .6em; border-radius:.7em; background:rgba(30,70,150,.18); border:1px solid rgba(124,183,255,.18); }
html body .hs-chart-head { display:flex; align-items:center; justify-content:space-between; font-weight:600; color:#fff; }
html body .hs-tip { padding:.35em .7em; border-radius:.5em; background:linear-gradient(135deg,#3b9bff,#1667f0); font-size:.9em; box-shadow:0 0 1.5em rgba(59,155,255,.6); }
html body .hs-chart svg { flex:1; width:100%; min-height:0; margin-top:.4em; overflow:visible; }
html body .hs-grid { stroke:rgba(124,183,255,.12); stroke-width:1; vector-effect:non-scaling-stroke; }
html body .hs-area { fill:url(#hsArea); }
html body .hs-line { fill:none; stroke:#7cc8ff; stroke-width:2.4; vector-effect:non-scaling-stroke; filter:drop-shadow(0 0 4px rgba(90,180,255,.9)); stroke-dasharray:600; animation:hs-draw 2.4s ease-out .4s both; }
html body .hs-dot { fill:#fff; stroke:#3b9bff; stroke-width:3; vector-effect:non-scaling-stroke; }
html body .hs-months { display:flex; justify-content:space-between; margin-top:.3em; font-size:.8em; color:#7f95b8; }
@keyframes hs-draw { from { stroke-dashoffset:600; } to { stroke-dashoffset:0; } }
/* Стеклянные карточки уведомлений: всплывают по очереди, потом мягко покачиваются. */
html body .hs-card-icon { display:grid; place-items:center; width:5.4cqw; height:5.4cqw; flex:none; border-radius:1.4cqw; background:linear-gradient(135deg,#4fa8ff,#1667f0); box-shadow:0 0 2.4cqw rgba(59,155,255,.6); }
html body .hs-card-icon svg { width:2.6cqw; height:2.6cqw; }
html body .hs-card-icon-green { background:linear-gradient(135deg,#3ee08a,#12a35a); box-shadow:0 0 2.4cqw rgba(62,224,138,.5); }
html body .hs-card-text { display:grid; gap:.2cqw; }
html body .hs-card-text b { font-size:1.9cqw; font-weight:600; }
html body .hs-card-text small { font-size:1.45cqw; color:rgba(220,234,255,.78); }
@keyframes hs-pop { from { opacity:0; scale:.8; } to { opacity:1; scale:1; } }
@keyframes hs-float { 0%,100% { translate:0 0; } 50% { translate:0 -1.2cqw; } }
@keyframes hs-grow { from { transform:scaleY(0); } to { transform:scaleY(1); } }
/* Телефон: идёт звонок голосового AI-ассистента */
html body .hs-call-status { display:inline-flex; align-items:center; gap:.8cqw; margin-top:1cqw; font-size:1.55cqw; font-weight:600; white-space:nowrap; }
html body .hs-call-dot { width:1.1cqw; height:1.1cqw; border-radius:50%; background:#2bd46b; box-shadow:0 0 0 .5cqw rgba(43,212,107,.25); animation:hs-blink 1.4s ease-in-out infinite; }
html body .hs-wave { display:flex; align-items:center; justify-content:center; gap:.45cqw; width:90%; height:5cqw; margin-top:1.2cqw; }
html body .hs-wave i { flex:1; max-width:.45cqw; height:100%; border-radius:1cqw; background:linear-gradient(180deg,#a9e2ff,#2f8bff); box-shadow:0 0 .8cqw rgba(80,170,255,.8); animation:hs-bar 1.1s ease-in-out infinite; animation-delay:calc(var(--i) * -0.12s); }
@keyframes hs-bar { 0%,100% { transform:scaleY(.25); } 50% { transform:scaleY(1); } }
@keyframes hs-blink { 0%,100% { opacity:1; } 50% { opacity:.4; } }
html body .hs .hero-v2-demo-tag { position:relative; left:auto; bottom:auto; z-index:4; display:flex; width:max-content; margin:6px auto 0; transform:none; text-decoration:none; white-space:nowrap; }
@media (max-width:900px) {
  html body .hs-stage { aspect-ratio:805/640; }
  html body .hs-card-text b { font-size:2.6cqw; }
  html body .hs-card-text small { font-size:2.1cqw; }
  html body .hs-card-icon { width:6.6cqw; height:6.6cqw; }
  html body .hs .hero-v2-demo-tag { font-size:12.5px; }
}
@media (min-width:901px) {
  html body .hero-v2 { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:32px; }
}
/* Первый экран: готовая иллюстрация (ноутбук, стеклянные карточки, телефон с ассистентом),
   поверх неё живые надписи. Слой с надписями нарисован в координатах картинки 1536×1024
   и масштабируется под ширину (--hs-scale ставит home-sections.js), каждая надпись
   «натянута» на свою карточку через matrix3d, поэтому лежит в перспективе. */
html body .hs-stage { aspect-ratio:1536/1024; perspective:none; overflow:visible; }
html body .hs-art { position:absolute; inset:0; display:block; -webkit-mask-image:radial-gradient(ellipse 72% 70% at 50% 50%,#000 72%,transparent 100%); mask-image:radial-gradient(ellipse 72% 70% at 50% 50%,#000 72%,transparent 100%); pointer-events:none; }
html body .hs-art img { display:block; width:100%; height:100%; }
html body .hs-layer { position:absolute; left:0; top:0; width:1536px; height:1024px; transform-origin:0 0; transform:scale(var(--hs-scale,.4)); }
html body .hs-q { position:absolute; left:0; top:0; display:block; transform-origin:0 0; color:#fff; text-decoration:none; }
html body .hs-q-screen .hs-screen { width:100%; height:100%; font-size:15px; border-radius:6px; background:linear-gradient(160deg,rgba(13,29,68,.94),rgba(7,18,48,.94) 60%,rgba(10,26,64,.94)); }
html body .hs-pop { display:flex; align-items:center; gap:22px; width:100%; height:100%; padding:0 30px; animation:hs-in .7s ease-out var(--pop,0s) both; }
html body .hs-q-c1 { --pop:.4s; } html body .hs-q-c2 { --pop:1s; } html body .hs-q-c3 { --pop:1.6s; } html body .hs-q-growth { --pop:2.2s; }
html body .hs-pop .hs-card-icon { width:78px; height:78px; border-radius:20px; box-shadow:0 0 30px rgba(59,155,255,.6); }
html body .hs-pop .hs-card-icon svg { width:38px; height:38px; }
html body .hs-pop .hs-card-text { gap:4px; text-shadow:0 2px 10px rgba(0,20,70,.6); }
html body .hs-pop .hs-card-text b { font-size:31px; font-weight:700; }
html body .hs-pop .hs-card-text small { font-size:23px; color:rgba(235,244,255,.9); }
html body .hs-q-growth .hs-pop { flex-direction:column; align-items:flex-start; justify-content:center; gap:4px; padding:24px 36px; }
html body .hs-q-growth small { font-size:26px; color:rgba(235,244,255,.92); }
html body .hs-q-growth b { font-size:58px; font-weight:800; line-height:1; text-shadow:0 2px 14px rgba(0,30,90,.5); }
html body .hs-q-growth svg { width:100%; height:80px; margin-top:8px; overflow:visible; }
html body .hs-q-growth rect { fill:url(#hsBar); filter:drop-shadow(0 0 4px rgba(150,220,255,.8)); transform-box:fill-box; transform-origin:bottom; animation:hs-grow 1s ease-out calc(var(--pop) + .3s) both; }
html body .hs-q-phone { display:flex; flex-direction:column; align-items:center; }
html body .hs-phone-title { margin-top:56px; font-size:30px; font-weight:700; text-shadow:0 2px 10px rgba(0,20,70,.6); }
html body .hs-q-phone .hs-call-status { margin-top:300px; gap:10px; font-size:24px; }
html body .hs-q-phone .hs-call-dot { width:14px; height:14px; box-shadow:0 0 0 5px rgba(43,212,107,.25); }
html body .hs-q-phone .hs-wave { width:82%; height:56px; gap:5px; margin-top:16px; }
html body .hs-q-phone .hs-wave i { max-width:5px; border-radius:4px; box-shadow:0 0 8px rgba(80,170,255,.8); }
@keyframes hs-in { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:none; } }
html body .hs .hero-v2-demo-tag { margin-top:0; }
@media (min-width:901px) { html body .hs { margin-right:-110px; margin-left:-40px; } }
@media (max-width:900px) { html body .hs { margin:4px -16px 0; } html body .hs-stage { aspect-ratio:1536/1024; } }
/* Сцена на первом экране живёт всегда, даже при системной настройке «уменьшить движение» (на Windows она часто включена). */
@media (prefers-reduced-motion:reduce) {
  html body .hs-wave i { animation-duration:1.1s !important; animation-iteration-count:infinite !important; }
  html body .hs-call-dot { animation-duration:1.4s !important; animation-iteration-count:infinite !important; }
  html body .hs-pop { animation-duration:.7s !important; }
  html body .hs-q-growth rect { animation-duration:1s !important; }
}
html body .hs-q-screen { width:960px; height:600px; transform:matrix3d(1.27312,0.294528,0,0.000449206,-0.051932,0.892287,0,-0.000124239,0,0,1,0,418,118,0,1); }
html body .hs-q-c1 { width:360px; height:160px; transform:matrix3d(1.09535,0.218023,0,0.000232558,-0.0123605,1.05084,0,2.90698e-06,0,0,1,0,50,122,0,1); }
html body .hs-q-c2 { width:390px; height:150px; transform:matrix3d(1.09735,0.193206,0,0.00016796,0.0248346,1.07852,0,5.08906e-05,0,0,1,0,92,337,0,1); }
html body .hs-q-c3 { width:340px; height:140px; transform:matrix3d(1.06675,0.149569,0,0.000105747,0.021721,1.02882,0,4.17711e-05,0,0,1,0,176,550,0,1); }
html body .hs-q-growth { width:460px; height:230px; transform:matrix3d(0.887048,-0.134559,0,-6.87424e-05,-0.028406,0.968746,0,-2.75787e-05,0,0,1,0,1030,120,0,1); }
html body .hs-q-phone { width:300px; height:620px; transform:matrix3d(0.489094,-0.0309024,0,-0.000228398,-0.332736,0.660579,0,-0.000149131,0,0,1,0,1230,380,0,1); }
html body .hs-art { -webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(180deg,transparent,#000 15%,#000 85%,transparent); mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(180deg,transparent,#000 15%,#000 85%,transparent); -webkit-mask-composite:source-in; mask-composite:intersect; }
html body .hs-pop { gap:16px; padding:0 22px; }
html body .hs-pop .hs-card-icon { width:62px; height:62px; border-radius:16px; }
html body .hs-pop .hs-card-icon svg { width:30px; height:30px; }
html body .hs-pop .hs-card-text { white-space:nowrap; }
html body .hs-pop .hs-card-text b { font-size:25px; }
html body .hs-pop .hs-card-text small { font-size:19px; }
html body .hs-line { stroke-dasharray:none; animation:none; }
/* Первый экран: готовые картинки на каждом языке (экран ноутбука уже нарисован в них).
   Без своей подсветки: только картинка и обычный текст на карточках. */
html body .hs-art { -webkit-mask-image:none; mask-image:none; }
html body .hs-art img { position:absolute; inset:0; display:none; }
html[lang="ru"] body .hs-art-ru, html[lang="ky"] body .hs-art-ky, html[lang="en"] body .hs-art-en { display:block; }
html[lang="en"] body .hs-stage { aspect-ratio:1672/941; }
html[lang="en"] body .hs-layer { width:1672px; height:941px; }
html body .hs-pop .hs-card-icon, html body .hs-pop .hs-card-icon-green { box-shadow:none; }
html body .hs-pop .hs-card-text, html body .hs-q-growth b, html body .hs-phone-title { text-shadow:none; }
html body .hs-q-growth svg { display:none; }
html body .hs-q-phone .hs-call-dot { box-shadow:none; animation:none; }
html body .hs-q-phone .hs-wave i { box-shadow:none; background:#8fd0ff; }
html body .hs-q-growth .hs-pop { padding:30px 40px; }
html body .hs-q-growth small { font-size:30px; }
html body .hs-q-growth b { font-size:72px; }
html[lang="en"] body .hs-q-c1 { transform:matrix3d(1.26201,0.277499,0,0.000474597,-0.0212957,1.15445,0,-4.89556e-05,0,0,1,0,55,105,0,1); }
html[lang="en"] body .hs-q-c2 { transform:matrix3d(1.08619,0.111416,0,3.09214e-06,-0.00266988,1.10429,0,-3.14104e-05,0,0,1,0,85,332,0,1); }
html[lang="en"] body .hs-q-c3 { transform:matrix3d(1.03042,0.0626068,0,-7.76752e-05,-0.0216037,0.965726,0,-3.89257e-05,0,0,1,0,190,558,0,1); }
html[lang="en"] body .hs-q-growth { transform:matrix3d(0.856681,-0.135849,0,-0.000135352,-0.0276557,0.991895,0,-2.4561e-05,0,0,1,0,1126,100,0,1); }
html[lang="en"] body .hs-q-phone { transform:matrix3d(0.642299,0.00959512,0,-0.000148238,-0.424259,0.667047,0,-0.000185907,0,0,1,0,1361,365,0,1); }
html body .hs-q-growth .hs-pop { gap:12px; }
html body .hs-q-phone .hs-call-status { font-size:19px; gap:8px; }
/* Ноутбук закрывает левый нижний угол карточки «Рост продаж»: текст в правой верхней части. */
html body .hs-q-growth .hs-pop { align-items:flex-end; justify-content:flex-start; gap:6px; padding:34px 44px 0 0; text-align:right; }
html body .hs-q-growth b { font-size:64px; }
/* Картинки с готовой карточкой «Рост продаж»: RU и EN 1672×941, KG 1536×1024. */
html body .hs-q-growth { display:none; }
html[lang="ru"] body .hs-stage, html[lang="en"] body .hs-stage { aspect-ratio:1672/941; }
html[lang="ru"] body .hs-layer, html[lang="en"] body .hs-layer { width:1672px; height:941px; }
html[lang="ky"] body .hs-stage { aspect-ratio:1536/1024; }
html[lang="ky"] body .hs-layer { width:1536px; height:1024px; }
html[lang="ru"] body .hs-q-c1 { transform:matrix3d(1.0194,0.214681,0,0.000115636,-0.0569832,0.962989,0,-0.000139665,0,0,1,0,58,105,0,1); }
html[lang="ru"] body .hs-q-c2 { transform:matrix3d(1.17037,0.341181,0,0.000417054,-0.0406926,1.07671,0,-8.65801e-05,0,0,1,0,90,332,0,1); }
html[lang="ru"] body .hs-q-c3 { transform:matrix3d(1.29476,0.415884,0,0.000497062,-0.0522209,0.929972,0,-0.00010004,0,0,1,0,170,560,0,1); }
html[lang="ru"] body .hs-q-phone { transform:matrix3d(0.572419,0.0016791,0,-0.000130597,-0.601428,0.573654,0,-0.000302921,0,0,1,0,1380,355,0,1); }
html[lang="ky"] body .hs-q-c1 { transform:matrix3d(1.0543,0.252698,0,0.000335836,-0.0355954,1.05398,0,-9.24556e-05,0,0,1,0,52,122,0,1); }
html[lang="ky"] body .hs-q-c2 { transform:matrix3d(1.03376,0.27768,0,0.000277532,-0.0412037,1.02083,0,-9.25926e-05,0,0,1,0,90,335,0,1); }
html[lang="ky"] body .hs-q-c3 { transform:matrix3d(1.09574,0.263787,0,0.000220897,-0.052521,0.997899,0,-0.000105042,0,0,1,0,165,550,0,1); }
html[lang="ky"] body .hs-q-phone { transform:matrix3d(0.498632,-0.0373134,0,-0.000223881,-0.427133,0.638827,0,-0.000207631,0,0,1,0,1245,375,0,1); }
html[lang="en"] body .hs-q-c1 { transform:matrix3d(1.07538,0.228605,0,0.000153734,-0.034834,1.06149,0,-0.000119467,0,0,1,0,35,95,0,1); }
html[lang="en"] body .hs-q-c2 { transform:matrix3d(1.13752,0.285411,0,0.000268162,-0.03875,1.05917,0,-8.33333e-05,0,0,1,0,70,325,0,1); }
html[lang="en"] body .hs-q-c3 { transform:matrix3d(1.2021,0.255435,0,0.00021566,-0.0303332,1.03093,0,-5.74493e-05,0,0,1,0,158,555,0,1); }
html[lang="en"] body .hs-q-phone { transform:matrix3d(0.577294,-0.000332858,0,-0.000137898,-0.551516,0.586451,0,-0.000274569,0,0,1,0,1375,350,0,1); }
@media (min-width:901px) { html body .hs { margin-right:-60px; margin-left:-20px; } }
/* Телефон: заголовок во всю ширину, под ним слева текст, справа картинка, ниже кнопки и ссылка на демо. */
@media (max-width:900px) {
  html body .hero-v2 { grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr); grid-template-areas:"badge badge" "title title" "lead demo" "actions actions" "tag tag"; column-gap:10px; row-gap:0; align-items:center; }
  html body .hero-v2-copy, html body .hs { display:contents; }
  html body .hero-v2-badge { grid-area:badge; justify-self:center; }
  html body .hero-v2 h1 { grid-area:title; margin-top:16px; text-align:center; font-size:clamp(26px,7.4vw,36px); }
  html body .hero-v2 .lead { grid-area:lead; margin:20px 0 0; font-size:13.5px; line-height:1.5; }
  html body .hs-stage { grid-area:demo; margin:20px -10px 0 0; }
  html body .hero-v2-actions { grid-area:actions; margin-top:26px; }
  html body .hs .hero-v2-demo-tag { grid-area:tag; justify-self:center; margin-top:16px; font-size:12px; }
}
@media (max-width:900px) {
  html body .hero-v2 { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); }
  html body .hero-v2 .lead { font-size:13px; }
  html body .hs-stage { margin:20px -16px 0 -4px; }
}
/* Короткие подписи кнопок связи видны только там, где кнопки стоят в один ряд. */
.contact-label-short { display:none; }
@media (max-width:900px) {
  html body .hero-v2-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
  html body .hero-v2-actions .btn { width:auto; min-height:44px; padding:10px 6px; gap:6px; border-radius:10px; font-size:13px; }
  html body .hero-v2-actions .btn .contact-icon { width:17px; height:17px; flex:none; }
  html body .hero-v2-actions .contact-label { display:none; }
  html body .hero-v2-actions .contact-label-short { display:inline; white-space:nowrap; }
}
@media (max-width:900px) {
  html body .hero-v2 .hero-v2-actions .btn { padding:10px 4px; gap:5px; font-size:12px; letter-spacing:0; overflow:hidden; }
  html body .hero-v2 .hero-v2-actions .contact-label-short { font-size:12px; }
  html body .hero-v2 .hero-v2-actions .btn .contact-icon { width:15px; height:15px; }
}
/* Телефон: «Живое демо ERP» сразу под картинкой, в правой колонке. */
@media (max-width:900px) {
  html body .hero-v2 { grid-template-areas:"badge badge" "title title" "lead demo" "lead tag" "actions actions"; }
  html body .hero-v2 { grid-template-rows:auto auto auto 1fr auto; }
  html body .hero-v2 .lead { align-self:start; margin-top:24px; }
  html body .hs .hero-v2-demo-tag { justify-self:stretch; justify-content:center; width:auto; margin:4px -6px 0 0; padding:6px 8px; gap:5px; font-size:9.5px; white-space:nowrap; align-self:start; }
  html body .hs .hero-v2-demo-tag .hero-v2-live { width:6px; height:6px; box-shadow:none; flex:none; }
}

/* «Не знаете, что подойдёт?»: одна кнопка «Связаться с нами», под ней выбор WhatsApp / Telegram / звонок. */
html body .contact-menu { position:relative; display:inline-block; margin-top:24px; }
html body .contact-menu-toggle { display:inline-flex; align-items:center; gap:8px; min-height:50px; padding:0 26px; border-radius:999px; border:1px solid rgba(124,183,255,.55); background:rgba(79,158,255,.16); color:#E3ECFF; font-size:15px; font-weight:600; cursor:pointer; list-style:none; user-select:none; transition:background .2s,border-color .2s; }
html body .contact-menu-toggle::-webkit-details-marker { display:none; }
html body .contact-menu-toggle:hover, html body .contact-menu[open] .contact-menu-toggle { background:rgba(79,158,255,.26); border-color:rgba(160,203,255,.8); }
html body .contact-menu-toggle svg { transition:transform .2s; }
html body .contact-menu[open] .contact-menu-toggle svg { transform:rotate(180deg); }
html body .contact-menu .consultation-actions { display:grid; grid-template-columns:minmax(0,1fr); gap:6px; min-width:260px; margin-top:10px; padding:8px; border:1px solid rgba(124,183,255,.3); border-radius:18px; background:rgba(8,20,48,.92); }
html body .contact-menu .consultation-actions .btn { justify-content:flex-start; min-height:46px; border:0; border-radius:12px; background:transparent; }
html body .contact-menu .consultation-actions .btn:hover { background:rgba(79,158,255,.18); }
html body .contact-menu .consultation-actions .btn .arrow { margin-left:auto; }
/* «AI колл-центр» на экране телефона — ниже от края, аккуратнее. */
html body .hs-phone-title { margin-top:104px; font-size:26px; }
html body .hs-q-phone .hs-call-status { margin-top:256px; }
/* Русская картинка первого экрана с русским экраном ноутбука: карточки и телефон на новых местах. */
html[lang="ru"] body .hs-q-c1 { transform:matrix3d(1.04156,0.181688,0,0.000100144,-0.0469576,0.983294,0,-6.68242e-05,0,0,1,0,55,90,0,1); }
html[lang="ru"] body .hs-q-c2 { transform:matrix3d(1.16845,0.238729,0,0.000244596,-0.0399996,0.995457,0,-0.00015151,0,0,1,0,92,310,0,1); }
html[lang="ru"] body .hs-q-c3 { transform:matrix3d(1.2418,0.284179,0,0.000283332,-0.0819114,0.906135,0,-0.000193402,0,0,1,0,172,525,0,1); }
html[lang="ru"] body .hs-q-phone { transform:matrix3d(0.597259,-0.0155003,0,-0.00013756,-0.435118,0.651056,0,-0.000205552,0,0,1,0,1350,345,0,1); }
/* Компьютер: кнопки связи прежнего вида в один ряд, с полными подписями. */
@media (min-width:901px) {
  html body .hero-v2-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); width:max-content; max-width:100%; }
  html body .hero-v2-actions .btn { justify-content:center; min-width:0; white-space:nowrap; }
}
@media (min-width:901px) and (max-width:1199px) {
  html body .hero-v2-actions { gap:8px; }
  html body .hero-v2-actions .btn { padding:13px 12px; gap:7px; font-size:13px; }
}
/* Узкие ноутбуки и планшеты: полные подписи налезли бы на картинку. */
@media (min-width:901px) and (max-width:1099px) {
  html body .hero-v2-actions .contact-label { display:none; }
  html body .hero-v2-actions .contact-label-short { display:inline; }
}
@media (min-width:901px) { html body .hs { margin-right:0; margin-left:0; } }
/* Матовое стекло глубокого синего цвета на всех прозрачных карточках и блоках: фон за ними размыт, текст не сливается. */
html body .hero-layout.glass-panel,
html body .simple-service-grid .solution-card,
html body .services-extra,
html body .call-card,
html body .call-contact,
html body .agent-catalog-card,
html body .familiar-card,
html body .partner-card,
html body .about-tabs-card,
html body .site-footer:not(.site-footer-minimal) .footer-inner,
html body .site-footer .footer-sub-body,
html body .contact-menu .consultation-actions {
  background:rgba(6,20,54,.66);
  -webkit-backdrop-filter:blur(14px) saturate(1.15);
  backdrop-filter:blur(14px) saturate(1.15);
}
html body .site-footer .footer-sub-body { background:rgba(8,26,66,.6); }
/* «Как проходит внедрение»: описание сразу под заголовком; на телефоне шаги на равном расстоянии. */
html body .implementation-step h3 { min-height:0; }
html body .implementation-step p { margin-top:6px; line-height:1.55; }
@media (max-width:700px) {
  html body .implementation-steps { grid-auto-rows:1fr; gap:24px; }
  html body .implementation-step h3 { min-height:0; line-height:1.35; }
  html body .implementation-step:not(:last-child)::after { height:calc(100% - 52px + 24px); }
}
/* Иконки услуг — готовые 3D-картинки: без своей рамки и подсветки вокруг. */
html body .simple-services .service-icon.service-icon-img { background:none; border:0; box-shadow:none; border-radius:0; }
html body .simple-services .service-icon.service-icon-img img { display:block; width:64px; height:64px; }
/* Карточки услуг: иконка крупнее, справа от неё бейдж и название услуги. */
html body .simple-service-grid .solution-card.service-detail { display:grid; grid-template-columns:80px minmax(0,1fr); column-gap:16px; align-content:start; }
html body .simple-service-grid .solution-card.service-detail > * { grid-column:1 / -1; }
html body .simple-services .solution-card.service-detail .service-icon { grid-column:1; grid-row:1 / span 2; align-self:center; width:80px; height:80px; margin:0 0 18px; }
html body .simple-services .solution-card.service-detail .service-icon svg { width:52px; height:52px; }
html body .simple-services .solution-card.service-detail .service-icon.service-icon-img img { width:80px; height:80px; }
html body .simple-service-grid .solution-card.service-detail .service-badge { position:static; grid-column:2; grid-row:1; justify-self:start; align-self:end; margin:0 0 8px; }
html body .simple-service-grid .solution-card.service-detail .service-title { grid-column:2; grid-row:2; align-self:start; margin:0 0 18px; padding-right:0; }
html body .simple-service-grid .solution-card.service-detail .service-cta { justify-self:start; }
/* Карточки услуг выровнены по одной линии: иконка, бейдж, название и описание стоят на одном уровне во всех карточках. */
html body .simple-service-grid .solution-card.service-detail { grid-template-rows:32px 48px; }
html body .simple-services .solution-card.service-detail .service-icon { align-self:start; }
html body .simple-service-grid .solution-card.service-detail .service-badge { align-self:start; margin:0; }
html body .simple-service-grid .solution-card.service-detail .service-title { align-self:start; margin:0; line-height:1.35; }
@media (min-width:769px) {
  html body .simple-service-grid .solution-card.service-detail .service-summary { min-height:calc(13px * 1.6 * 2); }
  html body .simple-service-grid .solution-card.service-detail .service-explanation { min-height:calc(14px * 1.55 * 4); }
}
html body .services-agents-head .service-icon.service-icon-img, html body .services-agents-head .service-icon.service-icon-img img { width:80px; height:80px; }
/* «AI-агенты и не только» на телефоне: название справа от иконки, текст ниже — как в остальных карточках. */
@media (max-width:900px) {
  html body .services-agents-head { display:grid; grid-template-columns:80px minmax(0,1fr); column-gap:16px; row-gap:18px; align-items:center; }
  html body .services-agents-intro { display:contents; }
  html body .services-agents-head .service-icon { grid-column:1; grid-row:1; }
  html body .services-agents-title { grid-column:2; grid-row:1; margin:0; }
  html body .services-agents-lead { grid-column:1 / -1; grid-row:2; margin:0; }
}
/* «AI-агенты и не только» на телефоне: «и не только» отдельной строкой, шрифтом чуть мельче. */
@media (max-width:900px) {
  html body .services-agents-more { display:block; margin-top:2px; font-size:.72em; font-weight:500; color:rgba(214,230,252,.85); }
}
/* «AI-агенты» на телефоне тем же шрифтом и размером, что названия ERP, CRM и других карточек; «и не только» чуть мельче. */
@media (max-width:900px) {
  html body .services-agents-title { font-size:17px; font-weight:600; line-height:1.35; letter-spacing:normal; }
  html body .services-agents-more { margin-top:2px; font-size:14px; }
}
@media (max-width:768px) { html body .services-agents-title { font-size:16px; } html body .services-agents-more { font-size:13px; } }
/* «AI-агенты и не только»: те же отступы, что в карточках услуг — 16px от края, 16px между иконкой и названием. */
html body .services-agents { padding:16px; }
html body .services-agents-head { gap:16px; }
html body .services-agents-cta { margin-left:96px; }
@media (max-width:900px) {
  html body .services-agents { padding:16px; }
  html body .services-agents-head { row-gap:14px; }
  html body .services-agents-cta { margin-left:0; }
}
@media (min-width:769px) and (max-width:900px) { html body .services-agents-head { row-gap:20px; } }
/* Главная: все блоки по одной мерке — одинаковые заголовки разделов, отступы разделов, отступ от заголовка до содержимого и поля карточек. */
html body main .simple-section h2:not([id]) { font-size:27px; }
@media (min-width:901px) { html body main .simple-section h2:not([id]) { font-size:40px; } }
html body main .simple-section h2:not([id]) + .implementation-steps,
html body main .simple-section h2:not([id]) + .partners-grid,
html body main .simple-section h2:not([id]) + .simple-service-grid { margin-top:24px; }
html body main .simple-section:not(.simple-services):not(.implementation-section):not(.consultation-section) { padding-top:24px; padding-bottom:24px; }
@media (min-width:701px) { html body main .simple-section:not(.simple-services):not(.implementation-section):not(.consultation-section) { padding-top:36px; padding-bottom:36px; } }
html body .partner-card { padding:16px; border-radius:16px; }
html body .site-footer:not(.site-footer-minimal) .footer-inner { padding:16px; }
html body .partners-grid { gap:16px; }
/* Размытие фона под карточками (backdrop-filter) тормозило анимацию фона на компьютере: каждый кадр сети перерисовывался под каждой карточкой.
   Матовость даёт плотная глубокая синяя заливка без размытия. */
html body *:not(.site-menu-panel) { -webkit-backdrop-filter:none !important; backdrop-filter:none !important; }
html body .hero-layout.glass-panel,
html body .simple-service-grid .solution-card,
html body .services-extra,
html body .call-card,
html body .call-contact,
html body .agent-catalog-card,
html body .familiar-card,
html body .partner-card,
html body .about-tabs-card,
html body .site-footer:not(.site-footer-minimal) .footer-inner,
html body .contact-menu .consultation-actions { background:rgba(6,20,54,.8); }
html body .site-footer .footer-sub-body { background:rgba(8,26,66,.75); }
/* «Как проходит внедрение»: линия заполняется слева направо (на телефоне сверху вниз) от этапа к этапу,
   каждый кружок загорается, когда линия до него дошла, и остаётся гореть; в конце всё гаснет и начинается заново. */
html body .implementation-step .implementation-number { animation:none; }
html body .implementation-step:not(:last-child)::after { animation:none; background:linear-gradient(90deg,#3d9bff,#9fdcff) 0 0/0% 100% no-repeat,rgba(124,183,255,.28); background-clip:border-box; }
html body .process-visible .implementation-step .implementation-number { animation:10s linear infinite both; }
html body .process-visible .implementation-step:not(:last-child)::after { animation:10s linear infinite both; animation-delay:0s; }
html body .process-visible .implementation-step:nth-child(1) .implementation-number { animation-name:process-node-1; animation-delay:0s; }
html body .process-visible .implementation-step:nth-child(2) .implementation-number { animation-name:process-node-2; animation-delay:0s; }
html body .process-visible .implementation-step:nth-child(3) .implementation-number { animation-name:process-node-3; animation-delay:0s; }
html body .process-visible .implementation-step:nth-child(4) .implementation-number { animation-name:process-node-4; animation-delay:0s; }
html body .process-visible .implementation-step:nth-child(5) .implementation-number { animation-name:process-node-5; animation-delay:0s; }
html body .process-visible .implementation-step:nth-child(1)::after { animation-name:process-fill-1; }
html body .process-visible .implementation-step:nth-child(2)::after { animation-name:process-fill-2; }
html body .process-visible .implementation-step:nth-child(3)::after { animation-name:process-fill-3; }
html body .process-visible .implementation-step:nth-child(4)::after { animation-name:process-fill-4; }
@keyframes process-node-1 { 0%,2% { border-color:rgba(124,183,255,.4); background:rgba(12,30,67,.3); box-shadow:none; } 5%,90% { border-color:#9fdcff; background:rgba(40,120,255,.32); box-shadow:0 0 0 4px rgba(80,170,255,.16); } 97%,100% { border-color:rgba(124,183,255,.4); background:rgba(12,30,67,.3); box-shadow:none; } }
@keyframes process-node-2 { 0%,20% { border-color:rgba(124,183,255,.4); background:rgba(12,30,67,.3); box-shadow:none; } 23%,90% { border-color:#9fdcff; background:rgba(40,120,255,.32); box-shadow:0 0 0 4px rgba(80,170,255,.16); } 97%,100% { border-color:rgba(124,183,255,.4); background:rgba(12,30,67,.3); box-shadow:none; } }
@keyframes process-node-3 { 0%,37% { border-color:rgba(124,183,255,.4); background:rgba(12,30,67,.3); box-shadow:none; } 40%,90% { border-color:#9fdcff; background:rgba(40,120,255,.32); box-shadow:0 0 0 4px rgba(80,170,255,.16); } 97%,100% { border-color:rgba(124,183,255,.4); background:rgba(12,30,67,.3); box-shadow:none; } }
@keyframes process-node-4 { 0%,54% { border-color:rgba(124,183,255,.4); background:rgba(12,30,67,.3); box-shadow:none; } 57%,90% { border-color:#9fdcff; background:rgba(40,120,255,.32); box-shadow:0 0 0 4px rgba(80,170,255,.16); } 97%,100% { border-color:rgba(124,183,255,.4); background:rgba(12,30,67,.3); box-shadow:none; } }
@keyframes process-node-5 { 0%,71% { border-color:rgba(124,183,255,.4); background:rgba(12,30,67,.3); box-shadow:none; } 74%,90% { border-color:#9fdcff; background:rgba(40,120,255,.32); box-shadow:0 0 0 4px rgba(80,170,255,.16); } 97%,100% { border-color:rgba(124,183,255,.4); background:rgba(12,30,67,.3); box-shadow:none; } }
@keyframes process-fill-1 { 0%,5% { background-size:0% 100%,auto; opacity:1; } 20%,90% { background-size:100% 100%,auto; opacity:1; } 97% { background-size:100% 100%,auto; opacity:.4; } 100% { background-size:0% 100%,auto; opacity:1; } }
@keyframes process-fill-2 { 0%,22% { background-size:0% 100%,auto; opacity:1; } 37%,90% { background-size:100% 100%,auto; opacity:1; } 97% { background-size:100% 100%,auto; opacity:.4; } 100% { background-size:0% 100%,auto; opacity:1; } }
@keyframes process-fill-3 { 0%,39% { background-size:0% 100%,auto; opacity:1; } 54%,90% { background-size:100% 100%,auto; opacity:1; } 97% { background-size:100% 100%,auto; opacity:.4; } 100% { background-size:0% 100%,auto; opacity:1; } }
@keyframes process-fill-4 { 0%,56% { background-size:0% 100%,auto; opacity:1; } 71%,90% { background-size:100% 100%,auto; opacity:1; } 97% { background-size:100% 100%,auto; opacity:.4; } 100% { background-size:0% 100%,auto; opacity:1; } }
@keyframes process-fill-v-1 { 0%,5% { background-size:100% 0%,auto; opacity:1; } 20%,90% { background-size:100% 100%,auto; opacity:1; } 97% { background-size:100% 100%,auto; opacity:.4; } 100% { background-size:100% 0%,auto; opacity:1; } }
@keyframes process-fill-v-2 { 0%,22% { background-size:100% 0%,auto; opacity:1; } 37%,90% { background-size:100% 100%,auto; opacity:1; } 97% { background-size:100% 100%,auto; opacity:.4; } 100% { background-size:100% 0%,auto; opacity:1; } }
@keyframes process-fill-v-3 { 0%,39% { background-size:100% 0%,auto; opacity:1; } 54%,90% { background-size:100% 100%,auto; opacity:1; } 97% { background-size:100% 100%,auto; opacity:.4; } 100% { background-size:100% 0%,auto; opacity:1; } }
@keyframes process-fill-v-4 { 0%,56% { background-size:100% 0%,auto; opacity:1; } 71%,90% { background-size:100% 100%,auto; opacity:1; } 97% { background-size:100% 100%,auto; opacity:.4; } 100% { background-size:100% 0%,auto; opacity:1; } }
@media (max-width:700px) {
  html body .implementation-step:not(:last-child)::after { background:linear-gradient(180deg,#3d9bff,#9fdcff) 0 0/100% 0% no-repeat,rgba(124,183,255,.28); }
  html body .process-visible .implementation-step:nth-child(1)::after { animation-name:process-fill-v-1; }
  html body .process-visible .implementation-step:nth-child(2)::after { animation-name:process-fill-v-2; }
  html body .process-visible .implementation-step:nth-child(3)::after { animation-name:process-fill-v-3; }
  html body .process-visible .implementation-step:nth-child(4)::after { animation-name:process-fill-v-4; }
}
/* Этапы заполняются всегда, даже при системной настройке «уменьшить движение» (на Windows она часто включена). */
@media (prefers-reduced-motion:reduce) {
  html body .process-visible .implementation-step .implementation-number, html body .process-visible .implementation-step:not(:last-child)::after { animation-duration:10s !important; animation-iteration-count:infinite !important; }
}
/* Подвал: контакты не спрятаны — две почты и два телефона видны сразу, на каждый можно нажать. */
html body .site-footer .footer-contacts { display:flex; flex-wrap:wrap; align-items:center; gap:8px 32px; }
html body .site-footer .footer-contacts a { color:#DCE8FB; font:500 15px/1.5 Manrope,Arial,sans-serif; text-decoration:none; }
html body .site-footer .footer-contacts a:hover { color:#fff; text-decoration:underline; text-underline-offset:3px; }
@media (max-width:700px) { html body .site-footer .footer-contacts { flex-direction:column; align-items:flex-start; gap:6px; } }
/* ПК: контакты столбиком прямо под логотипом, иконки соцсетей по центру подвала, правовые ссылки справа. */
@media (min-width:801px) {
  html body .site-footer .footer-inner { grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:12px 32px; }
  html body .site-footer .footer-inner .footer-brand { grid-column:1; grid-row:1; }
  html body .site-footer .footer-contacts { grid-column:1; grid-row:2; flex-direction:column; align-items:flex-start; gap:6px; }
  html body .site-footer .footer-inner .footer-social { grid-column:2; grid-row:1 / span 2; align-self:center; justify-self:center; }
  html body .site-footer .footer-legal { grid-column:3; grid-row:1 / span 2; align-self:center; }
}
/* Строки контактов в подвале: «email: …», «тел.: …». */
html body .site-footer .footer-contacts { flex-direction:column; align-items:flex-start; gap:6px; }
html body .site-footer .footer-contact-row { margin:0; color:#9fb3d1; font:500 15px/1.5 Manrope,Arial,sans-serif; }
html body .site-footer .footer-contact-row span { color:#9fb3d1; }
html body .site-footer .footer-contact-row a { white-space:nowrap; }
/* Контакты в подвале: подписи слева, почты и номера столбиком в одну линию. */
html body .site-footer .footer-contacts { display:grid; grid-template-columns:auto auto; justify-content:start; gap:8px 20px; margin:0; }
html body .site-footer .footer-contacts dt { margin:0; color:#9fb3d1; font:500 15px/1.5 Manrope,Arial,sans-serif; }
html body .site-footer .footer-contacts dd { display:flex; flex-direction:column; gap:2px; margin:0; }
html body .site-footer .footer-contacts dd a { white-space:nowrap; }
@media (max-width:700px) { html body .site-footer .footer-contacts { flex-direction:unset; } }
/* «Не знаете, что подойдёт вашему бизнесу?»: на ПК кнопка «Связаться с нами» посередине между концом заголовка и правым краем, меню выпадает под ней. */
@media (min-width:901px) {
  html body .consultation-inner { display:grid; grid-template-columns:auto minmax(0,1fr); column-gap:40px; align-items:center; }
  html body .consultation-inner > :not(.contact-menu) { grid-column:1; }
  html body .consultation-inner .contact-menu { grid-column:2; grid-row:1 / span 3; justify-self:center; margin-top:0; }
  html body .contact-menu .consultation-actions { position:absolute; top:100%; left:50%; transform:translateX(-50%); z-index:5; }
}