:root{--color-primary:#1a365d;--color-primary-dark:#162c4a;--color-primary-light:#2d4a7b;--color-neutral-900:#1a1f2e;--color-neutral-800:#252937;--color-neutral-700:#334155;--color-neutral-600:#475569;--color-neutral-500:#64748b;--color-neutral-400:#94a3b8;--color-neutral-300:#cbd5e1;--color-neutral-200:#e2e8f0;--color-neutral-100:#f1f5f9;--color-neutral-50:#f8fafc;--color-accent:#f97316;--color-accent-hover:#fb923c;--color-accent-active:#ea580c;--color-accent-light:#fed7aa;--color-success:#10b981;--color-success-light:#d1fae5;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-error:#dc2626;--color-error-light:#fee2e2;--color-text:var(--color-neutral-900);--color-text-light:var(--color-neutral-500);--color-border:var(--color-neutral-200);--color-bg-light:var(--color-neutral-50);--color-bg-dark:var(--color-neutral-900);--color-secondary:var(--color-accent);--color-secondary-dark:var(--color-accent-active);--gradient-primary:linear-gradient(135deg,#1a365d 0%,#2d4a7b 50%,#162c4a 100%);--gradient-accent:linear-gradient(135deg,#f97316 0%,#fb923c 100%);--gradient-hero:linear-gradient(180deg,rgba(248,250,252,0.8) 0%,rgba(255,255,255,1) 100%);--gradient-dark:linear-gradient(135deg,#1a1f2e 0%,#252937 100%);--gradient-surface:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2.25rem;--font-size-4xl:3rem;--font-size-5xl:4.5rem;--border-radius-sm:0.25rem;--border-radius-md:0.5rem;--border-radius-lg:1rem;--border-radius-xl:1.5rem;--border-radius-full:9999px;--shadow-xs:0 1px 2px 0 rgba(26,31,46,0.05);--shadow-sm:0 2px 4px -1px rgba(26,31,46,0.06);--shadow-md:0 4px 8px -2px rgba(26,31,46,0.08);--shadow-lg:0 8px 16px -4px rgba(26,31,46,0.10);--shadow-xl:0 16px 32px -8px rgba(26,31,46,0.12);--shadow-2xl:0 24px 48px -12px rgba(26,31,46,0.14);--shadow-inner:inset 0 2px 4px 0 rgba(26,31,46,0.06);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--transition-slower:500ms cubic-bezier(0.4,0,0.2,1);--ease-smooth:cubic-bezier(0.4,0,0.2,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55)}
*{margin:0;padding:0;box-sizing:border-box;max-width:100vw}
html{font-size:16px;scroll-behavior:smooth}
body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--color-neutral-900);background-color:#ffffff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:'cv11','ss01','ss03';letter-spacing:-0.011em}
section{padding:var(--spacing-3xl) 0;overflow-x:hidden}
.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);overflow-x:hidden}
h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--color-primary);letter-spacing:-0.02em}
h1{font-size:var(--font-size-4xl);font-weight:800}
h2{font-size:var(--font-size-3xl);font-weight:700}
h3{font-size:var(--font-size-2xl);font-weight:600}
h4{font-size:var(--font-size-xl);font-weight:600}
h5{font-size:var(--font-size-lg);font-weight:500}
h6{font-size:var(--font-size-base);font-weight:500}
p{margin-bottom:var(--spacing-md);line-height:1.6}
a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-base)}
a:hover{color:var(--color-primary-light)}
.section-title{text-align:center;margin-bottom:var(--spacing-lg);font-size:var(--font-size-3xl);color:var(--color-primary);font-weight:700;line-height:1.2}
.section-subtitle{text-align:center;margin-bottom:var(--spacing-2xl);font-size:var(--font-size-lg);color:var(--color-text-light);line-height:1.4}
.header{background-color:white;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:1000;transition:transform var(--transition-base)}
.header--scrolled{box-shadow:var(--shadow-md)}
.header-top{background-color:var(--color-bg-light);border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0}
.header-top__wrapper{display:flex;justify-content:space-between;align-items:center}
.header-top__info{display:flex;gap:var(--spacing-xl);color:var(--color-text-light);font-size:var(--font-size-sm)}
.header-top__contacts{display:flex;gap:var(--spacing-xl)}
.header-top__phone{font-weight:600;color:var(--color-primary)}
.header-main{padding:var(--spacing-lg) 0}
.header-main__wrapper{display:flex;justify-content:space-between;align-items:center}
.header-main__actions{margin-left:var(--spacing-xl)}
.logo__link{display:flex;flex-direction:column}
.logo__text{font-size:var(--font-size-2xl);font-weight:800;color:var(--color-primary);letter-spacing:-0.5px}
.logo__tagline{font-size:10px;color:var(--color-text-light);text-transform:uppercase;letter-spacing:0.5px}
.nav__list{display:flex;list-style:none;gap:var(--spacing-2xl)}
.nav__link{font-weight:500;color:var(--color-text);transition:color var(--transition-base)}
.nav__link:hover{color:var(--color-secondary)}
.nav__toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:var(--spacing-sm)}
.nav__toggle span{width:25px;height:3px;background-color:var(--color-primary);transition:all var(--transition-base)}
.hero{padding:80px 0 60px;background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);position:relative;overflow:hidden}
.hero__wrapper{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--spacing-3xl);align-items:center}
.hero__visual{position:relative}
.hero__image-wrapper{position:relative;border-radius:var(--border-radius-xl);overflow:hidden;box-shadow:var(--shadow-2xl)}
.hero__image{width:100%;height:auto;display:block}
.hero__play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:rgba(249,115,22,0.9);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base)}
.hero__play-button:hover{transform:translate(-50%,-50%) scale(1.1);background:var(--color-accent)}
.hero__badge{display:inline-block;background:linear-gradient(135deg,#ff6b35 0%,#f97316 100%);color:white;padding:8px 20px;border-radius:25px;font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-lg);animation:pulse-soft 2s infinite}
.hero__benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin:var(--spacing-xl) 0}
.hero__benefit{display:flex;align-items:center;gap:var(--spacing-sm)}
.hero__benefit-icon{color:var(--color-success)}
.hero__title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:var(--color-primary);margin-bottom:16px;line-height:1.1}
.hero__accent{color:var(--color-secondary);display:block;margin-top:var(--spacing-xs)}
.hero__subtitle{display:block;font-weight:500;font-size:clamp(1rem,2.5vw,1.5rem);color:var(--color-text-light);margin-top:var(--spacing-sm)}
.hero__description{font-size:18px;color:#64748b;margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid #e2e8f0}
.hero__features{margin-bottom:32px}
.hero__feature{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.hero__feature-icon{color:#10b981;font-size:20px}
.hero__feature-text{font-size:var(--font-size-base);color:var(--color-neutral-700)}
.hero__actions{display:flex;gap:16px;margin-bottom:48px;flex-wrap:wrap}
.hero__stats{display:flex;gap:var(--spacing-2xl);margin-top:var(--spacing-xl)}
.hero__stat{text-align:center}
.hero__stat-number{display:block;font-size:var(--font-size-2xl);font-weight:800;color:var(--color-primary)}
.hero__stat-text{font-size:var(--font-size-sm);color:var(--color-text-light)}
.hero__trust{display:flex;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding:var(--spacing-md);background:white;border-radius:var(--border-radius-md);box-shadow:var(--shadow-md)}
.hero__trust img{height:25px;width:auto;opacity:0.6;filter:grayscale(100%)}
.hero__trust span{font-size:var(--font-size-sm);color:var(--color-text-light);font-weight:500}
.hero-features{padding:var(--spacing-2xl) 0;background:var(--color-bg-light);border-bottom:2px solid var(--color-border)}
.hero-features__wrapper{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-3xl)}
.hero-features__benefits{display:flex;gap:var(--spacing-xl);flex:1}
.hero-features__benefit{display:flex;align-items:center;gap:var(--spacing-sm)}
.hero-features__icon{color:var(--color-success);font-size:20px}
.hero-features__stats{display:flex;gap:var(--spacing-2xl)}
.hero-features__stat{text-align:center}
.hero-features__number{display:block;font-size:var(--font-size-2xl);font-weight:800;color:var(--color-primary)}
.hero-features__text{font-size:var(--font-size-sm);color:var(--color-text-light)}
.hero__image img{width:100%;height:auto;border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,0.1)}
.hero__video-bg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}
.hero__video-bg video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translateX(-50%) translateY(-50%);object-fit:cover}
.hero__video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.95) 100%)}
.hero__ticker{position:absolute;bottom:0;left:0;width:100%;background:rgba(30,58,95,0.95);padding:10px 0;overflow:hidden;z-index:1}
.ticker__content{display:flex;animation:ticker 30s linear infinite;white-space:nowrap}
.ticker__item{padding:0 30px;color:white;font-weight:600}
.partners{padding:var(--spacing-2xl) 0;background:white}
.partners__logos{display:flex;align-items:center;gap:var(--spacing-3xl);overflow:hidden;position:relative;padding:var(--spacing-xl) 0}
.partners__track{display:flex;gap:var(--spacing-3xl);animation:scroll-partners 30s linear infinite}
.partners__logos img{height:100px;width:auto;object-fit:contain;filter:grayscale(100%);opacity:0.6;transition:all var(--transition-base)}
.partners__logos img:hover{filter:grayscale(0%);opacity:1;transform:scale(1.1)}
@keyframes scroll-partners{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.partners__slider .swiper-wrapper{gap: 50px;}
.benefit-card{background:white;padding:var(--spacing-xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base);height:100%;display:flex;flex-direction:column}
.benefit-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}
.benefit-card__icon{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md);color:var(--color-secondary)}
.benefit-card__title{font-size:var(--font-size-lg);color:var(--color-primary);margin-bottom:var(--spacing-sm);font-weight:600}
.benefit-card__text{color:var(--color-text-light);line-height:1.5;flex-grow:1}
.services{padding:var(--spacing-3xl) 0;background:var(--color-bg-light)}
.services__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}
.service-card{background:white;padding:var(--spacing-2xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);text-align:center;transition:all var(--transition-base)}
.service-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-xl)}
.service-card__icon{font-size:3rem;margin-bottom:var(--spacing-lg)}
.service-card__title{color:var(--color-primary);margin-bottom:var(--spacing-md)}
.service-card__text{color:var(--color-text);margin-bottom:var(--spacing-lg);line-height:1.6}
.service-card__price{font-size:var(--font-size-xl);color:var(--color-secondary);font-weight:700;margin-bottom:var(--spacing-lg)}
.advantages{padding:var(--spacing-3xl) 0;background-color:var(--color-bg-light)}
.advantages__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl)}
.advantage-card{background:white;padding:var(--spacing-2xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base);border:1px solid var(--color-border);position:relative;overflow:hidden}
.advantage-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-accent);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}
.advantage-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}
.advantage-card:hover::before{transform:scaleX(1)}
.advantage-card__icon,.trust-card__icon,.service-card__icon{width:80px;height:80px;margin:0 auto var(--spacing-lg);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-accent-light) 0%,var(--color-accent) 100%);border-radius:50%;position:relative;box-shadow:0 4px 20px rgba(249,115,22,0.3)}
.advantage-card__icon svg,.trust-card__icon svg,.service-card__icon svg{width:50%;height:50%;fill:white}
.advantage-card__icon::before,.trust-card__icon::before,.service-card__icon::before{content:'';position:absolute;inset:-2px;background:linear-gradient(135deg,#f97316,#fb923c,#f97316);border-radius:50%;z-index:-1;opacity:0;transition:opacity var(--transition-base)}
.advantage-card:hover .advantage-card__icon::before,.trust-card:hover .trust-card__icon::before,.service-card:hover .service-card__icon::before{opacity:1}
.advantage-card__title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-md)}
.advantage-card__text{color:var(--color-neutral-600);line-height:1.7}
.trust-signals{padding:var(--spacing-3xl) 0;background-color:var(--color-bg-light)}
.trust-signals__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xl)}
.trust-card{text-align:center;padding:var(--spacing-xl);background:white;border-radius:var(--border-radius-lg);transition:transform var(--transition-base)}
.trust-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}
.trust-card__icon{width:60px;height:60px;margin:0 auto var(--spacing-lg);display:flex;align-items:center;justify-content:center}
.trust-card h4{color:var(--color-primary);margin-bottom:var(--spacing-sm)}
.comparison{padding:var(--spacing-3xl) 0;background:linear-gradient(180deg,#ffffff 0%,#f8f9fa 100%)}
.comparison__table{margin-bottom:var(--spacing-2xl)}
.comparison-table{width:100%;background:white;border-radius:var(--border-radius-xl);overflow:hidden;box-shadow:var(--shadow-xl);border:1px solid var(--color-border)}
.comparison-table th{background:var(--gradient-primary);color:white;font-weight:600;padding:var(--spacing-lg);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:0.05em}
.comparison-table th.highlighted{background:var(--gradient-accent);position:relative}
.comparison-table th.highlighted::after{content:'РЕКОМЕНДУЕМ';position:absolute;top:-25px;left:50%;transform:translateX(-50%);background:var(--color-accent);color:white;padding:4px 12px;border-radius:12px;font-size:10px;font-weight:700}
.comparison-table td{padding:var(--spacing-lg);color:var(--color-neutral-700)}
.comparison-table td.highlighted{background:linear-gradient(180deg,rgba(249,115,22,0.05) 0%,rgba(249,115,22,0.02) 100%);font-weight:600;color:var(--color-neutral-900)}
.comparison-table tbody tr{transition:all var(--transition-base);border-bottom:1px solid var(--color-neutral-100)}
.comparison-table tbody tr:hover{background:var(--color-bg-light)}
.comparison__result{text-align:center;padding:var(--spacing-2xl);background:white;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}
.comparison__summary{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xl)}
.badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:var(--font-size-sm);font-weight:600;letter-spacing:-0.01em}
.badge--success{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:white;padding:6px 16px;box-shadow:0 2px 10px rgba(16,185,129,0.3)}
.calculator{padding:var(--spacing-3xl) 0;background:white}
.calculator__wrapper{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--spacing-2xl);background:var(--gradient-hero);padding:var(--spacing-2xl);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}
.calculator__step{margin-bottom:var(--spacing-xl)}
.calculator__step-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);color:var(--color-primary)}
.calculator__options{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--spacing-md)}
.calculator__options--small{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}
.calculator__inputs{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}
.calculator__result{background:white;padding:var(--spacing-xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);border:2px solid var(--color-accent)}
.calculator__result-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg);color:var(--color-primary)}
.calculator__result-items{margin-bottom:var(--spacing-xl)}
.calculator__result-item{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border)}
.calculator__result-item--total{margin-top:var(--spacing-md);padding-top:var(--spacing-lg);border-top:2px solid var(--color-primary);border-bottom:none}
.calculator__result-label{color:var(--color-text-light)}
.calculator__result-value{font-weight:600;color:var(--color-text)}
.calculator__result-value--total{font-size:var(--font-size-3xl);background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}
.calculator__result-note{margin-top:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-light);text-align:center}
.calculator__visualization{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:white;border-radius:var(--border-radius-lg);border:1px solid var(--color-border)}
.pile-field{background:white;border-radius:8px;padding:8px;margin-bottom:16px;min-height:250px;display:flex;align-items:center;justify-content:center}
.pile-field__svg{width:100%;height:100%;max-width:400px;max-height:300px}
.pile-field__info{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
.pile-field__item{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#2d3748;padding:8px;background:#f8f9fa;border-radius:6px}
.pile-field__params{display:flex;gap:var(--spacing-md);flex-wrap:wrap}
.pile-field__building{display:flex;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-light);border-radius:var(--border-radius-md)}
.building-type-display{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:600;color:var(--color-primary)}
.building-type-display img{width:30px;height:30px}
.param-badge{background:var(--color-accent);color:white;padding:6px 16px;border-radius:20px;font-size:14px;display:inline-block;margin-right:8px}
.radio-card{position:relative;cursor:pointer}
.radio-card input[type="radio"]{position:absolute;opacity:0}
.radio-card__content{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-lg);background-color:white;border:2px solid var(--color-border);border-radius:var(--border-radius-md);transition:all var(--transition-base)}
.radio-card__content img{max-width:50px}
.radio-card input[type="radio"]:checked+.radio-card__content{border-color:var(--color-secondary);background-color:rgba(255,107,53,0.1)}
.radio-card__icon{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm);color:var(--color-neutral-400);opacity:0.6}
.radio-card__text{font-size:var(--font-size-sm);font-weight:500}
.radio-card--small .radio-card__content{padding:var(--spacing-md)}
.input-group{display:flex;flex-direction:column}
.input-group label{font-size:var(--font-size-sm);color:var(--color-text-light);margin-bottom:var(--spacing-xs)}
.input-group input{padding:var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--border-radius-md);font-size:var(--font-size-base);transition:border-color var(--transition-base)}
.input-group input:focus{outline:none;border-color:var(--color-secondary)}
.process{padding:var(--spacing-3xl) 0}
.process__timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative;margin:var(--spacing-3xl) 0}
.process__timeline::before{content:'';position:absolute;top:30px;left:50px;right:50px;height:2px;background:linear-gradient(90deg,var(--color-accent) 0%,var(--color-accent) 20%,var(--color-neutral-200) 20%,var(--color-neutral-200) 40%,var(--color-accent) 40%,var(--color-accent) 60%,var(--color-neutral-200) 60%,var(--color-neutral-200) 80%,var(--color-accent) 80%,var(--color-accent) 100%);z-index:0}
.process__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;position:relative;padding-bottom:20px}
.process__item{text-align:center;background:white;padding:24px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.08);position:relative}
.process__number{width:60px;height:60px;margin:0 auto 16px;background:var(--color-accent);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700}
.process__arrow{position:absolute;right:-25px;top:50%;transform:translateY(-50%);width:20px;height:2px;background:var(--color-accent)}
.process__arrow::after{content:'';position:absolute;right:-4px;top:-3px;width:8px;height:8px;border-top:2px solid var(--color-accent);border-right:2px solid var(--color-accent);transform:rotate(45deg)}
.process__arrow--down{right:50%;top:auto;bottom:-25px;transform:translateX(50%) rotate(90deg)}
.process__item:nth-child(3) .process__arrow,.process__item:nth-child(6) .process__arrow{display:none}
.process__title{font-size:var(--font-size-lg);color:var(--color-primary);margin-bottom:var(--spacing-sm);font-weight:600}
.process__description{font-size:var(--font-size-sm);color:var(--color-text-light);line-height:1.4}
.video-section{padding:var(--spacing-3xl) 0}
.video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);margin-bottom:var(--spacing-2xl)}
.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.video-features{display:flex;justify-content:center;gap:var(--spacing-3xl);flex-wrap:wrap}
.video-feature{display:flex;align-items:center;gap:var(--spacing-sm)}
.video-feature__icon{font-size:var(--font-size-2xl)}
.video-feature__text{font-size:var(--font-size-lg);color:var(--color-text)}
.video-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center}
.video-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);cursor:pointer}
.video-modal__content{position:relative;width:90%;max-width:900px;height:70vh;background:black;border-radius:var(--border-radius-xl);overflow:hidden;z-index:1}
.video-modal__close{position:absolute;top:-40px;right:0;background:none;border:none;color:white;font-size:40px;cursor:pointer;z-index:2;transition:transform var(--transition-base)}
.video-modal__close:hover{transform:rotate(90deg)}
.video-shorts{padding:var(--spacing-3xl) 0;background:white}
.shorts-slider{position:relative;max-width:1200px;margin:0 auto}
.shorts-slider__track{overflow:hidden;margin:0 50px}
.shorts-slider__wrapper{display:flex;gap:var(--spacing-xl);transition:transform 0.5s ease}
.shorts-slider__item{flex:0 0 300px}
.shorts-slider__container{position:relative}
.shorts-slider__container .swiper-wrapper{display:flex;gap:var(--spacing-md)}
.shorts-slider__container .swiper-slide{width:300px;height:533px}
.video-short{width:100%;height:100%;border-radius:var(--border-radius-lg);overflow:hidden;position:relative;cursor:grab;transition:transform var(--transition-base)}
.video-short:active{cursor:grabbing}
.video-short:hover{transform:scale(1.02)}
.shorts-slider__dots{display:flex;justify-content:center;gap:8px;margin-top:20px}
.shorts-slider__dots .swiper-pagination-bullet{width:8px;height:8px;background:var(--color-neutral-400);border-radius:50%;cursor:pointer;transition:all var(--transition-base)}
.shorts-slider__dots .swiper-pagination-bullet-active{width:24px;border-radius:4px;background:var(--color-accent)}

