/* VISIB Studio V9.3 public bundle: 26 requests -> 1. */

/* ---- base.css ---- */
*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#0a0a0f;color:#fff;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 20px}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px 20px;background:rgba(10,10,15,0.95);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,0.08)}.nav-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.logo{font-size:22px;font-weight:800;color:#fff;text-decoration:none;display:flex;align-items:center;gap:8px}.lang-switch{display:flex;gap:4px;flex-wrap:wrap;background:rgba(255,255,255,0.03);padding:4px;border-radius:12px}.lang-switch a{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;text-decoration:none;color:#a1a1aa;transition:all 0.3s}.lang-switch a.active,.lang-switch a:hover{background:var(--c1,#6C63FF);color:#fff}.hero{position:relative;min-height:100vh;display:flex;align-items:center;text-align:center;padding:120px 20px;background:linear-gradient(135deg,var(--c1,#6C63FF),var(--c2,#8B85FF));background-size:200% 200%;animation:gradient 8s ease infinite}.hero.preloaded{background-size:cover;animation:none}.hero-badge{background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);padding:8px 20px;border-radius:50px;font-size:14px;border:1px solid rgba(255,255,255,0.2)}.hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.hero h1{font-size:clamp(32px,7vw,64px);font-weight:900;margin-bottom:20px;text-shadow:0 2px 10px rgba(0,0,0,0.5)}.hero p{font-size:18px;opacity:0.95;max-width:600px;margin:0 auto 36px;text-shadow:0 1px 5px rgba(0,0,0,0.5)}.btn{display:inline-flex;align-items:center;gap:8px;padding:15px 30px;border-radius:14px;font-weight:600;font-size:15px;text-decoration:none;margin:5px;color:#fff;transition:all 0.3s;backdrop-filter:blur(10px)}.btn-primary{background:linear-gradient(135deg,var(--c1,#6C63FF),var(--c2,#8B85FF));box-shadow:0 4px 15px rgba(0,0,0,0.3)}.btn-outline{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2)}.btn:hover{transform:translateY(-3px)}.section{padding:100px 20px}.section-dark{background:rgba(255,255,255,0.02)}.section-header{text-align:center;margin-bottom:60px}.section-badge{display:inline-block;padding:8px 20px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:50px;font-size:13px;font-weight:600;color:var(--c2,#8B85FF);margin-bottom:16px;text-transform:uppercase;letter-spacing:2px}.section h2{text-align:center;font-size:clamp(28px,5vw,48px);font-weight:800;margin-bottom:16px}.section-subtitle{text-align:center;color:#a1a1aa;font-size:18px;max-width:600px;margin:0 auto 60px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.card{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:20px;padding:40px 28px;text-align:center;transition:all 0.4s;backdrop-filter:blur(10px)}.card:hover{transform:translateY(-6px);border-color:rgba(255,255,255,0.2)}.card-icon{font-size:48px;margin-bottom:20px}.card h3{font-size:22px;font-weight:700;margin-bottom:12px}.card p{color:#a1a1aa;font-size:15px}.card.featured{border:2px solid var(--c1,#6C63FF);position:relative}.card.featured::before{content:attr(data-badge);position:absolute;top:14px;right:14px;background:linear-gradient(135deg,var(--c1,#6C63FF),var(--c2,#8B85FF));padding:6px 16px;border-radius:20px;font-size:11px;font-weight:600;color:#fff}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.gallery-item{background-size:cover;background-position:center;background-color:#1a1a2e;border-radius:20px;overflow:hidden;aspect-ratio:4/3;transition:background-image 0.6s ease;position:relative}.gallery-item::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#1a1a2e,#2a2a3e,#1a1a2e);animation:shimmer 1.5s infinite}.gallery-item.loaded::after{display:none}.form-input{width:100%;padding:16px 20px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:14px;color:#fff;font-size:16px;font-family:inherit;margin-bottom:16px}.form-input:focus{outline:none;border-color:var(--c2,#8B85FF)}.honeypot{position:absolute;left:-9999px;opacity:0}.footer{text-align:center;padding:60px 20px;border-top:1px solid rgba(255,255,255,0.08);color:#a1a1aa;font-size:14px}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@media(max-width:768px){.hero{padding:80px 20px}.section{padding:60px 20px}.card{padding:28px 20px}}
.demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.demo-card{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:16px;overflow:hidden;transition:all 0.3s}
.demo-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,0.2)}
.demo-card iframe{width:100%;height:200px;border:none;pointer-events:none}
.demo-label{padding:10px;font-size:12px;color:#a1a1aa;text-align:center}
.faq-list{display:flex;flex-direction:column;gap:12px}
.faq-item{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:14px;padding:20px;cursor:pointer;transition:all 0.3s}
.faq-item:hover{border-color:rgba(255,255,255,0.2)}
.faq-item summary{font-weight:600;font-size:16px;cursor:pointer}
.faq-item p{margin-top:12px;color:#a1a1aa;font-size:14px;line-height:1.7}

/* Градиенты Visib Studio */
.hero-visib {
  background: linear-gradient(135deg, #007aff 0%, #5856d6 50%, #af52de 100%);
  position: relative;
  overflow: hidden;
}
.hero-visib::before {
  content: '';
  position: absolute;
  top: -50%; left: -50%;
  width: 200%; height: 200%;
  background: radial-gradient(circle at 30% 50%, rgba(255,255,255,0.1) 0%, transparent 50%),
              radial-gradient(circle at 70% 80%, rgba(255,255,255,0.08) 0%, transparent 50%);
  animation: heroFloat 20s ease-in-out infinite;
}
@keyframes heroFloat {
  0%, 100% { transform: translate(0, 0) rotate(0deg); }
  33% { transform: translate(30px, -30px) rotate(1deg); }
  66% { transform: translate(-20px, 20px) rotate(-1deg); }
}

/* Blur градиенты для фона */
.blur-bg {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: -1;
  opacity: 0.5;
}
.blur-bg::before {
  content: '';
  position: absolute;
  width: 600px; height: 600px;
  background: radial-gradient(circle, rgba(0,122,255,0.3) 0%, transparent 70%);
  filter: blur(80px);
  top: 10%; left: -200px;
  animation: blurFloat 15s ease-in-out infinite;
}
.blur-bg::after {
  content: '';
  position: absolute;
  width: 500px; height: 500px;
  background: radial-gradient(circle, rgba(175,82,222,0.3) 0%, transparent 70%);
  filter: blur(80px);
  bottom: 10%; right: -150px;
  animation: blurFloat 18s ease-in-out infinite reverse;
}
@keyframes blurFloat {
  0%, 100% { transform: translate(0, 0); }
  50% { transform: translate(40px, -40px); }
}

/* SVG фон из старых шаблонов */
.svg-bg {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 800'%3E%3Cdefs%3E%3CradialGradient id='g' cx='50%25' cy='50%25' r='50%25'%3E%3Cstop offset='0%25' stop-color='%23007aff' stop-opacity='0.15'/%3E%3Cstop offset='100%25' stop-color='black' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='800' height='800' fill='black'/%3E%3Ccircle cx='200' cy='200' r='300' fill='url(%23g)'/%3E%3Ccircle cx='600' cy='600' r='250' fill='url(%23g)'/%3E%3C/svg%3E");
  background-size: cover;
  opacity: 0.5;
}
.demo-card{cursor:pointer}
.demo-preview{background:linear-gradient(135deg,#1a1a2e,#2a2a3e);height:140px;display:flex;align-items:center;justify-content:center;font-size:48px;border-radius:16px 16px 0 0;transition:all 0.3s}
.demo-card:hover .demo-preview{background:linear-gradient(135deg,#2a2a3e,#3a3a5e)}
.demo-link{display:block;padding:6px;text-align:center;color:#007aff;font-size:12px;text-decoration:none}
.demo-card:hover .demo-link{color:#fff}
.demo-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.demo-card{cursor:pointer}
.demo-preview{background:linear-gradient(135deg,#1a1a2e,#2a2a3e);height:120px;display:flex;align-items:center;justify-content:center;font-size:40px;border-radius:16px 16px 0 0;transition:all 0.3s}
.demo-card:hover .demo-preview{background:linear-gradient(135deg,#2a2a3e,#3a3a5e)}
.demo-link{display:block;padding:8px;text-align:center;color:#007aff;font-size:12px;text-decoration:none}
.demo-card:hover .demo-link{color:#fff}
.demo-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.demo-card{border-radius:16px;overflow:hidden;transition:all 0.3s}
.demo-card:hover{transform:translateY(-4px)}
.demo-card iframe{width:100%;height:180px;border:none;pointer-events:none}
.demo-label{padding:10px;font-size:12px;text-align:center;background:rgba(255,255,255,0.03)}
.demo-label a{color:#007aff;text-decoration:none}
.demo-label a:hover{color:#fff}
.demo-card-link{text-decoration:none;color:inherit}
.demo-card-link:hover{transform:translateY(-4px)}
.demo-preview{background:linear-gradient(135deg,#1a1a2e,#2a2a3e);height:140px;display:flex;align-items:center;justify-content:center;font-size:64px;border-radius:16px 16px 0 0;transition:all 0.3s}
.demo-card-link:hover .demo-preview{background:linear-gradient(135deg,#2a2a3e,#3a3a5e)}

.steps-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:25px;
margin-top:40px;
}

.step-card{
background:rgba(255,255,255,.05);
padding:25px;
border-radius:20px;
text-align:center;
border:1px solid rgba(255,255,255,.1);
}

.step-number{
width:50px;
height:50px;
line-height:50px;
border-radius:50%;
background:#E91E63;
font-weight:700;
font-size:20px;
margin:0 auto 15px;
}

.pricing-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:30px;
margin-top:40px;
}

.pricing-card{
background:rgba(255,255,255,.05);
padding:30px;
border-radius:20px;
border:1px solid rgba(255,255,255,.1);
text-align:center;
}

.pricing-card ul{
list-style:none;
margin:20px 0;
padding:0;
}

.pricing-card li{
padding:8px 0;
}

.pricing-card.featured{
border:2px solid #E91E63;
transform:scale(1.03);
}

.price{
font-size:42px;
font-weight:700;
margin:20px 0;
color:#E91E63;
}


/* ---- inline-core.css ---- */
/* === АНИМАЦИИ === */

body{
    position:relative;
    overflow-x:hidden;
}

.container,
.hero,
section{
    position:relative;
    z-index:1;
}

@keyframes floatGradient{
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

@keyframes glowPulse{
    0%,100%{box-shadow:0 0 12px rgba(108,99,255,.15)}
    50%{box-shadow:0 0 24px rgba(108,99,255,.25)}
}

@keyframes fadeInUp{
    from{
        opacity:0;
        transform:translateY(20px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

@keyframes float{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-6px)}
}

body::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(
        135deg,
        #6C63FF,
        #FF4081,
        #6C63FF,
        #8B85FF
    );
    background-size:400% 400%;
    animation:floatGradient 15s ease infinite;
    opacity:.03;
    pointer-events:none;
}

.price-mini{
    animation:fadeInUp .5s ease forwards;
    will-change:transform,opacity;
}

.price-mini.featured{
    animation:glowPulse 5s ease-in-out 3;
    border-color:#6C63FF;
    background:rgba(108,99,255,.08);
    backdrop-filter:blur(8px);
}

.hero-badge{
    animation:float 3s ease-in-out infinite;
    will-change:transform;
}

@media(max-width:768px){
    .price-mini{
        animation:none;
    }
}

@media (prefers-reduced-motion: reduce){
    *{
        animation:none !important;
        transition:none !important;
    }
}


/* ---- visib-v10.css ---- */
/* ViSiB Studio v10 — safe visual layer */

:root{
  --v10-blue:#6C63FF;
  --v10-pink:#FF4081;
  --v10-cyan:#00E5FF;
  --v10-dark:#070A12;
}

body{
  background:
    radial-gradient(circle at 20% 10%, rgba(108,99,255,.22), transparent 32%),
    radial-gradient(circle at 80% 18%, rgba(255,64,129,.14), transparent 34%),
    linear-gradient(135deg,#070A12,#101827,#070A12) !important;
}

body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  background-image:radial-gradient(circle,rgba(255,255,255,.22) 1px,transparent 1px);
  background-size:42px 42px;
  opacity:.16;
  animation:v10Particles 22s linear infinite;
}

@keyframes v10Particles{
  from{background-position:0 0}
  to{background-position:420px 420px}
}

.hero-visib{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}

.hero-visib::before{
  content:"";
  position:absolute;
  inset:-35%;
  z-index:-1;
  background:linear-gradient(120deg,var(--v10-blue),var(--v10-pink),var(--v10-cyan),var(--v10-blue));
  background-size:300% 300%;
  filter:blur(100px);
  opacity:.20;
  animation:v10Liquid 14s ease infinite;
}

@keyframes v10Liquid{
  0%,100%{background-position:0% 50%;transform:rotate(0deg)}
  50%{background-position:100% 50%;transform:rotate(8deg)}
}

.card,
.price-mini,
.demo-card-link{
  border-color:rgba(255,255,255,.13) !important;
  box-shadow:0 20px 70px rgba(0,0,0,.20);
}

.card:hover,
.price-mini:hover,
.demo-card-link:hover{
  transform:translateY(-6px);
  box-shadow:0 24px 80px rgba(108,99,255,.22);
}

.hero-badge{
  box-shadow:0 0 28px rgba(108,99,255,.26);
}

.btn-primary{
  box-shadow:0 0 30px rgba(108,99,255,.26);
}

.lang-switch a{
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  padding:6px 10px;
}

.lang-switch a.active{
  background:linear-gradient(135deg,var(--v10-blue),var(--v10-pink));
  color:#fff !important;
}

.v10-ai-line{
  margin:18px auto 24px;
  max-width:760px;
  padding:14px 18px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(0,0,0,.28);
  backdrop-filter:blur(16px);
  color:#dbeafe;
  font-weight:800;
  box-shadow:0 0 34px rgba(108,99,255,.18);
}

.v10-ai-line span{
  color:#00E5FF;
}

.card,
.price-mini,
.demo-card-link{
  position:relative;
  overflow:hidden;
  transform-style:preserve-3d;
  will-change:transform;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.card::before,
.price-mini::before,
.demo-card-link::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at var(--mx,50%) var(--my,50%), rgba(0,229,255,.18), transparent 34%);
  opacity:0;
  transition:.2s;
  pointer-events:none;
}

.card:hover::before,
.price-mini:hover::before,
.demo-card-link:hover::before{
  opacity:1;
}

.v10-marquee{
  overflow:hidden;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
  padding:16px 0;
  position:relative;
  z-index:2;
}

.v10-marquee-track{
  display:flex;
  gap:18px;
  width:max-content;
  animation:v10Marquee 32s linear infinite;
}

.v10-chip{
  white-space:nowrap;
  padding:10px 16px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  color:#e5e7eb;
  font-weight:800;
}

@keyframes v10Marquee{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

.v10-contact-widget{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:99999;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.v10-contact-panel{
  width:292px;
  margin-bottom:12px;
  padding:14px;
  border-radius:24px;
  background:rgba(7,10,18,.88);
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(22px);
  box-shadow:0 24px 80px rgba(0,0,0,.52);
  transform:translateY(14px) scale(.96);
  opacity:0;
  pointer-events:none;
  transition:.25s ease;
}

.v10-contact-widget.open .v10-contact-panel{
  transform:translateY(0) scale(1);
  opacity:1;
  pointer-events:auto;
}

.v10-contact-title{
  color:#fff;
  font-weight:900;
  margin-bottom:10px;
}

.v10-contact-panel a,
.v10-contact-panel button{
  display:block;
  width:100%;
  margin-top:8px;
  padding:12px 14px;
  border-radius:15px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.08);
  color:#fff;
  text-decoration:none;
  font-weight:800;
  cursor:pointer;
  text-align:center;
}

.v10-contact-toggle{
  width:64px;
  height:64px;
  border-radius:999px;
  border:0;
  float:right;
  background:linear-gradient(135deg,#6C63FF,#FF4081);
  color:#fff;
  font-size:26px;
  cursor:pointer;
  box-shadow:0 0 34px rgba(108,99,255,.55);
}

.v10-mini-form{
  display:none;
  margin-top:10px;
}

.v10-contact-widget.form-open .v10-mini-form{
  display:block;
}

.v10-mini-form input,
.v10-mini-form textarea{
  width:100%;
  margin-top:8px;
  padding:12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.08);
  color:#fff;
  outline:none;
  box-sizing:border-box;
}

.v10-mini-form input::placeholder,
.v10-mini-form textarea::placeholder{
  color:rgba(255,255,255,.58);
}

.hero-visib + .v10-marquee + .section .grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  max-width:920px;
  margin-left:auto;
  margin-right:auto;
}

@media(max-width:768px){
  .hero-visib + .v10-marquee + .section .grid{
    grid-template-columns:1fr !important;
  }
}

/* v10 fix: first workflow grid 2x2 */
.hero-visib + .v10-marquee + .section .grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(260px,1fr)) !important;
  gap:22px !important;
  max-width:960px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* v10 fix: do not fight JS 3D transform */
.card:hover,
.price-mini:hover,
.demo-card-link:hover{
  transform:none;
}

@media(max-width:768px){
  .hero-visib + .v10-marquee + .section .grid{
    grid-template-columns:1fr !important;
  }

  .v10-contact-widget{
    right:12px;
    bottom:12px;
  }

  .v10-contact-panel{
    width:calc(100vw - 24px);
    max-width:320px;
  }
}

/* v10 compact scale fix */
.hero-visib{
  padding-top:70px !important;
  padding-bottom:55px !important;
}

.hero-visib h1{
  font-size:clamp(34px,4.2vw,58px) !important;
  line-height:1.06 !important;
}

.hero-visib p{
  font-size:clamp(16px,1.6vw,21px) !important;
}

.v10-ai-line{
  max-width:620px !important;
  padding:11px 16px !important;
  font-size:15px !important;
}

.section{
  padding-top:58px !important;
  padding-bottom:58px !important;
}

.section-header{
  margin-bottom:28px !important;
}

.section-header h2{
  font-size:clamp(28px,3vw,42px) !important;
}

.card{
  padding:24px !important;
}

.card-icon{
  font-size:34px !important;
  margin-bottom:12px !important;
}

.card h3{
  font-size:20px !important;
}

.card p{
  font-size:15px !important;
  line-height:1.55 !important;
}

.demo-preview{
  font-size:44px !important;
  min-height:110px !important;
}

.demo-label{
  font-size:15px !important;
}

.price-mini{
  flex-basis:190px !important;
  padding:17px !important;
}

.price-mini h4{
  font-size:16px !important;
}

.price-mini .pricetag{
  font-size:22px !important;
}

.v10-contact-toggle{
  width:58px !important;
  height:58px !important;
  font-size:24px !important;
}

/* v10 v8: compact language panel */
.nav{
  padding:10px 12px !important;
}

.nav-inner{
  gap:5px !important;
}

.logo{
  font-size:18px !important;
  line-height:1.1 !important;
}

.logo span{
  display:inline-block;
  opacity:0;
  transform:translateY(-18px) scale(.5) rotate(-8deg);
  animation:v10LogoLetter .55s ease forwards;
}

@keyframes v10LogoLetter{
  to{
    opacity:1;
    transform:translateY(0) scale(1) rotate(0);
  }
}

.lang-switch{
  gap:5px !important;
  flex-wrap:wrap !important;
  max-width:760px !important;
}

.lang-switch a{
  font-size:12px !important;
  padding:4px 8px !important;
  line-height:1.1 !important;
  border-radius:999px !important;
}

/* v10 v8: richer section background */
.section{
  position:relative;
  overflow:hidden;
}

.section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 12% 18%, rgba(0,229,255,.07), transparent 28%),
    radial-gradient(circle at 88% 22%, rgba(255,64,129,.06), transparent 30%),
    linear-gradient(120deg, rgba(255,255,255,.018), transparent 40%, rgba(108,99,255,.025));
  z-index:0;
}

.section .container{
  position:relative;
  z-index:1;
}

/* v10 v8: reveal cards */
.v10-reveal{
  opacity:0;
  transition:
    opacity .65s ease,
    transform .65s cubic-bezier(.2,.8,.2,1),
    box-shadow .18s ease,
    border-color .18s ease;
}

.v10-reveal.from-left{
  transform:translateX(-44px) translateY(18px);
}

.v10-reveal.from-right{
  transform:translateX(44px) translateY(18px);
}

.v10-reveal.show{
  opacity:1;
  transform:translateX(0) translateY(0);
}

/* keep JS 3D active after reveal */
.v10-reveal.show:hover{
  transition:transform .16s ease, box-shadow .18s ease, border-color .18s ease;
}

/* v10 v8: 3D buttons */
.btn,
.v10-contact-panel a,
.v10-contact-panel button{
  transform-style:preserve-3d;
  will-change:transform;
  transition:transform .16s ease, box-shadow .2s ease, filter .2s ease;
}

.btn:hover,
.v10-contact-panel a:hover,
.v10-contact-panel button:hover{
  filter:brightness(1.12);
  box-shadow:0 18px 42px rgba(108,99,255,.32);
}

/* v10 v8: pricing desktop bigger */
@media(min-width:1024px){
  .price-row{
    justify-content:center !important;
    gap:20px !important;
  }

  .price-mini{
    flex:0 0 230px !important;
    min-height:330px !important;
    padding:22px !important;
  }
}

/* v10 v8: pricing mobile fully visible */
@media(max-width:768px){
  .lang-switch{
    max-width:100% !important;
  }

  .lang-switch a{
    font-size:11px !important;
    padding:4px 7px !important;
  }

  .price-row{
    display:grid !important;
    grid-template-columns:1fr !important;
    overflow:visible !important;
    gap:14px !important;
  }

  .price-mini{
    flex:auto !important;
    width:100% !important;
    min-height:auto !important;
  }

  .v10-reveal.from-left,
  .v10-reveal.from-right{
    transform:translateY(24px);
  }

  .v10-reveal.show{
    transform:translateY(0);
  }
}

/* v10 v9: header + hero spacing fix */
.nav{
  position:relative !important;
  z-index:20 !important;
  transform-style:preserve-3d;
  perspective:900px;
}

.nav-inner{
  padding:6px 10px !important;
  border-radius:22px !important;
  background:rgba(7,10,18,.42) !important;
  backdrop-filter:blur(18px);
  box-shadow:0 18px 44px rgba(0,0,0,.24);
  transform:perspective(900px) rotateX(2deg);
}

.hero-visib{
  padding-top:105px !important;
}

/* v10 v9: compact logo letters */
.logo{
  white-space:nowrap !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
}

.logo span{
  font-size:18px !important;
}

/* v10 v9: pricing badge no ugly wrap */
.price-mini.featured h4{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:7px !important;
}

.price-mini.featured h4 span{
  display:inline-block !important;
  max-width:100% !important;
  white-space:normal !important;
  line-height:1.15 !important;
  font-size:10px !important;
  padding:4px 8px !important;
}

/* v10 v9: demo duplicate CTA visual cleanup */
.demo-grid > div[style*="text-align:center"]:not(:first-of-type){
  display:none !important;
}

/* v10 v9: stronger 3D buttons */
.btn{
  position:relative;
  overflow:hidden;
}

.btn::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.22),transparent);
  transform:translateX(-120%);
  transition:.45s;
}

.btn:hover::before{
  transform:translateX(120%);
}

@media(max-width:768px){
  .hero-visib{
    padding-top:120px !important;
  }

  .nav-inner{
    transform:none !important;
  }

  .price-mini.featured h4 span{
    font-size:9px !important;
  }
}

/* v10 v10: final header compact + depth */
.nav{
  padding-top:14px !important;
  padding-bottom:8px !important;
}

.nav-inner{
  max-width:760px !important;
  margin:0 auto !important;
}

.hero-visib{
  padding-top:128px !important;
}

.hero-badge{
  transform-style:preserve-3d;
  animation:v10BadgeFloat 3.2s ease-in-out infinite !important;
}

@keyframes v10BadgeFloat{
  0%,100%{
    transform:perspective(800px) rotateX(0deg) translateY(0);
  }
  50%{
    transform:perspective(800px) rotateX(8deg) translateY(-5px);
  }
}

/* v10 v10: cleaner popular badge */
.price-mini.featured{
  flex-basis:255px !important;
}

.price-mini.featured h4{
  line-height:1.25 !important;
}

.price-mini.featured h4 span{
  white-space:nowrap !important;
  font-size:9px !important;
  letter-spacing:.3px !important;
}

/* v10 v10: mobile price visibility */
@media(max-width:768px){
  .hero-visib{
    padding-top:138px !important;
  }

  .price-row{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .price-mini,
  .price-mini.featured{
    flex-basis:auto !important;
    width:100% !important;
    max-width:100% !important;
  }

  .price-mini.featured h4 span{
    white-space:normal !important;
  }
}

/* v10 v11: demo CTA single centered */
.demo-grid > div[style*="text-align:center"]{
  grid-column:1 / -1 !important;
  text-align:center !important;
}

/* v10 v11: sticky footer overlap fix */
.footer{
  padding-bottom:110px !important;
}

#stickyCta{
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  max-width:520px !important;
  width:calc(100% - 28px) !important;
  bottom:14px !important;
}

#stickyCta a{
  border-radius:18px !important;
  box-shadow:0 14px 42px rgba(0,122,255,.45) !important;
}

/* v10 v11: 3D neon marquee */
.v10-marquee{
  perspective:900px;
}

.v10-marquee-track{
  align-items:center;
}

.v10-chip{
  transform-style:preserve-3d;
  transform:perspective(700px) rotateX(8deg) translateZ(0);
  background:linear-gradient(135deg,rgba(108,99,255,.18),rgba(255,64,129,.10)) !important;
  border-color:rgba(108,99,255,.28) !important;
  box-shadow:
    0 0 14px rgba(108,99,255,.18),
    inset 0 0 16px rgba(255,255,255,.04);
  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease,
    background .25s ease,
    color .25s ease;
}

.v10-chip.is-center{
  color:#fff !important;
  background:linear-gradient(135deg,rgba(0,229,255,.34),rgba(108,99,255,.34),rgba(255,64,129,.25)) !important;
  border-color:rgba(0,229,255,.75) !important;
  transform:perspective(700px) rotateX(0deg) translateZ(28px) scale(1.08);
  box-shadow:
    0 0 18px rgba(0,229,255,.55),
    0 0 38px rgba(108,99,255,.36),
    inset 0 0 18px rgba(255,255,255,.10);
}

/* v10 v12: AI neural background for sections */
.section:not(.hero):not(.hero-visib){
  background:
    linear-gradient(rgba(7,10,18,.84),rgba(7,10,18,.90)),
    url("/img/ai-bg.jpg") center/cover fixed !important;
}

.section:nth-of-type(even):not(.hero):not(.hero-visib){
  background:
    linear-gradient(rgba(7,10,18,.78),rgba(7,10,18,.88)),
    url("/img/ai-bg.jpg") center/cover fixed !important;
}

@media(max-width:768px){
  .section:not(.hero):not(.hero-visib){
    background:
      linear-gradient(rgba(7,10,18,.88),rgba(7,10,18,.93)),
      url("/img/ai-bg.jpg") center/cover scroll !important;
  }
}

/* v10 v13: footer, language panel, logo particle fix */

/* footer above sticky CTA */
.footer{
  padding-bottom:150px !important;
}

#stickyCta{
  bottom:18px !important;
  max-width:460px !important;
}

/* language panel -20% smaller */
.lang-switch{
  gap:4px !important;
  max-width:620px !important;
}

.lang-switch a{
  font-size:10px !important;
  padding:3px 6px !important;
  line-height:1 !important;
}

/* logo particle assembly */
.logo{
  position:relative !important;
  overflow:visible !important;
  text-shadow:
    0 0 10px rgba(0,229,255,.45),
    0 0 22px rgba(108,99,255,.35);
}

.logo::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:120px;
  height:120px;
  transform:translate(-50%,-50%);
  background:
    radial-gradient(circle,rgba(0,229,255,.85) 0 2px,transparent 3px),
    radial-gradient(circle,rgba(255,64,129,.65) 0 2px,transparent 3px),
    radial-gradient(circle,rgba(255,255,255,.8) 0 1px,transparent 2px);
  background-size:28px 28px,36px 36px,18px 18px;
  opacity:0;
  filter:blur(.2px);
  animation:v10LogoParticles 1.3s ease forwards;
  pointer-events:none;
}

.logo span{
  animation:v10LogoAssemble .75s cubic-bezier(.2,.8,.2,1) forwards !important;
  opacity:0;
  transform:translate(calc((var(--i,0) - 6) * -10px), -18px) scale(.4);
}

@keyframes v10LogoParticles{
  0%{
    opacity:1;
    transform:translate(-50%,-50%) scale(1.45) rotate(0deg);
  }
  65%{
    opacity:.85;
    transform:translate(-50%,-50%) scale(.55) rotate(90deg);
  }
  100%{
    opacity:0;
    transform:translate(-50%,-50%) scale(.2) rotate(160deg);
  }
}

@keyframes v10LogoAssemble{
  0%{
    opacity:0;
    filter:blur(8px);
    transform:translateY(-24px) scale(.45);
  }
  70%{
    opacity:1;
    filter:blur(1px);
    transform:translateY(3px) scale(1.08);
  }
  100%{
    opacity:1;
    filter:blur(0);
    transform:translateY(0) scale(1);
  }
}

@media(max-width:768px){
  .footer{
    padding-bottom:160px !important;
  }

  #stickyCta{
    max-width:calc(100% - 24px) !important;
  }

  .lang-switch a{
    font-size:9px !important;
    padding:3px 5px !important;
  }
}
/* v10 v14: mobile badge + SEO text layout */
.hero-badge{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  max-width:min(92vw,760px) !important;
  white-space:normal !important;
  text-align:center !important;
  line-height:1.35 !important;
}

@media(max-width:768px){
  .hero-badge{
    max-width:calc(100vw - 32px) !important;
    font-size:13px !important;
    padding:9px 12px !important;
    border-radius:999px !important;
  }

  .hero-content > div:first-child{
    margin-bottom:16px !important;
  }
}

/* SEO section text should fill the block */
.section h2 + p,
.section h2 + p + p,
.section h2 + p + p + p,
.section h2 + p + p + p + p{
  text-align:justify !important;
  text-align-last:left !important;
}

.section .container[style*="max-width:900px"]{
  max-width:1080px !important;
}

.section .container[style*="max-width:900px"] p{
  font-size:16px !important;
  line-height:1.9 !important;
  text-align:justify !important;
  text-align-last:left !important;
}

/* v10 v14: scroll storytelling */
.v10-story{
  background:
    linear-gradient(135deg,rgba(7,10,18,.92),rgba(11,18,32,.88)),
    radial-gradient(circle at 20% 20%,rgba(0,229,255,.16),transparent 30%),
    radial-gradient(circle at 80% 40%,rgba(255,64,129,.12),transparent 32%) !important;
}

.v10-story-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  position:relative;
}

.v10-story-grid::before{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  top:42px;
  height:2px;
  background:linear-gradient(90deg,rgba(0,229,255,.1),rgba(0,229,255,.8),rgba(255,64,129,.75),rgba(108,99,255,.1));
  box-shadow:0 0 18px rgba(0,229,255,.45);
}

.v10-story-card{
  position:relative;
  z-index:1;
  padding:24px 18px;
  border-radius:24px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.13);
  backdrop-filter:blur(18px);
  text-align:center;
  box-shadow:0 24px 70px rgba(0,0,0,.28);
  transform-style:preserve-3d;
}

.v10-story-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:24px;
  background:radial-gradient(circle at 50% 0%,rgba(0,229,255,.18),transparent 45%);
  opacity:.75;
  pointer-events:none;
}

.v10-story-num{
  color:#00E5FF;
  font-size:13px;
  font-weight:900;
  letter-spacing:.18em;
  margin-bottom:8px;
}

.v10-story-icon{
  width:58px;
  height:58px;
  margin:0 auto 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:linear-gradient(135deg,rgba(108,99,255,.8),rgba(255,64,129,.65));
  box-shadow:0 0 28px rgba(0,229,255,.35);
  font-size:26px;
}

.v10-story-card h3{
  color:#fff;
  font-size:20px;
  margin-bottom:8px;
}

.v10-story-card p{
  color:#cbd5e1;
  line-height:1.55;
  font-size:14px;
}

@media(max-width:900px){
  .v10-story-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .v10-story-grid::before{
    display:none;
  }
}

@media(max-width:560px){
  .v10-story-grid{
    grid-template-columns:1fr;
  }
}

/* v10 v15: Bento grid */
.v10-bento{
  background:
    linear-gradient(135deg,rgba(7,10,18,.92),rgba(8,13,28,.88)),
    radial-gradient(circle at 18% 15%,rgba(108,99,255,.22),transparent 30%),
    radial-gradient(circle at 85% 35%,rgba(0,229,255,.14),transparent 28%) !important;
}

.v10-bento-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  grid-auto-rows:minmax(180px,auto);
  gap:18px;
}

.v10-bento-card{
  position:relative;
  overflow:hidden;
  padding:24px;
  border-radius:28px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.035));
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(20px);
  box-shadow:0 28px 80px rgba(0,0,0,.32);
  transform-style:preserve-3d;
}

.v10-bento-card.big{
  grid-column:span 2;
  grid-row:span 2;
}

.v10-bento-card.wide{
  grid-column:span 2;
}

.v10-bento-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  background:
    radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(0,229,255,.22),transparent 32%);
  opacity:0;
  transition:.25s;
  pointer-events:none;
}

.v10-bento-card:hover::before{
  opacity:1;
}

.v10-bento-icon{
  width:58px;
  height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  background:linear-gradient(135deg,rgba(108,99,255,.85),rgba(255,64,129,.65));
  box-shadow:0 0 32px rgba(108,99,255,.35);
  font-size:28px;
  margin-bottom:18px;
}

.v10-bento-card h3{
  color:#fff;
  font-size:22px;
  margin-bottom:10px;
}

.v10-bento-card p{
  color:#cbd5e1;
  line-height:1.65;
  font-size:15px;
}

.v10-bento-card.big h3{
  font-size:30px;
}

.v10-bento-card.big p{
  font-size:17px;
}

@media(max-width:1024px){
  .v10-bento-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .v10-bento-card.big,
  .v10-bento-card.wide{
    grid-column:span 2;
  }
}

@media(max-width:560px){
  .v10-bento-grid{
    grid-template-columns:1fr;
  }

  .v10-bento-card.big,
  .v10-bento-card.wide{
    grid-column:span 1;
    grid-row:span 1;
  }

  .v10-bento-card{
    min-height:auto;
  }
}

/* v10 v16: effects for dynamic story/bento cards */
.v10-story-card,
.v10-bento-card{
  will-change:transform;
  transition:
    opacity .65s ease,
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease;
}

.v10-story-card:hover,
.v10-bento-card:hover{
  border-color:rgba(0,229,255,.45) !important;
  box-shadow:
    0 28px 90px rgba(0,0,0,.38),
    0 0 34px rgba(0,229,255,.18),
    0 0 54px rgba(108,99,255,.14) !important;
}

.v10-story-card::after,
.v10-bento-card::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.14),transparent);
  transform:translateX(-120%);
  transition:.5s;
  pointer-events:none;
}

