html {
  scroll-behavior: smooth;
}

/* Fonts & Reset */
* {margin:0;padding:0;box-sizing:border-box;font-family:'Inter',sans-serif;}
body {background:#F5F6FA;color:#1F2937;line-height:1.6;font-size:16px;}
.container {width:90%;max-width:1200px;margin:0 auto;}

/* Header */
header{position:sticky;top:0;z-index:1000;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:15px 0;box-shadow:0 2px 8px rgba(0,0,0,0.08);}
.logo{font-size:28px;font-weight:700;color:#4F46E5;}
nav ul{list-style:none;display:flex;gap:25px;}
nav ul li a{color:#1F2937;text-decoration:none;font-weight:500;transition:0.3s;}
nav ul li a:hover{color:#4F46E5;}
.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;margin-right:20px;}
.burger div{width:25px;height:3px;background:#1F2937;border-radius:2px;}

/* Hero-block */
#hero{height:90vh;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:#4F46E5;color:#fff;}
#hero .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(79,70,229,0.3);}
.hero-content{position:relative;z-index:2;max-width:700px;opacity:0;transform:translateY(30px);transition:all 0.8s ease-out;}
.hero-content.show{opacity:1;transform:translateY(0);}
.btn{background:#4F46E5;color:#fff;padding:15px 30px;border-radius:6px;font-weight:600;transition:all 0.3s;}
.btn:hover{background:#6366F1;transform:scale(1.05);}

/* Services */
#services{padding:80px 0;text-align:center;}
#services h2{font-size:36px;margin-bottom:50px;color:#1F2937;}
.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:30px;}
.service-card{background:#fff;padding:25px;border-radius:12px;box-shadow:0 12px 20px rgba(0,0,0,0.05);transition:all 0.3s;}
.service-card:hover{transform:translateY(-8px);box-shadow:0 15px 25px rgba(0,0,0,0.12);}
.service-card svg{width:50px;height:50px;margin-bottom:15px;stroke:#4F46E5;stroke-width:2;fill:none;}
.service-card h3{margin-bottom:12px;font-weight:600;}
.service-card p{color:#4B5563;font-size:15px;}

/* Products */
#products{padding:80px 0;text-align:center;background:#F5F6FA;}
.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;margin-top:40px;}
.product-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 10px 18px rgba(0,0,0,0.06);transition:all 0.3s;cursor:pointer;text-align:center;}
.product-card:hover{transform:translateY(-6px);box-shadow:0 14px 24px rgba(0,0,0,0.1);}
.product-card svg{width:60px;height:60px;margin-bottom:15px;stroke:#4F46E5;stroke-width:2;fill:none;}
.product-card h3{font-weight:600;margin-bottom:8px;}
.product-card p{color:#4B5563;font-size:14px;}

/* About */
#about{padding:80px 0;text-align:center;}
#about h2{font-size:36px;margin-bottom:30px;color:#1F2937;max-width:700px;margin:0 auto;}
#about p{color:#4B5563;font-size:16px;max-width:700px;margin:0 auto;}

/* Contact */
#contact{padding:80px 0;text-align:center;}
form{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:15px;}
form input, form select, form textarea{padding:12px;border-radius:6px;border:1px solid #D1D5DB;font-size:15px;width:100%;transition:border 0.3s;}
form input:focus, form select:focus, form textarea:focus{border-color:#4F46E5;outline:none;}
form button{background:#4F46E5;color:#fff;padding:14px;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s;}
form button:hover{background:#6366F1;}
.contacts{max-width:600px;margin:30px auto;text-align:center;}
.contacts a{color:#4F46E5;text-decoration:none;}
.success{color:#10B981;font-weight:700;margin-bottom:20px;}

/* Footer */
footer{background:#111;color:#fff;text-align:center;padding:25px 0;}

/* Animations */
.fade-up{opacity:0;transform:translateY(30px);transition:all 0.7s ease-out;}
.fade-up.show{opacity:1;transform:translateY(0);}
[data-parallax]{transition:transform 0.3s ease-out;}

/* Responsive */
@media(max-width:768px){
  .burger{display:flex;}
  nav{display:none;flex-direction:column;width:100%;background:#fff;position:absolute;top:70px;left:0;box-shadow:0 6px 18px rgba(0,0,0,0.08);}
  nav.active{display:flex;}
  nav ul{flex-direction:column;gap:15px;padding:15px 0;}
}

#hero-slider {position:relative;width:100%;height:80vh;overflow:hidden;}
.slider-wrapper {position:relative;width:100%;height:100%;}
.slide {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1s ease-in-out;}
.slide.active {opacity:1;z-index:2;}
.slide img {width:100%;height:100%;object-fit:cover;}
.slide-text {position:absolute;bottom:30px;left:50%;transform:translateX(-50%);color:#fff;background:rgba(0,0,0,0.4);padding:15px 25px;border-radius:8px;font-size:18px;text-align:center;max-width:80%;}
.slider-controls {position:absolute;top:50%;width:100%;display:flex;justify-content:space-between;transform:translateY(-50%);}
.slider-controls span {cursor:pointer;font-size:40px;color:#fff;padding:10px;transition:0.3s;}
.slider-controls span:hover {color:#6366F1;}
.slider-dots {position:absolute;bottom:15px;width:100%;text-align:center;}
.slider-dots .dot {display:inline-block;width:12px;height:12px;margin:0 5px;background:#fff;border-radius:50%;opacity:0.5;cursor:pointer;transition:0.3s;}
.slider-dots .dot.active {opacity:1;background:#4F46E5;}

#hero {position:relative;width:100%;height:90vh;overflow:hidden;}
.slider-wrapper {position:relative;width:100%;height:100%;}
.slide {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1s ease-in-out;}
.slide.active {opacity:1;z-index:2;}
.slide img {width:100%;height:100%;object-fit:cover;}
/* Статичный текст на слайде с эффектом стекла */
.slide-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* больше нет translateY для параллакса */
    color: #fff;
    text-align: center;
    opacity: 0;
    transition: all 1s ease-out;

    background: rgba(0,0,0,0.35);
    backdrop-filter: blur(8px);
    border-radius: 12px;
    padding: 25px 35px;
    max-width: 80%;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
}

.slide.active .slide-content {
    opacity: 1;
}

/* Текстовые элементы остаются внутри */
.slide-content h2 {font-size:3rem;margin-bottom:20px;font-weight:700;}
.slide-content p {font-size:1.2rem;margin-bottom:25px;}
.slide-content .btn {z-index:2;}.slide.active .slide-content {opacity:1;transform:translate(-50%,-50%) translateY(0);}
.slide-content h2 {font-size:3rem;margin-bottom:20px;font-weight:700;}
.slide-content p {font-size:1.2rem;margin-bottom:25px;}
.slider-controls {position:absolute;top:50%;width:100%;display:flex;justify-content:space-between;transform:translateY(-50%);}
.slider-controls span {cursor:pointer;font-size:50px;color:#fff;padding:10px;transition:0.3s;}
.slider-controls span:hover {color:#6366F1;}
.slider-dots {position:absolute;bottom:25px;width:100%;text-align:center;}
.slider-dots .dot {display:inline-block;width:12px;height:12px;margin:0 5px;background:#fff;border-radius:50%;opacity:0.5;cursor:pointer;transition:0.3s;}
.slider-dots .dot.active {opacity:1;background:#4F46E5;}