.video-short{background:white;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-base);cursor:pointer}
.video-short:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}
.video-short:active{cursor:grabbing}
.video-short__wrapper{position:relative;aspect-ratio:9/16;background:#000}
.video-short__thumb{width:100%;height:100%;object-fit:cover}
.video-short__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:rgba(255,255,255,0.9);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;transition:all var(--transition-base)}
.video-short:hover .video-short__play{transform:translate(-50%,-50%) scale(1.1);background:white}
.video-short__title{padding:var(--spacing-md);font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary)}
.video-modal__content--vertical{width:400px;max-width:90vw;height:80vh;background:black}
.video-modal__content--vertical #shortsPlayer{width:100%;height:100%}
.shorts-slider__prev:hover,.shorts-slider__next:hover{background:var(--color-accent);color:white}
.shorts-slider__prev{left:0}
.shorts-slider__next{right:0}
.shorts-slider__dots{display:flex;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-xl)}
.shorts-slider__dots .dot{width:8px;height:8px;background:var(--color-neutral-300);border-radius:50%;cursor:pointer;transition:all var(--transition-base)}
.shorts-slider__dots .dot.active{width:24px;background:var(--color-accent);border-radius:4px}
.catalog{padding:var(--spacing-3xl) 0}
.catalog__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}
.catalog__action{text-align:center}
.product-card{background:white;border:1px solid var(--color-border);border-radius:var(--border-radius-lg);overflow:hidden;transition:all var(--transition-base);display:flex;flex-direction:column;position:relative}
.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}
.product-card__badge{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background-color:var(--color-success);color:white;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:600;z-index:1}
.product-card__image{height:200px;background-color:var(--color-bg-light);display:flex;align-items:center;justify-content:center}
.product-card__image img{max-width:100%;max-height:100%;object-fit:contain}
.product-card__title{padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-sm);font-size:var(--font-size-xl);color:var(--color-primary)}
.product-card__description{padding:0 var(--spacing-lg) var(--spacing-md);color:var(--color-text-light);font-size:var(--font-size-sm)}
.product-card__specs{padding:0 var(--spacing-lg) var(--spacing-md);list-style:none;font-size:var(--font-size-sm)}
.product-card__specs li{padding:var(--spacing-xs) 0;color:var(--color-text)}
.product-card__specs li::before{content:"✓ ";color:var(--color-success);font-weight:700}
.product-card__content{padding:var(--spacing-lg);display:flex;flex-direction:column;flex-grow:1}
.product-card__price{margin-top:auto;padding-top:var(--spacing-md)}
.product-card__price-label{color:var(--color-text-light)}
.product-card__price-value{font-size:var(--font-size-xl);font-weight:700;color:var(--color-secondary)}
.product-card .btn{margin:auto var(--spacing-lg) var(--spacing-lg);width:calc(100% - var(--spacing-lg) * 2)}
.portfolio{padding:var(--spacing-3xl) 0;background:var(--color-bg-light)}
.portfolio__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}
.portfolio__grid--hidden{margin-top:var(--spacing-2xl)}
.portfolio-card{background:white;border-radius:var(--border-radius-xl);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-base);cursor:pointer}
.portfolio-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:var(--shadow-2xl)}
.portfolio-card__images{position:relative;height:280px;overflow:hidden;background:linear-gradient(45deg,#f3f4f6 25%,transparent 25%,transparent 75%,#f3f4f6 75%,#f3f4f6),linear-gradient(45deg,#f3f4f6 25%,transparent 25%,transparent 75%,#f3f4f6 75%,#f3f4f6);background-size:20px 20px;background-position:0 0,10px 10px}
.portfolio-card__before,.portfolio-card__after{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:all var(--transition-slow)}
.portfolio-card__after{opacity:0;transform:scale(1.1)}
.portfolio-card:hover .portfolio-card__after{opacity:1;transform:scale(1)}
.portfolio-card:hover .portfolio-card__before{opacity:0;transform:scale(1.1)}
.portfolio-card__label{position:absolute;top:15px;left:15px;background:rgba(30,58,95,0.95);backdrop-filter:blur(10px);color:white;padding:8px 20px;border-radius:25px;font-size:var(--font-size-sm);font-weight:600;z-index:1;box-shadow:var(--shadow-lg)}
.portfolio-card__content{padding:var(--spacing-xl)}
.portfolio-card__title{font-size:var(--font-size-xl);color:var(--color-primary);margin-bottom:var(--spacing-md)}
.portfolio-card__specs{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin:var(--spacing-lg) 0;padding:var(--spacing-lg);background:var(--color-bg-light);border-radius:var(--border-radius-md)}
.portfolio-card__spec{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text)}
.portfolio-card__price{font-size:var(--font-size-3xl);font-weight:700;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.reviews{padding:var(--spacing-3xl) 0;background:white}
.reviews__slider{position:relative;padding:0 60px}
.reviews__slider .swiper-wrapper{display:flex}
.reviews__slider .swiper-slide{height:auto}
.review-card{background:white;padding:var(--spacing-2xl);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border);transition:all var(--transition-base);position:relative;height:100%;display:flex;flex-direction:column}
.review-card__text{flex:1}
.review-card::before{content:'"';position:absolute;top:20px;right:20px;font-size:60px;color:var(--color-accent);opacity:0.1;font-family:Georgia,serif}
.review-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--color-accent)}
.review-card__header{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}
.review-card__avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid white;box-shadow:var(--shadow-md)}
.review-card__info{flex:1}
.review-card__name{font-size:var(--font-size-lg);font-weight:600;color:var(--color-primary)}
.review-card__project{font-size:var(--font-size-sm);color:var(--color-text-light)}
.review-card__rating{color:#fbbf24;font-size:var(--font-size-xl);letter-spacing:2px}
.review-card__text{line-height:1.8;color:var(--color-text);font-style:italic}
.review-card__date{margin-top:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-light);text-align:right}
.guarantees{padding:80px 0;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%)}
.guarantees .section-title{color:var(--color-primary)}
.guarantees__wrapper{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-3xl);align-items:center}
.guarantees__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl)}
.guarantees__doc{position:relative;padding:var(--spacing-xl);background:white;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl)}
.guarantees__doc img{width:100%;height:auto;border-radius:var(--border-radius-lg)}
.guarantees__seal{position:absolute;bottom:20px;right:20px;width:120px;height:120px}
.guarantees__seal img{width:100%;height:100%;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.2))}
.guarantee-card{background:white;padding:var(--spacing-2xl);border-radius:var(--border-radius-lg);position:relative;transition:transform var(--transition-base);text-align:center;box-shadow:var(--shadow-md)}
.guarantee-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}
.guarantee-card__number{position:absolute;top:20px;right:20px;width:40px;height:40px;background:var(--color-accent);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-sm)}
.guarantee-card__icon{margin-bottom:var(--spacing-lg)}
.guarantee-card__title{color:var(--color-primary);margin-bottom:var(--spacing-md);font-size:var(--font-size-xl)}
.guarantee-card__text{color:var(--color-text);line-height:1.6}
.statistics{padding:var(--spacing-3xl) 0;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%)}
.statistics__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xl)}
.stat-card{text-align:center;color:white;animation:fadeInUp 0.6s ease}
.stat-card__number{font-size:var(--font-size-5xl);font-weight:800;margin-bottom:var(--spacing-sm);text-shadow:2px 2px 4px rgba(0,0,0,0.2)}
.stat-card__label{font-size:var(--font-size-base);opacity:0.9}
.service-areas{padding:var(--spacing-3xl) 0;background:var(--color-bg-light)}
.areas__wrapper{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--spacing-2xl)}
.areas__lists{display:flex;flex-direction:column;gap:var(--spacing-xl)}
.areas__group h3{color:var(--color-primary);margin-bottom:var(--spacing-md)}
.areas__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}
.areas__main h3,.areas__additional h3{color:var(--color-primary);margin-bottom:var(--spacing-lg)}
.areas__tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}
.area-tag{padding:8px 16px;background:white;border:2px solid var(--color-neutral-200);border-radius:25px;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base)}
.area-tag:hover{border-color:var(--color-accent);background:var(--color-accent-light)}
.area-tag.active{background:var(--color-accent);color:white;border-color:var(--color-accent)}
.area-tag--city{border-color:var(--color-secondary);color:var(--color-secondary)}
.area-tag--city:hover{background:var(--color-secondary);color:white}
.area-tag--city.active{background:var(--color-primary)}
.areas__map{position:relative;background:var(--color-neutral-100);border-radius:var(--border-radius-xl);overflow:hidden;min-height:400px}
.area-tag--district{background:var(--color-primary);color:white}
.area-tag--city{background:var(--color-accent);color:white}
.area-tag.active{transform:scale(1.1);box-shadow:var(--shadow-lg)}
#yandexMap{width:100%;height:400px;border-radius:var(--border-radius-xl)}
.faq{padding:var(--spacing-3xl) 0;background-color:var(--color-bg-light)}
.faq__accordion{max-width:800px;margin:0 auto}
.faq__item{margin-bottom:var(--spacing-md);background-color:white;border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}
.faq__question{width:100%;padding:var(--spacing-lg);background-color:white;border:none;text-align:left;font-size:var(--font-size-lg);font-weight:600;color:var(--color-primary);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color var(--transition-base)}
.faq__question:hover{background-color:var(--color-bg-light)}
.faq__icon{font-size:var(--font-size-2xl);transition:transform var(--transition-base)}
.faq__answer{max-height:0;overflow:hidden;transition:max-height var(--transition-slow)}
.faq__answer p{padding:0 var(--spacing-lg) var(--spacing-lg);color:var(--color-text)}
.faq__item.active .faq__answer{max-height:500px}
.faq__item.active .faq__icon{transform:rotate(45deg)}
.cta{padding:80px 0;background:linear-gradient(135deg,#1a365d 0%,#2d4a7b 100%)}
.cta__wrapper{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:center}
.cta__content{color:white}
.cta__badge{display:inline-block;background:rgba(255,255,255,0.2);padding:var(--spacing-sm) var(--spacing-lg);border-radius:20px;margin-bottom:var(--spacing-lg);font-weight:600}
.cta__title{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-lg);color:white}
.cta__text{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xl);opacity:0.95}
.cta__benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin:var(--spacing-2xl) 0}
.cta__benefit{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:rgba(255,255,255,0.1);border-radius:var(--border-radius-md)}
.cta__benefit-icon{font-size:var(--font-size-2xl)}
.cta__benefit-text{color:white}
.cta__timer{margin-top:var(--spacing-2xl)}
.cta__timer-label{color:rgba(255,255,255,0.8);margin-bottom:var(--spacing-md)}
.cta__timer-blocks{display:flex;gap:var(--spacing-lg)}
.timer-block{text-align:center}
.timer-number{display:block;font-size:var(--font-size-3xl);font-weight:800;color:white}
.timer-label{display:block;font-size:var(--font-size-sm);color:rgba(255,255,255,0.8)}
.cta__form{background-color:white;padding:var(--spacing-2xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl)}
.cta__form-title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-lg);color:var(--color-primary)}
.footer{background-color:var(--color-bg-dark);color:white;padding:var(--spacing-3xl) 0 var(--spacing-xl)}
.footer__top{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}
.footer__title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg);color:white}
.footer__text{color:rgba(255,255,255,0.8);line-height:1.8}
.footer__list{list-style:none}
.footer__list li{margin-bottom:var(--spacing-sm)}
.footer__list a{color:rgba(255,255,255,0.8);transition:color var(--transition-base)}
.footer__list a:hover{color:var(--color-secondary)}
.footer__contacts p{margin-bottom:var(--spacing-sm);color:rgba(255,255,255,0.8)}
.footer__contacts a{color:var(--color-secondary)}
.footer__bottom{padding-top:var(--spacing-xl);border-top:1px solid rgba(255,255,255,0.1);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.footer__copy{color:rgba(255,255,255,0.6)}
.footer__links{display:flex;gap:var(--spacing-xl)}
.footer__links a{color:rgba(255,255,255,0.6);font-size:var(--font-size-sm)}
.footer__social{padding:var(--spacing-xl) 0;border-top:1px solid rgba(255,255,255,0.1)}
.social-links{display:flex;justify-content:center;gap:var(--spacing-xl)}
.social-links a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.1);border-radius:50%;transition:all var(--transition-base)}
.social-links a:hover{background:var(--color-secondary);transform:translateY(-3px)}
.btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:0.75rem 1.75rem;font-size:var(--font-size-base);font-weight:600;text-align:center;border:none;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-base);text-decoration:none;position:relative;overflow:hidden;letter-spacing:-0.01em;box-shadow:var(--shadow-sm)}
.btn--primary{background:var(--gradient-accent);color:white;box-shadow:0 4px 14px 0 rgba(249,115,22,0.25)}
.btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(249,115,22,0.35)}
.btn--secondary{background:white;color:var(--color-primary);border:2px solid var(--color-neutral-200);box-shadow:var(--shadow-xs)}
.btn--secondary:hover{background:var(--color-neutral-50);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}
.btn--outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary);transition:all var(--transition-base)}
.btn--outline:hover{background:var(--color-primary);color:white;transform:translateY(-2px);box-shadow:var(--shadow-lg)}
.btn--large{padding:1rem 2.5rem;font-size:var(--font-size-lg);border-radius:var(--border-radius-lg)}
.btn--small{padding:0.5rem 1.25rem;font-size:var(--font-size-sm)}
.btn--full{width:100%}
.form__group{margin-bottom:var(--spacing-lg)}
.form__input,.form__textarea{width:100%;padding:var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-family:inherit;transition:border-color var(--transition-base)}
.form__input:focus,.form__textarea:focus{outline:none;border-color:var(--color-secondary)}
.form__select{width:100%;padding:var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-family:inherit;background:white;transition:border-color var(--transition-base)}
.form__select:focus{outline:none;border-color:var(--color-secondary)}
.form__textarea{resize:vertical}
.form__note{margin-top:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-light);text-align:center}
.popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;display:none;align-items:center;justify-content:center}
.popup.active{display:flex}
.popup__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);cursor:pointer}
.popup__content{position:relative;background:white;padding:var(--spacing-3xl);border-radius:var(--border-radius-xl);max-width:500px;width:90%;z-index:1;animation:slideUp 0.3s ease-out}
.popup__close{position:absolute;top:20px;right:20px;background:none;border:none;font-size:30px;cursor:pointer;color:var(--color-text-light);transition:all var(--transition-base)}
.popup__close:hover{color:var(--color-primary);transform:rotate(90deg)}
.popup__title{color:var(--color-primary);margin-bottom:var(--spacing-lg);font-size:var(--font-size-2xl)}
.popup__text{color:var(--color-text);margin-bottom:var(--spacing-xl);line-height:1.6}
.popup__form input{width:100%;padding:var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);font-size:var(--font-size-base);transition:border-color var(--transition-base)}
.popup__form input:focus{outline:none;border-color:var(--color-accent)}
.whatsapp-float{position:fixed;bottom:30px;left:30px;width:60px;height:60px;background:linear-gradient(135deg,#25d366 0%,#128c7e 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-xl);z-index:999;transition:all var(--transition-base);animation:pulse-whatsapp 2s infinite}
@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
.whatsapp-float:hover{transform:scale(1.1);box-shadow:0 5px 25px rgba(37,211,102,0.5)}
.scroll-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:var(--gradient-primary);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);z-index:998;cursor:pointer;opacity:0;visibility:hidden;transition:all var(--transition-base)}
.scroll-to-top.active{opacity:1;visibility:visible}
.scroll-to-top:hover{transform:translateY(-5px);box-shadow:0 5px 25px rgba(30,58,95,0.4)}
.scroll-to-top svg{width:24px;height:24px;fill:white}
.mobile-sticky-cta{display:none;position:fixed;bottom:0;left:0;right:0;background:white;box-shadow:0 -2px 10px rgba(0,0,0,0.1);z-index:998;padding:10px;gap:10px}
.mobile-sticky-cta a,.mobile-sticky-cta button{flex:1;padding:12px;border-radius
:var(--border-radius-md);font-size:var(--font-size-base);font-weight:600;text-align:center;text-decoration:none;border:none;cursor:pointer}
.mobile-cta-call{background:var(--color-success);color:white}
.mobile-cta-calc{background:var(--color-secondary);color:white}
.activity-notification{position:fixed;bottom:150px;right:-400px;background:white;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-lg);max-width:350px;z-index:998;transition:right 0.5s ease}
.activity-notification.show{right:20px}
.activity-notification__content{display:flex;align-items:center;gap:var(--spacing-md)}
.activity-notification__text{display:flex;flex-direction:column;gap:var(--spacing-xs)}
.activity-notification__text strong{font-size:var(--font-size-sm);color:var(--color-primary)}
.activity-notification__text span{font-size:var(--font-size-xs);color:var(--color-text-light)}