.v10-story-card:hover::after,
.v10-bento-card:hover::after{
  transform:translateX(120%);
}

/* v10 v17: force show dynamic sections */
.v10-story,
.v10-bento{
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
}

.v10-story-card,
.v10-bento-card{
  opacity:1 !important;
  visibility:visible !important;
}

/* v10 v20: final layout fixes */

/* workflow block 2x2 */
.hero-visib + .v10-marquee + .section .grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(280px,1fr)) !important;
  gap:22px !important;
  max-width:960px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* demo grid CTA centered */
.demo-grid{
  display:grid !important;
}

.demo-grid > div[style*="text-align:center"]{
  grid-column:1 / -1 !important;
  justify-self:center !important;
  width:100% !important;
  text-align:center !important;
}

/* section subtitles centered */
.section-subtitle,
.section-header p,
.section-header .section-subtitle{
  text-align:center !important;
  text-align-last:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
  max-width:760px !important;
}

/* don't justify short subtitles */
.section-header p{
  display:block !important;
}

/* keep SEO long text justified only in SEO block */
.section .container[style*="max-width:900px"] p{
  text-align:justify !important;
  text-align-last:left !important;
}

/* mobile */
@media(max-width:768px){
  .hero-visib + .v10-marquee + .section .grid{
    grid-template-columns:1fr !important;
  }

  .section-subtitle,
  .section-header p,
  .section-header .section-subtitle{
    text-align:center !important;
    text-align-last:center !important;
  }
}

/* v21 subtitle centering */

.section-header{
  text-align:center !important;
}

.section-header h2{
  text-align:center !important;
}

.section-header p{
  text-align:center !important;
}

.section-subtitle{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
  max-width:760px !important;
}

/* v21 workflow 2x2 */

.section-dark .grid{
  max-width:1000px;
  margin:0 auto;
}

.section-dark .grid .card{
  min-height:280px;
}

.hero-visib + .section .grid{
  grid-template-columns:repeat(2,1fr) !important;
}

@media(max-width:768px){
  .hero-visib + .section .grid{
     grid-template-columns:1fr !important;
  }
}

/* v21 center all v10 blocks */

.v10-story .section-header,
.v10-bento .section-header{
  text-align:center !important;
}

.v10-story h2,
.v10-bento h2{
  text-align:center !important;
}

.v10-story .section-subtitle,
.v10-bento .section-subtitle{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
  max-width:900px !important;
}

/* v10 v21: AI Network Canvas Background */
#v10-ai-network{
  position:fixed;
  inset:0;
  width:100vw;
  height:100vh;
  pointer-events:none;
  z-index:0;
  opacity:.42;
  mix-blend-mode:screen;
}

body > *:not(#v10-ai-network){
  position:relative;
  z-index:1;
}

.hero-visib{
  isolation:isolate;
}

.hero-visib::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    radial-gradient(circle at 50% 18%,rgba(0,229,255,.16),transparent 28%),
    radial-gradient(circle at 80% 30%,rgba(255,64,129,.10),transparent 32%);
}

/* v10 v21.1: stronger visible AI network */
#v10-ai-network{
  z-index:0 !important;
  opacity:.95 !important;
  mix-blend-mode:screen !important;
  filter:drop-shadow(0 0 8px rgba(0,229,255,.55));
}

body::after{
  opacity:.08 !important;
}

.section::before{
  opacity:.65 !important;
}

/* v10 v22: Infinite Demo Carousel */
.demo-grid.v22-demo-carousel{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:18px !important;
  overflow:hidden !important;
  width:100% !important;
  max-width:1200px !important;
  margin:0 auto !important;
  padding:18px 0 28px !important;
  position:relative;
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
}

.demo-grid.v22-demo-carousel .demo-card-link{
  flex:0 0 220px !important;
  min-width:220px !important;
  transform-style:preserve-3d;
  animation:v22DemoLoop 38s linear infinite;
  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease,
    filter .25s ease;
}

.demo-grid.v22-demo-carousel:hover .demo-card-link{
  animation-play-state:paused;
}

.demo-grid.v22-demo-carousel .demo-card-link.v22-center{
  transform:perspective(900px) translateZ(36px) scale(1.12) !important;
  z-index:5;
  border-color:rgba(0,229,255,.65) !important;
  box-shadow:
    0 0 26px rgba(0,229,255,.42),
    0 28px 80px rgba(108,99,255,.28) !important;
  filter:brightness(1.18);
}

.demo-grid.v22-demo-carousel .demo-preview{
  min-height:120px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:50px !important;
}

.demo-grid.v22-demo-carousel > div[style*="text-align:center"]{
  position:absolute !important;
  left:50% !important;
  bottom:-68px !important;
  transform:translateX(-50%) !important;
  width:auto !important;
  z-index:10;
}

.demo-grid.v22-demo-carousel{
  margin-bottom:90px !important;
}

@keyframes v22DemoLoop{
  from{
    transform:translateX(0);
  }
  to{
    transform:translateX(calc(-100% - 18px));
  }
}

@media(max-width:768px){
  .demo-grid.v22-demo-carousel .demo-card-link{
    flex-basis:175px !important;
    min-width:175px !important;
  }

  .demo-grid.v22-demo-carousel .demo-preview{
    min-height:96px !important;
    font-size:42px !important;
  }
}

