/* Модернизация существующего умного дома */

body:has(.md-hero-full){overflow-x:hidden}
.uni-main:has(.md-hero-full){padding-top:0}
.uni-main:has(.md-hero-full) .uni-elementor{margin:0}
.uni-main:has(.md-hero-full) .uni-wrap:first-child{padding-top:0}
.uni-main:has(.md-hero-full) .uni-title{display:none}
.uni-main .uni-wrap > .md-hero-full{margin-top:0 !important}

.md-sec{padding:28px 0}
.md-h2{margin:0 0 12px;font:700 clamp(22px,3vw,32px)/1.2 'VelaSans',system-ui,sans-serif;color:#EEF0F6}
.md-sub{margin:0 0 22px;max-width:820px;font:400 clamp(14px,1.6vw,17px)/1.6 'VelaSans',system-ui,sans-serif;color:rgba(238,240,246,.7)}
.md-btn{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 16px/1 'VelaSans',system-ui,sans-serif;color:#fff;border:0;padding:16px 28px;border-radius:14px;background:linear-gradient(90deg,#7F6BFF,#5548AA);box-shadow:0 8px 24px rgba(127,107,255,.35);transition:filter .15s ease,transform .15s ease;text-decoration:none}
.md-btn:hover{filter:brightness(1.08);transform:translateY(-2px)}
.md-btn--ghost{background:transparent;border:1px solid rgba(255,255,255,.35);box-shadow:none}
.md-btn--ghost:hover{background:rgba(255,255,255,.08)}
.md-btn--sm{padding:11px 18px;font-size:14px;border-radius:12px}

.md-hero-full{
  position:relative;left:50%;right:50%;width:100vw;margin-left:-50vw;margin-right:-50vw;
  min-height:620px;display:flex;align-items:center;overflow:hidden;color:#eef0f6;
  background:#0a0c14;
}
.md-hero-bg{
  position:absolute;inset:0;z-index:0;
  background:
    radial-gradient(ellipse at 15% 20%,rgba(127,107,255,.28),transparent 42%),
    radial-gradient(ellipse at 85% 70%,rgba(255,140,80,.12),transparent 40%),
    linear-gradient(120deg,#0a0c14 0%,#12141c 50%,#0e1018 100%);
}
.md-hero-grid{
  position:absolute;inset:0;z-index:1;opacity:.35;pointer-events:none;
  background-image:
    linear-gradient(rgba(169,154,255,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(169,154,255,.08) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:radial-gradient(ellipse at 60% 40%,#000 20%,transparent 75%);
}
.md-hero-overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(105deg,rgba(8,10,16,.75) 0%,rgba(8,10,16,.35) 55%,transparent 100%)}
.md-hero-in{position:relative;z-index:3;width:1600px;max-width:88%;margin:0 auto;padding:100px 20px 80px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
@media (max-width:960px){.md-hero-in{grid-template-columns:1fr;padding:96px 20px 64px}}
.md-hero-kicker{
  display:inline-flex;align-items:center;gap:8px;margin:0 0 16px;padding:7px 12px;border-radius:999px;
  font:600 12px/1 'VelaSans',system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase;
  color:#CFC7FF;background:rgba(127,107,255,.16);border:1px solid rgba(127,107,255,.35);
}
.md-hero-title{margin:0 0 18px;max-width:640px;font:600 clamp(30px,5vw,48px)/1.12 'VelaSans',system-ui,sans-serif;letter-spacing:-.6px;color:#fff}
.md-hero-lead{margin:0 0 28px;max-width:560px;font:400 clamp(16px,1.8vw,20px)/1.4 'VelaSans',system-ui,sans-serif;color:#c8c8d2}
.md-hero-actions{display:flex;flex-wrap:wrap;gap:14px}
.md-hero-actions .btn{padding:15px 28px !important;min-width:200px;justify-content:center}
@media (max-width:600px){.md-hero-actions .btn{min-width:0;width:100%}}

.md-hero-card{
  position:relative;border-radius:24px;padding:22px;overflow:hidden;
  background:rgba(18,20,28,.72);border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(16px);box-shadow:0 24px 60px rgba(0,0,0,.4);
}
.md-hero-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 16px}
.md-hero-card-top strong{font:700 14px/1.2 'VelaSans',system-ui,sans-serif;color:#EEF0F6}
.md-toggle{
  display:inline-flex;padding:4px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);
}
.md-toggle button{
  cursor:pointer;border:0;background:transparent;color:rgba(238,240,246,.55);
  font:600 12px/1 'VelaSans',system-ui,sans-serif;padding:8px 14px;border-radius:999px;transition:all .25s ease;
}
.md-toggle button.is-act{background:rgba(127,107,255,.35);color:#fff}

.md-stack{position:relative;display:grid;gap:10px;min-height:220px}
.md-app{
  display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
  transition:opacity .4s ease,transform .4s ease,border-color .4s ease;
}
.md-app i{
  flex:0 0 36px;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;
  font:800 11px/1 'VelaSans',system-ui,sans-serif;color:#fff;
}
.md-app strong{display:block;font:700 13px/1.2 'VelaSans',system-ui,sans-serif;color:#EEF0F6}
.md-app span{display:block;font:500 11px/1.3 'VelaSans',system-ui,sans-serif;color:rgba(238,240,246,.5);margin-top:2px}
.md-app--warn i{background:linear-gradient(135deg,#FF8A5B,#C45A30)}
.md-app--mute i{background:linear-gradient(135deg,#6a7088,#3d4254)}
.md-app--ok i{background:linear-gradient(135deg,#7F6BFF,#5548AA)}
.md-hero-card[data-view="before"] .md-app--new{opacity:0;transform:translateY(8px);pointer-events:none;position:absolute}
.md-hero-card[data-view="after"] .md-app--old{opacity:.25;filter:grayscale(1);transform:scale(.98)}
.md-hero-card[data-view="after"] .md-app--new{opacity:1;transform:none;position:relative}
.md-hero-note{margin:14px 0 0;font:500 12px/1.4 'VelaSans',system-ui,sans-serif;color:rgba(238,240,246,.55)}
.md-hero-note b{color:#CFC7FF}

.md-sec--stats{position:relative;z-index:5;margin-top:-48px;padding-top:0;padding-bottom:8px}
@media (max-width:600px){.md-sec--stats{margin-top:-28px}}
.md-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0;padding:22px;border-radius:20px;background:linear-gradient(135deg,rgba(20,22,32,.94),rgba(18,16,28,.9));border:1px solid rgba(127,107,255,.28);backdrop-filter:blur(12px);box-shadow:0 16px 40px rgba(0,0,0,.35)}
.md-stat{text-align:center;padding:8px;border-radius:14px;transition:transform .25s ease,background .25s ease}
.md-stat:hover{transform:translateY(-4px);background:rgba(255,255,255,.05)}
.md-stat-num{font:800 clamp(26px,3.6vw,42px)/1 'VelaSans',system-ui,sans-serif;background:linear-gradient(90deg,#CFC7FF,#7F6BFF);-webkit-background-clip:text;background-clip:text;color:transparent}
.md-stat-label{margin:8px 0 0;font:500 13px/1.4 'VelaSans',system-ui,sans-serif;color:rgba(238,240,246,.72)}
@media (max-width:760px){.md-stats{grid-template-columns:1fr 1fr}}

/* Diagnostic demo */
.md-diag{display:grid;grid-template-columns:1fr 1.15fr;gap:22px;align-items:stretch}
@media (max-width:960px){.md-diag{grid-template-columns:1fr}}
.md-pain{
  display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:20px;
  background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.1);
}
.md-pain h3{margin:0;font:700 20px/1.3 'VelaSans',system-ui,sans-serif;color:#EEF0F6}
.md-pain > p{margin:0 0 6px;font:400 14px/1.5 'VelaSans',system-ui,sans-serif;color:rgba(238,240,246,.65)}
.md-pain-btn{
  text-align:left;cursor:pointer;border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.03);border-radius:14px;padding:13px 14px;color:#eef0f6;
  transition:border-color .2s ease,background .2s ease,transform .2s ease;
}
.md-pain-btn:hover,.md-pain-btn.is-act{
  border-color:rgba(169,154,255,.55);background:rgba(127,107,255,.14);transform:translateX(3px);
}
.md-pain-btn strong{display:block;font:600 14px/1.3 'VelaSans',system-ui,sans-serif;margin:0 0 3px}
.md-pain-btn span{display:block;font:400 12px/1.4 'VelaSans',system-ui,sans-serif;color:rgba(238,240,246,.6)}

.md-plan{
  position:relative;overflow:hidden;border-radius:20px;padding:22px;min-height:420px;
  display:flex;flex-direction:column;gap:16px;
  background:
    radial-gradient(ellipse at 90% 0%,rgba(127,107,255,.18),transparent 45%),
    linear-gradient(160deg,#141621,#0e1018 60%,#12141c);
  border:1px solid rgba(255,255,255,.1);
}
.md-plan-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.md-plan-head h3{margin:0;font:700 18px/1.3 'VelaSans',system-ui,sans-serif;color:#EEF0F6}
.md-plan-head p{margin:6px 0 0;max-width:420px;font:400 13px/1.5 'VelaSans',system-ui,sans-serif;color:rgba(238,240,246,.65)}
.md-plan-tag{
  padding:7px 12px;border-radius:999px;font:600 11px/1 'VelaSans',system-ui,sans-serif;
  color:#CFC7FF;background:rgba(127,107,255,.18);border:1px solid rgba(127,107,255,.35);white-space:nowrap;
}
.md-modules{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media (max-width:560px){.md-modules{grid-template-columns:1fr}}
.md-mod{
  display:none;padding:14px;border-radius:16px;background:rgba(127,107,255,.12);border:1px solid rgba(169,154,255,.4);
  animation:mdModIn .45s ease;
}
.md-mod.is-on{display:block}
@keyframes mdModIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.md-mod strong{display:block;font:700 14px/1.25 'VelaSans',system-ui,sans-serif;color:#fff;margin:0 0 4px}
.md-mod span{display:block;font:400 12px/1.45 'VelaSans',system-ui,sans-serif;color:rgba(238,240,246,.65)}
.md-plan-products{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}
.md-chip-prod{
  display:flex;align-items:center;gap:10px;padding:8px 12px 8px 8px;border-radius:14px;text-decoration:none;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);color:#EEF0F6;
  transition:border-color .2s ease,transform .2s ease,background .2s ease;
}
.md-chip-prod:hover{border-color:rgba(169,154,255,.5);background:rgba(127,107,255,.12);transform:translateY(-2px)}
.md-chip-prod img{width:40px;height:40px;border-radius:10px;object-fit:cover;background:#1a1c24}
.md-chip-prod b{display:block;font:600 12px/1.2 'VelaSans',system-ui,sans-serif}
.md-chip-prod small{display:block;font:500 11px/1.2 'VelaSans',system-ui,sans-serif;color:#A99AFF;margin-top:2px}

/* Paths / packages */
.md-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:900px){.md-paths{grid-template-columns:1fr}}
.md-path{
  position:relative;overflow:hidden;border-radius:22px;padding:26px 22px;
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);
  display:flex;flex-direction:column;gap:14px;transition:transform .2s ease,border-color .2s ease;
}
.md-path:hover{transform:translateY(-5px);border-color:rgba(127,107,255,.45)}
.md-path--hot{background:linear-gradient(160deg,rgba(127,107,255,.18),rgba(85,72,170,.06));border-color:rgba(127,107,255,.4)}
.md-path-badge{
  align-self:flex-start;padding:6px 10px;border-radius:999px;font:600 11px/1 'VelaSans',system-ui,sans-serif;
  color:#CFC7FF;background:rgba(127,107,255,.2);border:1px solid rgba(127,107,255,.35);
}
.md-path h3{margin:0;font:700 22px/1.2 'VelaSans',system-ui,sans-serif;color:#EEF0F6}
.md-path > p{margin:0;font:400 14px/1.55 'VelaSans',system-ui,sans-serif;color:rgba(238,240,246,.7)}
.md-path ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.md-path li{display:flex;gap:8px;align-items:flex-start;font:400 13px/1.45 'VelaSans',system-ui,sans-serif;color:rgba(238,240,246,.82)}
.md-path li::before{content:"";flex:0 0 8px;height:8px;margin-top:5px;border-radius:50%;background:#A99AFF;box-shadow:0 0 0 3px rgba(169,154,255,.2)}
.md-path-price{margin-top:auto;font:800 20px/1 'VelaSans',system-ui,sans-serif;background:linear-gradient(90deg,#CFC7FF,#7F6BFF);-webkit-background-clip:text;background-clip:text;color:transparent}
.md-path-price small{font:500 13px/1 'VelaSans',system-ui,sans-serif;color:rgba(238,240,246,.55);margin-left:6px}

/* Keep / replace */
.md-matrix{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:720px){.md-matrix{grid-template-columns:1fr}}
.md-matrix-col{border-radius:20px;padding:24px;border:1px solid rgba(255,255,255,.1)}
.md-matrix-col--keep{background:linear-gradient(160deg,rgba(80,180,120,.1),rgba(255,255,255,.02))}
.md-matrix-col--change{background:linear-gradient(160deg,rgba(127,107,255,.12),rgba(255,255,255,.02))}
.md-matrix-col h3{margin:0 0 14px;font:700 18px/1.3 'VelaSans',system-ui,sans-serif;color:#EEF0F6}
.md-matrix-col ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.md-matrix-col li{font:400 14px/1.5 'VelaSans',system-ui,sans-serif;color:rgba(238,240,246,.78);padding-left:18px;position:relative}
.md-matrix-col--keep li::before{content:"";position:absolute;left:0;top:7px;width:8px;height:8px;border-radius:50%;background:#7DDBA8}
.md-matrix-col--change li::before{content:"";position:absolute;left:0;top:7px;width:8px;height:8px;border-radius:50%;background:#A99AFF}

/* Timeline */
.md-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;counter-reset:mdt}
@media (max-width:1000px){.md-timeline{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.md-timeline{grid-template-columns:1fr}}
.md-tl{
  position:relative;border-radius:18px;padding:22px 18px;background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.08);transition:transform .2s ease,border-color .2s ease;
}
.md-tl:hover{transform:translateY(-4px);border-color:rgba(127,107,255,.45)}
.md-tl::before{
  counter-increment:mdt;content:"0" counter(mdt);display:block;margin:0 0 12px;
  font:800 24px/1 'VelaSans',system-ui,sans-serif;background:linear-gradient(90deg,#CFC7FF,#7F6BFF);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.md-tl h3{margin:0 0 8px;font:700 16px/1.25 'VelaSans',system-ui,sans-serif;color:#EEF0F6}
.md-tl p{margin:0;font:400 13px/1.5 'VelaSans',system-ui,sans-serif;color:rgba(238,240,246,.7)}

/* Products grid */
.md-products{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media (max-width:1000px){.md-products{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.md-products{grid-template-columns:1fr}}
.md-prod{
  display:flex;flex-direction:column;border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.md-prod:hover{transform:translateY(-5px);border-color:rgba(127,107,255,.5);box-shadow:0 16px 40px rgba(0,0,0,.25)}
.md-prod-img{aspect-ratio:1;background:#161822;display:grid;place-items:center;padding:18px}
.md-prod-img img{width:100%;height:100%;object-fit:contain}
.md-prod-body{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}
.md-prod-tag{align-self:flex-start;font:600 10px/1 'VelaSans',system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#A99AFF}
.md-prod h3{margin:0;font:700 15px/1.3 'VelaSans',system-ui,sans-serif;color:#EEF0F6}
.md-prod p{margin:0;font:400 12px/1.45 'VelaSans',system-ui,sans-serif;color:rgba(238,240,246,.6);flex:1}
.md-prod-price{font:800 16px/1 'VelaSans',system-ui,sans-serif;color:#CFC7FF}

/* Cases */
.md-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:900px){.md-cases{grid-template-columns:1fr}}
.md-case{
  position:relative;overflow:hidden;min-height:240px;border-radius:20px;border:0;
  background:#14151b center/cover no-repeat;transition:transform .2s ease;
}
.md-case::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(11,12,15,.15) 0%,rgba(11,12,15,.55) 40%,rgba(11,12,15,.94) 100%);
}
.md-case:hover{transform:translateY(-5px)}
.md-case-body{position:relative;z-index:1;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;height:100%;min-height:240px;border:0}
.md-case-tag{align-self:flex-start;margin:0 0 12px;font:600 11px/1 'VelaSans',system-ui,sans-serif;color:#CFC7FF;background:rgba(127,107,255,.22);border:1px solid rgba(127,107,255,.4);padding:6px 10px;border-radius:999px}
.md-case h3{margin:0;font:700 18px/1.3 'VelaSans',system-ui,sans-serif;color:#fff}
.md-case p{margin:8px 0 0;font:400 13px/1.5 'VelaSans',system-ui,sans-serif;color:rgba(238,240,246,.82)}

/* FAQ */
.md-faq{display:grid;gap:10px}
.md-faq details{
  border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);padding:0 18px;
  transition:border-color .2s ease,background .2s ease;
}
.md-faq details[open]{border-color:rgba(127,107,255,.4);background:rgba(127,107,255,.08)}
.md-faq summary{
  cursor:pointer;list-style:none;padding:18px 0;font:700 16px/1.35 'VelaSans',system-ui,sans-serif;color:#EEF0F6;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
}
.md-faq summary::-webkit-details-marker{display:none}
.md-faq summary::after{content:"+";font:700 22px/1 'VelaSans',system-ui,sans-serif;color:#A99AFF}
.md-faq details[open] summary::after{content:"–"}
.md-faq details p{margin:0 0 18px;font:400 14px/1.6 'VelaSans',system-ui,sans-serif;color:rgba(238,240,246,.72);max-width:820px}

.md-cta{
  display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:32px;
  border-radius:22px;background:linear-gradient(135deg,rgba(127,107,255,.2),rgba(85,72,170,.08));
  border:1px solid rgba(127,107,255,.3);
}
.md-cta h3{margin:0;font:700 clamp(20px,2.6vw,28px)/1.2 'VelaSans',system-ui,sans-serif;color:#EEF0F6}
.md-cta p{margin:8px 0 0;max-width:560px;font:400 15px/1.55 'VelaSans',system-ui,sans-serif;color:rgba(238,240,246,.74)}
.md-cta-btns{display:flex;flex-wrap:wrap;gap:12px}
@media (max-width:520px){.md-cta-btns{width:100%}.md-cta .md-btn{width:100%}}