/* WEQEX v15 — premium light-tech visual system
   Main-page redesign: readability first, selective dark sections, less cyber-noise. */

body.home-v15{
  --bg:#f5f7fb;
  --panel:#ffffff;
  --panel2:#eef3f9;
  --text:#08111f;
  --muted:#64748b;
  --line:rgba(8,17,31,.10);
  --line2:rgba(8,17,31,.16);
  --cyan:#12cfe8;
  --blue:#176cff;
  --violet:#715cff;
  background:
    radial-gradient(circle at 78% 10%,rgba(26,124,255,.10),transparent 26%),
    radial-gradient(circle at 52% 18%,rgba(32,217,245,.08),transparent 22%),
    linear-gradient(180deg,#f8faff 0,#f4f7fb 50%,#f7f9fc 100%);
  color:var(--text);
}

.home-v15 #quantum-canvas{opacity:.075;mix-blend-mode:multiply}
.home-v15 .noise{opacity:.012}
.home-v15 .cursor-glow{opacity:.55;background:radial-gradient(circle,rgba(23,108,255,.10),rgba(32,217,245,.05) 38%,transparent 72%)}
.home-v15 .hud{display:none!important}

/* Header */
.home-v15 .site-header{
  top:18px;
  height:68px;
  border:1px solid rgba(13,34,62,.10);
  background:rgba(255,255,255,.78);
  box-shadow:0 16px 48px rgba(43,67,99,.08);
  backdrop-filter:blur(20px) saturate(145%);
  border-radius:20px;
}
.home-v15 .site-header.scrolled{top:10px;background:rgba(255,255,255,.94);border-color:rgba(13,34,62,.12);box-shadow:0 12px 38px rgba(43,67,99,.10)}
.home-v15 .brand-lockup{width:156px;filter:none}
.home-v15 .desktop-nav a{color:#526276;font-weight:650}
.home-v15 .desktop-nav a:hover{color:#08111f}
.home-v15 .lang-switch{color:#34465c;border-color:rgba(8,17,31,.12);background:rgba(255,255,255,.7)}
.home-v15 .menu-toggle{border-color:rgba(8,17,31,.12);background:#fff}
.home-v15 .menu-toggle span{background:#08111f}
.home-v15 .mobile-menu{background:rgba(255,255,255,.97);border-color:rgba(8,17,31,.1);box-shadow:0 20px 55px rgba(43,67,99,.12);color:#08111f}
.home-v15 .mobile-menu a{border-color:rgba(8,17,31,.08)}

/* Buttons */
.home-v15 .btn{border-radius:13px}
.home-v15 .btn-primary{
  color:#fff;
  background:linear-gradient(115deg,#0c68ff 0%,#168cff 46%,#1bd4e8 100%);
  box-shadow:0 14px 34px rgba(23,108,255,.20);
}
.home-v15 .btn-primary:hover{box-shadow:0 18px 42px rgba(23,108,255,.28)}
.home-v15 .btn-ghost{color:#17263a;background:rgba(255,255,255,.72);border-color:rgba(8,17,31,.12)}
.home-v15 .btn-ghost:hover{background:#fff;border-color:rgba(23,108,255,.25)}

/* HERO — new composition */
.home-v15 .hero{
  min-height:100svh;
  width:100%;
  max-width:none;
  padding:142px max(28px,calc((100vw - var(--max))/2)) 72px;
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(500px,.96fr);
  align-items:center;
  gap:clamp(34px,5vw,88px);
  overflow:hidden;
  isolation:isolate;
  background:
    linear-gradient(rgba(35,65,101,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(35,65,101,.035) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(#000 0 92%,transparent 100%);
}
.home-v15 .hero:before{
  content:"";
  position:absolute;
  width:760px;height:760px;
  right:-120px;top:50%;
  transform:translateY(-48%);
  background:radial-gradient(circle,rgba(25,121,255,.13) 0,rgba(24,215,234,.06) 34%,transparent 67%);
  filter:blur(6px);
  pointer-events:none;
  z-index:-1;
}
.home-v15 .hero:after{left:28%;bottom:-330px;background:radial-gradient(ellipse,rgba(41,116,255,.10),transparent 68%);opacity:.65}
.home-v15 .hero-orbit,.home-v15 .hero-console,.home-v15 .scroll-cue{display:none!important}
.home-v15 .hero-content{grid-column:1;grid-row:1;width:auto;max-width:770px;position:relative;z-index:3}
.home-v15 .hero .eyebrow{color:#52667d;font-size:10px;letter-spacing:.17em}
.home-v15 .hero .status-dot{background:#15c999;box-shadow:none}
.home-v15 .hero h1{
  color:#08111f;
  font-size:clamp(66px,6.55vw,116px);
  line-height:.88;
  letter-spacing:-.066em;
  margin:30px 0 32px;
  font-weight:780;
}
.home-v15 .hero h1 span{display:block}
.home-v15 .hero h1 .hero-outline{
  color:#7c899a!important;
  -webkit-text-stroke:0!important;
  background:none!important;
}
.home-v15 .hero h1 .gradient-text{
  background:linear-gradient(95deg,#1367ff 3%,#1b9ef4 45%,#21d5e5 70%,#715cff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent!important;
}
.home-v15 .hero-lead{max-width:690px;color:#56677b;font-size:clamp(17px,1.25vw,21px);line-height:1.62}
.home-v15 .hero-lead b{display:block;color:#101d2e;font-size:1.08em;margin-bottom:3px}
.home-v15 .hero-actions{margin-top:34px}
.home-v15 .hero-meta{margin-top:46px;padding-top:18px;border-top:1px solid rgba(8,17,31,.10);max-width:680px;color:#728196;gap:24px}
.home-v15 .hero-meta span:before{background:#a5b3c3}

/* Hero core becomes a clean product graph instead of cyber-orbit */
.home-v15 .hero-core-v4{
  grid-column:2;grid-row:1;
  position:relative;
  right:auto;top:auto;
  width:min(610px,100%);
  aspect-ratio:1;
  transform:none!important;
  justify-self:end;
  opacity:1;
  pointer-events:auto;
  perspective:1200px;
}
.home-v15 .hero-core-v4 .qx-grid-plane{
  inset:10%;
  border:0;
  background-image:linear-gradient(rgba(32,91,156,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(32,91,156,.055) 1px,transparent 1px);
  background-size:38px 38px;
  box-shadow:none;
  mask-image:radial-gradient(circle,#000 0 42%,transparent 72%);
}
.home-v15 .hero-core-v4 .qx-sphere{
  width:224px;height:224px;
  background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(244,248,255,.80));
  border:1px solid rgba(22,110,255,.18);
  box-shadow:0 34px 90px rgba(43,79,126,.16),0 0 0 14px rgba(255,255,255,.45);
}
.home-v15 .hero-core-v4 .qx-sphere:before{inset:-42px;border-color:rgba(23,108,255,.13)}
.home-v15 .hero-core-v4 .qx-sphere:after{inset:-88px;border-color:rgba(32,217,245,.10)}
.home-v15 .hero-core-v4 .qx-ring{border-color:rgba(23,108,255,.14)}
.home-v15 .hero-core-v4 .r2{border-color:rgba(113,92,255,.12)}
.home-v15 .hero-core-v4 .r3{border-color:rgba(8,17,31,.08);opacity:.72}
.home-v15 .hero-core-v4 .qx-logo .qx-core-mark{width:126px;height:126px;filter:drop-shadow(0 12px 20px rgba(26,83,154,.12))}
.home-v15 .hero-core-v4 .qx-logo small{color:#7a8a9d;font-size:7px;letter-spacing:.14em}
.home-v15 .hero-core-v4 .qx-tag{
  padding:12px 15px;
  border:1px solid rgba(13,34,62,.09);
  background:rgba(255,255,255,.86);
  color:#526378;
  font:760 10px/1 ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:.08em;
  border-radius:12px;
  clip-path:none;
  box-shadow:0 14px 36px rgba(42,73,112,.10);
  backdrop-filter:blur(18px);
}
.home-v15 .hero-core-v4 .qx-tag b{color:#1372ff;margin-right:5px}
.home-v15 .hero-core-v4 .t1{left:1%;top:22%}.home-v15 .hero-core-v4 .t2{right:0;top:27%}.home-v15 .hero-core-v4 .t3{left:0;bottom:23%}.home-v15 .hero-core-v4 .t4{right:4%;bottom:18%}.home-v15 .hero-core-v4 .t6{left:45%;bottom:2%}
.home-v15 .hero-core-v4 .t5{display:none}

/* Shared light typography */
.home-v15 .kicker,.home-v15 .eyebrow{color:#62738a}
.home-v15 .muted{color:#758399}
.home-v15 .section-head p,.home-v15 .split-head>p,.home-v15 .contact-copy>p{color:#607086}
.home-v15 .text-link{color:#0d6cf5}

/* Ecosystem: clean white canvas */
.home-v15 .ecosystem-stage{
  background:radial-gradient(circle at 50% 50%,rgba(23,108,255,.07),transparent 26%),#fff;
  border-color:rgba(8,17,31,.09);
  box-shadow:0 28px 80px rgba(47,72,105,.08);
}
.home-v15 .ecosystem-stage:before{background-image:linear-gradient(rgba(26,67,115,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(26,67,115,.04) 1px,transparent 1px)}
.home-v15 .core-node{background:linear-gradient(145deg,#fff,#edf4ff);border-color:rgba(23,108,255,.18);box-shadow:0 24px 64px rgba(40,81,132,.15);color:#101d2e}
.home-v15 .core-node:before{background-image:url('../brand/weqex-mark.webp');filter:drop-shadow(0 10px 18px rgba(21,100,190,.12))}
.home-v15 .core-node small{color:#738298}
.home-v15 .pulse{border-color:rgba(23,108,255,.13)}
.home-v15 .eco-node{background:rgba(255,255,255,.92);border-color:rgba(8,17,31,.09);color:#101d2e;box-shadow:0 12px 34px rgba(44,72,105,.07)}
.home-v15 .eco-node:hover{background:#fff;border-color:rgba(23,108,255,.24);box-shadow:0 18px 42px rgba(35,74,120,.12)}
.home-v15 .eco-node span{color:#718095}
.home-v15 .eco-lines path{stroke:rgba(23,108,255,.14)}
.home-v15 .flowline{color:#66758a}

/* Selective dark section: system path */
.home-v15 .system-journey{
  margin-top:70px;
  background:linear-gradient(145deg,#07111f 0%,#0b1930 62%,#0d1c34 100%);
  color:#edf4ff;
  border-block:1px solid rgba(255,255,255,.05);
}
.home-v15 .system-journey .kicker{color:#7ddff0}
.home-v15 .system-journey .journey-label p{color:#9caec2}
.home-v15 .system-journey .gradient-text{background:linear-gradient(95deg,#fff,#66e8f3 54%,#8a7bff);-webkit-background-clip:text;background-clip:text}

/* Product cards are light surfaces; embedded interfaces may stay dark */
.home-v15 .product-card,
.home-v15 .service-tile,
.home-v15 .pricing-grid article,
.home-v15 .brand-poster,
.home-v15 .brand-principles,
.home-v15 .brand-principles article,
.home-v15 .lead-form{
  background:#fff;
  border-color:rgba(8,17,31,.09);
  color:#101d2e;
  box-shadow:0 22px 65px rgba(43,68,99,.07);
}
.home-v15 .product-copy p,.home-v15 .service-tile p,.home-v15 .brand-principles p,.home-v15 .ai-services p{color:#657489}
.home-v15 .clean-list li{color:#506176;border-color:rgba(8,17,31,.07)}
.home-v15 .clean-list li:before{color:#1483ff}
.home-v15 .service-tile{box-shadow:none}
.home-v15 .service-tile:hover{border-color:rgba(23,108,255,.23);box-shadow:0 16px 44px rgba(44,72,105,.08)}
.home-v15 .inline-price{border-color:rgba(8,17,31,.10)}

/* Advertising */
.home-v15 .ads-cloud{background:radial-gradient(circle at center,rgba(23,108,255,.08),transparent 44%)}
.home-v15 .ads-cloud span{background:#fff;border-color:rgba(8,17,31,.10);color:#17263a;box-shadow:0 10px 28px rgba(44,72,105,.07)}
.home-v15 .funnel>div{background:#fff;border-color:rgba(8,17,31,.09);color:#17263a}
.home-v15 .funnel>div span{color:#708096}

/* Dark premium engineering block */
.home-v15 .development{
  width:min(calc(100% - 40px),var(--max));
  margin-top:70px;margin-bottom:70px;
  padding:96px clamp(24px,4vw,64px);
  border-radius:36px;
  background:linear-gradient(145deg,#07111f,#0c1b31 55%,#102443);
  color:#f4f8ff;
  box-shadow:0 38px 100px rgba(18,42,73,.18);
}
.home-v15 .development .kicker{color:#79ddea}.home-v15 .development .muted{color:#8ea1b8}.home-v15 .development .section-head p{color:#a9b7c8}
.home-v15 .development .build-grid{border-color:rgba(255,255,255,.08)}
.home-v15 .development .build-items span{border-color:rgba(255,255,255,.07);color:#d9e4f2}
.home-v15 .development .build-items span:hover{background:rgba(84,207,236,.07);color:#7fe7f2}
.home-v15 .development .inline-price{border-color:rgba(255,255,255,.10)}
.home-v15 .development .text-link,.home-v15 .development .inline-price a{color:#79e8f2}

/* Bitrix mostly light, terminal intentionally dark */
.home-v15 .module-terminal{border-color:rgba(8,17,31,.08);box-shadow:0 32px 78px rgba(30,54,87,.14)}

/* AI = dark anchor */
.home-v15 .ai-section{
  width:min(calc(100% - 40px),var(--max));
  padding:96px clamp(24px,4vw,64px);
  margin-top:70px;margin-bottom:70px;
  border-radius:36px;
  background:linear-gradient(150deg,#07101d,#10122a 60%,#17163d);
  color:#f6f7ff;
  box-shadow:0 38px 100px rgba(32,35,77,.18);
}
.home-v15 .ai-section .kicker{color:#8be1ed}
.home-v15 .ai-section .ai-network{border-color:rgba(255,255,255,.08);background:radial-gradient(circle at center,rgba(84,106,255,.16),transparent 34%)}
.home-v15 .ai-section .ai-services article{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.08);box-shadow:none}
.home-v15 .ai-section .ai-services p{color:#9faec0}
.home-v15 .ai-section .text-link{color:#82e7f1}

/* Brand / pricing / company / contact */
.home-v15 .brand-poster:before,.home-v15 .brand-poster:after{border-color:rgba(23,108,255,.09)}
.home-v15 .brand-poster img{content:url('../brand/weqex-mark.webp');filter:drop-shadow(0 20px 30px rgba(20,91,172,.14))}
.home-v15 .brand-strip{border-color:rgba(8,17,31,.08);color:#6e7d91}
.home-v15 .pricing-grid article.custom{background:linear-gradient(135deg,#eef7ff,#f4f0ff)}
.home-v15 .pricing-grid small{color:#718095}.home-v15 .pricing-grid a{color:#126df5}
.home-v15 .company-quote{border-color:rgba(8,17,31,.10)}
.home-v15 .company-quote>span{color:#64748b}.home-v15 .principles{border-color:rgba(8,17,31,.10)}.home-v15 .principles span{color:#65758a}
.home-v15 .lead-form{box-shadow:0 28px 80px rgba(44,72,105,.10)}
.home-v15 .field label{color:#64748b}
.home-v15 .field input,.home-v15 .field textarea,.home-v15 .field select{background:#f8fafc;border-color:rgba(8,17,31,.10);color:#101d2e}
.home-v15 .field input:focus,.home-v15 .field textarea:focus,.home-v15 .field select:focus{background:#fff;border-color:rgba(23,108,255,.35);box-shadow:0 0 0 4px rgba(23,108,255,.06)}
.home-v15 .form-note{color:#78879a}
.home-v15 .consent-checkbox{color:#64748b}

/* Footer stays dark to finish the rhythm */
.home-v15 .site-footer{
  width:100%;max-width:none;
  padding:54px max(28px,calc((100vw - var(--max))/2)) 46px;
  background:#07101d;
  border-top:0;
  color:#edf4ff;
}
.home-v15 .site-footer .footer-lockup{content:url('../brand/weqex-lockup-on-dark.webp')}
.home-v15 .site-footer .footer-links a{color:#aebdce}.home-v15 .site-footer .footer-links a:hover{color:#fff}
.home-v15 .site-footer .footer-meta{border-color:rgba(255,255,255,.07);color:#6f8196}
.home-v15 .site-footer .footer-brand span{color:#76889d}

/* Remove leftover terminal-style decoration from homepage */
.home-v15 .brand-strip i{box-shadow:none}

@media(max-width:1180px){
  .home-v15 .hero{grid-template-columns:minmax(0,1fr) minmax(430px,.82fr);gap:26px}
  .home-v15 .hero h1{font-size:clamp(64px,7.2vw,102px)}
  .home-v15 .hero-core-v4{width:520px}
}
@media(max-width:980px){
  .home-v15 .hero{display:block;padding-top:132px;min-height:auto}
  .home-v15 .hero-content{max-width:760px}
  .home-v15 .hero-core-v4{width:min(660px,92vw);margin:8px auto -55px;opacity:.96}
  .home-v15 .development,.home-v15 .ai-section{width:calc(100% - 28px);border-radius:28px;padding:74px 28px}
}
@media(max-width:760px){
  .home-v15 .site-header{height:60px;top:8px;width:calc(100% - 16px);border-radius:16px}
  .home-v15 .brand-lockup{width:128px}
  .home-v15 .hero{padding:112px 18px 54px;background-size:44px 44px;mask-image:none}
  .home-v15 .hero h1{font-size:clamp(54px,17vw,78px);line-height:.91;margin:24px 0 24px}
  .home-v15 .hero-lead{font-size:16px;line-height:1.58}
  .home-v15 .hero-actions{gap:10px}.home-v15 .hero-actions .btn{width:100%}
  .home-v15 .hero-meta{margin-top:28px;gap:10px 18px;flex-wrap:wrap;font-size:8px}
  .home-v15 .hero-core-v4{width:116vw;margin:0 -11vw -94px;transform:scale(.86)!important;transform-origin:center top}
  .home-v15 .hero-core-v4 .qx-tag{font-size:8px;padding:9px 11px}
  .home-v15 .hero-core-v4 .t5,.home-v15 .hero-core-v4 .t6{display:none}
  .home-v15 .system-journey{margin-top:30px}
  .home-v15 .development,.home-v15 .ai-section{width:calc(100% - 20px);padding:62px 20px;border-radius:24px;margin-top:40px;margin-bottom:40px}
  .home-v15 .site-footer{padding:42px 18px 38px}
}

@media(prefers-reduced-motion:reduce){
  .home-v15 .hero-core-v4 .qx-ring,.home-v15 .hero-core-v4 .qx-sphere:before,.home-v15 .hero-core-v4 .qx-sphere:after{animation:none!important}
}