/* v10 v22.1: fixed carousel track */
.demo-grid.v22-demo-carousel{
  display:block !important;
  overflow:hidden !important;
  max-width:1200px !important;
  margin:0 auto 90px !important;
  padding:18px 0 34px !important;
  position:relative !important;
  min-height:230px !important;
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
}

.v22-demo-track{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:18px !important;
  width:max-content !important;
  animation:v22TrackLoop 42s linear infinite !important;
}

.demo-grid.v22-demo-carousel:hover .v22-demo-track{
  animation-play-state:paused !important;
}

.v22-demo-track .demo-card-link{
  flex:0 0 220px !important;
  min-width:220px !important;
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  transform-style:preserve-3d;
  animation:none !important;
}

.v22-demo-track .demo-card-link.v22-center{
  transform:perspective(900px) translateZ(36px) scale(1.12) !important;
  z-index:5;
  border-color:rgba(0,229,255,.65) !important;
  box-shadow:
    0 0 26px rgba(0,229,255,.42),
    0 28px 80px rgba(108,99,255,.28) !important;
  filter:brightness(1.18);
}

.v22-demo-track .demo-preview{
  min-height:120px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:50px !important;
}

.demo-grid.v22-demo-carousel > div[style*="text-align:center"]{
  position:absolute !important;
  left:50% !important;
  bottom:-58px !important;
  transform:translateX(-50%) !important;
  width:auto !important;
  z-index:10;
}

@keyframes v22TrackLoop{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}

@media(max-width:768px){
  .demo-grid.v22-demo-carousel{
    min-height:200px !important;
  }

  .v22-demo-track .demo-card-link{
    flex-basis:175px !important;
    min-width:175px !important;
  }

  .v22-demo-track .demo-preview{
    min-height:96px !important;
    font-size:42px !important;
  }
}

/* v10 v222: restore stable demo grid */
.demo-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr)) !important;
  gap:18px !important;
  overflow:visible !important;
  max-width:1200px !important;
  margin:0 auto !important;
  padding:0 !important;
  min-height:auto !important;
  mask-image:none !important;
}

.demo-grid .demo-card-link{
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  min-width:0 !important;
  flex:auto !important;
  animation:none !important;
}

.demo-grid .demo-card-link.v22-center{
  transform:none !important;
}

.v22-demo-track{
  display:contents !important;
}

/* =========================
   V23 PREMIUM PRICING 2.0
   ========================= */

.price-mini{
  position:relative;
  overflow:hidden;
  backdrop-filter:blur(20px);
  border:1px solid rgba(255,255,255,.12);
  transition:.35s ease;
}

.price-mini:hover{
  transform:translateY(-12px) scale(1.04);
  box-shadow:
    0 25px 80px rgba(0,0,0,.45),
    0 0 40px rgba(108,99,255,.25);
}

.price-mini::before{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:inherit;
  background:
    linear-gradient(
      135deg,
      #00E5FF,
      #6C63FF,
      #FF4081,
      #00E5FF
    );
  background-size:400% 400%;
  animation:v23Border 12s linear infinite;
  z-index:-1;
  opacity:.7;
}

@keyframes v23Border{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}

/* =========================
   V24 CRM PREVIEW
   ========================= */

.v24-crm-panel{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
  margin-top:30px;
}

.v24-stat{
  text-align:center;
  padding:28px;
  border-radius:24px;
  background:rgba(255,255,255,.05);
  backdrop-filter:blur(20px);
  border:1px solid rgba(255,255,255,.12);
}

.v24-stat span{
  font-size:34px;
  display:block;
}

.v24-stat strong{
  display:block;
  font-size:32px;
  color:#00E5FF;
  margin-top:10px;
}

.v24-stat small{
  color:#aaa;
}

.v24-leads{
  margin-top:30px;
  border-radius:24px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
}

.v24-row{
  display:flex;
  justify-content:space-between;
  padding:18px 24px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.v24-row:last-child{
  border-bottom:none;
}

.v24-row b{
  padding:6px 12px;
  border-radius:999px;
}

.v24-row .new{
  background:#00E5FF22;
  color:#00E5FF;
}

.v24-row .paid{
  background:#00ff6622;
  color:#00ff66;
}

.v24-row .work{
  background:#ffb30022;
  color:#ffb300;
}

@media(max-width:768px){
  .v24-crm-panel{
    grid-template-columns:1fr 1fr;
  }
}

/* =========================
   V25 BUILDER PREVIEW
   ========================= */

.v25-builder-wrap{
  display:grid;
  grid-template-columns:1.35fr .9fr;
  gap:26px;
  align-items:stretch;
}

.v25-builder-preview,
.v25-builder-list{
  position:relative;
  overflow:hidden;
  border-radius:30px;
  background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.035));
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(22px);
  box-shadow:0 30px 90px rgba(0,0,0,.36);
}

.v25-builder-preview::before,
.v25-builder-list::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(0,229,255,.18),transparent 35%);
  opacity:.8;
  pointer-events:none;
}

.v25-builder-top{
  height:54px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 18px;
  border-bottom:1px solid rgba(255,255,255,.1);
  background:rgba(0,0,0,.22);
}

.v25-builder-top span{
  width:11px;
  height:11px;
  border-radius:50%;
  background:#ff5f57;
}

.v25-builder-top span:nth-child(2){
  background:#ffbd2e;
}

.v25-builder-top span:nth-child(3){
  background:#28c840;
}

.v25-builder-top b{
  margin-left:12px;
  color:#cbd5e1;
  font-size:13px;
}

.v25-builder-body{
  display:grid;
  grid-template-columns:180px 1fr;
  min-height:330px;
}

.v25-builder-sidebar{
  padding:18px;
  border-right:1px solid rgba(255,255,255,.1);
  background:rgba(0,0,0,.18);
}

.v25-builder-sidebar div{
  padding:11px 13px;
  border-radius:13px;
  color:#cbd5e1;
  margin-bottom:8px;
  background:rgba(255,255,255,.04);
  font-size:14px;
}

.v25-builder-sidebar .active{
  color:#fff;
  background:linear-gradient(135deg,rgba(0,229,255,.28),rgba(108,99,255,.28));
  box-shadow:0 0 22px rgba(0,229,255,.18);
}

.v25-builder-main{
  padding:22px;
}

.v25-builder-block{
  border-radius:22px;
  padding:24px;
  background:
    linear-gradient(135deg,rgba(0,229,255,.13),rgba(108,99,255,.10)),
    rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.13);
}

.v25-builder-block small{
  color:#00E5FF;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.v25-builder-block strong{
  display:block;
  color:#fff;
  font-size:28px;
  margin:10px 0;
}

.v25-builder-block p{
  color:#cbd5e1;
}

.v25-builder-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin-top:16px;
}

.v25-mini-card{
  padding:16px 10px;
  text-align:center;
  border-radius:18px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  font-weight:800;
  box-shadow:inset 0 0 16px rgba(255,255,255,.035);
}

.v25-builder-list{
  padding:26px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:14px;
}

.v25-check{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 15px;
  border-radius:18px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.1);
  color:#e5e7eb;
  font-weight:700;
}

.v25-check span{
  width:28px;
  height:28px;
  flex:0 0 28px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:linear-gradient(135deg,#00E5FF,#6C63FF);
  color:#fff;
  box-shadow:0 0 18px rgba(0,229,255,.38);
}

@media(max-width:900px){
  .v25-builder-wrap{
    grid-template-columns:1fr;
  }

  .v25-builder-body{
    grid-template-columns:1fr;
  }

  .v25-builder-sidebar{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.1);
  }

  .v25-builder-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:560px){
  .v25-builder-sidebar{
    grid-template-columns:repeat(2,1fr);
  }

  .v25-builder-block strong{
    font-size:22px;
  }
}

/* =========================
   V25.1 MOBILE PERFORMANCE
   ========================= */

@media(max-width:768px){
  #v10-ai-network{
    opacity:.22 !important;
    filter:none !important;
  }

  body::after{
    opacity:.04 !important;
    animation:none !important;
  }

  .section:not(.hero):not(.hero-visib){
    background-attachment:scroll !important;
  }

  .card,
  .price-mini,
  .demo-card-link,
  .v10-story-card,
  .v10-bento-card,
  .v24-stat,
  .v24-leads,
  .v25-builder-preview,
  .v25-builder-list,
  .v25-mini-card{
    transform:none !important;
    will-change:auto !important;
  }

  .v10-reveal,
  .v10-reveal.from-left,
  .v10-reveal.from-right,
  .v10-reveal.show{
    transform:none !important;
    opacity:1 !important;
    transition:opacity .25s ease !important;
  }

  .card::before,
  .price-mini::before,
  .demo-card-link::before,
  .v10-bento-card::before,
  .v25-builder-preview::before,
  .v25-builder-list::before{
    display:none !important;
  }

  .v10-chip{
    transform:none !important;
    box-shadow:none !important;
  }

  .v10-chip.is-center{
    transform:none !important;
    box-shadow:0 0 14px rgba(0,229,255,.25) !important;
  }

  .hero-badge{
    animation:none !important;
  }
}

/* =========================
   V26 MARKETPLACE PREVIEW
   ========================= */

.v26-market-wrap{
  display:grid;
  grid-template-columns:1.4fr .75fr;
  gap:26px;
  align-items:stretch;
}

.v26-market-main,
.v26-market-side{
  position:relative;
  overflow:hidden;
  border-radius:30px;
  background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.035));
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(22px);
  box-shadow:0 30px 90px rgba(0,0,0,.34);
}

.v26-market-main::before,
.v26-market-side::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,64,129,.16),transparent 36%),
    radial-gradient(circle at 80% 20%,rgba(0,229,255,.12),transparent 34%);
  pointer-events:none;
}

.v26-market-top{
  position:relative;
  z-index:1;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:20px 22px;
  border-bottom:1px solid rgba(255,255,255,.1);
  background:rgba(0,0,0,.18);
}

.v26-market-top span{
  color:#fff;
  font-weight:900;
}

.v26-market-top b{
  padding:7px 12px;
  border-radius:999px;
  color:#00E5FF;
  background:rgba(0,229,255,.10);
  border:1px solid rgba(0,229,255,.25);
}

.v26-market-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  padding:22px;
}

.v26-market-card{
  min-height:155px;
  padding:18px;
  border-radius:22px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.11);
  box-shadow:inset 0 0 18px rgba(255,255,255,.035);
  transition:.25s ease;
}

.v26-market-card:hover{
  transform:translateY(-5px);
  border-color:rgba(0,229,255,.42);
  box-shadow:
    0 18px 52px rgba(0,0,0,.28),
    0 0 24px rgba(0,229,255,.16);
}

.v26-market-card.featured{
  background:linear-gradient(135deg,rgba(0,229,255,.14),rgba(108,99,255,.12));
  border-color:rgba(0,229,255,.36);
}

.v26-market-card div{
  font-size:34px;
  margin-bottom:10px;
}

.v26-market-card h3{
  color:#fff;
  font-size:18px;
  margin-bottom:6px;
}

.v26-market-card p{
  color:#cbd5e1;
  font-size:14px;
  line-height:1.45;
}

.v26-market-side{
  padding:26px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:16px;
}

.v26-market-stat{
  position:relative;
  z-index:1;
  padding:18px;
  border-radius:22px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.11);
}

.v26-market-stat strong{
  display:block;
  color:#fff;
  font-size:34px;
  line-height:1;
}

.v26-market-stat span{
  color:#cbd5e1;
  font-weight:700;
}

.v26-market-side .btn{
  position:relative;
  z-index:1;
  justify-content:center;
  margin-top:8px;
}

@media(max-width:950px){
  .v26-market-wrap{
    grid-template-columns:1fr;
  }

  .v26-market-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:560px){
  .v26-market-grid{
    grid-template-columns:1fr;
  }

  .v26-market-card{
    min-height:auto;
  }
}

/* =========================
   V27 INTEGRATIONS PREVIEW
   ========================= */

.v27-integrations-wrap{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:28px;
  align-items:center;
}

.v27-orbit{
  position:relative;
  min-height:420px;
  border-radius:34px;
  background:
    radial-gradient(circle at 50% 50%,rgba(0,229,255,.16),transparent 28%),
    linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(22px);
  box-shadow:0 30px 90px rgba(0,0,0,.36);
  overflow:hidden;
}

.v27-orbit::before{
  content:"";
  position:absolute;
  inset:50px;
  border-radius:50%;
  border:1px dashed rgba(0,229,255,.28);
  animation:v27Spin 28s linear infinite;
}

.v27-orbit::after{
  content:"";
  position:absolute;
  inset:100px;
  border-radius:50%;
  border:1px dashed rgba(255,64,129,.22);
  animation:v27SpinReverse 34s linear infinite;
}

.v27-core{
  position:absolute;
  left:50%;
  top:50%;
  width:128px;
  height:128px;
  transform:translate(-50%,-50%);
  border-radius:36px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#00E5FF,#6C63FF,#FF4081);
  color:#fff;
  box-shadow:
    0 0 34px rgba(0,229,255,.48),
    0 0 80px rgba(108,99,255,.32);
  z-index:3;
}

.v27-core strong{
  font-size:24px;
  line-height:1;
}

.v27-core span{
  font-size:13px;
  font-weight:800;
  opacity:.88;
}

.v27-node{
  position:absolute;
  z-index:2;
  padding:12px 16px;
  border-radius:999px;
  color:#fff;
  font-weight:900;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(14px);
  box-shadow:0 18px 46px rgba(0,0,0,.28);
  animation:v27Float 4.8s ease-in-out infinite;
}

.v27-node.tg{left:9%;top:18%;color:#00E5FF}
.v27-node.wa{right:9%;top:20%;color:#25D366;animation-delay:.4s}
.v27-node.vk{left:10%;bottom:24%;color:#4C8BF5;animation-delay:.8s}
.v27-node.max{right:10%;bottom:23%;color:#fff;animation-delay:1.2s}
.v27-node.ig{left:37%;top:7%;color:#FF4081;animation-delay:1.6s}
.v27-node.wc{left:39%;bottom:8%;color:#28c840;animation-delay:2s}

.v27-flow{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.v27-flow-row{
  position:relative;
  display:flex;
  gap:16px;
  padding:18px;
  border-radius:24px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(18px);
  box-shadow:0 24px 70px rgba(0,0,0,.25);
}

.v27-flow-row span{
  width:36px;
  height:36px;
  flex:0 0 36px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:rgba(0,229,255,.12);
  color:#00E5FF;
  font-weight:900;
  box-shadow:0 0 20px rgba(0,229,255,.18);
}

.v27-flow-row.active{
  border-color:rgba(0,229,255,.45);
  box-shadow:
    0 24px 70px rgba(0,0,0,.28),
    0 0 36px rgba(0,229,255,.18);
}

.v27-flow-row b{
  color:#fff;
  font-size:17px;
}

.v27-flow-row p{
  color:#cbd5e1;
  margin-top:4px;
  line-height:1.5;
  font-size:14px;
}

@keyframes v27Spin{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}

@keyframes v27SpinReverse{
  from{transform:rotate(360deg)}
  to{transform:rotate(0deg)}
}

@keyframes v27Float{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-10px)}
}

@media(max-width:900px){
  .v27-integrations-wrap{
    grid-template-columns:1fr;
  }

  .v27-orbit{
    min-height:360px;
  }
}

@media(max-width:560px){
  .v27-orbit{
    min-height:320px;
  }

  .v27-node{
    font-size:12px;
    padding:9px 11px;
  }

  .v27-core{
    width:104px;
    height:104px;
    border-radius:28px;
  }
}

/* =========================
   V28 AI HERO PARTICLES
   ========================= */

.hero-visib{
  position:relative;
  overflow:hidden;
}

.hero-particles-canvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
  opacity:.85;
  z-index:0;
}

.hero-visib .container,
.hero-visib .hero-content{
  position:relative;
  z-index:2;
}


/* ---- hero.css ---- */
/* =========================
   ViSiB Hero Module
   V30.4 clean
   ========================= */

.hero-visib{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  min-height:100vh !important;
  display:flex !important;
  align-items:center !important;
  padding-top:120px !important;
  padding-bottom:72px !important;
}

.hero-visib::before{
  content:"";
  position:absolute;
  inset:-35%;
  z-index:-1;
  background:linear-gradient(120deg,#00E5FF,#6C63FF,#FF4081,#00E5FF);
  background-size:300% 300%;
  filter:blur(90px);
  opacity:.30;
  animation:v30Liquid 14s ease infinite;
}

.hero-visib::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(circle at 50% 38%,rgba(0,229,255,.19),transparent 24%),
    radial-gradient(circle at 30% 45%,rgba(108,99,255,.18),transparent 28%),
    radial-gradient(circle at 72% 48%,rgba(255,64,129,.14),transparent 30%);
}

.hero-visib .container,
.hero-visib .hero-content{
  position:relative !important;
  z-index:3 !important;
}

.hero-content{
  max-width:1060px !important;
  margin:0 auto !important;
  text-align:center !important;
}

.hero-visib .hero-content::before{
  content:"";
  position:absolute;
  left:50%;
  top:48%;
  width:min(560px,78vw);
  height:min(560px,78vw);
  transform:translate(-50%,-50%);
  z-index:-1;
  border-radius:50%;
  background:
    radial-gradient(circle,rgba(0,229,255,.18),transparent 45%),
    conic-gradient(from 120deg,rgba(0,229,255,.28),rgba(108,99,255,.20),rgba(255,64,129,.18),rgba(0,229,255,.28));
  filter:blur(18px);
  opacity:.75;
  animation:v30Orb 18s linear infinite;
}

.hero-badge{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  max-width:min(92vw,760px) !important;
  white-space:normal !important;
  text-align:center !important;
  line-height:1.35 !important;
  position:relative !important;
  z-index:5 !important;
  padding:12px 22px !important;
  font-size:15px !important;
  font-weight:900 !important;
  letter-spacing:.02em !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,rgba(0,229,255,.14),rgba(108,99,255,.16),rgba(255,64,129,.12)) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:
    0 0 28px rgba(0,229,255,.22),
    inset 0 0 20px rgba(255,255,255,.04) !important;
  will-change:transform;
}

.hero-badge.v301-floating-badge{
  animation:none !important;
}

.v30-hero-title{
  margin-top:22px !important;
  font-size:clamp(42px,7vw,86px) !important;
  line-height:.98 !important;
  letter-spacing:-.055em !important;
  color:#fff !important;
  text-shadow:
    0 0 34px rgba(0,229,255,.18),
    0 20px 70px rgba(0,0,0,.45);
}

.v30-hero-title span{
  display:inline-block;
  margin-top:8px;
  background:linear-gradient(135deg,#00E5FF,#6C63FF,#FF4081);
  background-size:220% 220%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:v30TextGradient 7s ease infinite;
}

.v10-ai-line{
  margin:26px auto 28px !important;
  max-width:680px !important;
  padding:11px 16px !important;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(0,0,0,.28);
  backdrop-filter:blur(16px);
  color:#dbeafe;
  font-weight:800;
  font-size:16px !important;
  box-shadow:
    0 0 30px rgba(0,229,255,.20),
    inset 0 0 18px rgba(255,255,255,.04) !important;
}

.v10-ai-line span{
  color:#00E5FF;
}

.v30-hero-subtitle,
.hero-subtitle{
  max-width:840px !important;
  margin:34px auto 0 !important;
  font-size:clamp(18px,2vw,25px) !important;
  line-height:1.45 !important;
  color:#fff !important;
  font-weight:700 !important;
  text-align:center !important;
  text-shadow:
    0 2px 10px rgba(0,0,0,.75),
    0 0 24px rgba(0,0,0,.55) !important;
}

.hero-particles-canvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
  opacity:.85;
  z-index:0;
}

/* CTA block */

.v302-hero-demo{
  max-width:760px;
  margin:24px auto 42px !important;
  position:relative;
  z-index:4;
}

.v302-demo-card{
  padding:18px;
  border-radius:28px;
  background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(22px);
  box-shadow:
    0 28px 90px rgba(0,0,0,.35),
    0 0 38px rgba(0,229,255,.12);
}

.v302-demo-title{
  color:#fff;
  font-weight:900;
  font-size:18px;
  margin-bottom:13px;
}

.v302-demo-form{
  display:flex;
  gap:10px;
}

.v302-demo-form input{
  flex:1;
  min-width:0;
  padding:16px 18px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(0,0,0,.30);
  color:#fff;
  outline:none;
  font-size:16px;
  box-shadow:inset 0 0 18px rgba(255,255,255,.035);
}

.v302-demo-form input::placeholder{
  color:rgba(255,255,255,.55);
}

.v302-demo-form input:focus{
  border-color:rgba(0,229,255,.52);
  box-shadow:
    inset 0 0 18px rgba(255,255,255,.04),
    0 0 24px rgba(0,229,255,.18);
}

.v302-demo-form button{
  padding:0 22px;
  border:0;
  border-radius:18px;
  background:linear-gradient(135deg,#00E5FF,#6C63FF,#FF4081);
  color:#fff;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 18px 44px rgba(108,99,255,.30);
}

.v302-demo-chips{
  display:flex;
  flex-wrap:wrap;
  justify-content:center !important;
  align-items:center !important;
  gap:9px;
  margin-top:13px;
  text-align:center;
}

.v302-demo-chips button{
  flex:0 1 auto;
  padding:9px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.07);
  color:#e5e7eb;
  font-weight:800;
  cursor:pointer;
  transition:.22s ease;
}

.v302-demo-chips button:hover{
  color:#fff;
  border-color:rgba(0,229,255,.45);
  box-shadow:0 0 22px rgba(0,229,255,.16);
  transform:translateY(-2px);
}

.hero-visib .btn{
  font-size:17px !important;
  padding:16px 26px !important;
  border-radius:18px !important;
}

/* Animations */

@keyframes v30Liquid{
  0%,100%{background-position:0% 50%;transform:rotate(0deg)}
  50%{background-position:100% 50%;transform:rotate(8deg)}
}

@keyframes v30TextGradient{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}

@keyframes v30Orb{
  from{transform:translate(-50%,-50%) rotate(0deg) scale(1)}
  50%{transform:translate(-50%,-50%) rotate(180deg) scale(1.06)}
  to{transform:translate(-50%,-50%) rotate(360deg) scale(1)}
}

/* Mobile */

@media(max-width:768px){
  .hero-visib{
    min-height:auto !important;
    padding-top:132px !important;
    padding-bottom:38px !important;
  }

  .hero-badge{
    font-size:13px !important;
    padding:10px 14px !important;
    max-width:calc(100vw - 44px) !important;
    transform:none !important;
  }

  .v30-hero-title{
    font-size:clamp(34px,11vw,48px) !important;
    line-height:1.02 !important;
    letter-spacing:-.035em !important;
  }

  .v302-hero-demo{
    max-width:calc(100vw - 28px);
    margin-top:20px !important;
    margin-bottom:46px !important;
  }

  .v302-demo-card{
    padding:14px;
    border-radius:22px;
  }

  .v302-demo-title{
    font-size:15px;
  }

  .v302-demo-form{
    flex-direction:column;
  }

  .v302-demo-form input,
  .v302-demo-form button{
    width:100%;
    min-height:52px;
  }

  .v302-demo-chips{
    justify-content:center !important;
    align-items:center !important;
  }

  .v30-hero-subtitle,
  .hero-subtitle{
    margin:42px auto 20px !important;
    max-width:calc(100vw - 34px) !important;
    font-size:16px !important;
    line-height:1.55 !important;
  }

  .hero-visib .btn{
    width:100% !important;
    max-width:340px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .hero-visib .hero-content::before{
    width:92vw;
    height:92vw;
    opacity:.45;
  }
}


/* ---- effects.css ---- */
/* =========================
   ViSiB Effects Module
   v29.6.1
   ========================= */

body{
  background:
    radial-gradient(circle at 20% 10%, rgba(108,99,255,.22), transparent 32%),
    radial-gradient(circle at 80% 18%, rgba(255,64,129,.14), transparent 34%),
    linear-gradient(135deg,#070A12,#101827,#070A12) !important;
}

body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  background-image:radial-gradient(circle,rgba(255,255,255,.22) 1px,transparent 1px);
  background-size:42px 42px;
  opacity:.16;
  animation:v10Particles 22s linear infinite;
}

#v10-ai-network{
  position:fixed;
  inset:0;
  width:100vw;
  height:100vh;
  pointer-events:none;
  z-index:0 !important;
  opacity:.95 !important;
  mix-blend-mode:screen !important;
  filter:drop-shadow(0 0 8px rgba(0,229,255,.55));
}

body > *:not(#v10-ai-network){
  position:relative;
  z-index:1;
}

.card,
.price-mini,
.demo-card-link,
.v10-story-card,
.v10-bento-card,
.v24-stat,
.v24-leads,
.v25-builder-preview,
.v25-builder-list,
.v25-mini-card,
.v26-market-main,
.v26-market-side,
.v26-market-card,
.v26-market-stat,
.v27-orbit,
.v27-flow-row{
  position:relative;
  overflow:hidden;
  transform-style:preserve-3d;
  will-change:transform;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.card::before,
.price-mini::before,
.demo-card-link::before,
.v10-bento-card::before,
.v25-builder-preview::before,
.v25-builder-list::before,
.v26-market-main::before,
.v26-market-side::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at var(--mx,50%) var(--my,50%), rgba(0,229,255,.18), transparent 34%);
  opacity:0;
  transition:.2s;
  pointer-events:none;
}

.card:hover::before,
.price-mini:hover::before,
.demo-card-link:hover::before,
.v10-bento-card:hover::before{
  opacity:1;
}

.v10-reveal{
  opacity:0;
  transition:
    opacity .65s ease,
    transform .65s cubic-bezier(.2,.8,.2,1),
    box-shadow .18s ease,
    border-color .18s ease;
}

.v10-reveal.from-left{
  transform:translateX(-44px) translateY(18px);
}

.v10-reveal.from-right{
  transform:translateX(44px) translateY(18px);
}

.v10-reveal.show{
  opacity:1;
  transform:translateX(0) translateY(0);
}

.btn{
  position:relative;
  overflow:hidden;
  transform-style:preserve-3d;
  will-change:transform;
  transition:transform .16s ease, box-shadow .2s ease, filter .2s ease;
}

.btn::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.22),transparent);
  transform:translateX(-120%);
  transition:.45s;
}

