html {
    margin: 0;
    padding: 0;
    height: 100%;
    background: #f6f9ff;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: env(safe-area-inset-bottom); /* фиксы для iPhone */
}

h1, h2, h3, p {
    margin-top: 0;
}

body { margin:0; 
       padding: 0; 
       height: 100%; 
       font-family:'Inter', 
       sans-serif; background:#f6f9ff; 
       color:#1a1a1a; }

.hero {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    min-height: 100vh;
    width: 101%;

    text-align: center;
    padding: 0 20px; /* вместо больших отступов */

    background: #0A4CFF; /* чистый синий */
    color: white;
}

@supports (-webkit-touch-callout: none) {
    .hero {
        min-height: -webkit-fill-available;
    }
}

.about {
    margin-top: 0 !important;
    padding-top: 40px;
}

.logo {
    width: 320px;
    margin-bottom: 25px;
}

h1 { font-size:58px; margin:0; font-weight:800; }
.subtitle { font-size:22px; margin-top:10px; opacity:0.9; }

.cta-btn {
    margin-top:25px; display:inline-block; padding:14px 32px;
    border-radius:30px; background:white; color:#0A4CFF;
    font-weight:700; text-decoration:none; transition:.25s;
}
.cta-btn:hover { background:#e6e6e6; }

section { max-width:1100px; margin:90px auto; padding:0 20px; }

section:last-of-type {
    margin-bottom: 0 !important;
    padding-bottom: 40px;
}

h2 { text-align:center; font-size:36px; margin-bottom:30px; }

/* Why */
.why-grid {
    display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:20px;
}
.card {
    background:white; padding:22px;
    border-radius:15px; box-shadow:0 8px 25px rgba(0,0,0,0.06);
    font-weight:600;
}

/* Product */
.product-flex {
    display:flex; gap:40px; flex-wrap:wrap; align-items:center;
}
.device-img {
    width:360px; border-radius:18px; box-shadow:0 8px 25px rgba(0,0,0,0.1);
}
.info ul { padding-left:20px; }
.info li { margin:8px 0; }

/* B2B */
.b2b-grid {
    display:grid; gap:25px;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
}
.b2b-item {
    background:white; padding:25px; border-radius:15px;
    box-shadow:0 8px 25px rgba(0,0,0,0.06);
}
.b2b-item h3 { margin-top:0; color:#0A4CFF; }

/* FAQ */
.faq-item { background:white; padding:20px; margin-bottom:15px; border-radius:12px; }
.faq-item span { font-weight:700; }

/* CTA */
.cta2 { text-align:center; }
footer {
    width: 101vw;
    margin: 0;
    padding: 20px 0;
    background: #0A4CFF;
    color: white;
    text-align: center;
}

.product-center {
    text-align: center;
    margin-bottom: 40px;
}

.product-center .device-img {
    width: 380px;
    border-radius: 18px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.1);
}