/* WEQEX v18 — homepage normalization / 2026-09-29 */
.home-v18{
  --v18-bg:#f3f7fc;
  --v18-card:#fff;
  --v18-ink:#0b1729;
  --v18-copy:#607087;
  --v18-line:#dce5ef;
  --v18-blue:#176ef6;
  --v18-cyan:#20cde3;
  --v18-shadow:0 18px 55px rgba(35,67,109,.08);
  background:var(--v18-bg);
  color:var(--v18-ink);
}
.home-v18 #quantum-canvas,.home-v18 .hud,.home-v18 .cursor-glow,.home-v18 .noise{display:none!important}
.home-v18 main{overflow:clip}
.home-v18 section[id]{scroll-margin-top:96px}

/* Header: real optical centering after trimming the source asset */
.home-v18 .site-header{
  width:min(calc(100% - 48px),1320px)!important;
  height:64px!important;
  top:18px!important;
  padding:0 14px 0 22px!important;
  border-radius:20px!important;
  border:1px solid rgba(29,60,98,.10)!important;
  background:rgba(255,255,255,.72)!important;
  backdrop-filter:blur(22px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(150%)!important;
  box-shadow:0 10px 34px rgba(42,72,111,.07)!important;
  clip-path:none!important;
}
.home-v18 .site-header:before,.home-v18 .site-header:after,.home-v18 .brand:after{display:none!important}
.home-v18 .site-header.scrolled{top:10px!important;background:rgba(255,255,255,.86)!important}
.home-v18 .brand{height:100%;display:flex;align-items:center!important;justify-content:flex-start;line-height:0}
.home-v18 .brand-lockup{display:block!important;width:auto!important;height:29px!important;max-height:none!important;object-fit:contain;filter:none!important;margin:0!important}
.home-v18 .desktop-nav{gap:30px}
.home-v18 .desktop-nav a{font-size:13px;font-weight:700;color:#55667c}
.home-v18 .desktop-nav a:hover{color:#0e213a}
.home-v18 .language-control{height:38px;padding:3px;display:flex;align-items:center;gap:2px;border:1px solid #d7e0ea;border-radius:12px;background:rgba(248,251,255,.85)}
.home-v18 .language-control span,.home-v18 .language-control a{height:30px;min-width:34px;display:grid;place-items:center;padding:0 9px;border-radius:9px;font-size:11px;font-weight:800;color:#64758b}
.home-v18 .language-control .active{background:#10223a;color:#fff;box-shadow:0 3px 10px rgba(16,34,58,.17)}
.home-v18 .header-cta-v17{height:40px;min-height:40px;border-radius:12px!important;padding:0 18px!important;background:#176ef6!important;color:#fff!important;box-shadow:none!important}
.home-v18 .header-cta-v17:before,.home-v18 .btn:before{display:none!important}

/* Shared section rhythm */
.home-v18 .section{
  width:min(calc(100% - 64px),1280px)!important;
  padding:94px 0!important;
}
.home-v18 .section-head{max-width:880px;margin-bottom:48px}
.home-v18 .section-head h2,.home-v18 .split-head h2,.home-v18 .contact h2{
  color:var(--v18-ink);font-size:clamp(44px,5vw,72px);line-height:.98;letter-spacing:-.055em;margin:14px 0 20px;
}
.home-v18 .section-head p,.home-v18 .split-head>p,.home-v18 .contact-copy>p{color:var(--v18-copy);font-size:18px;line-height:1.65}
.home-v18 .kicker,.home-v18 .eyebrow{color:#60738d;font-size:10px;letter-spacing:.16em}
.home-v18 .muted{color:#7d8ba0}
.home-v18 .gradient-text{background:linear-gradient(100deg,#1472ff 0%,#1ecbe0 52%,#7b6cf5 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important}

/* Hero small refinements */
.home-v18 .hero{min-height:900px!important;padding-top:140px!important;padding-bottom:72px!important}
.home-v18 .hero-meta{margin-top:38px!important}
.home-v18 .hero-primary-v17,.home-v18 .hero-secondary-v17{min-height:50px;border-radius:13px!important}
.home-v18 .hero-secondary-v17{background:rgba(255,255,255,.72)!important;border:1px solid #d5dfe9!important;color:#1c2d44!important}

/* Ecosystem — keep the graph but make it stable and compact */
.home-v18 .ecosystem{padding-top:88px!important}
.home-v18 .ecosystem-stage{
  height:560px!important;border-radius:28px!important;border:1px solid var(--v18-line)!important;
  background:radial-gradient(circle at 50% 48%,rgba(48,141,255,.085),transparent 30%),#fff!important;
  box-shadow:var(--v18-shadow);clip-path:none!important;
}
.home-v18 .ecosystem-stage:before{opacity:.35;background-image:linear-gradient(rgba(35,88,150,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(35,88,150,.04) 1px,transparent 1px)!important}
.home-v18 .core-node{border-radius:28px!important;background:linear-gradient(145deg,#f7fbff,#eef5ff)!important;border:1px solid #ccdced!important;box-shadow:0 18px 50px rgba(42,87,145,.12)!important;color:#0b1729!important}
.home-v18 .core-node small{color:#718099!important}
.home-v18 .pulse{border-color:rgba(23,110,246,.12)!important}
.home-v18 .eco-node{border-radius:16px!important;background:rgba(255,255,255,.94)!important;border:1px solid #dce5ef!important;box-shadow:0 8px 24px rgba(45,79,119,.06)!important;clip-path:none!important;color:#172338!important}
.home-v18 .eco-node:hover{transform:translateZ(28px) translateY(-3px)!important;background:#fff!important;border-color:#b8d2ed!important;box-shadow:0 14px 34px rgba(45,79,119,.11)!important}
.home-v18 .eco-node span{color:#78879b!important}
.home-v18 .eco-lines path{stroke:rgba(38,117,225,.18)!important}
.home-v18 .flowline{color:#60728a!important;margin-top:26px!important}
.home-v18 .flowline i{background:#cfdbe8!important}

/* System path — remove legacy 610vh sticky behavior completely */
.home-v18 .system-journey{
  height:auto!important;width:min(calc(100% - 64px),1280px)!important;margin:34px auto 70px!important;
  padding:64px!important;border-radius:32px!important;overflow:hidden!important;position:relative!important;
  background:linear-gradient(145deg,#0a1729,#0d2139)!important;color:#fff!important;
  box-shadow:0 25px 70px rgba(18,42,73,.16)!important;
}
.home-v18 .journey-sticky{position:relative!important;top:auto!important;height:auto!important;overflow:visible!important;padding:0!important;display:block!important;isolation:auto!important}
.home-v18 .journey-sticky:before,.home-v18 .journey-sticky:after{display:none!important}
.home-v18 .journey-shell{width:100%!important;height:auto!important;display:grid!important;grid-template-columns:300px minmax(0,1fr)!important;gap:34px!important;align-items:start!important}
.home-v18 .journey-label{display:block!important;padding:0!important;color:#fff!important}
.home-v18 .journey-label h2{font-size:clamp(42px,4vw,62px)!important;color:#fff!important;margin:14px 0 18px!important}
.home-v18 .journey-label p{color:#aab8c9!important;font-size:15px!important;line-height:1.7!important}
.home-v18 .journey-counter,.home-v18 .journey-visual,.home-v18 .journey-rail{display:none!important}
.home-v18 .journey-copy{position:relative!important;border:0!important;padding:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;overflow:visible!important;min-width:0!important}
.home-v18 .journey-step{
  position:relative!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
  opacity:1!important;transform:none!important;pointer-events:auto!important;min-height:230px!important;
  padding:24px!important;border-radius:20px!important;clip-path:none!important;
  border:1px solid rgba(255,255,255,.09)!important;background:rgba(255,255,255,.045)!important;
  transition:border-color .25s ease,background .25s ease!important;
}
.home-v18 .journey-step:hover{background:rgba(255,255,255,.065)!important;border-color:rgba(75,208,235,.22)!important}
.home-v18 .journey-step .step-code{color:#64dce9!important;font-size:9px!important}
.home-v18 .journey-step h3{font-size:26px!important;line-height:1.08!important;margin:16px 0 12px!important;color:#fff!important}
.home-v18 .journey-step p{font-size:14px!important;line-height:1.6!important;color:#a8b7c8!important;margin-bottom:18px!important}
.home-v18 .journey-step ul{margin:0!important;padding:0!important}
.home-v18 .journey-step li{border-color:rgba(255,255,255,.07)!important;color:#aab8c9!important;font-size:10px!important}
.home-v18 .journey-step li b{color:#dfe9f5!important}

/* Products — one visual language */
.home-v18 .product-grid{display:grid!important;gap:22px!important}
.home-v18 .product-card{
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(390px,.9fr)!important;align-items:center!important;
  min-height:0!important;border-radius:28px!important;clip-path:none!important;border:1px solid var(--v18-line)!important;
  background:#fff!important;box-shadow:var(--v18-shadow)!important;overflow:hidden!important;
}
.home-v18 .product-card:before,.home-v18 .product-card:after{display:none!important}
.home-v18 .product-copy{padding:54px!important}
.home-v18 .product-copy h3{color:var(--v18-ink)!important;font-size:clamp(52px,5vw,78px)!important}
.home-v18 .product-copy p,.home-v18 .clean-list li{color:#607087!important}
.home-v18 .product-label{color:#6c7f96!important}
.home-v18 .signal-ui,.home-v18 .crm-ui{
  position:relative!important;inset:auto!important;transform:none!important;width:auto!important;margin:34px 34px 34px 0!important;
  border-radius:22px!important;clip-path:none!important;box-shadow:0 22px 48px rgba(14,29,46,.18)!important;
}
.home-v18 .signal-ui .score-ring strong,.home-v18 .crm-ui b,.home-v18 .signal-ui b{color:#eef6ff!important}
.home-v18 .signal-ui .score-ring span,.home-v18 .signal-ui .diag-row span,.home-v18 .crm-ui small,.home-v18 .crm-row span{color:#9aaabc!important}
.home-v18 .crm-toolbar span{color:#9aaabc!important}
.home-v18 .text-link{color:#176ef6!important}

/* Promotion / Growth */
.home-v18 .growth-section{padding-top:86px!important}
.home-v18 .service-matrix{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.home-v18 .service-tile{
  grid-column:auto!important;min-height:280px!important;padding:28px!important;border-radius:22px!important;clip-path:none!important;
  background:#fff!important;border:1px solid var(--v18-line)!important;box-shadow:0 10px 30px rgba(40,74,115,.05)!important;color:var(--v18-ink)!important;
}
.home-v18 .service-tile:before,.home-v18 .service-tile:after{display:none!important}
.home-v18 .service-tile.wide{grid-column:span 2!important}
.home-v18 .service-tile.featured{background:linear-gradient(145deg,#f4fbff,#f3f4ff)!important;border-color:#d4e3f3!important}
.home-v18 .service-tile h3{font-size:25px!important;color:var(--v18-ink)!important}
.home-v18 .service-tile p{color:#65758a!important}
.home-v18 .tile-link{color:#176ef6!important}
.home-v18 .pf-pricing{
  margin-top:26px!important;padding:34px!important;border-radius:28px!important;clip-path:none!important;
  border:1px solid var(--v18-line)!important;background:linear-gradient(135deg,#fff,#f7faff)!important;box-shadow:0 12px 36px rgba(42,74,112,.05)!important;
}
.home-v18 .pf-intro h3,.home-v18 .pf-intro b{color:var(--v18-ink)!important}
.home-v18 .pf-intro p,.home-v18 .pf-intro span{color:#66778d!important}
.home-v18 .trial{background:#f4fbff!important;border:1px solid #d7edf6!important;border-radius:16px!important}
.home-v18 .price-row,.home-v18 .price-row.active{
  background:#fff!important;border:1px solid #dce5ef!important;border-radius:16px!important;color:var(--v18-ink)!important;opacity:1!important;filter:none!important;
}
.home-v18 .price-row b,.home-v18 .price-row strong{color:var(--v18-ink)!important}
.home-v18 .price-row small{color:#77889c!important}
.home-v18 .price-row.active{border-color:#b8dcef!important;box-shadow:0 10px 24px rgba(38,121,217,.07)!important}
.home-v18 .inline-price{border-color:#dce5ef!important;color:#66778d!important}
.home-v18 .inline-price strong{color:var(--v18-ink)!important}
.home-v18 .inline-price a{color:#176ef6!important}

/* Advertising */
.home-v18 .advertising{padding-top:88px!important}
.home-v18 .ads-cloud{min-height:300px!important;border-radius:26px!important;clip-path:none!important;border:1px solid var(--v18-line)!important;background:radial-gradient(circle at 50% 50%,rgba(29,121,255,.075),transparent 48%),#fff!important;box-shadow:0 10px 34px rgba(40,74,115,.05)!important}
.home-v18 .ads-cloud span{background:#fff!important;color:#203047!important;border:1px solid #dce5ef!important;box-shadow:0 8px 22px rgba(40,74,115,.06)!important}
.home-v18 .funnel{gap:12px!important}
.home-v18 .funnel>div{border-radius:18px!important;clip-path:none!important;background:#fff!important;border:1px solid var(--v18-line)!important;color:var(--v18-ink)!important;box-shadow:none!important}
.home-v18 .funnel>div span{color:#738399!important}

/* Development — one deliberate dark section */
.home-v18 .development{
  width:min(calc(100% - 64px),1280px)!important;margin:42px auto!important;padding:72px!important;border-radius:32px!important;
  background:linear-gradient(145deg,#0a1729,#0d2139)!important;color:#fff!important;overflow:hidden!important;
}
.home-v18 .development .section-head h2{color:#fff!important}
.home-v18 .development .section-head p{color:#aab8ca!important}
.home-v18 .development .build-grid{border:1px solid rgba(255,255,255,.08)!important;border-radius:22px!important;clip-path:none!important;overflow:hidden!important}
.home-v18 .development .build-core{border-color:rgba(255,255,255,.08)!important;background:rgba(255,255,255,.025)!important}
.home-v18 .development .build-items span{color:#dce7f4!important;border-color:rgba(255,255,255,.07)!important}
.home-v18 .development .inline-price{border-color:rgba(255,255,255,.10)!important;color:#aebdce!important}
.home-v18 .development .inline-price strong{color:#fff!important}.home-v18 .development .inline-price a{color:#69dce9!important}

/* Ready-made solutions */
.home-v18 .bitrix{padding-top:88px!important}
.home-v18 .split-head{grid-template-columns:1fr .8fr!important;gap:60px!important;margin-bottom:42px!important}
.home-v18 .module-terminal{border-radius:24px!important;clip-path:none!important;box-shadow:0 20px 50px rgba(9,25,44,.15)!important}

/* AI: less huge, more readable */
.home-v18 .ai-section{
  width:min(calc(100% - 64px),1280px)!important;margin:42px auto!important;padding:72px!important;border-radius:32px!important;
  background:linear-gradient(145deg,#10192e,#141d35)!important;color:#fff!important;overflow:hidden!important;
}
.home-v18 .ai-statement h2{font-size:clamp(48px,6vw,86px)!important;line-height:.92!important;color:#fff!important}
.home-v18 .ai-network{height:430px!important;margin:54px 0 24px!important;border-radius:24px!important}
.home-v18 .ai-services{gap:14px!important}
.home-v18 .ai-services article{min-height:180px!important;border-radius:20px!important;clip-path:none!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.08)!important}
.home-v18 .ai-services h3{color:#fff!important}.home-v18 .ai-services p{color:#aab8ca!important}

/* Brand, pricing, company, contact */
.home-v18 .brand-dna-grid{gap:18px!important}
.home-v18 .brand-poster,.home-v18 .brand-principles{border-radius:24px!important;clip-path:none!important;border:1px solid var(--v18-line)!important;background:#fff!important}
.home-v18 .brand-principles article{border-color:#e8eef5!important}
.home-v18 .brand-principles h3{color:var(--v18-ink)!important}.home-v18 .brand-principles p{color:#66778d!important}
.home-v18 .pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.home-v18 .pricing-grid article,.home-v18 .pricing-grid article.custom{grid-column:auto!important;min-height:220px!important;border-radius:22px!important;clip-path:none!important;background:#fff!important;border:1px solid var(--v18-line)!important;box-shadow:0 8px 26px rgba(40,74,115,.04)!important}
.home-v18 .pricing-grid h3,.home-v18 .pricing-grid strong{color:var(--v18-ink)!important}.home-v18 .pricing-grid a{color:#176ef6!important}
.home-v18 .company-quote,.home-v18 .principles{border-color:#dce5ef!important}.home-v18 .company-quote blockquote{color:var(--v18-ink)!important}
.home-v18 .contact{grid-template-columns:.85fr 1.15fr!important;gap:70px!important;align-items:start!important}
.home-v18 .contact-copy{position:static!important}
.home-v18 .lead-form{border-radius:24px!important;clip-path:none!important;background:#fff!important;border:1px solid var(--v18-line)!important;box-shadow:var(--v18-shadow)!important}
.home-v18 .field input,.home-v18 .field textarea,.home-v18 .field select{background:#f8fafc!important;color:#14243a!important;border-color:#d8e1eb!important}
.home-v18 .field label{color:#596b82!important}.home-v18 .form-note{color:#7a899a!important}
.home-v18 .telegram-trigger{background:#fff!important;color:#17283e!important;border:1px solid #d5dfe9!important}
.home-v18 .submit-btn{background:#176ef6!important;color:#fff!important;box-shadow:none!important}
.home-v18 .site-footer{color:#dce6f3!important}
.home-v18 .footer-links a{color:#aebdce!important}.home-v18 .footer-links a:hover{color:#fff!important}

/* Remove leftover decorative arrow content on homepage links */
.home-v18 .text-link,.home-v18 .tile-link,.home-v18 .inline-price a{letter-spacing:0!important}

@media(max-width:1080px){
  .home-v18 .section{width:min(calc(100% - 36px),960px)!important;padding:78px 0!important}
  .home-v18 .site-header{width:calc(100% - 24px)!important}
  .home-v18 .journey-shell{grid-template-columns:1fr!important}.home-v18 .journey-label{max-width:700px}.home-v18 .journey-copy{grid-template-columns:repeat(2,1fr)!important}
  .home-v18 .product-card{grid-template-columns:1fr!important}.home-v18 .signal-ui,.home-v18 .crm-ui{margin:0 34px 34px!important}
  .home-v18 .service-matrix{grid-template-columns:repeat(2,1fr)!important}.home-v18 .service-tile.wide{grid-column:span 2!important}
  .home-v18 .pricing-grid{grid-template-columns:repeat(2,1fr)!important}
  .home-v18 .development,.home-v18 .ai-section,.home-v18 .system-journey{width:calc(100% - 36px)!important;padding:54px!important}
}

@media(max-width:760px){
  .home-v18 .site-header{height:58px!important;width:calc(100% - 16px)!important;top:8px!important;padding:0 8px 0 14px!important;border-radius:15px!important}
  .home-v18 .brand-lockup{height:25px!important}
  .home-v18 .language-control{height:36px}.home-v18 .language-control span,.home-v18 .language-control a{height:28px;min-width:30px;padding:0 7px}
  .home-v18 .section{width:calc(100% - 28px)!important;padding:68px 0!important}
  .home-v18 .hero{min-height:auto!important;padding:118px 18px 60px!important}
  .home-v18 .ecosystem-stage{height:auto!important;border-radius:22px!important;box-shadow:none!important}
  .home-v18 .system-journey,.home-v18 .development,.home-v18 .ai-section{width:calc(100% - 20px)!important;margin:28px auto!important;padding:34px 20px!important;border-radius:24px!important}
  .home-v18 .journey-copy{grid-template-columns:1fr!important}.home-v18 .journey-step{min-height:0!important}
  .home-v18 .product-copy{padding:30px 22px!important}.home-v18 .signal-ui,.home-v18 .crm-ui{margin:0 18px 22px!important}
  .home-v18 .service-matrix{grid-template-columns:1fr!important}.home-v18 .service-tile.wide{grid-column:auto!important}.home-v18 .service-tile{min-height:220px!important}
  .home-v18 .pf-pricing{padding:22px!important}
  .home-v18 .split-head{grid-template-columns:1fr!important;gap:14px!important}
  .home-v18 .pricing-grid{grid-template-columns:1fr!important}
  .home-v18 .contact{grid-template-columns:1fr!important;gap:32px!important}
  .home-v18 .ai-network{height:380px!important}
}

/* v18.1 audit fixes */
.home-v18 .brand-lockup{transform:none!important}

/* On tablets/mobile the meaning must come before decoration. */
@media(max-width:980px){
  .home-v18 .hero{display:flex!important;flex-direction:column!important;align-items:stretch!important}
  .home-v18 .hero-content{order:1!important;width:100%!important;max-width:760px!important}
  .home-v18 .hero-network-v17{order:2!important;width:min(620px,100%)!important;height:430px!important;margin:28px auto 0!important}
}
@media(max-width:760px){
  .home-v18 .hero{padding:104px 18px 54px!important}
  .home-v18 .hero-network-v17{width:100%!important;height:320px!important;margin:26px 0 0!important;overflow:visible!important}
  .home-v18 .network-core-v17{left:50%!important;width:150px!important;height:150px!important}
  .home-v18 .network-core-v17 img{width:96px!important;height:96px!important}
  .home-v18 .network-orbit-v17{left:50%!important}
  .home-v18 .network-orbit-v17.orbit-one{width:245px!important;height:132px!important}
  .home-v18 .network-orbit-v17.orbit-two{width:140px!important;height:248px!important}
  .home-v18 .network-node-v17{height:30px!important;min-width:60px!important;max-width:124px!important;padding:0 9px!important;font-size:7.5px!important}
  .home-v18 .node-signal{left:8%!important;top:10%!important}
  .home-v18 .node-bitrix{left:auto!important;right:5%!important;top:7%!important}
  .home-v18 .node-crm{right:0!important;top:40%!important}
  .home-v18 .node-ai{left:auto!important;right:10%!important;bottom:5%!important}
  .home-v18 .node-dev{left:6%!important;bottom:5%!important}
  .home-v18 .node-growth{left:0!important;top:43%!important}
}

/* Tablet footer must wrap instead of increasing document width. */
@media(max-width:1080px){
  .home-v18 .site-footer{width:calc(100% - 36px)!important;grid-template-columns:1fr!important;gap:22px!important}
  .home-v18 .footer-links{display:flex!important;flex-wrap:wrap!important;gap:14px 22px!important;max-width:100%!important}
  .home-v18 .footer-meta{width:100%!important;min-width:0!important}
}

/* Keep tablet hero free from clipped graph at 1024px-class widths. */
@media(max-width:1080px){
  .home-v18 .hero{display:flex!important;flex-direction:column!important;align-items:stretch!important;min-height:auto!important;padding-top:118px!important}
  .home-v18 .hero-content{order:1!important;width:100%!important;max-width:760px!important}
  .home-v18 .hero-network-v17{order:2!important;width:min(620px,100%)!important;height:430px!important;margin:30px auto 0!important}
}

/* Final mobile precedence after tablet rules */
@media(max-width:760px){
  .home-v18 .hero{padding:104px 18px 54px!important}
  .home-v18 .hero-network-v17{width:100%!important;height:320px!important;margin:26px 0 0!important}
}