.btn:hover::before{
  transform:translateX(120%);
}

.btn:hover{
  filter:brightness(1.12);
  box-shadow:0 18px 42px rgba(108,99,255,.32);
}

@keyframes v10Particles{
  from{background-position:0 0}
  to{background-position:420px 420px}
}

@media(max-width:768px){
  #v10-ai-network{
    opacity:.22 !important;
    filter:none !important;
  }

  body::after{
    opacity:.04 !important;
    animation:none !important;
  }

  .card,
  .price-mini,
  .demo-card-link,
  .v10-story-card,
  .v10-bento-card,
  .v24-stat,
  .v24-leads,
  .v25-builder-preview,
  .v25-builder-list,
  .v25-mini-card{
    transform:none !important;
    will-change:auto !important;
  }

  .v10-reveal,
  .v10-reveal.from-left,
  .v10-reveal.from-right,
  .v10-reveal.show{
    transform:none !important;
    opacity:1 !important;
    transition:opacity .25s ease !important;
  }

  .card::before,
  .price-mini::before,
  .demo-card-link::before,
  .v10-bento-card::before,
  .v25-builder-preview::before,
  .v25-builder-list::before{
    display:none !important;
  }
}

/* =========================
   V29.7 Visual Fixes
   ========================= */

/* Hero badge: infinity movement */
.hero-badge{
  animation:v297Infinity 5.5s ease-in-out infinite !important;
}

@keyframes v297Infinity{
  0%{transform:translate(0,0) rotate(0deg)}
  12%{transform:translate(8px,-5px) rotate(1deg)}
  25%{transform:translate(16px,0) rotate(0deg)}
  37%{transform:translate(8px,5px) rotate(-1deg)}
  50%{transform:translate(0,0) rotate(0deg)}
  62%{transform:translate(-8px,-5px) rotate(-1deg)}
  75%{transform:translate(-16px,0) rotate(0deg)}
  87%{transform:translate(-8px,5px) rotate(1deg)}
  100%{transform:translate(0,0) rotate(0deg)}
}

/* Mouse glow for new SaaS blocks */
.v24-stat::before,
.v24-leads::before,
.v25-builder-preview::before,
.v25-builder-list::before,
.v25-mini-card::before,
.v26-market-main::before,
.v26-market-side::before,
.v26-market-card::before,
.v26-market-stat::before,
.v27-orbit::before,
.v27-flow-row::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(0,229,255,.22),transparent 36%);
  opacity:0;
  transition:.25s;
  pointer-events:none;
}

.v24-stat:hover::before,
.v24-leads:hover::before,
.v25-builder-preview:hover::before,
.v25-builder-list:hover::before,
.v25-mini-card:hover::before,
.v26-market-main:hover::before,
.v26-market-side:hover::before,
.v26-market-card:hover::before,
.v26-market-stat:hover::before,
.v27-orbit:hover::before,
.v27-flow-row:hover::before{
  opacity:1;
}

/* Restore premium pricing animated glow */
.price-mini{
  position:relative;
  overflow:hidden;
}

.price-mini::after{
  content:"";
  position:absolute;
  inset:-2px;
  z-index:-1;
  border-radius:inherit;
  background:linear-gradient(135deg,#00E5FF,#6C63FF,#FF4081,#00E5FF);
  background-size:400% 400%;
  opacity:.42;
  animation:v297PriceGlow 10s linear infinite;
}

.price-mini.featured::after{
  opacity:.85;
}

@keyframes v297PriceGlow{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}

/* FAQ hover effect */
.faq-item{
  position:relative;
  overflow:hidden;
  transition:.25s ease;
}

.faq-item:hover{
  background:linear-gradient(135deg,rgba(0,229,255,.12),rgba(108,99,255,.12),rgba(255,64,129,.10)) !important;
  border-color:rgba(0,229,255,.34) !important;
  box-shadow:0 18px 55px rgba(0,229,255,.12);
}

/* Map resize support */
.map-wrap,
.map-container,
iframe[src*="maps"]{
  resize:vertical;
  overflow:auto;
  min-height:320px !important;
  max-height:720px !important;
}

/* Pen writing effect for SEO text */
.section .container[style*="max-width:900px"] p,
.section .container[style*="max-width:1080px"] p{
  animation:v297InkWrite 1.4s ease both;
}

@keyframes v297InkWrite{
  from{
    opacity:0;
    filter:blur(4px);
    clip-path:inset(0 100% 0 0);
  }
  to{
    opacity:1;
    filter:blur(0);
    clip-path:inset(0 0 0 0);
  }
}

/* "Как работает" shatter hover */
.section-header h2:hover{
  text-shadow:
    2px -2px 0 rgba(0,229,255,.45),
    -3px 2px 0 rgba(255,64,129,.35),
    4px 3px 0 rgba(108,99,255,.32);
  letter-spacing:.04em;
  filter:contrast(1.2);
  transition:.2s ease;
}

@media(max-width:768px){
  .hero-badge{
    animation:none !important;
  }
}

/* V29.7 Official footer */
.v297-official-footer{
  padding:34px 20px 150px;
  background:rgba(7,10,18,.92);
  border-top:1px solid rgba(255,255,255,.12);
}

.v297-footer-grid{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1.2fr 1fr 1fr 1fr;
  gap:22px;
}

.v297-footer-grid strong{
  display:block;
  color:#fff;
  margin-bottom:10px;
}

.v297-footer-grid p,
.v297-footer-grid span,
.v297-footer-grid a{
  display:block;
  color:#cbd5e1;
  text-decoration:none;
  margin:7px 0;
  font-size:14px;
}

.v297-footer-grid a:hover{
  color:#00E5FF;
}

@media(max-width:768px){
  .v297-footer-grid{
    grid-template-columns:1fr;
  }
}

/* =========================
   V29.8 Pricing / FAQ / Map polish
   ========================= */

/* Pricing cards: all cards stable, featured glows stronger */
.price-row{
  align-items:stretch !important;
}

.price-mini{
  transform:none !important;
  min-height:100% !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.085),rgba(255,255,255,.035)) !important;
  box-shadow:
    0 18px 55px rgba(0,0,0,.25),
    inset 0 0 28px rgba(255,255,255,.035) !important;
}

.price-mini:hover{
  transform:translateY(-8px) scale(1.025) !important;
  border-color:rgba(0,229,255,.45) !important;
  box-shadow:
    0 28px 85px rgba(0,0,0,.38),
    0 0 35px rgba(0,229,255,.18),
    inset 0 0 28px rgba(255,255,255,.045) !important;
}

.price-mini::after{
  content:"";
  position:absolute;
  inset:-2px;
  z-index:-1;
  border-radius:inherit;
  background:linear-gradient(135deg,#00E5FF,#6C63FF,#FF4081,#00E5FF);
  background-size:400% 400%;
  opacity:.36;
  animation:v298PriceBorder 9s linear infinite;
}

.price-mini:nth-child(2)::after,
.price-mini.featured::after{
  opacity:.88;
}

.price-mini:nth-child(2){
  border-color:rgba(0,229,255,.48) !important;
  box-shadow:
    0 0 48px rgba(0,229,255,.20),
    0 28px 90px rgba(108,99,255,.28) !important;
}

@keyframes v298PriceBorder{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}

/* FAQ: liquid hover */
.faq-item{
  position:relative !important;
  overflow:hidden !important;
  transition:.28s ease !important;
}

.faq-item::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(0,229,255,.22),transparent 34%),
    linear-gradient(135deg,rgba(108,99,255,.10),rgba(255,64,129,.08));
  opacity:0;
  transition:.28s;
  pointer-events:none;
}

.faq-item:hover::before{
  opacity:1;
}

.faq-item:hover{
  transform:translateY(-4px);
  border-color:rgba(0,229,255,.38) !important;
  box-shadow:0 22px 70px rgba(0,229,255,.14);
}

/* Map: readable resize */
.section iframe,
iframe[src*="maps"],
iframe[src*="yandex"],
iframe[src*="google"]{
  resize:vertical;
  overflow:auto;
  min-height:340px !important;
  max-height:720px !important;
  border-radius:24px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 20px 70px rgba(0,0,0,.32);
}

@media(max-width:768px){
  .price-mini,
  .price-mini:hover{
    transform:none !important;
  }

  .price-mini::after{
    opacity:.22;
  }

  .section iframe,
  iframe[src*="maps"],
  iframe[src*="yandex"],
  iframe[src*="google"]{
    min-height:300px !important;
    max-height:520px !important;
  }
}
/* =========================
   V29.9.1 Contact widget mobile fix
   ========================= */

.v10-contact-widget{
  right:22px !important;
  bottom:92px !important;
  z-index:100000 !important;
}

.v10-contact-panel{
  position:absolute !important;
  right:0 !important;
  bottom:76px !important;
  margin-bottom:0 !important;
  width:320px !important;
  max-width:calc(100vw - 28px) !important;
  transform:translateY(12px) scale(.96) !important;
  transform-origin:bottom right !important;
}

.v10-contact-widget.open .v10-contact-panel{
  transform:translateY(0) scale(1) !important;
}

.v10-contact-toggle{
  position:relative !important;
  float:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

@media(max-width:768px){
  .v10-contact-widget{
    right:14px !important;
    bottom:92px !important;
  }

  .v10-contact-panel{
    right:0 !important;
    bottom:70px !important;
    width:calc(100vw - 28px) !important;
    max-width:340px !important;
  }
}

/* =========================
   V29.9.2 Scroll top button
   ========================= */

.v299-scroll-top{
  position:fixed;
  right:22px;
  bottom:166px;
  width:58px;
  height:58px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(28,32,42,.92);
  color:#fff;
  font-size:32px;
  line-height:1;
  z-index:99999;
  cursor:pointer;
  opacity:0;
  pointer-events:none;
  transform:translateY(14px) scale(.92);
  transition:.24s ease;
  box-shadow:0 18px 55px rgba(0,0,0,.38);
  backdrop-filter:blur(14px);
}

.v299-scroll-top.show{
  opacity:1;
  pointer-events:auto;
  transform:translateY(0) scale(1);
}

.v299-scroll-top:hover{
  background:linear-gradient(135deg,#00E5FF,#6C63FF);
  box-shadow:0 0 28px rgba(0,229,255,.32);
}

@media(max-width:768px){
  .v299-scroll-top{
    right:14px;
    bottom:158px;
    width:54px;
    height:54px;
    font-size:30px;
  }
}

/* =========================
   V29.9.3 Contact + Scroll fixed positioning
   ========================= */

.v10-contact-widget{
  position:fixed !important;
  right:16px !important;
  left:auto !important;
  bottom:96px !important;
  width:auto !important;
  max-width:none !important;
  z-index:100000 !important;
  display:block !important;
  transform:none !important;
}

.v10-contact-toggle{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:58px !important;
  height:58px !important;
  float:none !important;
  margin:0 !important;
  border-radius:999px !important;
  border:0 !important;
  background:linear-gradient(135deg,#6C63FF,#FF4081) !important;
  color:#fff !important;
  font-size:25px !important;
  cursor:pointer !important;
  box-shadow:0 0 34px rgba(108,99,255,.55) !important;
}

.v10-contact-panel{
  position:absolute !important;
  right:0 !important;
  left:auto !important;
  bottom:72px !important;
  width:320px !important;
  max-width:calc(100vw - 32px) !important;
  margin:0 !important;
  padding:14px !important;
  border-radius:24px !important;
  background:rgba(7,10,18,.94) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  backdrop-filter:blur(22px) !important;
  box-shadow:0 24px 80px rgba(0,0,0,.52) !important;
  opacity:0 !important;
  pointer-events:none !important;
  transform:translateY(10px) scale(.96) !important;
  transform-origin:bottom right !important;
  transition:.22s ease !important;
}

.v10-contact-widget.open .v10-contact-panel{
  opacity:1 !important;
  pointer-events:auto !important;
  transform:translateY(0) scale(1) !important;
}

.v10-mini-form{
  display:block !important;
  margin-top:10px !important;
}

.v299-scroll-top{
  position:fixed !important;
  right:16px !important;
  left:auto !important;
  bottom:170px !important;
  z-index:99999 !important;
  transform:translateY(14px) scale(.92) !important;
}

.v299-scroll-top.show{
  transform:translateY(0) scale(1) !important;
}

@media(max-width:768px){
  .v10-contact-widget{
    right:14px !important;
    left:auto !important;
    bottom:92px !important;
  }

  .v10-contact-toggle{
    width:54px !important;
    height:54px !important;
  }

  .v10-contact-panel{
    right:0 !important;
    left:auto !important;
    bottom:66px !important;
    width:calc(100vw - 28px) !important;
    max-width:340px !important;
  }

  .v299-scroll-top{
    right:14px !important;
    left:auto !important;
    bottom:158px !important;
  }
}

/* =========================
   V29.9.4 Light mobile reveal/glow
   ========================= */

@media(max-width:768px){

  .card,
  .price-mini,
  .demo-card-link,
  .faq-item,
  .v10-story-card,
  .v10-bento-card,
  .v24-stat,
  .v24-leads,
  .v25-builder-preview,
  .v25-builder-list,
  .v25-mini-card,
  .v26-market-main,
  .v26-market-side,
  .v26-market-card,
  .v26-market-stat,
  .v27-orbit,
  .v27-flow-row{
    transition:
      opacity .42s ease,
      transform .42s ease,
      box-shadow .22s ease,
      border-color .22s ease !important;
  }

  .v10-reveal{
    opacity:0 !important;
    transform:translateY(22px) scale(.985) !important;
  }

  .v10-reveal.show{
    opacity:1 !important;
    transform:translateY(0) scale(1) !important;
  }

  .card:active,
  .price-mini:active,
  .demo-card-link:active,
  .faq-item:active,
  .v10-story-card:active,
  .v10-bento-card:active,
  .v24-stat:active,
  .v24-leads:active,
  .v25-builder-preview:active,
  .v25-builder-list:active,
  .v25-mini-card:active,
  .v26-market-main:active,
  .v26-market-side:active,
  .v26-market-card:active,
  .v26-market-stat:active,
  .v27-orbit:active,
  .v27-flow-row:active{
    border-color:rgba(0,229,255,.42) !important;
    box-shadow:
      0 14px 44px rgba(0,0,0,.28),
      0 0 22px rgba(0,229,255,.18) !important;
  }

  .v24-stat::before,
  .v24-leads::before,
  .v25-builder-preview::before,
  .v25-builder-list::before,
  .v25-mini-card::before,
  .v26-market-main::before,
  .v26-market-side::before,
  .v26-market-card::before,
  .v26-market-stat::before,
  .v27-orbit::before,
  .v27-flow-row::before{
    display:block !important;
    opacity:.22 !important;
    background:radial-gradient(circle at 50% 20%,rgba(0,229,255,.16),transparent 45%) !important;
  }
}

/* =========================
   V31 Real Mouse Glow
   ========================= */

.v31-glow-active{
  border-color:rgba(0,229,255,.42) !important;
  box-shadow:
    0 26px 80px rgba(0,0,0,.34),
    0 0 34px rgba(0,229,255,.16) !important;
}

.v24-stat::after,
.v24-leads::after,
.v25-builder-preview::after,
.v25-builder-list::after,
.v25-mini-card::after,
.v26-market-main::after,
.v26-market-side::after,
.v26-market-card::after,
.v26-market-stat::after,
.v27-orbit::after,
.v27-flow-row::after,
.faq-item::after,
.price-mini::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:0;
  transition:opacity .22s ease;
  background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(0,229,255,.25),transparent 34%);
  z-index:1;
}

.v31-glow-active::after{
  opacity:1 !important;
}

.v24-stat > *,
.v24-leads > *,
.v25-builder-preview > *,
.v25-builder-list > *,
.v25-mini-card > *,
.v26-market-main > *,
.v26-market-side > *,
.v26-market-card > *,
.v26-market-stat > *,
.v27-orbit > *,
.v27-flow-row > *,
.faq-item > *,
.price-mini > *{
  position:relative;
  z-index:2;
}

@media(max-width:768px){
  .v31-glow-active::after{
    opacity:0 !important;
  }
}

/* =========================
   V31.1 Restore pricing gradient
   ========================= */

.price-mini::after{
  content:"" !important;
  position:absolute !important;
  inset:-2px !important;
  z-index:-1 !important;
  border-radius:inherit !important;
  background:linear-gradient(135deg,#00E5FF,#6C63FF,#FF4081,#00E5FF) !important;
  background-size:400% 400% !important;
  opacity:.40 !important;
  animation:v298PriceBorder 9s linear infinite !important;
  pointer-events:none !important;
}

.price-mini:nth-child(2)::after,
.price-mini.featured::after{
  opacity:.88 !important;
}

.price-mini.v31-glow-active::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  opacity:1 !important;
  transition:opacity .22s ease !important;
  background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(0,229,255,.24),transparent 36%) !important;
  z-index:1 !important;
}


