.hero{background:var(--grad-hero);padding:5.5rem 0;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:2.75rem;align-items:center}.hero h1{margin-bottom:1.1rem}.gradient-text{display:block;color:var(--color-primary)}.hero .lead{max-width:560px}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin:1.5rem 0}.hero-stats{display:flex;gap:2.4rem;flex-wrap:wrap}.hero-stats strong{display:block;font-size:1.5rem}.hero-stats span{font-size:.78rem;color:var(--color-text-faint)}.hero-visual{text-align:center}.hero-device-img{width:100%;max-width:1200px;height:auto;margin:auto;border-radius:20px;box-shadow:var(--shadow)}.floating-badge{display:inline-block;background:var(--color-surface-2);border:1px solid var(--color-border-strong);border-radius:14px;padding:.65rem .9rem;font-weight:600;box-shadow:var(--shadow);margin:.5rem}.media-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.media-chip{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.2rem;text-align:center}.media-chip img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px;margin-bottom:1rem}.media-chip h4{font-size:1rem}.media-chip p{color:var(--color-text-faint);font-size:.78rem}.install-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.install-card-wide{grid-column:1/-1;display:grid;grid-template-columns:1.05fr .95fr;gap:2.75rem}.install-card .btn{width:100%;margin-top:1rem}.feature-banner img{width:100%;border-radius:var(--radius-lg);margin-top:1.5rem}.faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:.75rem;overflow:hidden}.faq-q{width:100%;padding:1rem 1.2rem;text-align:left;color:#fff;font-weight:700;display:flex;justify-content:space-between}.faq-a{max-height:0;overflow:hidden;transition:max-height .3s}.faq-a-inner{padding:0 1.2rem 1.1rem;color:var(--color-text-faint);font-size:.875rem}@media(max-width:980px){.hero{padding:4rem 0}.hero-grid{grid-template-columns:1fr}.hero-visual{order:-1}.install-card-wide{grid-template-columns:1fr}}@media(max-width:700px){.media-strip{grid-template-columns:repeat(2,1fr)}.install-cards{grid-template-columns:1fr}}@media(max-width:430px){.media-strip{grid-template-columns:1fr}.hero-actions .btn{width:100%}}
.install-img{width:100%;border-radius:var(--radius);margin-top:1rem;box-shadow:var(--shadow)}
/* === Узкие текстовые секции (без широких элементов): нет пустого пространства === */
.section.narrow .container{max-width:860px}
.section.narrow p{max-width:70ch;line-height:1.75}

/* === Разделение функций на карточки === */
.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.6rem;margin-top:1.5rem;align-items:stretch}
.feature-card{display:flex;flex-direction:column;height:100%;background:linear-gradient(180deg,var(--color-surface),var(--color-surface-2));border:1px solid var(--color-border);border-radius:var(--radius);padding:1.7rem 1.6rem;transition:transform .2s,border-color .2s,box-shadow .2s}
.feature-card:hover{transform:translateY(-4px);border-color:var(--color-border-strong);box-shadow:var(--shadow)}
.feature-icon{flex:none;width:58px;height:58px;border-radius:16px;background:var(--color-primary-soft);display:flex;align-items:center;justify-content:center;font-size:1.7rem;margin-bottom:1.1rem;box-shadow:inset 0 0 0 1px rgba(255,184,3,.25)}
.feature-card h3{font-size:1.32rem;margin-bottom:.8rem}
.feature-card p{color:var(--color-text-faint);font-size:.9rem;margin-bottom:.9rem}
.feature-card ul{margin-bottom:.6rem}
@media(max-width:980px){.feature-grid{grid-template-columns:1fr}}

/* === Компактные шаги: меньше воздуха между пунктами === */
.steps{gap:.7rem;margin-top:.5rem}
.step{padding:.9rem 1rem;gap:.85rem}
@media(max-width:640px){.feature-grid{gap:1rem;padding:1.2rem 1.1rem}}
.feature-card .mt-auto{margin-top:auto}
/* === Установочные блоки: вертикальная последовательность === */
.install-cards{grid-template-columns:1fr}
.install-card-wide{grid-column:auto;display:block}
.install-card-wide>div{display:block}
.install-card-wide>div+div{margin-top:1.4rem;padding-top:1.2rem;border-top:1px solid var(--color-border-strong)}
/* --- Тонкая настройка split-блока (текст слева / картинка справа) --- */
.split .feature-banner{margin-top:0}
.split .feature-banner img{margin-top:0}