:root{
  --bg:#030b18;
  --bg-2:#061224;
  --panel:#08182b;
  --panel-2:#0b1d34;
  --panel-3:#0d2240;
  --line:rgba(118,164,230,.16);
  --line-strong:rgba(112,173,255,.32);
  --text:#f4f7ff;
  --muted:#9fb0c9;
  --muted-2:#70839e;
  --blue:#2f9cff;
  --cyan:#41d6ff;
  --violet:#7c5cff;
  --purple:#9b59ff;
  --green:#50d89a;
  --orange:#ff9c55;
  --max:1500px;
  --radius:20px;
  --shadow:0 24px 70px rgba(0,0,0,.34);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:78px}
body{margin:0;min-width:320px;background:
  radial-gradient(circle at 18% -12%,rgba(31,103,255,.16),transparent 30rem),
  radial-gradient(circle at 88% 16%,rgba(119,64,255,.10),transparent 32rem),
  var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit}img{max-width:100%;height:auto}button,input,textarea{font:inherit}.container{width:min(calc(100% - 40px),var(--max));margin:0 auto}

.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(125,164,224,.10);background:rgba(2,9,20,.82);backdrop-filter:blur(18px)}
.header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand,.footer-brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-weight:850;letter-spacing:-.02em}.brand{font-size:20px}.brand img,.footer-brand img{border-radius:12px;box-shadow:0 10px 28px rgba(48,104,255,.22)}
.nav{display:flex;align-items:center;gap:28px}.nav a{color:#bdc8da;text-decoration:none;font-size:14px;font-weight:700;transition:color .16s ease}.nav a:hover,.nav a:focus-visible{color:#fff}.nav-contact{padding:9px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}
.header-actions{display:flex;align-items:center;gap:8px}.header-round{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;text-decoration:none;background:linear-gradient(145deg,rgba(34,70,130,.46),rgba(14,28,56,.72));font-size:12px;font-weight:900}.header-round.max{background:linear-gradient(145deg,rgba(101,68,255,.54),rgba(27,26,70,.76))}.header-cta{height:38px;display:inline-flex;align-items:center;padding:0 15px;border-radius:12px;background:linear-gradient(120deg,#278fff,#665cff);text-decoration:none;font-size:13px;font-weight:850;box-shadow:0 12px 28px rgba(47,120,255,.22)}

.page-shell{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start;padding:26px 0 44px}.main-column{min-width:0}.side-column{position:sticky;top:94px;display:grid;gap:14px}
.panel{border:1px solid var(--line);border-radius:18px;background:linear-gradient(155deg,rgba(10,28,51,.94),rgba(6,17,34,.96));box-shadow:0 14px 46px rgba(0,0,0,.18)}

.hero-card{position:relative;overflow:hidden;min-height:540px;padding:48px;border:1px solid rgba(106,156,233,.17);border-radius:24px;background:
  linear-gradient(135deg,rgba(4,16,34,.98),rgba(4,13,28,.96)),
  radial-gradient(circle at 80% 30%,rgba(50,104,255,.13),transparent 35rem);box-shadow:var(--shadow)}
.hero-card:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(107,151,220,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(107,151,220,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to right,transparent 0,#000 52%,#000 100%);pointer-events:none}
.hero-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.92fr) minmax(390px,1.08fr);align-items:center;gap:34px;min-height:440px}
.eyebrow{margin:0 0 14px;color:#62c1ff;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.hero-copy h1{max-width:650px;margin:0 0 22px;font-size:clamp(44px,4.6vw,68px);line-height:1.01;letter-spacing:-.055em}.gradient-text{background:linear-gradient(120deg,#54b8ff 0%,#7288ff 45%,#a25aff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{max-width:640px;margin:0 0 12px;color:#d2dcec;font-size:18px;line-height:1.55}.hero-note{max-width:610px;margin:0 0 26px;color:var(--muted);font-size:14px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}.button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;border:0;border-radius:13px;text-decoration:none;font-size:13px;font-weight:850;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.button:hover,.button:focus-visible{transform:translateY(-2px)}.button-primary{background:linear-gradient(120deg,#2494ff,#6658ff);box-shadow:0 14px 32px rgba(45,118,255,.26)}.button-secondary{border:1px solid var(--line-strong);background:rgba(9,25,48,.62);color:#dbe7f8}.hero-proof{display:flex;flex-wrap:wrap;gap:16px 22px;color:#b7c5da;font-size:12px}.hero-proof span{display:inline-flex;align-items:center;gap:7px}.hero-proof i{width:18px;height:18px;display:grid;place-items:center;border:1px solid rgba(89,172,255,.28);border-radius:50%;color:#73c8ff;font-style:normal;font-size:10px}

.architecture-visual{position:relative;isolation:isolate;min-height:390px;display:grid;place-items:center;perspective:900px}.architecture-visual:before{content:"";position:absolute;width:74%;height:74%;border-radius:50%;background:radial-gradient(circle,rgba(43,105,255,.24),rgba(95,55,255,.08) 45%,transparent 70%);filter:blur(30px);z-index:-1}.hero-tech-art{width:min(100%,560px);display:block;filter:drop-shadow(0 30px 44px rgba(0,0,0,.35));transition:transform .22s ease;will-change:transform}.visual-caption{position:absolute;left:50%;bottom:2px;transform:translateX(-50%);width:min(94%,540px);display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:11px 14px;border:1px solid rgba(108,165,246,.22);border-radius:14px;background:rgba(5,15,31,.88);backdrop-filter:blur(14px);box-shadow:0 12px 30px rgba(0,0,0,.28)}.visual-caption-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,rgba(48,145,255,.24),rgba(124,81,255,.22));color:#83caff;font-weight:900}.visual-caption strong{display:block;margin-bottom:2px;font-size:13px}.visual-caption span{display:block;color:#91a4c0;font-size:11px;line-height:1.4}
.hotspot{position:absolute;width:52px;height:52px;border:0;border-radius:50%;background:transparent;cursor:pointer;outline:none}.hotspot:before{content:"";position:absolute;inset:8px;border:1px solid rgba(97,196,255,.0);border-radius:50%;transition:border-color .18s ease,box-shadow .18s ease}.hotspot:hover:before,.hotspot:focus-visible:before,.hotspot.is-active:before{border-color:rgba(92,194,255,.68);box-shadow:0 0 0 7px rgba(70,137,255,.09),0 0 26px rgba(72,147,255,.28)}.hs-mobile{left:5%;top:33%}.hs-cloud{right:10%;top:20%}.hs-windows{left:18%;bottom:20%}.hs-bots{right:4%;top:49%}.hs-cross{right:25%;bottom:8%}.hs-core{left:44%;top:35%}

.section-card{margin-top:16px;padding:28px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(155deg,rgba(7,22,42,.92),rgba(4,15,30,.94));box-shadow:0 12px 40px rgba(0,0,0,.14)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-head h2{margin:0;font-size:28px;line-height:1.15;letter-spacing:-.035em}.section-head p{max-width:620px;margin:0;color:var(--muted);font-size:14px}.section-kicker{display:block;margin-bottom:7px;color:#61c2ff;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.services-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.service-card{min-height:232px;display:flex;flex-direction:column;padding:18px;border:1px solid rgba(115,160,226,.15);border-radius:15px;background:linear-gradient(160deg,rgba(13,33,61,.84),rgba(8,22,42,.86));text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}.service-card:hover,.service-card:focus-visible{transform:translateY(-3px);border-color:rgba(89,171,255,.38);background:linear-gradient(160deg,rgba(18,43,78,.92),rgba(10,27,51,.94))}.service-icon{width:40px;height:40px;margin-bottom:16px;display:grid;place-items:center;border:1px solid rgba(86,161,255,.25);border-radius:11px;background:linear-gradient(145deg,rgba(37,130,255,.16),rgba(117,70,255,.13));color:#73c7ff;font-size:12px;font-weight:950}.service-card:nth-child(4) .service-icon{color:#b573ff}.service-card:nth-child(5) .service-icon{color:#ff9d6c}.service-card:nth-child(6) .service-icon{color:#7e8cff}.service-card h3{margin:0 0 8px;font-size:15px;line-height:1.25;letter-spacing:-.015em}.service-card p{margin:0;color:#93a5c0;font-size:11.5px;line-height:1.5}.service-meta{margin-top:auto;padding-top:13px;color:#7695bc;font-size:9.5px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.service-more{display:inline-flex;align-items:center;gap:5px;margin-top:10px;color:#70c6ff;font-size:10.5px;font-weight:850}

.advantages-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.advantage{min-width:0}.adv-icon{width:44px;height:44px;margin-bottom:12px;display:grid;place-items:center;border:1px solid var(--line);border-radius:13px;background:rgba(20,48,87,.52);color:#68bdff;font-size:18px}.advantage:nth-child(2) .adv-icon{color:#9f6cff}.advantage:nth-child(3) .adv-icon{color:#ff8d5f}.advantage:nth-child(4) .adv-icon{color:#ffc05a}.advantage:nth-child(5) .adv-icon{color:#57d5aa}.advantage:nth-child(6) .adv-icon{color:#52b7ff}.advantage h3{margin:0 0 6px;font-size:13px}.advantage p{margin:0;color:#8fa1ba;font-size:10.5px;line-height:1.5}

.process-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}.process-step{position:relative;text-align:center;padding:0 14px}.process-step:not(:last-child):after{content:"";position:absolute;top:29px;right:-18px;width:36px;height:1px;background:linear-gradient(90deg,rgba(90,158,255,.4),rgba(90,158,255,.05))}.process-icon{width:58px;height:58px;margin:0 auto 12px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:linear-gradient(145deg,rgba(27,57,102,.78),rgba(10,28,56,.85));font-size:20px;box-shadow:inset 0 0 0 7px rgba(255,255,255,.008)}.process-step h3{margin:0 0 6px;font-size:12px}.process-step p{margin:0;color:#8ea0b9;font-size:10.5px;line-height:1.45}

.scenarios-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.scenario-card{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#071426}.scenario-visual{position:relative;height:126px;overflow:hidden;background:radial-gradient(circle at 30% 30%,rgba(49,125,255,.18),transparent 45%),linear-gradient(145deg,#09192e,#071223)}.scenario-window{position:absolute;inset:18px 16px;border:1px solid rgba(110,158,225,.16);border-radius:9px;background:rgba(5,14,29,.74);box-shadow:0 16px 34px rgba(0,0,0,.22)}.scenario-line{height:7px;margin:10px;border-radius:20px;background:linear-gradient(90deg,rgba(64,155,255,.55),rgba(126,78,255,.32))}.scenario-line.short{width:46%}.scenario-dots{display:flex;gap:5px;margin:10px}.scenario-dots i{width:28px;height:28px;border-radius:7px;background:rgba(49,113,216,.2);border:1px solid rgba(94,152,236,.16)}.scenario-card:nth-child(2) .scenario-visual{background:radial-gradient(circle at 70% 28%,rgba(111,75,255,.22),transparent 45%),linear-gradient(145deg,#09172d,#071223)}.scenario-card:nth-child(3) .scenario-visual{background:radial-gradient(circle at 50% 55%,rgba(49,192,255,.15),transparent 45%),linear-gradient(145deg,#081b2d,#071223)}.scenario-card:nth-child(4) .scenario-visual{background:radial-gradient(circle at 50% 40%,rgba(71,223,163,.12),transparent 45%),linear-gradient(145deg,#091b29,#071223)}.scenario-copy{padding:14px}.scenario-copy strong{display:block;margin-bottom:5px;font-size:12px}.scenario-copy span{display:block;color:#879ab5;font-size:10.5px;line-height:1.4}

.builder{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px;align-items:stretch}.builder-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.builder-toggle{display:flex;align-items:center;gap:9px;min-height:46px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:rgba(8,25,49,.58);color:#b8c5d9;cursor:pointer;text-align:left;font-size:11px;font-weight:750;transition:.16s ease}.builder-toggle:hover,.builder-toggle:focus-visible{border-color:var(--line-strong);color:#fff}.builder-toggle.is-active{border-color:rgba(82,170,255,.48);background:linear-gradient(120deg,rgba(38,125,255,.18),rgba(110,70,255,.16));color:#fff;box-shadow:inset 0 0 0 1px rgba(95,172,255,.07)}.builder-dot{width:8px;height:8px;border-radius:50%;background:#3d587c}.builder-toggle.is-active .builder-dot{background:#58c6ff;box-shadow:0 0 16px rgba(72,190,255,.7)}.builder-result{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;min-height:180px;padding:24px;border:1px solid rgba(101,159,238,.18);border-radius:15px;background:radial-gradient(circle at 80% 20%,rgba(102,75,255,.16),transparent 18rem),linear-gradient(145deg,#091a30,#071426)}.builder-result:after{content:"</>";position:absolute;right:24px;bottom:8px;color:rgba(94,160,255,.07);font-size:74px;font-weight:950}.builder-result small{display:block;margin-bottom:7px;color:#69c4ff;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.builder-result h3{margin:0 0 8px;font-size:20px}.builder-result p{max-width:620px;margin:0;color:#9db0c9;font-size:12px;line-height:1.55}.builder-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.builder-tags span{padding:5px 8px;border:1px solid rgba(100,157,230,.16);border-radius:999px;background:rgba(255,255,255,.025);color:#91a4bf;font-size:9px;font-weight:800}

.side-panel{padding:16px}.side-panel h2{margin:0 0 4px;font-size:16px}.side-panel>p{margin:0 0 14px;color:#879ab5;font-size:11px}.messenger-card{padding:14px;border:1px solid rgba(112,159,227,.16);border-radius:14px;background:linear-gradient(155deg,rgba(17,39,69,.73),rgba(8,24,45,.83))}.messenger-card+.messenger-card{margin-top:9px}.messenger-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.messenger-logo{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#31a9ff,#2285ff);box-shadow:0 9px 22px rgba(35,137,255,.24);font-weight:950}.messenger-logo.max{border-radius:11px;background:linear-gradient(145deg,#7f6aff,#5d39de)}.messenger-head strong{display:block;font-size:12px}.messenger-head span{display:block;color:#6fb9ff;font-size:10px}.mini-list{display:grid;gap:6px;margin-bottom:12px}.mini-list span{display:flex;align-items:center;gap:7px;color:#a7b6cb;font-size:10.5px}.mini-list span:before{content:"✓";color:#68c0ff;font-weight:900}.messenger-button{height:38px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:linear-gradient(120deg,#279cff,#357dff);text-decoration:none;font-size:11px;font-weight:850}.messenger-button.max{background:linear-gradient(120deg,#6c62ff,#843dff)}
.quick-list{display:grid;gap:7px}.quick-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border:1px solid rgba(110,155,220,.12);border-radius:10px;background:rgba(255,255,255,.018)}.quick-row span{color:#a4b3c8;font-size:10.5px}.quick-row strong{color:#d8e3f2;font-size:9.5px;font-weight:800}.tech-cloud{display:flex;flex-wrap:wrap;gap:6px}.tech-chip{padding:6px 8px;border:1px solid rgba(102,159,232,.14);border-radius:9px;background:rgba(30,61,106,.22);color:#aabbd2;font-size:9.5px;font-weight:800}.tech-chip.hot{border-color:rgba(113,86,255,.26);background:rgba(85,61,190,.16);color:#c4b7ff}.side-cta{position:relative;overflow:hidden;padding:18px;background:radial-gradient(circle at 92% 30%,rgba(53,154,255,.28),transparent 12rem),linear-gradient(145deg,#0a2442,#08182d)}.side-cta:after{content:"◇";position:absolute;right:-6px;bottom:-18px;color:rgba(76,166,255,.13);font-size:96px;transform:rotate(25deg)}.side-cta h3{position:relative;z-index:2;margin:0 0 7px;color:#68bfff;font-size:16px}.side-cta p{position:relative;z-index:2;margin:0 0 13px;color:#9cadc3;font-size:10.5px}.side-cta .messenger-button{position:relative;z-index:2}

.contact-strip{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:22px 24px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,rgba(12,32,58,.95),rgba(6,19,38,.96))}.contact-strip h2{margin:0 0 5px;font-size:23px}.contact-strip p{margin:0;color:#92a5bf;font-size:12px}.contact-actions{display:flex;gap:8px}.contact-actions a{min-width:120px}
.footer{margin-top:18px;border-top:1px solid rgba(114,155,214,.10);background:rgba(2,8,17,.72)}.footer-inner{min-height:92px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px}.footer-brand{font-size:16px}.footer-year{color:#667a98;font-size:10px;font-weight:700;letter-spacing:.02em;white-space:nowrap}.footer-copy{color:#7e90aa;font-size:10.5px}.footer-links{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap}.footer-links a{color:#8497b1;text-decoration:none;font-size:10px}.footer-links a:hover,.footer-links a:focus-visible{color:#fff}

/* Subpages */
.subpage-shell{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start;padding:26px 0 44px}.sub-main{min-width:0}.sub-hero{position:relative;overflow:hidden;padding:42px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(circle at 90% 20%,rgba(67,105,255,.14),transparent 26rem),linear-gradient(145deg,#07182d,#051225)}.breadcrumb{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px;color:#788ba8;font-size:10px}.breadcrumb a{color:#92a6c0;text-decoration:none}.sub-hero h1{max-width:900px;margin:0 0 16px;font-size:clamp(38px,4.3vw,62px);line-height:1.04;letter-spacing:-.05em}.sub-hero p{max-width:820px;margin:0 0 22px;color:#b5c3d6;font-size:16px;line-height:1.6}.sub-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.sub-tags span{padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.02);color:#8fa3bd;font-size:9.5px;font-weight:800}.content-section{margin-top:14px;padding:28px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(155deg,rgba(8,25,47,.93),rgba(5,17,33,.95))}.content-section h2{margin:0 0 16px;font-size:26px;letter-spacing:-.035em}.content-section>p{max-width:850px;color:#9fb0c8;font-size:13px}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.content-card{padding:18px;border:1px solid rgba(109,154,220,.14);border-radius:13px;background:rgba(8,25,48,.57)}.content-card h3{margin:0 0 7px;font-size:14px}.content-card p{margin:0;color:#8fa1ba;font-size:11px;line-height:1.55}.feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.feature-list li{padding:13px;border:1px solid rgba(108,154,222,.13);border-radius:11px;background:rgba(255,255,255,.018);color:#aab9cd;font-size:11px}.faq-list{display:grid;gap:8px}.faq-item{padding:16px;border:1px solid rgba(108,154,222,.13);border-radius:12px;background:rgba(255,255,255,.018)}.faq-item h3{margin:0 0 6px;font-size:13px}.faq-item p{margin:0;color:#8fa1ba;font-size:11px}.related-links{display:flex;flex-wrap:wrap;gap:7px}.related-links a{padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.018);color:#a9bad0;text-decoration:none;font-size:10px;font-weight:800}.related-links a:hover{border-color:var(--line-strong);color:#fff}.sub-sidebar{position:sticky;top:94px;display:grid;gap:12px}.sub-sidebar .side-panel{padding:15px}

@media(max-width:1380px){.services-grid{grid-template-columns:repeat(3,1fr)}.advantages-grid{grid-template-columns:repeat(3,1fr)}.scenarios-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1180px){.page-shell,.subpage-shell{grid-template-columns:1fr}.side-column,.sub-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.side-column .side-cta,.sub-sidebar .side-cta{grid-column:span 2}.hero-layout{grid-template-columns:1fr 1fr}.header-actions{display:none}}
@media(max-width:860px){.container{width:min(calc(100% - 26px),var(--max))}.nav{gap:14px}.nav a:not(.nav-contact){display:none}.hero-card{padding:30px}.hero-layout{grid-template-columns:1fr;gap:20px}.architecture-visual{min-height:330px}.hero-tech-art{width:min(100%,500px)}.services-grid,.advantages-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:1fr 1fr;gap:20px}.process-step:not(:last-child):after{display:none}.builder{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr;gap:8px;padding:20px 0}.footer-links{justify-content:flex-start}.sub-hero{padding:30px}.content-grid,.feature-list{grid-template-columns:1fr}}
@media(max-width:620px){.header-inner{min-height:66px}.brand{font-size:18px}.brand img{width:40px;height:40px}.page-shell,.subpage-shell{padding-top:14px}.hero-card{padding:24px 20px;min-height:0}.hero-copy h1{font-size:clamp(38px,11vw,48px)}.hero-lead{font-size:16px}.hero-actions{display:grid}.button{width:100%}.hero-proof{display:grid;gap:8px}.architecture-visual{min-height:290px}.visual-caption{position:relative;left:auto;bottom:auto;transform:none;width:100%;margin-top:-6px}.hotspot{display:none}.section-card{padding:21px}.section-head{display:block}.section-head p{margin-top:9px}.services-grid,.advantages-grid,.scenarios-grid,.side-column,.sub-sidebar{grid-template-columns:1fr}.side-column .side-cta,.sub-sidebar .side-cta{grid-column:auto}.process-grid{grid-template-columns:1fr}.process-step{text-align:left;display:grid;grid-template-columns:50px 1fr;column-gap:12px}.process-icon{grid-row:span 2;width:46px;height:46px;margin:0}.builder-options{grid-template-columns:1fr}.contact-strip{grid-template-columns:1fr}.contact-actions{display:grid}.sub-hero{padding:24px 20px}.sub-hero h1{font-size:clamp(36px,11vw,50px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.service-card,.hero-tech-art{transition:none}}

/* v3.1 — recognizable platform/brand iconography */
.header-round img{width:24px;height:24px;display:block}.header-round.max{border-radius:12px}.header-round.max img{width:25px;height:25px}.service-icon{overflow:hidden}.service-icon img{width:24px;height:24px;display:block}.service-icon-duo{grid-template-columns:1fr 1fr;gap:3px;padding:5px;width:52px}.service-icon-duo img{width:19px;height:19px}.messenger-logo{padding:0;overflow:hidden;background:none!important;box-shadow:none!important}.messenger-logo img{width:38px;height:38px;display:block}.messenger-logo.max{border-radius:11px}.messenger-logo.max img{border-radius:11px}

/* 2026-09-03: consistent iconography for CTA and solution builder */
.button-with-icon{gap:9px}
.button-with-icon img{width:20px;height:20px;display:block;flex:0 0 20px;object-fit:contain}
.button-with-icon.button-max{background:linear-gradient(120deg,#6258ff,#8a3cff);box-shadow:0 14px 32px rgba(104,73,255,.24)}
.button-secondary.button-with-icon img{width:19px;height:19px}
.builder-toggle{gap:10px;padding:6px 12px;min-height:52px}
.builder-icon{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;border:1px solid rgba(111,169,244,.16);border-radius:9px;background:rgba(255,255,255,.025);transition:border-color .16s ease,background .16s ease,transform .16s ease}
.builder-icon img{width:20px;height:20px;display:block;object-fit:contain}
.builder-toggle:hover .builder-icon,.builder-toggle:focus-visible .builder-icon{border-color:rgba(111,185,255,.34);background:rgba(65,133,239,.08)}
.builder-toggle.is-active .builder-icon{border-color:rgba(86,178,255,.4);background:linear-gradient(145deg,rgba(39,139,255,.15),rgba(113,73,255,.12));box-shadow:0 7px 18px rgba(37,112,234,.1)}
.builder-toggle.is-active .builder-icon{transform:translateY(-1px)}
.builder-tags span{display:inline-flex;align-items:center;gap:6px}
.builder-tags img{width:14px;height:14px;display:block;object-fit:contain}
.visual-caption-icon{overflow:hidden}
.visual-caption-icon img{width:24px;height:24px;display:block;object-fit:contain}
@media(max-width:620px){.builder-toggle{min-height:54px}.button-with-icon img{width:21px;height:21px}}
/* 2026-09-03: iconography on service pages */
.related-links a{display:inline-flex;align-items:center;gap:7px}
.related-links a img{width:17px;height:17px;display:block;object-fit:contain}
.tech-chip{display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.tech-chip img{width:15px;height:15px;display:block;object-fit:contain}

/* ========================= Site chat ========================= */
.site-chat{position:fixed;right:22px;bottom:22px;z-index:90;font-size:14px}.site-chat-launcher{width:310px;min-height:64px;display:flex;align-items:center;gap:12px;padding:10px 16px 10px 11px;border:1px solid rgba(103,170,255,.35);border-radius:18px;background:linear-gradient(120deg,rgba(20,118,255,.97),rgba(103,76,255,.98));color:#fff;box-shadow:0 20px 55px rgba(23,93,227,.34);cursor:pointer;text-align:left;transition:transform .18s ease,box-shadow .18s ease}.site-chat-launcher:hover{transform:translateY(-2px);box-shadow:0 24px 65px rgba(23,93,227,.42)}.site-chat-launcher-icon{width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto;border-radius:13px;background:rgba(255,255,255,.14)}.site-chat-launcher-icon svg{width:24px;height:24px}.site-chat-launcher strong,.site-chat-launcher small{display:block}.site-chat-launcher strong{font-size:14px}.site-chat-launcher small{margin-top:2px;color:rgba(255,255,255,.78);font-size:10.5px;font-weight:600}.site-chat.is-open .site-chat-launcher{display:none}
.site-chat-panel{position:relative;width:min(390px,calc(100vw - 28px));height:min(590px,calc(100vh - 110px));overflow:hidden;border:1px solid rgba(111,167,238,.25);border-radius:22px;background:linear-gradient(160deg,#0a1a2f,#061222 72%);box-shadow:0 30px 90px rgba(0,0,0,.5);color:var(--text)}.site-chat-header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border-bottom:1px solid var(--line);background:rgba(7,22,42,.96)}.site-chat-brand{display:flex;align-items:center;gap:10px}.site-chat-brand img{border-radius:11px}.site-chat-brand strong,.site-chat-brand span{display:block}.site-chat-brand strong{font-size:15px}.site-chat-brand span{margin-top:2px;color:#94a9c5;font-size:11px}.site-chat-brand i{width:7px;height:7px;display:inline-block;margin-right:4px;border-radius:50%;background:#4bd795;box-shadow:0 0 0 4px rgba(75,215,149,.09)}.site-chat-close{width:36px;height:36px;border:0;border-radius:11px;background:transparent;color:#8ea4c0;font-size:28px;line-height:1;cursor:pointer}.site-chat-close:hover{background:rgba(255,255,255,.05);color:#fff}
.site-chat-links{height:56px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:9px 12px;border-bottom:1px solid var(--line);background:rgba(4,14,28,.68)}.site-chat-links a{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(100,158,231,.18);border-radius:11px;background:rgba(12,31,56,.78);color:#dce7f7;text-decoration:none;font-size:11px;font-weight:800;transition:border-color .16s ease,background .16s ease}.site-chat-links a:hover{border-color:rgba(87,166,255,.45);background:rgba(20,48,84,.9)}.site-chat-links img{width:17px;height:17px;object-fit:contain}
.site-chat-messages{height:calc(100% - 238px);overflow-y:auto;padding:17px 14px 12px;scrollbar-width:thin;scrollbar-color:#25476f transparent}.site-chat-bubble{max-width:86%;margin:0 0 9px;padding:11px 13px;border-radius:15px;line-height:1.45}.site-chat-bubble p{margin:0}.site-chat-bubble strong{display:block;margin-bottom:4px}.site-chat-bubble-agent{border:1px solid rgba(105,158,221,.15);border-top-left-radius:5px;background:#102540;color:#dbe6f5}.site-chat-bubble-muted{color:#a9bdd6;font-size:12px}.site-chat-bubble-own{margin-left:auto;border-top-right-radius:5px;background:linear-gradient(120deg,#248fff,#655aff);color:#fff}.site-chat-bubble-error{border-color:rgba(255,107,107,.3);background:rgba(101,31,42,.4);color:#ffc4c8}
.site-chat-form{position:absolute;left:0;right:0;bottom:0;padding:10px 12px 12px;border-top:1px solid var(--line);background:#071629}.site-chat-fields{display:grid;grid-template-columns:1fr 1.35fr;gap:7px;margin-bottom:8px}.site-chat-fields input{min-width:0;height:34px;padding:0 10px;border:1px solid rgba(105,158,221,.17);border-radius:10px;outline:0;background:#0b2038;color:#e8f0fb;font-size:11px}.site-chat-fields input:focus,.site-chat-compose:focus-within{border-color:rgba(64,169,255,.55);box-shadow:0 0 0 3px rgba(47,156,255,.07)}.site-chat-fields input::placeholder,.site-chat-compose textarea::placeholder{color:#7088a6}.site-chat-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}.site-chat-compose{display:flex;align-items:flex-end;gap:7px;min-height:46px;padding:5px 5px 5px 12px;border:1px solid rgba(105,158,221,.2);border-radius:14px;background:#0a1d34;transition:border-color .16s ease,box-shadow .16s ease}.site-chat-compose textarea{width:100%;min-height:34px;max-height:112px;padding:7px 0;resize:none;overflow-y:auto;border:0;outline:0;background:transparent;color:#eef5ff;font-size:13px;line-height:1.45}.site-chat-compose button{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border:0;border-radius:11px;background:linear-gradient(120deg,#2999ff,#6758ff);color:#fff;cursor:pointer}.site-chat-compose button:disabled{opacity:.5;cursor:wait}.site-chat-compose button svg{width:19px;height:19px}.site-chat-status{min-height:14px;margin-top:5px;color:#ffb5b8;font-size:10px}.site-chat-form.is-sending .site-chat-compose{opacity:.8}
@media(max-width:700px){.site-chat{right:10px;bottom:10px}.site-chat-launcher{width:auto;max-width:calc(100vw - 20px);min-width:230px}.site-chat-panel{width:calc(100vw - 20px);height:min(620px,calc(100dvh - 20px));border-radius:19px}.site-chat-fields{grid-template-columns:1fr}.site-chat-messages{height:calc(100% - 272px)}}
/* #SITE-CHAT two-way: непрочитанный ответ администратора. */
.site-chat.has-unread:not(.is-open) .site-chat-launcher{box-shadow:0 0 0 3px rgba(75,215,149,.12),0 24px 65px rgba(23,93,227,.48)}
.site-chat.has-unread:not(.is-open) .site-chat-launcher::after{content:"";position:absolute;right:-4px;top:-4px;width:13px;height:13px;border:3px solid #07101f;border-radius:50%;background:#4bd795;box-shadow:0 0 14px rgba(75,215,149,.75)}
.site-chat-launcher{position:relative}.site-chat-launcher small[data-chat-code]{min-height:12px}
.site-chat-status{color:#8eb0d7}.site-chat-status:not(:empty){padding-left:2px}