/* ---- pricing-glow.css ---- */
/* =========================================================
   V31.2.1 OLD PREMIUM PRICING LOOK RESTORE
   Финальный override поверх всех дублей
   ========================================================= */

body .price-mini{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
  background:
    linear-gradient(180deg, rgba(15,18,32,.96), rgba(8,10,18,.98)) !important;
  box-shadow:
    0 22px 70px rgba(0,0,0,.42),
    inset 0 0 42px rgba(255,90,95,.055) !important;
}

body .price-mini::before{
  content:"" !important;
  position:absolute !important;
  inset:-55% !important;
  z-index:0 !important;
  pointer-events:none !important;
  opacity:.82 !important;
  background:
    radial-gradient(circle at 25% 30%, rgba(255,122,24,.30), transparent 34%),
    radial-gradient(circle at 70% 25%, rgba(255,90,95,.28), transparent 36%),
    radial-gradient(circle at 45% 75%, rgba(255,64,129,.20), transparent 38%),
    radial-gradient(circle at 78% 78%, rgba(0,229,255,.16), transparent 34%) !important;
  filter:blur(22px) !important;
  animation:v312OldPricePlasma 9s ease-in-out infinite !important;
}

body .price-mini::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  padding:1.5px !important;
  border-radius:inherit !important;
  z-index:3 !important;
  pointer-events:none !important;
  opacity:.95 !important;
  background:linear-gradient(
    120deg,
    #00E5FF 0%,
    #6C63FF 18%,
    #FF4081 38%,
    #FF5A5F 58%,
    #FF7A18 78%,
    #00E5FF 100%
  ) !important;
  background-size:360% 360% !important;
  animation:v312OldPriceBorder 5.5s ease infinite !important;

  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0) !important;
  -webkit-mask-composite:xor !important;
          mask-composite:exclude !important;
}

body .price-mini > *{
  position:relative !important;
  z-index:2 !important;
}

body .price-mini.featured,
body .price-mini:nth-child(2){
  transform:scale(1.045) !important;
  box-shadow:
    0 30px 95px rgba(255,90,95,.20),
    0 20px 70px rgba(0,229,255,.12),
    inset 0 0 55px rgba(255,122,24,.08) !important;
}

body .price-mini.featured::before,
body .price-mini:nth-child(2)::before{
  opacity:1 !important;
  background:
    radial-gradient(circle at 20% 25%, rgba(255,122,24,.42), transparent 35%),
    radial-gradient(circle at 72% 20%, rgba(255,90,95,.40), transparent 38%),
    radial-gradient(circle at 50% 78%, rgba(255,64,129,.28), transparent 42%),
    radial-gradient(circle at 82% 72%, rgba(0,229,255,.20), transparent 36%) !important;
}

body .price-mini.featured::after,
body .price-mini:nth-child(2)::after{
  opacity:1 !important;
  padding:2px !important;
}

@keyframes v312OldPricePlasma{
  0%{
    transform:translate(-18%, -8%) rotate(0deg) scale(1);
  }
  25%{
    transform:translate(10%, 8%) rotate(80deg) scale(1.08);
  }
  50%{
    transform:translate(18%, -10%) rotate(170deg) scale(1.02);
  }
  75%{
    transform:translate(-8%, 14%) rotate(260deg) scale(1.1);
  }
  100%{
    transform:translate(-18%, -8%) rotate(360deg) scale(1);
  }
}

@keyframes v312OldPriceBorder{
  0%{ background-position:0% 50%; }
  50%{ background-position:100% 50%; }
  100%{ background-position:0% 50%; }
}

@media (max-width:768px){
  body .price-mini.featured,
  body .price-mini:nth-child(2){
    transform:none !important;
  }

  body .price-mini::before{
    opacity:.55 !important;
    filter:blur(18px) !important;
    animation:none !important;
  }

  body .price-mini::after{
    animation:v312OldPriceBorder 9s ease infinite !important;
  }
}


/* ---- shatter-title.css ---- */
/* =========================================================
   V32.2.2 Shatter Title Effect
   Icon top, title bottom
   Target: "Как работает Visib Studio"
   ========================================================= */

.v32-shatter-title{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  cursor:default;
  gap:.22em;
}

.v32-title-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:88px;
  height:56px;
  border-radius:999px;
  margin:0 auto .08em;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:
    0 0 18px rgba(255,90,95,.14),
    0 0 28px rgba(0,229,255,.08),
    inset 0 0 24px rgba(255,255,255,.035);
  font-size:22px;
  line-height:1;
  transform:none !important;
}

.v32-title-text{
  position:relative;
  display:inline-block;
}

.v32-title-original{
  display:inline-block;
  transition:opacity .18s ease, filter .18s ease;
}

.v32-shatter-title.v32-active .v32-title-original{
  opacity:.16;
  filter:blur(1.5px);
}

.v32-shatter-piece{
  position:absolute;
  left:0;
  top:0;
  display:inline-block;
  pointer-events:none;
  will-change:transform, opacity, filter;
  color:inherit;
  text-shadow:
    0 0 12px rgba(0,229,255,.34),
    0 0 20px rgba(255,90,95,.22);
  transition:
    transform .62s cubic-bezier(.17,.84,.44,1),
    opacity .38s ease,
    filter .38s ease;
}

.v32-shatter-title.v32-active .v32-shatter-piece{
  opacity:.94;
  filter:blur(.15px);
}

.v32-shatter-title:not(.v32-active) .v32-shatter-piece{
  transform:translate3d(0,0,0) rotate(0deg) scale(1) !important;
  opacity:0;
}

@media(max-width:768px){
  .v32-shatter-title{
    gap:.12em;
  }

  .v32-title-icon{
    width:76px;
    height:48px;
    font-size:20px;
    margin-bottom:.04em;
  }

  .v32-title-original{
    opacity:1 !important;
    filter:none !important;
  }

  .v32-shatter-piece{
    display:none !important;
  }
}


/* ---- demo-carousel.css ---- */
/* =========================================================
   V33 Demo Carousel 2.0
   Safe module, does not break old demo grid
   ========================================================= */

.v33-demo-carousel{
  margin-top:34px;
  position:relative;
}

.v33-demo-shell{
  position:relative;
  max-width:1120px;
  margin:0 auto;
  padding:18px;
  border-radius:30px;
  background:
    radial-gradient(circle at 20% 20%, rgba(0,229,255,.13), transparent 34%),
    radial-gradient(circle at 80% 30%, rgba(255,90,95,.13), transparent 36%),
    rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 28px 90px rgba(0,0,0,.34);
  overflow:hidden;
}

.v33-demo-track{
  display:flex;
  gap:16px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  padding:8px 4px 18px;
  scrollbar-width:none;
}

.v33-demo-track::-webkit-scrollbar{
  display:none;
}

.v33-demo-card{
  flex:0 0 245px;
  scroll-snap-align:center;
  position:relative;
  min-height:260px;
  border-radius:26px;
  padding:18px;
  overflow:hidden;
  text-decoration:none;
  color:#fff;
  background:
    linear-gradient(180deg, rgba(15,18,32,.96), rgba(8,10,18,.98));
  border:1px solid rgba(255,255,255,.13);
  box-shadow:
    0 20px 60px rgba(0,0,0,.34),
    inset 0 0 36px rgba(255,255,255,.03);
  transition:
    transform .25s ease,
    border-color .25s ease,
    box-shadow .25s ease;
}

.v33-demo-card::before{
  content:"";
  position:absolute;
  inset:-35%;
  background:
    radial-gradient(circle at 25% 25%, rgba(0,229,255,.20), transparent 36%),
    radial-gradient(circle at 72% 35%, rgba(255,90,95,.18), transparent 38%),
    radial-gradient(circle at 50% 82%, rgba(255,122,24,.14), transparent 40%);
  opacity:.58;
  filter:blur(16px);
  transform:rotate(0deg);
  animation:v33DemoAura 10s linear infinite;
  pointer-events:none;
}

.v33-demo-card:hover{
  transform:translateY(-8px) scale(1.025);
  border-color:rgba(0,229,255,.42);
  box-shadow:
    0 28px 85px rgba(0,0,0,.42),
    0 0 34px rgba(0,229,255,.16);
}

.v33-demo-card > *{
  position:relative;
  z-index:1;
}

.v33-demo-icon{
  width:74px;
  height:74px;
  border-radius:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:42px;
  margin-bottom:18px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.13);
}

.v33-demo-card h3{
  font-size:22px;
  margin:0 0 8px;
}

.v33-demo-card p{
  margin:0;
  color:#cbd5e1;
  line-height:1.55;
  font-size:14px;
}

.v33-demo-tag{
  display:inline-flex;
  margin-top:16px;
  padding:7px 11px;
  border-radius:999px;
  font-size:12px;
  color:#fff;
  background:linear-gradient(135deg, rgba(0,229,255,.22), rgba(255,90,95,.18));
  border:1px solid rgba(255,255,255,.12);
}

.v33-demo-controls{
  display:flex;
  justify-content:center;
  gap:12px;
  margin-top:18px;
}

.v33-demo-btn{
  width:46px;
  height:46px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
  color:#fff;
  font-size:24px;
  cursor:pointer;
  transition:.22s ease;
}

.v33-demo-btn:hover{
  background:linear-gradient(135deg,#00E5FF,#6C63FF);
  box-shadow:0 0 24px rgba(0,229,255,.24);
}

@keyframes v33DemoAura{
  0%{transform:rotate(0deg) translate(-2%, -2%)}
  50%{transform:rotate(180deg) translate(3%, 2%)}
  100%{transform:rotate(360deg) translate(-2%, -2%)}
}

@media(max-width:768px){
  .v33-demo-shell{
    padding:14px;
    border-radius:24px;
  }

  .v33-demo-card{
    flex-basis:78vw;
    min-height:235px;
  }

  .v33-demo-card:hover{
    transform:none;
  }

  .v33-demo-card::before{
    animation:none;
    opacity:.42;
  }
}

/* =========================================================
   V33.1 Hide old demo grid after carousel is active
   ========================================================= */

section[data-v33-carousel-ready="1"] .demo-grid{
  display:none !important;
}


/* ---- footer-pro.css ---- */
/* =========================================================
   V34 Footer Pro
   ========================================================= */

.v34-footer-pro{
  padding:54px 20px 130px;
  background:
    radial-gradient(circle at 15% 10%, rgba(0,229,255,.10), transparent 30%),
    radial-gradient(circle at 85% 20%, rgba(255,90,95,.10), transparent 34%),
    linear-gradient(180deg, rgba(7,10,18,.96), rgba(3,6,12,.99));
  border-top:1px solid rgba(255,255,255,.12);
}

.v34-footer-grid{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1.25fr 1fr 1fr 1fr;
  gap:24px;
}

.v34-footer-card{
  position:relative;
  overflow:hidden;
  border-radius:26px;
  padding:22px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 24px 80px rgba(0,0,0,.26);
}

.v34-footer-card::before{
  content:"";
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(circle at 25% 25%, rgba(0,229,255,.12), transparent 36%),
    radial-gradient(circle at 72% 70%, rgba(255,90,95,.10), transparent 38%);
  opacity:.7;
  pointer-events:none;
}

.v34-footer-card > *{
  position:relative;
  z-index:1;
}

.v34-footer-logo{
  font-size:22px;
  font-weight:900;
  color:#fff;
  margin-bottom:12px;
}

.v34-footer-card strong{
  display:block;
  color:#fff;
  margin-bottom:12px;
  font-size:16px;
}

.v34-footer-card p,
.v34-footer-card span,
.v34-footer-card a{
  display:block;
  color:#cbd5e1;
  text-decoration:none;
  line-height:1.55;
  margin:8px 0;
  font-size:14px;
}

.v34-footer-card a:hover{
  color:#00E5FF;
}

.v34-footer-bottom{
  max-width:1180px;
  margin:22px auto 0;
  display:flex;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  color:#94a3b8;
  font-size:13px;
  padding:0 4px;
}

@media(max-width:900px){
  .v34-footer-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:600px){
  .v34-footer-pro{
    padding-bottom:150px;
  }

  .v34-footer-grid{
    grid-template-columns:1fr;
  }

  .v34-footer-bottom{
    display:block;
    text-align:center;
  }
}


/* ---- why-pro.css ---- */
/* =========================================================
   V35.1 Why Choose PRO
   ========================================================= */

.v35-why-pro{
  position:relative;
  overflow:hidden;
}

.v35-why-pro::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 15% 15%, rgba(0,229,255,.12), transparent 34%),
    radial-gradient(circle at 85% 18%, rgba(255,90,95,.10), transparent 34%),
    radial-gradient(circle at 50% 100%, rgba(255,122,24,.08), transparent 38%);
  pointer-events:none;
}

.v35-why-pro .container{
  position:relative;
  z-index:1;
}

.v35-why-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:16px;
  margin-top:34px;
}

.v35-why-card{
  position:relative;
  min-height:190px;
  padding:22px;
  border-radius:26px;
  overflow:hidden;
  background:
    linear-gradient(180deg, rgba(15,18,32,.96), rgba(8,10,18,.98));
  border:1px solid rgba(255,255,255,.13);
  box-shadow:
    0 22px 70px rgba(0,0,0,.30),
    inset 0 0 34px rgba(255,255,255,.025);
  transition:
    transform .24s ease,
    border-color .24s ease,
    box-shadow .24s ease;
}

.v35-why-card::before{
  content:"";
  position:absolute;
  inset:-45%;
  background:
    radial-gradient(circle at 25% 25%, rgba(0,229,255,.20), transparent 36%),
    radial-gradient(circle at 78% 35%, rgba(255,90,95,.16), transparent 38%),
    radial-gradient(circle at 52% 82%, rgba(255,122,24,.12), transparent 40%);
  opacity:.48;
  filter:blur(18px);
  transform:rotate(0deg);
  transition:.25s ease;
  pointer-events:none;
}

.v35-why-card:hover{
  transform:translateY(-8px) scale(1.018);
  border-color:rgba(0,229,255,.40);
  box-shadow:
    0 30px 90px rgba(0,0,0,.42),
    0 0 34px rgba(0,229,255,.14);
}

.v35-why-card:hover::before{
  opacity:.86;
  animation:v35WhyAura 7s linear infinite;
}

.v35-why-card > *{
  position:relative;
  z-index:1;
}

.v35-why-icon{
  width:58px;
  height:58px;
  border-radius:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:30px;
  margin-bottom:18px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.13);
}

.v35-why-card h3{
  margin:0 0 10px;
  font-size:19px;
  color:#fff;
}

.v35-why-card p{
  margin:0;
  color:#cbd5e1;
  font-size:14px;
  line-height:1.55;
}

.v35-why-line{
  max-width:880px;
  margin:24px auto 0;
  padding:14px 18px;
  border-radius:999px;
  text-align:center;
  color:#e5e7eb;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 18px 55px rgba(0,0,0,.22);
}

@keyframes v35WhyAura{
  0%{transform:rotate(0deg) translate(-2%, -1%)}
  50%{transform:rotate(180deg) translate(2%, 2%)}
  100%{transform:rotate(360deg) translate(-2%, -1%)}
}

@media(max-width:1024px){
  .v35-why-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media(max-width:640px){
  .v35-why-grid{
    grid-template-columns:1fr;
  }

  .v35-why-card{
    min-height:auto;
  }

  .v35-why-card:hover{
    transform:none;
  }

  .v35-why-card:hover::before{
    animation:none;
  }

  .v35-why-line{
    border-radius:22px;
  }
}

/* =========================================================
   V35.1.1 Why PRO visibility fix
   Не используем v10-reveal, чтобы карточки не пропадали
   ========================================================= */

.v35-why-pro{
  display:block !important;
}

.v35-why-grid{
  opacity:1 !important;
  visibility:visible !important;
}

.v35-why-card{
  opacity:1 !important;
  visibility:visible !important;
  transform:none;
}

.v35-why-card:hover{
  transform:translateY(-8px) scale(1.018);
}

/* =========================================================
   V35.1.2 Why PRO center text
   ========================================================= */

.v35-why-pro,
.v35-why-pro .section-header,
.v35-why-pro .section-subtitle,
.v35-why-card,
.v35-why-card h3,
.v35-why-card p{
  text-align:center !important;
}

.v35-why-icon{
  margin-left:auto !important;
  margin-right:auto !important;
}

.v35-why-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
}


/* ---- cases-pro.css ---- */
/* =========================================================
   V35.2 Cases PRO
   ========================================================= */

.v35-cases-pro{
  position:relative;
  overflow:hidden;
}

.v35-cases-pro::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 20% 10%, rgba(0,229,255,.12), transparent 34%),
    radial-gradient(circle at 80% 20%, rgba(255,90,95,.10), transparent 34%);
  pointer-events:none;
}

.v35-cases-pro .container{
  position:relative;
  z-index:1;
}

.v35-cases-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:18px;
  margin-top:34px;
}

.v35-case-card{
  position:relative;
  overflow:hidden;
  border-radius:28px;
  padding:22px;
  min-height:280px;
  text-decoration:none;
  color:#fff;
  background:linear-gradient(180deg, rgba(15,18,32,.96), rgba(8,10,18,.98));
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 24px 80px rgba(0,0,0,.32);
  transition:.25s ease;
  text-align:center;
}

.v35-case-card::before{
  content:"";
  position:absolute;
  inset:-45%;
  background:
    radial-gradient(circle at 22% 28%, rgba(0,229,255,.18), transparent 36%),
    radial-gradient(circle at 76% 34%, rgba(255,90,95,.18), transparent 38%),
    radial-gradient(circle at 50% 82%, rgba(255,122,24,.13), transparent 40%);
  opacity:.52;
  filter:blur(18px);
  pointer-events:none;
}