.promo-widget{position:fixed;top:50%;right:0;transform:translateY(-50%);background:linear-gradient(135deg,#f97316 0%,#fb923c 50%,#f97316 100%);color:white;padding:var(--spacing-lg);border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg);box-shadow:var(--shadow-xl);z-index:999;cursor:pointer;transition:right var(--transition-base);overflow:hidden}
.promo-widget.collapsed{right:-180px}
.promo-widget .toggle-arrow{position:absolute;left:5px;top:50%;transform:translateY(-50%);font-size:20px;transition:transform var(--transition-base)}
.promo-widget.collapsed .toggle-arrow{transform:translateY(-50%) rotate(180deg)}
.promo-widget__toggle{position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:60px;background:var(--color-accent);border:none;border-radius:8px 0 0 8px;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;padding:0}
.promo-widget__toggle:hover{background:var(--color-accent-hover)}
.promo-widget.collapsed .promo-widget__toggle{transform:translateY(-50%) rotate(180deg)}
.promo-widget__content{display:block}
.promo-widget.collapsed .promo-widget__content{display:none}
.promo-widget:hover{right:5px;transform:translateY(-50%) scale(1.05)}
.promo-widget__timer{display:flex;align-items:center;gap:var(--spacing-sm)}
.promo-widget__icon{font-size:var(--font-size-xl)}
.promo-widget__text{font-weight:600;font-size:var(--font-size-sm)}
.promo-widget__countdown{font-size:var(--font-size-xs);background:rgba(255,255,255,0.2);padding:2px 8px;border-radius:10px;text-align:center}
.promo-widget__slots{font-size:var(--font-size-xs);opacity:0.9;text-align:center}

.text-center{text-align:center}
.text-left{text-align:left}
.text-right{text-align:right}
.hidden{display:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.mt-1{margin-top:var(--spacing-sm)}
.mt-2{margin-top:var(--spacing-md)}
.mt-3{margin-top:var(--spacing-lg)}
.mt-4{margin-top:var(--spacing-xl)}
.mb-1{margin-bottom:var(--spacing-sm)}
.mb-2{margin-bottom:var(--spacing-md)}
.mb-3{margin-bottom:var(--spacing-lg)}
.mb-4{margin-bottom:var(--spacing-xl)}
.animate-fade-in{animation:fadeInUp 0.8s var(--ease-smooth) both}
.animate-float{animation:float 3s ease-in-out infinite}
.animate-on-scroll{opacity:0;transform:translateY(20px);transition:all 0.6s var(--ease-smooth)}
.animate-on-scroll.animated{opacity:1;transform:translateY(0)}
.animate-scale{animation:fadeInScale 0.6s var(--ease-smooth) both}
.animate-slide-left{animation:slideInLeft 0.6s var(--ease-smooth) both}
.animate-slide-right{animation:slideInRight 0.6s var(--ease-smooth) both}
.delay-100{animation-delay:100ms}
.delay-200{animation-delay:200ms}
.delay-300{animation-delay:300ms}
.delay-400{animation-delay:400ms}
.delay-500{animation-delay:500ms}
#pileCanvas{border:1px solid var(--color-border);border-radius:var(--border-radius-md);background:white;width:100%;max-width:400px;height:auto}
.map-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-neutral-100);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity var(--transition-base)}
.map-placeholder p{font-size:var(--font-size-lg);color:var(--color-text-light)}
.map-placeholder:hover{background:var(--color-neutral-200)}

/* Анимации */
@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeInScale{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}
@keyframes float{0%,100%{transform:translateY(0px)}50%{transform:translateY(-10px)}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,0.7);transform:scale(1)}50%{transform:scale(1.05)}70%{box-shadow:0 0 0 20px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0);transform:scale(1)}}
@keyframes pulse-soft{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:0.9}}
@keyframes pulse-whatsapp{0%{box-shadow:0 0 0 0 rgba(37,211,102,0.7)}70%{box-shadow:0 0 0 20px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
@keyframes slideInLeft{from{transform:translateX(-20px);opacity:0}to{transform:translateX(0);opacity:1}}
@keyframes slideInRight{from{transform:translateX(20px);opacity:0}to{transform:translateX(0);opacity:1}}
@keyframes slideInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes countUp{from{opacity:0;transform:scale(0.5)}to{opacity:1;transform:scale(1)}}

/* Медиа-запросы для планшетов */
@media screen and (max-width:1024px){
.calculator__result{position:sticky;top:100px}
.calculator__wrapper{grid-template-columns:1fr}
.cta__wrapper{grid-template-columns:1fr}
.hero__wrapper{grid-template-columns:1fr}
.hero__visual{max-width:600px;margin:0 auto}
.hero__benefits{grid-template-columns:1fr}
.hero__image{display:block}
.process__grid{grid-template-columns:repeat(2,1fr)}
.process__timeline{grid-template-columns:1fr;gap:var(--spacing-xl)}
.process__timeline::before{top:0;bottom:0;left:29px;right:auto;width:2px;height:calc(100% - 60px);background:linear-gradient(180deg,var(--color-accent) 0%,var(--color-accent) 20%,var(--color-neutral-200) 20%,var(--color-neutral-200) 40%,var(--color-accent) 40%,var(--color-accent) 60%,var(--color-neutral-200) 60%,var(--color-neutral-200) 80%,var(--color-accent) 80%,var(--color-accent) 100%)}
.process__item{text-align:left;display:flex;align-items:flex-start;gap:var(--spacing-lg)}
.process__number{margin:0}
.guarantees__wrapper{grid-template-columns:1fr}
.guarantees__grid{grid-template-columns:1fr}
.areas__wrapper{grid-template-columns:1fr}
.hero-features__wrapper{flex-direction:column;gap:var(--spacing-xl)}
.hero-features__benefits{width:100%}
.video-shorts .shorts-slider__track{margin:0 30px}
}

/* Медиа-запросы для мобильных устройств */
@media screen and (max-width:768px){
:root{--font-size-5xl:2rem;--font-size-4xl:1.75rem;--font-size-3xl:1.5rem;--font-size-2xl:1.25rem}
.container{padding:0 var(--spacing-md)}
section{padding:var(--spacing-2xl) 0}
.hero{padding:10px}
.hero__wrapper{grid-template-columns:1fr;gap:var(--spacing-2xl)}
.hero__title{font-size:2rem}
.hero__content{padding-top:var(--spacing-lg)}
.hero__visual{margin-top:var(--spacing-2xl)}
.hero__actions{flex-direction:column}
.hero__actions .btn{width:100%}
.hero__features{grid-template-columns:1fr}
.hero__stats{flex-direction:column;gap:var(--spacing-lg);text-align:left}
.hero__stat{display:flex;align-items:center;gap:var(--spacing-md)}
.hero__trust{flex-wrap:wrap;justify-content:center}
.header-top{display:none}
.header-main__actions{display:none}
.nav__toggle{display:flex}
.nav__list{position:fixed;top:80px;left:-100%;width:100%;height:calc(100vh - 80px);background-color:white;flex-direction:column;padding:var(--spacing-xl);transition:left var(--transition-base);box-shadow:var(--shadow-xl)}
.nav__list.active{left:0}
.nav__item{margin-bottom:var(--spacing-lg)}
.nav__link{display:block;padding:var(--spacing-md);font-size:var(--font-size-lg)}
.mobile-sticky-cta{display:flex}
.advantages__grid{grid-template-columns:1fr}
.services__grid{grid-template-columns:1fr}
.trust-signals__grid{grid-template-columns:1fr;gap:var(--spacing-md)}
.comparison-table{font-size:var(--font-size-xs);display:block;overflow-x:auto}
.comparison-table td,.comparison-table th{padding:var(--spacing-xs);font-size:11px;white-space:nowrap}
.calculator__inputs{grid-template-columns:1fr}
.calculator__options{grid-template-columns:repeat(2,1fr)}
.calculator__visualization{padding:var(--spacing-sm)}
.pile-field{padding:var(--spacing-sm)}
.pile-field__info{grid-template-columns:1fr;gap:var(--spacing-sm)}
.process__grid{grid-template-columns:1fr;gap:var(--spacing-lg)}
.process__item{flex-direction:column;text-align:center}
.process__item::after{display:none!important}
.process__item:not(:last-child)::before{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:2px;height:20px;background:var(--color-accent)}
.catalog__grid{grid-template-columns:1fr}
.portfolio__grid{grid-template-columns:1fr}
.reviews__slider{grid-template-columns:1fr}
.review-card{margin:0}
.areas__grid{grid-template-columns:1fr}
.areas__map{height:250px}
.cta__benefits{grid-template-columns:1fr}
.cta__timer-blocks{justify-content:center}
.footer__top{grid-template-columns:1fr}
.footer__bottom{flex-direction:column;text-align:center;gap:var(--spacing-lg)}
.statistics__grid{grid-template-columns:repeat(2,1fr)}
.portfolio{padding:var(--spacing-3xl) 0;background:var(--color-bg-light)}
.portfolio-card__content{padding:var(--spacing-xl)}
.portfolio-card__images{position:relative;height:250px;overflow:hidden}
.portfolio-card__label{position:absolute;top:10px;left:10px;background:rgba(26,54,93,0.9);color:white;padding:5px 15px;border-radius:20px;font-size:var(--font-size-sm);font-weight:600}
.portfolio-card__price{font-size:var(--font-size-2xl);color:var(--color-secondary);font-weight:700}
.portfolio-card__spec{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text-light);font-size:var(--font-size-sm)}
.portfolio-card__specs{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}
.portfolio-card__title{font-size:var(--font-size-xl);color:var(--color-primary);margin-bottom:var(--spacing-md)}
.video-features{flex-direction:column;gap:var(--spacing-lg)}
.whatsapp-float{bottom:70px;left:20px;width:50px;height:50px}
.scroll-to-top{bottom:70px;right:20px;width:45px;height:45px}
.stat-card__number{font-size:var(--font-size-4xl)}
.activity-notification{position:fixed;bottom:100px;right:-400px;background:white;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-lg);max-width:350px;z-index:1000;transition:right 0.5s ease;animation-duration:12s}
.activity-notification.show{right:10px}
.partners__logos{gap:var(--spacing-lg)}
.partners__logos img{height:30px}
.ticker__item{padding:0 15px}
.guarantees__wrapper{grid-template-columns:1fr}
.video-modal__content{width:95%;height:50vh}
.popup__content{padding:var(--spacing-xl);width:95%}
.video-modal__close{top:-35px;font-size:30px}
.promo-widget{display:none}
#yandexMap.map-active~.areas__map::after{display:none}
.hero-features__benefits{flex-direction:column;gap:var(--spacing-md)}
.hero-features__stats{flex-direction:column;gap:var(--spacing-md);text-align:left}
.shorts-slider__track{margin:0}
.shorts-slider__wrapper{overflow-x:auto;scroll-snap-type:x mandatory;gap:var(--spacing-md)}
.shorts-slider__item{scroll-snap-align:center}
.shorts-slider__prev,.shorts-slider__next{display:none}
.video-short{cursor:default}
.activity-notification{bottom:80px}
.reviews__slider{padding:0}
.review-card{margin:0}
}

/* Медиа-запросы для малых мобильных */
@media screen and (max-width:480px){
:root{--font-size-5xl:1.75rem;--font-size-4xl:1.5rem;--font-size-3xl:1.25rem;--font-size-2xl:1.125rem}
.calculator__options{grid-template-columns:1fr}
.cta__title{font-size:var(--font-size-2xl)}
.logo__tagline{display:none}
.logo__text{font-size:var(--font-size-lg)}
.section-title{font-size:var(--font-size-2xl)}
.stat-card__number{font-size:var(--font-size-3xl)}
.statistics__grid{grid-template-columns:1fr}
.process__timeline{grid-template-columns:1fr}
}

/* Print стили */
@media print{
body{font-size:12pt;color:black}
a{color:black;text-decoration:underline}
.btn,.cta,.footer,.header,.hero__actions,.nav{display:none}
}