/* HERO */
    .hero{max-width:var(--max-w);margin:36px auto;padding:36px 20px;display:grid;grid-template-columns:1fr 420px;gap:36px;align-items:center}
    .hero-left h1{font-size:48px;margin:0 0 12px}
    .hero-left p{color:var(--muted);font-size:18px;margin:0 0 18px}
    .hero-cta{display:flex;gap:12px}
    .hero-visual{background:linear-gradient(180deg,#fff,#f7fbff);border-radius:20px;padding:28px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 30px rgba(15,15,15,0.06)}
    .mock{width:320px;height:380px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 1px 0 rgba(255,255,255,0.6)}
    .mock h3{margin:0 0 6px}

    /* PRODUCT SCREENS */
    .product-screen{display:flex;align-items:center;justify-content:center;padding:40px 20px}
    .product-row{max-width:var(--max-w);width:100%;display:flex;gap:var(--gap);}
    .product{flex:1;background:var(--card);border-radius:16px;padding:28px;display:flex;gap:20px;align-items:center;box-shadow:0 8px 30px rgba(12,13,14,0.06)}
    .product .img{width:45%;min-height:220px;border-radius:12px;background:linear-gradient(180deg,#f3f6fb,#ffffff);display:flex;align-items:center;justify-content:center}
     .product .img img{width:95%}
    .product .meta{flex:1}
    .product h3{margin:0 0 8px}
    .product p{margin:0 0 12px;color:var(--muted)}
    .product .specs{display:flex;gap:10px;flex-wrap:wrap}
    .chip{background:#f5f6f8;padding:6px 10px;border-radius:12px;font-size:13px;color:var(--muted)}

    /* NEWS */
    .news{max-width:var(--max-w);margin:30px auto;padding:36px 20px}
    .news h2{margin:0 0 18px}
    .news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .news-card{background:var(--card);padding:18px;border-radius:12px;box-shadow:0 6px 20px rgba(12,13,14,0.04)}
    .news-card h4{margin:0 0 8px;font-size:16px}
    .news-card p{margin:0;color:var(--muted);font-size:14px}
    .fade-in{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}
.fade-in.visible{opacity:1;transform:translateY(0)}