.v35-case-card:hover{
  transform:translateY(-8px) scale(1.018);
  border-color:rgba(0,229,255,.42);
  box-shadow:0 32px 95px rgba(0,0,0,.44), 0 0 34px rgba(0,229,255,.15);
}

.v35-case-card > *{
  position:relative;
  z-index:1;
}

.v35-case-icon{
  width:76px;
  height:76px;
  border-radius:26px;
  margin:0 auto 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:42px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.13);
}

.v35-case-card h3{
  margin:0 0 8px;
  font-size:22px;
}

.v35-case-card p{
  margin:0 0 16px;
  color:#cbd5e1;
  line-height:1.55;
  font-size:14px;
}

.v35-case-list{
  display:grid;
  gap:7px;
  margin:16px 0 18px;
}

.v35-case-list span{
  display:block;
  color:#e5e7eb;
  font-size:13px;
}

.v35-case-link{
  display:inline-flex;
  padding:10px 14px;
  border-radius:999px;
  color:#fff;
  background:linear-gradient(135deg,#00E5FF,#6C63FF);
  font-size:13px;
  font-weight:700;
}

@media(max-width:900px){
  .v35-cases-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:640px){
  .v35-cases-grid{
    grid-template-columns:1fr;
  }

  .v35-case-card:hover{
    transform:none;
  }
}

/* =========================================================
   V35.8 Cases Enterprise
   ========================================================= */

.v358-cases-toolbar{
  max-width:860px;
  margin:30px auto 4px;
  display:flex;
  gap:12px;
  align-items:center;
  justify-content:center;
}

.v358-cases-search{
  width:100%;
  max-width:560px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
  color:#fff;
  padding:15px 18px;
  outline:none;
  font-size:15px;
  box-shadow:0 18px 55px rgba(0,0,0,.22);
  transition:.22s ease;
}

.v358-cases-search:focus{
  border-color:rgba(0,229,255,.48);
  box-shadow:
    0 0 0 4px rgba(0,229,255,.08),
    0 0 28px rgba(0,229,255,.13);
}

.v358-cases-count{
  white-space:nowrap;
  color:#e5e7eb;
  border-radius:999px;
  padding:14px 16px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  font-weight:800;
  font-size:14px;
}

.v358-cases-grid{
  grid-template-columns:repeat(4, minmax(0, 1fr));
}

.v358-case-card{
  min-height:320px;
}

.v358-case-card p,
.v358-case-card .v35-case-list span{
  text-align:center;
}

@media(max-width:1180px){
  .v358-cases-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
}

@media(max-width:860px){
  .v358-cases-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .v358-cases-toolbar{
    flex-direction:column;
  }

  .v358-cases-count{
    width:100%;
    max-width:560px;
    text-align:center;
  }
}

@media(max-width:560px){
  .v358-cases-grid{
    grid-template-columns:1fr;
  }

  .v358-case-card{
    min-height:auto;
  }
}

/* =========================================================
   V35.8.1 Cases Marquee
   Compact running demo cards
   ========================================================= */

.v358-cases-enterprise{
  overflow:hidden;
}

.v358-cases-enterprise .container{
  max-width:1280px;
}

.v358-cases-grid{
  display:flex !important;
  grid-template-columns:none !important;
  gap:14px;
  width:max-content;
  margin-top:24px;
  animation:v358CasesMarquee 75s linear infinite;
}

.v358-cases-enterprise:hover .v358-cases-grid{
  animation-play-state:paused;
}

.v358-case-card{
  flex:0 0 220px;
  min-height:245px !important;
  padding:16px !important;
}

.v358-case-card .v35-case-icon{
  width:58px;
  height:58px;
  border-radius:20px;
  font-size:32px;
  margin-bottom:12px;
}

.v358-case-card h3{
  font-size:18px;
  margin-bottom:6px;
}

.v358-case-card p{
  font-size:12px;
  line-height:1.45;
  margin-bottom:10px;
}

.v358-case-card .v35-case-list{
  gap:4px;
  margin:10px 0 12px;
}

.v358-case-card .v35-case-list span{
  font-size:11px;
}

.v358-case-card .v35-case-link{
  padding:8px 11px;
  font-size:12px;
}

.v358-cases-toolbar{
  margin-bottom:12px;
}

.v358-cases-search:focus ~ .v358-cases-grid,
.v358-cases-enterprise.searching .v358-cases-grid{
  animation:none !important;
}

@keyframes v358CasesMarquee{
  from{
    transform:translateX(0);
  }
  to{
    transform:translateX(-50%);
  }
}

@media(max-width:768px){
  .v358-cases-grid{
    width:100%;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    animation:none !important;
    padding-bottom:12px;
  }

  .v358-case-card{
    flex:0 0 78vw;
    scroll-snap-align:center;
  }
}


/* ---- small-business-pro.css ---- */
/* =========================================================
   V35.3 Small Business PRO
   ========================================================= */

.v35-small-pro{
  position:relative;
  overflow:hidden;
}

.v35-small-pro::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 14%, rgba(0,229,255,.12), transparent 34%),
    radial-gradient(circle at 82% 20%, rgba(255,90,95,.10), transparent 34%),
    radial-gradient(circle at 50% 100%, rgba(255,122,24,.08), transparent 38%);
  pointer-events:none;
}

.v35-small-pro .container{
  position:relative;
  z-index:1;
}

.v35-small-layout{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:24px;
  align-items:stretch;
  margin-top:34px;
}

.v35-small-main,
.v35-small-side{
  position:relative;
  overflow:hidden;
  border-radius:30px;
  padding:28px;
  background:linear-gradient(180deg, rgba(15,18,32,.96), rgba(8,10,18,.98));
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 26px 90px rgba(0,0,0,.34);
}

.v35-small-main::before,
.v35-small-side::before{
  content:"";
  position:absolute;
  inset:-45%;
  background:
    radial-gradient(circle at 22% 26%, rgba(0,229,255,.18), transparent 36%),
    radial-gradient(circle at 72% 34%, rgba(255,90,95,.16), transparent 38%),
    radial-gradient(circle at 52% 82%, rgba(255,122,24,.12), transparent 40%);
  opacity:.52;
  filter:blur(18px);
  pointer-events:none;
}

.v35-small-main > *,
.v35-small-side > *{
  position:relative;
  z-index:1;
}

.v35-small-main{
  text-align:center;
}

.v35-small-main h3{
  margin:0 0 14px;
  color:#fff;
  font-size:30px;
  line-height:1.15;
}

.v35-small-main p{
  color:#cbd5e1;
  line-height:1.75;
  margin:0 auto 16px;
  max-width:760px;
}

.v35-small-pill-row{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
}

.v35-small-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:999px;
  color:#fff;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  font-size:13px;
}

.v35-small-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.v35-small-card{
  text-align:center;
  border-radius:22px;
  padding:18px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.12);
  transition:.22s ease;
}

.v35-small-card:hover{
  transform:translateY(-5px);
  border-color:rgba(0,229,255,.38);
  box-shadow:0 18px 55px rgba(0,229,255,.10);
}

.v35-small-icon{
  font-size:30px;
  margin-bottom:10px;
}

.v35-small-card strong{
  display:block;
  color:#fff;
  margin-bottom:7px;
}

.v35-small-card span{
  display:block;
  color:#cbd5e1;
  font-size:13px;
  line-height:1.45;
}

@media(max-width:960px){
  .v35-small-layout{
    grid-template-columns:1fr;
  }
}

@media(max-width:640px){
  .v35-small-main,
  .v35-small-side{
    padding:22px;
    border-radius:24px;
  }

  .v35-small-main h3{
    font-size:25px;
  }

  .v35-small-grid{
    grid-template-columns:1fr;
  }

  .v35-small-card:hover{
    transform:none;
  }
}


/* ---- faq-pro.css ---- */
/* =========================================================
   V35.4 FAQ Premium
   ========================================================= */

.v35-faq-pro{
  position:relative;
  overflow:hidden;
}

.v35-faq-pro::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 20% 10%, rgba(0,229,255,.12), transparent 34%),
    radial-gradient(circle at 80% 20%, rgba(255,90,95,.10), transparent 34%);
  pointer-events:none;
}

.v35-faq-pro .container{
  position:relative;
  z-index:1;
  max-width:920px;
}

.v35-faq-list{
  display:grid;
  gap:14px;
  margin-top:34px;
}

.v35-faq-item{
  border-radius:24px;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(15,18,32,.96), rgba(8,10,18,.98));
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 20px 70px rgba(0,0,0,.28);
}

.v35-faq-question{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:20px 22px;
  border:0;
  background:transparent;
  color:#fff;
  text-align:left;
  font-size:16px;
  font-weight:800;
  cursor:pointer;
}

.v35-faq-question span:first-child{
  line-height:1.35;
}

.v35-faq-plus{
  flex:0 0 36px;
  width:36px;
  height:36px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.13);
  font-size:22px;
  transition:.22s ease;
}

.v35-faq-item.open .v35-faq-plus{
  transform:rotate(45deg);
  background:linear-gradient(135deg,#00E5FF,#6C63FF);
}

.v35-faq-answer{
  max-height:0;
  overflow:hidden;
  transition:max-height .32s ease;
}

.v35-faq-answer-inner{
  padding:0 22px 22px;
  color:#cbd5e1;
  line-height:1.7;
  font-size:15px;
  text-align:left;
}

.v35-faq-item.open{
  border-color:rgba(0,229,255,.34);
  box-shadow:
    0 24px 80px rgba(0,0,0,.36),
    0 0 32px rgba(0,229,255,.11);
}

@media(max-width:640px){
  .v35-faq-question{
    padding:18px;
    font-size:15px;
  }

  .v35-faq-answer-inner{
    padding:0 18px 18px;
    font-size:14px;
  }
}


/* ---- map-pro.css ---- */
/* =========================================================
   V35.5 Map PRO
   ========================================================= */

.v35-map-pro{
  position:relative;
  overflow:hidden;
}

.v35-map-pro::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 10%, rgba(0,229,255,.12), transparent 34%),
    radial-gradient(circle at 82% 18%, rgba(255,90,95,.10), transparent 34%),
    radial-gradient(circle at 50% 100%, rgba(255,122,24,.08), transparent 38%);
  pointer-events:none;
}

.v35-map-pro .container{
  position:relative;
  z-index:1;
}

.v35-map-stats{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:14px;
  margin:32px 0 20px;
}

.v35-map-stat{
  text-align:center;
  border-radius:22px;
  padding:18px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 18px 55px rgba(0,0,0,.22);
}

.v35-map-stat strong{
  display:block;
  font-size:30px;
  color:#fff;
  margin-bottom:4px;
}

.v35-map-stat span{
  display:block;
  color:#cbd5e1;
  font-size:13px;
}

.v35-map-layout{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:20px;
  align-items:stretch;
}

.v35-map-info,
.v35-map-frame{
  position:relative;
  overflow:hidden;
  border-radius:30px;
  background:linear-gradient(180deg, rgba(15,18,32,.96), rgba(8,10,18,.98));
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 26px 90px rgba(0,0,0,.34);
}

.v35-map-info{
  padding:28px;
  text-align:center;
}

.v35-map-info h3{
  margin:0 0 12px;
  color:#fff;
  font-size:28px;
}

.v35-map-info p{
  margin:0 auto 18px;
  color:#cbd5e1;
  line-height:1.7;
}

.v35-map-points{
  display:grid;
  gap:12px;
  margin-top:22px;
}

.v35-map-point{
  padding:14px;
  border-radius:18px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.12);
  color:#e5e7eb;
  text-align:center;
}

.v35-map-frame{
  min-height:420px;
}

.v35-map-frame iframe{
  width:100%;
  height:100%;
  min-height:420px;
  border:0;
  display:block;
  filter:saturate(1.05) contrast(1.05);
}

.v35-map-cta{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  margin-top:22px;
  padding:13px 18px;
  border-radius:999px;
  color:#fff;
  text-decoration:none;
  font-weight:800;
  background:linear-gradient(135deg,#00E5FF,#6C63FF);
  box-shadow:0 18px 55px rgba(0,229,255,.16);
}

@media(max-width:900px){
  .v35-map-layout{
    grid-template-columns:1fr;
  }

  .v35-map-stats{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:560px){
  .v35-map-stats{
    grid-template-columns:1fr;
  }

  .v35-map-info,
  .v35-map-frame{
    border-radius:24px;
  }

  .v35-map-frame,
  .v35-map-frame iframe{
    min-height:340px;
  }
}

/* =========================================================
   V35.5.1 Map PRO Polish
   Glow fields, button effects, map loader
   ========================================================= */

.v35-map-stat,
.v35-map-point,
.v35-map-info,
.v35-map-frame{
  position:relative;
  overflow:hidden;
}

.v35-map-stat::before,
.v35-map-point::before,
.v35-map-info::before,
.v35-map-frame::before{
  content:"";
  position:absolute;
  inset:-45%;
  background:
    radial-gradient(circle at 25% 25%, rgba(0,229,255,.18), transparent 36%),
    radial-gradient(circle at 75% 30%, rgba(255,90,95,.14), transparent 38%),
    radial-gradient(circle at 52% 82%, rgba(255,122,24,.10), transparent 42%);
  opacity:.36;
  filter:blur(18px);
  pointer-events:none;
  transition:.25s ease;
}

.v35-map-stat:hover::before,
.v35-map-point:hover::before,
.v35-map-info:hover::before,
.v35-map-frame:hover::before{
  opacity:.82;
  animation:v355MapAura 7s linear infinite;
}

.v35-map-stat > *,
.v35-map-point > *,
.v35-map-info > *,
.v35-map-frame > *{
  position:relative;
  z-index:1;
}

.v35-map-stat,
.v35-map-point{
  transition:
    transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease;
}

.v35-map-stat:hover,
.v35-map-point:hover{
  transform:translateY(-5px);
  border-color:rgba(0,229,255,.38);
  box-shadow:
    0 22px 70px rgba(0,0,0,.32),
    0 0 28px rgba(0,229,255,.12);
}

.v35-map-cta{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    filter .22s ease;
}

.v35-map-cta::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,.32),
    transparent
  );
  transform:translateX(-130%);
  transition:.55s ease;
}

.v35-map-cta:hover{
  transform:translateY(-3px) scale(1.03);
  filter:brightness(1.12);
  box-shadow:
    0 22px 65px rgba(0,229,255,.22),
    0 0 28px rgba(255,90,95,.14);
}

.v35-map-cta:hover::before{
  transform:translateX(130%);
}

.v35-map-loader{
  position:absolute;
  inset:0;
  z-index:4;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  color:#e5e7eb;
  background:
    radial-gradient(circle at 30% 30%, rgba(0,229,255,.12), transparent 36%),
    linear-gradient(180deg, rgba(15,18,32,.98), rgba(8,10,18,.98));
  transition:opacity .35s ease, visibility .35s ease;
}

.v35-map-loader.hidden{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}

.v35-map-spinner{
  width:46px;
  height:46px;
  border-radius:999px;
  border:3px solid rgba(255,255,255,.14);
  border-top-color:#00E5FF;
  border-right-color:#FF5A5F;
  animation:v355MapSpin 1s linear infinite;
}

.v35-map-frame iframe{
  opacity:0;
  transition:opacity .45s ease;
}

.v35-map-frame.loaded iframe{
  opacity:1;
}

@keyframes v355MapSpin{
  to{
    transform:rotate(360deg);
  }
}

@keyframes v355MapAura{
  0%{transform:rotate(0deg) translate(-2%, -1%)}
  50%{transform:rotate(180deg) translate(2%, 2%)}
  100%{transform:rotate(360deg) translate(-2%, -1%)}
}

@media(max-width:640px){
  .v35-map-stat:hover,
  .v35-map-point:hover,
  .v35-map-cta:hover{
    transform:none;
  }

  .v35-map-stat:hover::before,
  .v35-map-point:hover::before,
  .v35-map-info:hover::before,
  .v35-map-frame:hover::before{
    animation:none;
  }
}


/* ---- contact-pro.css ---- */
/* =========================================================
   V35.6 Contact PRO
   ========================================================= */

.v35-contact-pro{
  position:relative;
  overflow:hidden;
}

.v35-contact-pro::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 10%, rgba(0,229,255,.12), transparent 34%),
    radial-gradient(circle at 82% 18%, rgba(255,90,95,.10), transparent 34%),
    radial-gradient(circle at 50% 100%, rgba(255,122,24,.08), transparent 38%);
  pointer-events:none;
}

.v35-contact-pro .container{
  position:relative;
  z-index:1;
}

.v35-contact-layout{
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:22px;
  margin-top:34px;
  align-items:stretch;
}

.v35-contact-panel,
.v35-contact-formbox{
  position:relative;
  overflow:hidden;
  border-radius:30px;
  padding:28px;
  background:linear-gradient(180deg, rgba(15,18,32,.96), rgba(8,10,18,.98));
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 26px 90px rgba(0,0,0,.34);
}

.v35-contact-panel::before,
.v35-contact-formbox::before,
.v35-contact-card::before{
  content:"";
  position:absolute;
  inset:-45%;
  background:
    radial-gradient(circle at 22% 26%, rgba(0,229,255,.18), transparent 36%),
    radial-gradient(circle at 72% 34%, rgba(255,90,95,.16), transparent 38%),
    radial-gradient(circle at 52% 82%, rgba(255,122,24,.12), transparent 40%);
  opacity:.42;
  filter:blur(18px);
  pointer-events:none;
  transition:.25s ease;
}

.v35-contact-panel > *,
.v35-contact-formbox > *,
.v35-contact-card > *{
  position:relative;
  z-index:1;
}

.v35-contact-panel{
  text-align:center;
}

.v35-contact-panel h3{
  margin:0 0 12px;
  font-size:28px;
  color:#fff;
}

.v35-contact-panel p{
  margin:0 auto 22px;
  color:#cbd5e1;
  line-height:1.7;
}

.v35-contact-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.v35-contact-card{
  position:relative;
  overflow:hidden;
  min-height:120px;
  border-radius:22px;
  padding:18px;
  text-decoration:none;
  color:#fff;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.12);
  text-align:center;
  transition:.22s ease;
}

.v35-contact-card:hover{
  transform:translateY(-5px);
  border-color:rgba(0,229,255,.38);
  box-shadow:
    0 22px 70px rgba(0,0,0,.32),
    0 0 28px rgba(0,229,255,.12);
}

.v35-contact-card:hover::before{
  opacity:.82;
}

.v35-contact-icon{
  font-size:30px;
  margin-bottom:10px;
}

.v35-contact-card strong{
  display:block;
  margin-bottom:6px;
}

.v35-contact-card span{
  display:block;
  font-size:13px;
  color:#cbd5e1;
}

.v35-contact-formbox{
  text-align:center;
}

.v35-contact-formbox h3{
  margin:0 0 10px;
  color:#fff;
  font-size:26px;
}

.v35-contact-formbox p{
  color:#cbd5e1;
  line-height:1.6;
  margin:0 0 20px;
}

.v35-contact-form{
  display:grid;
  gap:12px;
}

.v35-contact-input,
.v35-contact-textarea{
  width:100%;
  box-sizing:border-box;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.13);
  background:rgba(255,255,255,.055);
  color:#fff;
  padding:15px 16px;
  outline:none;
  font-size:15px;
  transition:.22s ease;
}

.v35-contact-textarea{
  min-height:110px;
  resize:vertical;
}

.v35-contact-input:focus,
.v35-contact-textarea:focus{
  border-color:rgba(0,229,255,.45);
  box-shadow:
    0 0 0 4px rgba(0,229,255,.08),
    0 0 26px rgba(0,229,255,.12);
  background:rgba(255,255,255,.075);
}

.v35-contact-submit{
  position:relative;
  overflow:hidden;
  border:0;
  border-radius:999px;
  padding:15px 20px;
  color:#fff;
  cursor:pointer;
  font-weight:900;
  font-size:16px;
  background:linear-gradient(135deg,#00E5FF,#6C63FF,#FF4081);
  box-shadow:0 22px 65px rgba(0,229,255,.18);
  transition:.22s ease;
}

.v35-contact-submit::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg, transparent, rgba(255,255,255,.32), transparent);
  transform:translateX(-130%);
  transition:.55s ease;
}

.v35-contact-submit:hover{
  transform:translateY(-3px) scale(1.02);
  filter:brightness(1.12);
}

.v35-contact-submit:hover::before{
  transform:translateX(130%);
}

.v35-contact-note{
  margin-top:12px;
  color:#94a3b8;
  font-size:13px;
}

@media(max-width:900px){
  .v35-contact-layout{
    grid-template-columns:1fr;
  }
}

@media(max-width:560px){
  .v35-contact-panel,
  .v35-contact-formbox{
    padding:22px;
    border-radius:24px;
  }

  .v35-contact-grid{
    grid-template-columns:1fr;
  }

  .v35-contact-card:hover,
  .v35-contact-submit:hover{
    transform:none;
  }
}


/* ---- trust-strip.css ---- */
/* =========================================================
   V35.7 Trust Strip
   ========================================================= */

.v35-trust-strip{
  position:relative;
  overflow:hidden;
  padding:22px 0;
  background:
    radial-gradient(circle at 20% 50%, rgba(0,229,255,.10), transparent 28%),
    radial-gradient(circle at 80% 50%, rgba(255,90,95,.09), transparent 30%),
    rgba(7,10,18,.96);
  border-top:1px solid rgba(255,255,255,.10);
  border-bottom:1px solid rgba(255,255,255,.10);
}

.v35-trust-strip::before,
.v35-trust-strip::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:120px;
  z-index:2;
  pointer-events:none;
}

.v35-trust-strip::before{
  left:0;
  background:linear-gradient(90deg, rgba(7,10,18,1), transparent);
}

.v35-trust-strip::after{
  right:0;
  background:linear-gradient(270deg, rgba(7,10,18,1), transparent);
}

.v35-trust-track{
  display:flex;
  width:max-content;
  gap:14px;
  animation:v35TrustMove 28s linear infinite;
}

.v35-trust-strip:hover .v35-trust-track{
  animation-play-state:paused;
}

.v35-trust-item{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  white-space:nowrap;
  padding:11px 16px;
  border-radius:999px;
  color:#fff;
  font-weight:800;
  font-size:14px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 14px 45px rgba(0,0,0,.20);
}

.v35-trust-item span{
  color:#00E5FF;
}

@keyframes v35TrustMove{
  from{
    transform:translateX(0);
  }
  to{
    transform:translateX(-50%);
  }
}

@media(max-width:640px){
  .v35-trust-strip{
    padding:18px 0;
  }

  .v35-trust-track{
    animation-duration:34s;
  }

  .v35-trust-item{
    font-size:13px;
    padding:10px 14px;
  }
}


/* ---- metrics-pro.css ---- */
/* =========================================================
   V35.9 Metrics PRO
   ========================================================= */

.v359-metrics-pro{
  position:relative;
  overflow:hidden;
  padding:26px 20px;
  background:
    radial-gradient(circle at 20% 50%, rgba(0,229,255,.12), transparent 30%),
    radial-gradient(circle at 80% 50%, rgba(255,90,95,.10), transparent 32%),
    rgba(7,10,18,.96);
  border-top:1px solid rgba(255,255,255,.10);
  border-bottom:1px solid rgba(255,255,255,.10);
}

.v359-metrics-grid{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(6, minmax(0, 1fr));
  gap:14px;
}

.v359-metric{
  position:relative;
  overflow:hidden;
  border-radius:22px;
  padding:18px 14px;
  text-align:center;
  background:linear-gradient(180deg, rgba(15,18,32,.94), rgba(8,10,18,.98));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 18px 55px rgba(0,0,0,.26);
}

.v359-metric::before{
  content:"";
  position:absolute;
  inset:-45%;
  background:
    radial-gradient(circle at 25% 25%, rgba(0,229,255,.18), transparent 36%),
    radial-gradient(circle at 75% 32%, rgba(255,90,95,.14), transparent 38%);
  opacity:.42;
  filter:blur(18px);
  pointer-events:none;
}

.v359-metric > *{
  position:relative;
  z-index:1;
}

.v359-metric strong{
  display:block;
  color:#fff;
  font-size:28px;
  line-height:1;
  margin-bottom:8px;
}

.v359-metric span{
  display:block;
  color:#cbd5e1;
  font-size:13px;
  line-height:1.35;
}

@media(max-width:1024px){
  .v359-metrics-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
}

@media(max-width:560px){
  .v359-metrics-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}


/* ---- mobile-center-fix.css ---- */
/* =========================================================
   V37.1 Mobile Center + CTA Fix
   ========================================================= */

@media(max-width:768px){

  body{
    overflow-x:hidden;
  }

  .section-header,
  .section-header h2,
  .section-header p,
  .section-subtitle,
  .v35-why-card,
  .v35-case-card,
  .v35-small-main,
  .v35-small-card,
  .v35-faq-pro,
  .v35-map-info,
  .v35-contact-panel,
  .v35-contact-formbox,
  .v36-crm-side,
  .v361-builder-preview,
  .v362-market-side{
    text-align:center !important;
  }

  input,
  textarea,
  select,
  button,
  .btn,
  .form-input,
  .v35-contact-input,
  .v35-contact-textarea{
    text-align:center !important;
  }

  .v35-contact-form,
  form{
    width:100%;
  }

  .hero .btn,
  .btn-primary,
  .btn-outline{
    max-width:100%;
    white-space:normal;
  }

  .mobile-sticky-cta,
  .sticky-cta,
  .bottom-cta,
  .v10-sticky-cta{
    left:14px !important;
    right:14px !important;
    bottom:14px !important;
    width:auto !important;
    max-width:none !important;
    border-radius:22px !important;
  }

  .mobile-sticky-cta .btn,
  .sticky-cta .btn,
  .bottom-cta .btn,
  .v10-sticky-cta .btn{
    width:100% !important;
    padding:16px 18px !important;
    font-size:18px !important;
  }

  .contact-widget{
    right:16px !important;
    bottom:86px !important;
  }
}


/* ---- crm-enterprise.css ---- */
/* =========================================================
   V36 CRM Enterprise
   ========================================================= */

.v36-crm-enterprise{
  position:relative;
  overflow:hidden;
}

.v36-crm-enterprise::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 10%, rgba(0,229,255,.12), transparent 34%),
    radial-gradient(circle at 82% 18%, rgba(255,90,95,.10), transparent 34%),
    radial-gradient(circle at 50% 100%, rgba(255,122,24,.08), transparent 38%);
  pointer-events:none;
}

.v36-crm-enterprise .container{
  position:relative;
  z-index:1;
}

.v36-crm-layout{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:22px;
  margin-top:34px;
  align-items:stretch;
}

.v36-crm-panel,
.v36-crm-side{
  position:relative;
  overflow:hidden;
  border-radius:30px;
  padding:24px;
  background:linear-gradient(180deg, rgba(15,18,32,.96), rgba(8,10,18,.98));
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 26px 90px rgba(0,0,0,.34);
}

.v36-crm-panel::before,
.v36-crm-side::before,
.v36-crm-card::before,
.v36-crm-lead::before{
  content:"";
  position:absolute;
  inset:-45%;
  background:
    radial-gradient(circle at 22% 26%, rgba(0,229,255,.18), transparent 36%),
    radial-gradient(circle at 72% 34%, rgba(255,90,95,.16), transparent 38%),
    radial-gradient(circle at 52% 82%, rgba(255,122,24,.12), transparent 40%);
  opacity:.38;
  filter:blur(18px);
  pointer-events:none;
}

.v36-crm-panel > *,
.v36-crm-side > *,
.v36-crm-card > *,
.v36-crm-lead > *{
  position:relative;
  z-index:1;
}

.v36-crm-top{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:center;
  margin-bottom:18px;
}

.v36-crm-window{
  display:flex;
  gap:7px;
}

.v36-crm-dot{
  width:11px;
  height:11px;
  border-radius:50%;
  background:rgba(255,255,255,.22);
}

.v36-crm-dot:nth-child(1){background:#ff5a5f}
.v36-crm-dot:nth-child(2){background:#ffbd2e}
.v36-crm-dot:nth-child(3){background:#28c840}

.v36-crm-label{
  color:#cbd5e1;
  font-size:13px;
}

.v36-crm-cards{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:12px;
  margin-bottom:18px;
}

.v36-crm-card{
  position:relative;
  overflow:hidden;
  border-radius:22px;
  padding:16px;
  text-align:center;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.12);
  transition:.22s ease;
}

.v36-crm-card:hover{
  transform:translateY(-5px);
  border-color:rgba(0,229,255,.38);
  box-shadow:0 20px 65px rgba(0,229,255,.10);
}

.v36-crm-card strong{
  display:block;
  color:#fff;
  font-size:25px;
  margin-bottom:5px;
}

.v36-crm-card span{
  color:#cbd5e1;
  font-size:12px;
}

.v36-crm-leads{
  display:grid;
  gap:10px;
}

.v36-crm-lead{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:1fr auto;
  gap:12px;
  align-items:center;
  border-radius:18px;
  padding:14px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.10);
}

.v36-crm-lead b{
  color:#fff;
  display:block;
  margin-bottom:4px;
}

.v36-crm-lead small{
  color:#94a3b8;
}

.v36-crm-status{
  padding:7px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  color:#fff;
  background:rgba(0,229,255,.16);
  border:1px solid rgba(0,229,255,.25);
  animation:v36LeadPulse 2s infinite;
}

@keyframes v36LeadPulse{

  0%{
    box-shadow:0 0 0 0 rgba(0,229,255,.35);
  }

  70%{
    box-shadow:0 0 0 10px rgba(0,229,255,0);
  }

  100%{
    box-shadow:0 0 0 0 rgba(0,229,255,0);
  }

}

.v36-crm-status.paid{
  background:rgba(52,199,89,.16);
  border-color:rgba(52,199,89,.28);
}

.v36-crm-status.work{
  background:rgba(255,122,24,.16);
  border-color:rgba(255,122,24,.28);
}

.v36-crm-side{
  text-align:center;
}

.v36-crm-side h3{
  margin:0 0 12px;
  color:#fff;
  font-size:27px;
}

.v36-crm-side p{
  color:#cbd5e1;
  line-height:1.7;
  margin:0 auto 20px;
}

.v36-crm-funnel{
  display:grid;
  gap:10px;
}

.v36-crm-step{
  border-radius:18px;
  padding:14px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.12);
  color:#e5e7eb;
  text-align:left;
}

.v36-crm-step span{
  color:#00E5FF;
  font-weight:900;
  margin-right:8px;
}

@media(max-width:980px){
  .v36-crm-layout{
    grid-template-columns:1fr;
  }

  .v36-crm-cards{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media(max-width:560px){
  .v36-crm-panel,
  .v36-crm-side{
    padding:20px;
    border-radius:24px;
  }

  .v36-crm-cards{
    grid-template-columns:1fr;
  }

  .v36-crm-lead{
    grid-template-columns:1fr;
    text-align:center;
  }

  .v36-crm-card:hover{
    transform:none;
  }
}

/* =========================================================
   V36.0.1 CRM FX
   ========================================================= */

.v36-crm-card,
.v36-crm-lead,
.v36-crm-step{
  transition:
    transform .25s ease,
    border-color .25s ease,
    box-shadow .25s ease;
}

.v36-crm-card:hover,
.v36-crm-lead:hover,
.v36-crm-step:hover{
  transform:translateY(-4px);
  border-color:rgba(0,229,255,.35);

  box-shadow:
    0 0 20px rgba(0,229,255,.08),
    0 18px 55px rgba(0,0,0,.25);
}

/* =========================================================
   V36.0.2 CRM SCAN FX
   ========================================================= */

.v36-crm-panel::after{

  content:"";

  position:absolute;

  top:-30%;
  left:-50%;

  width:40%;
  height:180%;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(0,229,255,.08),
      transparent
    );

  transform:rotate(8deg);

  animation:v36ScanFx 8s linear infinite;

  pointer-events:none;

  z-index:0;
}

@keyframes v36ScanFx{

  from{
    left:-50%;
  }

  to{
    left:150%;
  }

}


/* ---- builder-enterprise.css ---- */
/* =========================================================
   V36.1 Builder Enterprise
   ========================================================= */

.v361-builder-enterprise{
  position:relative;
  overflow:hidden;
}

.v361-builder-enterprise::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 10%, rgba(0,229,255,.12), transparent 34%),
    radial-gradient(circle at 82% 18%, rgba(255,90,95,.10), transparent 34%),
    radial-gradient(circle at 50% 100%, rgba(255,122,24,.08), transparent 38%);
  pointer-events:none;
}

.v361-builder-enterprise .container{
  position:relative;
  z-index:1;
}

.v361-builder-shell{
  margin-top:34px;
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:22px;
}

.v361-builder-sidebar,
.v361-builder-preview{
  position:relative;
  overflow:hidden;
  border-radius:30px;
  padding:24px;
  background:linear-gradient(180deg, rgba(15,18,32,.96), rgba(8,10,18,.98));
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 26px 90px rgba(0,0,0,.34);
}

.v361-builder-tabs{
  display:grid;
  gap:10px;
}

.v361-builder-tab{
  width:100%;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  padding:18px;
  text-align:left;
  color:#e5e7eb;
  background:rgba(255,255,255,.055);
  cursor:pointer;
  transition:.22s ease;
  font-weight:800;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  min-height:58px;
}

.v361-builder-tab.active,
.v361-builder-tab:hover{
  color:#fff;
  border-color:rgba(0,229,255,.42);
  background:linear-gradient(135deg,rgba(0,229,255,.14),rgba(108,99,255,.12));
  box-shadow:0 18px 55px rgba(0,229,255,.10);
}

.v361-builder-preview-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:18px;
  color:#cbd5e1;
  font-size:13px;
}

.v361-builder-screen{
  border-radius:24px;
  overflow:hidden;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.12);
}

.v361-preview-hero{
  min-height:170px;
  padding:26px;
  text-align:center;
  background:
    radial-gradient(circle at 30% 20%, rgba(0,229,255,.16), transparent 34%),
    radial-gradient(circle at 72% 30%, rgba(255,90,95,.14), transparent 36%),
    rgba(255,255,255,.035);
}

.v361-preview-hero h3{
  margin:0 0 10px;
  color:#fff;
  font-size:28px;
}

.v361-preview-hero p{
  margin:0 auto;
  max-width:560px;
  color:#cbd5e1;
  line-height:1.6;
}

.v361-preview-blocks{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
  padding:16px;
}

.v361-preview-block{
  border-radius:18px;
  padding:16px;
  min-height:92px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.12);
  text-align:center;
  color:#e5e7eb;
}

.v361-json-box{
  position:relative;
  overflow:hidden;
  margin-top:16px;
  border-radius:20px;
  padding:16px;
  background:rgba(0,0,0,.28);
  border:1px solid rgba(255,255,255,.10);
  color:#cbd5e1;
  font-size:13px;
  line-height:1.55;
  overflow:auto;
}

.v361-json-header{
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#00E5FF;
  margin-bottom:12px;
}

.v361-json-code{
  display:block;
  margin:0;

  padding:18px;

  border-radius:16px;

  background:
    linear-gradient(
      180deg,
      rgba(0,229,255,.05),
      rgba(108,99,255,.04)
    );

  border:1px solid rgba(255,255,255,.08);

  color:#dbeafe;

  font-size:13px;

  line-height:1.7;

  white-space:pre-wrap;

  overflow:auto;
}

.v361-json-box code{
  white-space:pre;
}

@media(max-width:900px){
  .v361-builder-shell{
    grid-template-columns:1fr;
  }
}

@media(max-width:560px){
  .v361-builder-sidebar,
  .v361-builder-preview{
    padding:20px;
    border-radius:24px;
  }

  .v361-preview-blocks{
    grid-template-columns:1fr;
  }
}


/* ---- marketplace-enterprise.css ---- */
/* =========================================================
   V36.2 Marketplace Enterprise
   ========================================================= */

.v362-market-enterprise{
  position:relative;
  overflow:hidden;
}

.v362-market-enterprise::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 10%, rgba(0,229,255,.12), transparent 34%),
    radial-gradient(circle at 82% 18%, rgba(255,90,95,.10), transparent 34%),
    radial-gradient(circle at 50% 100%, rgba(255,122,24,.08), transparent 38%);
  pointer-events:none;
}

.v362-market-enterprise .container{
  position:relative;
  z-index:1;
}

.v362-market-layout{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
  margin-top:34px;
}

.v362-market-panel,
.v362-market-side{
  position:relative;
  overflow:hidden;
  border-radius:30px;
  padding:26px;
  background:linear-gradient(180deg, rgba(15,18,32,.96), rgba(8,10,18,.98));
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 26px 90px rgba(0,0,0,.34);
}

.v362-market-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
}

.v362-market-card{
  position:relative;
  overflow:hidden;
  border-radius:22px;
  padding:18px;
  text-align:center;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.12);
  transition:.22s ease;
}

.v362-market-card::before,
.v362-market-panel::before,
.v362-market-side::before{
  content:"";
  position:absolute;
  inset:-45%;
  background:
    radial-gradient(circle at 22% 26%, rgba(0,229,255,.18), transparent 36%),
    radial-gradient(circle at 72% 34%, rgba(255,90,95,.16), transparent 38%),
    radial-gradient(circle at 52% 82%, rgba(255,122,24,.12), transparent 40%);
  opacity:.42;
  filter:blur(18px);
  pointer-events:none;
}

.v362-market-card > *,
.v362-market-panel > *,
.v362-market-side > *{
  position:relative;
  z-index:1;
}

.v362-market-card:hover{
  transform:translateY(-5px);
  border-color:rgba(0,229,255,.38);
  box-shadow:0 22px 70px rgba(0,229,255,.10);
}

.v362-market-icon{
  font-size:32px;
  margin-bottom:10px;
}

.v362-market-card strong{
  display:block;
  color:#fff;
  margin-bottom:7px;
}

.v362-market-card span{
  display:block;
  color:#cbd5e1;
  font-size:13px;
  line-height:1.45;
}

.v362-market-side{
  text-align:center;
}

.v362-market-side h3{
  margin:0 0 12px;
  color:#fff;
  font-size:28px;
}

.v362-market-side p{
  color:#cbd5e1;
  line-height:1.7;
  margin:0 auto 20px;
}

.v362-market-stats{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
  margin:20px 0;
}

.v362-market-stat{
  border-radius:20px;
  padding:16px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.12);
}

.v362-market-stat strong{
  display:block;
  color:#fff;
  font-size:26px;
  margin-bottom:4px;
}

.v362-market-stat span{
  color:#cbd5e1;
  font-size:13px;
}

.v362-market-flow{
  display:grid;
  gap:10px;
  text-align:left;
}

.v362-market-flow div{
  border-radius:18px;
  padding:14px;
  color:#e5e7eb;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.12);
}

.v362-market-flow span{
  color:#00E5FF;
  font-weight:900;
  margin-right:8px;
}

@media(max-width:900px){
  .v362-market-layout{
    grid-template-columns:1fr;
  }
}

@media(max-width:560px){
  .v362-market-panel,
  .v362-market-side{
    padding:20px;
    border-radius:24px;
  }

  .v362-market-grid,
  .v362-market-stats{
    grid-template-columns:1fr;
  }

  .v362-market-card:hover{
    transform:none;
  }
}


/* ---- crm.css ---- */
/* =========================
   ViSiB CRM Module
   v29.6.1
   ========================= */

.v24-crm-panel{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
  margin-top:30px;
}

.v24-stat{
  text-align:center;
  padding:28px;
  border-radius:24px;
  background:rgba(255,255,255,.05);
  backdrop-filter:blur(20px);
  border:1px solid rgba(255,255,255,.12);
}

.v24-stat span{
  font-size:34px;
  display:block;
}

.v24-stat strong{
  display:block;
  font-size:32px;
  color:#00E5FF;
  margin-top:10px;
}

.v24-stat small{
  color:#aaa;
}

.v24-leads{
  margin-top:30px;
  border-radius:24px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
}

.v24-row{
  display:flex;
  justify-content:space-between;
  padding:18px 24px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.v24-row:last-child{
  border-bottom:none;
}

.v24-row b{
  padding:6px 12px;
  border-radius:999px;
}

.v24-row .new{
  background:#00E5FF22;
  color:#00E5FF;
}

.v24-row .paid{
  background:#00ff6622;
  color:#00ff66;
}

.v24-row .work{
  background:#ffb30022;
  color:#ffb300;
}

@media(max-width:768px){
  .v24-crm-panel{
    grid-template-columns:1fr 1fr;
  }
}


/* ---- builder.css ---- */
/* =========================
   ViSiB Builder Module
   v29.6.1
   ========================= */

.v25-builder-wrap{
  display:grid;
  grid-template-columns:1.35fr .9fr;
  gap:26px;
  align-items:stretch;
}

.v25-builder-preview,
.v25-builder-list{
  position:relative;
  overflow:hidden;
  border-radius:30px;
  background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.035));
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(22px);
  box-shadow:0 30px 90px rgba(0,0,0,.36);
}

.v25-builder-top{
  height:54px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 18px;
  border-bottom:1px solid rgba(255,255,255,.1);
  background:rgba(0,0,0,.22);
}

.v25-builder-top span{
  width:11px;
  height:11px;
  border-radius:50%;
  background:#ff5f57;
}

.v25-builder-top span:nth-child(2){
  background:#ffbd2e;
}

.v25-builder-top span:nth-child(3){
  background:#28c840;
}

.v25-builder-top b{
  margin-left:12px;
  color:#cbd5e1;
  font-size:13px;
}

.v25-builder-body{
  display:grid;
  grid-template-columns:180px 1fr;
  min-height:330px;
}

.v25-builder-sidebar{
  padding:18px;
  border-right:1px solid rgba(255,255,255,.1);
  background:rgba(0,0,0,.18);
}

.v25-builder-sidebar div{
  padding:11px 13px;
  border-radius:13px;
  color:#cbd5e1;
  margin-bottom:8px;
  background:rgba(255,255,255,.04);
  font-size:14px;
}

.v25-builder-sidebar .active{
  color:#fff;
  background:linear-gradient(135deg,rgba(0,229,255,.28),rgba(108,99,255,.28));
  box-shadow:0 0 22px rgba(0,229,255,.18);
}

.v25-builder-main{
  padding:22px;
}

.v25-builder-block{
  border-radius:22px;
  padding:24px;
  background:
    linear-gradient(135deg,rgba(0,229,255,.13),rgba(108,99,255,.10)),
    rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.13);
}

.v25-builder-block small{
  color:#00E5FF;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.v25-builder-block strong{
  display:block;
  color:#fff;
  font-size:28px;
  margin:10px 0;
}

.v25-builder-block p{
  color:#cbd5e1;
}

.v25-builder-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin-top:16px;
}

.v25-mini-card{
  padding:16px 10px;
  text-align:center;
  border-radius:18px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  font-weight:800;
  box-shadow:inset 0 0 16px rgba(255,255,255,.035);
}

.v25-builder-list{
  padding:26px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:14px;
}

.v25-check{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 15px;
  border-radius:18px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.1);
  color:#e5e7eb;
  font-weight:700;
}

.v25-check span{
  width:28px;
  height:28px;
  flex:0 0 28px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:linear-gradient(135deg,#00E5FF,#6C63FF);
  color:#fff;
  box-shadow:0 0 18px rgba(0,229,255,.38);
}

@media(max-width:900px){
  .v25-builder-wrap{
    grid-template-columns:1fr;
  }

  .v25-builder-body{
    grid-template-columns:1fr;
  }

  .v25-builder-sidebar{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.1);
  }

  .v25-builder-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:560px){
  .v25-builder-sidebar{
    grid-template-columns:repeat(2,1fr);
  }

  .v25-builder-block strong{
    font-size:22px;
  }
}


/* ---- marketplace.css ---- */
/* =========================
   ViSiB Marketplace Module
   v29.6.1
   ========================= */

.v26-market-wrap{
  display:grid;
  grid-template-columns:1.4fr .75fr;
  gap:26px;
  align-items:stretch;
}

.v26-market-main,
.v26-market-side{
  position:relative;
  overflow:hidden;
  border-radius:30px;
  background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.035));
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(22px);
  box-shadow:0 30px 90px rgba(0,0,0,.34);
}

.v26-market-top{
  position:relative;
  z-index:1;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:20px 22px;
  border-bottom:1px solid rgba(255,255,255,.1);
  background:rgba(0,0,0,.18);
}

.v26-market-top span{
  color:#fff;
  font-weight:900;
}

.v26-market-top b{
  padding:7px 12px;
  border-radius:999px;
  color:#00E5FF;
  background:rgba(0,229,255,.10);
  border:1px solid rgba(0,229,255,.25);
}

.v26-market-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  padding:22px;
}

.v26-market-card{
  min-height:155px;
  padding:18px;
  border-radius:22px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.11);
  box-shadow:inset 0 0 18px rgba(255,255,255,.035);
  transition:.25s ease;
}

.v26-market-card:hover{
  transform:translateY(-5px);
  border-color:rgba(0,229,255,.42);
  box-shadow:
    0 18px 52px rgba(0,0,0,.28),
    0 0 24px rgba(0,229,255,.16);
}

.v26-market-card.featured{
  background:linear-gradient(135deg,rgba(0,229,255,.14),rgba(108,99,255,.12));
  border-color:rgba(0,229,255,.36);
}

.v26-market-card div{
  font-size:34px;
  margin-bottom:10px;
}

.v26-market-card h3{
  color:#fff;
  font-size:18px;
  margin-bottom:6px;
}

.v26-market-card p{
  color:#cbd5e1;
  font-size:14px;
  line-height:1.45;
}

.v26-market-side{
  padding:26px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:16px;
}

.v26-market-stat{
  position:relative;
  z-index:1;
  padding:18px;
  border-radius:22px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.11);
}

.v26-market-stat strong{
  display:block;
  color:#fff;
  font-size:34px;
  line-height:1;
}

.v26-market-stat span{
  color:#cbd5e1;
  font-weight:700;
}

.v26-market-side .btn{
  position:relative;
  z-index:1;
  justify-content:center;
  margin-top:8px;
}

@media(max-width:950px){
  .v26-market-wrap{
    grid-template-columns:1fr;
  }

  .v26-market-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:560px){
  .v26-market-grid{
    grid-template-columns:1fr;
  }

  .v26-market-card{
    min-height:auto;
  }
}


/* ---- integrations.css ---- */
/* =========================
   ViSiB Integrations Module
   v29.6.1
   ========================= */

.v27-integrations-wrap{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:28px;
  align-items:center;
}

.v27-orbit{
  position:relative;
  min-height:420px;
  border-radius:34px;
  background:
    radial-gradient(circle at 50% 50%,rgba(0,229,255,.16),transparent 28%),
    linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(22px);
  box-shadow:0 30px 90px rgba(0,0,0,.36);
  overflow:hidden;
}

.v27-orbit::before{
  content:"";
  position:absolute;
  inset:50px;
  border-radius:50%;
  border:1px dashed rgba(0,229,255,.28);
  animation:v27Spin 28s linear infinite;
}

.v27-orbit::after{
  content:"";
  position:absolute;
  inset:100px;
  border-radius:50%;
  border:1px dashed rgba(255,64,129,.22);
  animation:v27SpinReverse 34s linear infinite;
}

.v27-core{
  position:absolute;
  left:50%;
  top:50%;
  width:128px;
  height:128px;
  transform:translate(-50%,-50%);
  border-radius:36px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#00E5FF,#6C63FF,#FF4081);
  color:#fff;
  box-shadow:
    0 0 34px rgba(0,229,255,.48),
    0 0 80px rgba(108,99,255,.32);
  z-index:3;
}

.v27-core strong{
  font-size:24px;
  line-height:1;
}

.v27-core span{
  font-size:13px;
  font-weight:800;
  opacity:.88;
}

.v27-node{
  position:absolute;
  z-index:2;
  padding:12px 16px;
  border-radius:999px;
  color:#fff;
  font-weight:900;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(14px);
  box-shadow:0 18px 46px rgba(0,0,0,.28);
  animation:v27Float 4.8s ease-in-out infinite;
}

.v27-node.tg{left:9%;top:18%;color:#00E5FF}
.v27-node.wa{right:9%;top:20%;color:#25D366;animation-delay:.4s}
.v27-node.vk{left:10%;bottom:24%;color:#4C8BF5;animation-delay:.8s}
.v27-node.max{right:10%;bottom:23%;color:#fff;animation-delay:1.2s}
.v27-node.ig{left:37%;top:7%;color:#FF4081;animation-delay:1.6s}
.v27-node.wc{left:39%;bottom:8%;color:#28c840;animation-delay:2s}

.v27-flow{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.v27-flow-row{
  position:relative;
  display:flex;
  gap:16px;
  padding:18px;
  border-radius:24px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(18px);
  box-shadow:0 24px 70px rgba(0,0,0,.25);
}

.v27-flow-row span{
  width:36px;
  height:36px;
  flex:0 0 36px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:rgba(0,229,255,.12);
  color:#00E5FF;
  font-weight:900;
  box-shadow:0 0 20px rgba(0,229,255,.18);
}

.v27-flow-row.active{
  border-color:rgba(0,229,255,.45);
  box-shadow:
    0 24px 70px rgba(0,0,0,.28),
    0 0 36px rgba(0,229,255,.18);
}

.v27-flow-row b{
  color:#fff;
  font-size:17px;
}

.v27-flow-row p{
  color:#cbd5e1;
  margin-top:4px;
  line-height:1.5;
  font-size:14px;
}

.v27-flow-row:hover,
.v27-orbit:hover{
  transform:translateY(-4px);
  box-shadow:
    0 25px 80px rgba(0,0,0,.35),
    0 0 35px rgba(0,229,255,.18);
}

@keyframes v27Spin{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}

@keyframes v27SpinReverse{
  from{transform:rotate(360deg)}
  to{transform:rotate(0deg)}
}

@keyframes v27Float{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-10px)}
}

@media(max-width:900px){
  .v27-integrations-wrap{
    grid-template-columns:1fr;
  }

  .v27-orbit{
    min-height:360px;
  }
}

@media(max-width:560px){
  .v27-orbit{
    min-height:320px;
  }

  .v27-node{
    font-size:12px;
    padding:9px 11px;
  }

  .v27-core{
    width:104px;
    height:104px;
    border-radius:28px;
  }
}


/* ---- mobile-performance.css ---- */
/*
 * V39_MAIN_MOBILE_PERFORMANCE_V1
 * Облегчённый режим главной страницы для мобильников,
 * планшетов, prefers-reduced-motion и слабых устройств.
 */

html {
  scroll-behavior: smooth;
}

img {
  max-width: 100%;
  height: auto;
}

/*
 * Блоки ниже первого экрана не требуют полной отрисовки,
 * пока пользователь до них не прокрутил.
 */
@supports (content-visibility: auto) {
  main > section,
  body > section,
  .section {
    content-visibility: auto;
    contain-intrinsic-size: 1px 760px;
  }

  .hero,
  #hero,
  header,
  nav {
    content-visibility: visible;
    contain-intrinsic-size: auto;
  }
}

/*
 * Автоматический lite-режим:
 * - мобильники и планшеты;
 * - prefers-reduced-motion;
 * - устройства, которые JS определил как слабые.
 */
@media (max-width: 1024px),
       (prefers-reduced-motion: reduce) {

  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
  }

  /*
   * Отключаем наиболее тяжёлые бесконечные эффекты.
   * Переходы кнопок остаются, но становятся короткими.
   */
  .v10-particles,
  .hero-particles,
  #heroParticles,
  #aiNetwork,
  .ai-network,
  .network-canvas,
  canvas[data-particles],
  canvas.particles,
  .mouse-glow,
  .real-glow,
  .liquid-gradient,
  .v10-liquid,
  .v10-logo-particles {
    display: none !important;
  }

  .v10-marquee-track,
  .demo-carousel-track,
  .trust-strip-track,
  .v22-demo-track,
  .v27-orbit,
  .v27-node,
  .hero-floating-badge,
  .floating-badge {
    animation: none !important;
    transform: none !important;
  }

  .card,
  .v10-bento-card,
  .v10-story-card,
  .price-mini,
  .pricing-card,
  .case-card,
  .why-card,
  .small-business-card {
    transform: none !important;
    transition-duration: 0.15s !important;
  }

  /*
   * Blur и backdrop-filter сильно нагружают GPU
   * на дешёвых Android и старых планшетах.
   */
  .card,
  .panel,
  .pricing-card,
  .price-mini,
  .v10-bento-card,
  .v10-story-card,
  .v27-node,
  header,
  nav {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  /*
   * Уменьшаем сложные тени и свечения.
   */
  .card,
  .pricing-card,
  .price-mini,
  .btn,
  .v10-bento-card,
  .v10-story-card {
    box-shadow:
      0 8px 24px rgba(0, 0, 0, 0.22) !important;
  }

  /*
   * Горизонтальные тарифы остаются удобными,
   * но не запускают тяжёлые hover-анимации.
   */
  .price-row {
    scroll-snap-type: x proximity !important;
  }

  .price-mini:hover,
  .card:hover {
    transform: none !important;
  }

  /*
   * Фиксированная кнопка не перекрывает контент.
   */
  body {
    padding-bottom: 82px;
  }

  #stickyCta {
    left: 8px !important;
    right: 8px !important;
    bottom: 8px !important;
  }

  #stickyCta a {
    padding: 13px 16px !important;
    box-shadow:
      0 6px 20px rgba(0, 122, 255, 0.32) !important;
  }
}

/*
 * Более строгий режим для явно слабого устройства.
 */
html.visib-lite-device *,
html.visib-lite-device *::before,
html.visib-lite-device *::after {
  animation-duration: 0.001ms !important;
  animation-iteration-count: 1 !important;
}

html.visib-lite-device .v10-particles,
html.visib-lite-device .hero-particles,
html.visib-lite-device #heroParticles,
html.visib-lite-device #aiNetwork,
html.visib-lite-device .ai-network,
html.visib-lite-device canvas,
html.visib-lite-device .mouse-glow,
html.visib-lite-device .real-glow,
html.visib-lite-device .liquid-gradient {
  display: none !important;
}

html.visib-lite-device .card,
html.visib-lite-device .panel,
html.visib-lite-device .pricing-card,
html.visib-lite-device .price-mini,
html.visib-lite-device header,
html.visib-lite-device nav {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* V39_MAIN_PRICE_MOBILE_LAYOUT_V2 */

/* Ссылка с прайса на главную */
.v39-price-home-link-wrap {
  width: min(1180px, calc(100% - 24px));
  margin: 14px auto 0;
  text-align: left;
}

.v39-price-home-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 16px;
  border-radius: 12px;
  color: #fff;
  text-decoration: none;
  font-weight: 800;
  background: rgba(108, 99, 255, 0.16);
  border: 1px solid rgba(108, 99, 255, 0.35);
}

/* Hero — тарифная кнопка строго по центру */
.v39-hero-tariff-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  width: 100%;
  text-align: center;
}

.v39-hero-tariff-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  text-align: center !important;
  margin: 0 !important;
}

/* Нижняя фиксированная кнопка */
#stickyCta {
  box-sizing: border-box !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  transform: none !important;
}

#stickyCta a {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  text-align: center !important;
  white-space: normal !important;
}

/* Центрирование возможностей ViSiB на мобильных */
@media (max-width: 1024px) {
  .v10-bento-grid {
    align-items: stretch !important;
  }

  .v10-bento-card,
  .v10-bento-card.big,
  .v10-bento-card.wide {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
  }

  .v10-bento-icon {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .v10-bento-card h3,
  .v10-bento-card p {
    width: 100%;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 700px) {
  .v39-hero-tariff-actions {
    flex-direction: column;
    align-items: center;
  }

  .v39-hero-tariff-btn,
  .v39-client-hero-link {
    width: min(100%, 320px) !important;
    box-sizing: border-box;
    justify-content: center;
    text-align: center !important;
    margin: 0 auto !important;
  }

  #stickyCta {
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    width: calc(100vw - 20px) !important;
  }

  #stickyCta a {
    min-height: 48px;
    display: flex !important;
    align-items: center;
    justify-content: center;
  }

  .v39-price-home-link-wrap {
    width: calc(100% - 20px);
    text-align: center;
  }

  .v39-price-home-link {
    width: 100%;
    box-sizing: border-box;
  }
}

/* V39_MAIN_DIRECT_CONTACTS_V9_5 */
.v95-contact-only .v35-contact-layout {
  grid-template-columns: 1fr !important;
  max-width: 1120px;
  margin-inline: auto;
}
.v95-contact-only .v35-contact-panel {
  width: 100%;
}
.v95-contact-only .v35-contact-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.v95-contact-unconfigured {
  opacity: .64;
  cursor: not-allowed;
  user-select: none;
}
.v95-contact-legal {
  max-width: 780px;
  margin: 24px auto 0 !important;
  color: #cbd5e1 !important;
  text-align: center;
  font-size: 14px;
  line-height: 1.6;
}
.v95-static-contact-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-bottom: 24px;
}
@media (max-width: 980px) {
  .v95-contact-only .v35-contact-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .v95-contact-only .v35-contact-grid { grid-template-columns: 1fr; }
  .v95-static-contact-links > * { width: 100%; }
}

/* V39_MAIN_PRO_LANGUAGE_PANEL_V9_4 */
.nav {
  background: rgba(7, 11, 29, .78) !important;
  border-bottom: 1px solid rgba(125, 111, 255, .22);
  backdrop-filter: blur(22px) saturate(140%);
  -webkit-backdrop-filter: blur(22px) saturate(140%);
  box-shadow: 0 18px 60px rgba(2, 6, 23, .34);
}

.nav .nav-inner {
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 22px !important;
  width: min(1500px, calc(100% - 32px));
}

.nav .v93-brand-logo {
  margin: 0 auto 0 0 !important;
  filter: drop-shadow(0 0 22px rgba(91, 92, 255, .35));
  transition: transform .28s ease, filter .28s ease;
}

.nav .v93-brand-logo:hover {
  transform: translateY(-2px) scale(1.025);
  filter: drop-shadow(0 0 34px rgba(61, 194, 255, .46));
}

.nav .lang-switch {
  width: auto !important;
  margin-left: auto;
  padding: 7px;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 18px;
  background: rgba(15, 23, 42, .62);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}

.nav .lang-switch a {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  transition: transform .2s ease, background-color .2s ease, box-shadow .2s ease;
}

.nav .lang-switch a:hover,
.nav .lang-switch a.active {
  transform: translateY(-1px);
  box-shadow: 0 8px 22px rgba(99,102,241,.28);
}

@media (max-width: 900px) {
  .nav .nav-inner { flex-direction: column !important; width: 100%; }
  .nav .v93-brand-logo { margin: 0 auto !important; }
  .nav .lang-switch { width: 100% !important; margin: 0; overflow-x: auto; justify-content: flex-start !important; }
}

/* V39_STICKY_CTA_DESKTOP_MOBILE_FIX_V1 */

/*
 * Desktop:
 * возвращаем широкую центральную кнопку.
 */
@media (min-width: 1025px) {
  #stickyCta {
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    bottom: 18px !important;

    width: min(760px, calc(100vw - 80px)) !important;
    max-width: 760px !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: translateX(-50%) !important;
    box-sizing: border-box !important;

    z-index: 999 !important;
  }

  #stickyCta a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 56px !important;

    margin: 0 !important;
    padding: 15px 28px !important;

    box-sizing: border-box !important;
    text-align: center !important;
    font-size: 17px !important;
    line-height: 1.2 !important;
    white-space: normal !important;

    border-radius: 16px !important;
  }
}

/*
 * Tablet:
 * почти на всю ширину, но с аккуратными полями.
 */
@media (min-width: 701px) and (max-width: 1024px) {
  #stickyCta {
    position: fixed !important;
    left: 18px !important;
    right: 18px !important;
    bottom: 12px !important;

    width: auto !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;
    box-sizing: border-box !important;
  }

  #stickyCta a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 52px !important;

    margin: 0 !important;
    padding: 14px 20px !important;

    box-sizing: border-box !important;
    text-align: center !important;
    font-size: 16px !important;

    border-radius: 15px !important;
  }
}

/*
 * Mobile:
 * полностью видимая компактная кнопка.
 */
@media (max-width: 700px) {
  #stickyCta {
    position: fixed !important;
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;

    width: auto !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;
    box-sizing: border-box !important;
  }

  #stickyCta a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 48px !important;

    margin: 0 !important;
    padding: 12px 16px !important;

    box-sizing: border-box !important;
    text-align: center !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    white-space: normal !important;

    border-radius: 14px !important;
  }
}