/*
Theme Name: Nanosystems Theme v2
Description: Closer visual match to the provided design. WPBakery-compatible demo.
Version: 1.1
*/
:root{
  --blue:#007BBD;
  --navy:#0A1A2F;
  --light:#EAF4FA;
  --muted:#7a8aa0;
  --accent:#F48342;
  --radius:18px;
}
body{ margin:0; font-family: Inter, 'Helvetica Neue', Arial, sans-serif; color:var(--navy); background:#fff;}
.container{ max-width:1100px; margin:0 auto; padding:60px 20px;}
.header{ padding:18px 0; display:flex; align-items:center; justify-content:space-between; }
.main-hero{ background:var(--light); border-radius:var(--radius); padding:64px; display:flex; gap:40px; align-items:center; box-shadow: 0 6px 14px rgba(6,30,54,0.03);}
.hero-text h1{ font-size:44px; line-height:1.02; margin:0 0 18px 0;}
.hero-text p{ color:var(--muted); margin:0 0 18px 0; font-size:15px;}
.hero-graphic{ flex:1; display:flex; justify-content:center; }
.hero-graphic img{ max-width:420px; display:block; }

.product-row{ display:flex; gap:40px; align-items:center; margin:70px 0; }
.product-row .product-image img{ width:100%; max-width:420px; border-radius:16px; display:block; }
.product-row .product-content h4{ color:var(--blue); margin:0 0 10px 0; font-weight:700; }
.product-row .product-content h2{ margin:0 0 12px 0; font-size:22px; }
.product-row .product-content p{ color:var(--muted); margin:0 0 16px 0; }

.btn-blue{ display:inline-block; padding:10px 18px; background:var(--blue); color:#fff !important; border-radius:24px; text-decoration:none; font-weight:600;}
.newsletter{ text-align:center; margin:80px 0; }
.newsletter h2{ font-size:22px; margin-bottom:18px; }
.footer{ background:#fff; border-top:1px solid #eef3f7; padding:40px 0; color:var(--muted); font-size:14px; }
.footer-columns{ display:flex; gap:40px; flex-wrap:wrap; }
.footer-columns > div{ flex:1; min-width:180px; }

/* Responsive */
@media(max-width:900px){
  .main-hero{ flex-direction:column; text-align:center; padding:36px; }
  .product-row{ flex-direction:column-reverse; }
  .product-row:nth-child(even){ flex-direction:column-reverse; }
  .product-row .product-image img{ max-width:100%; }
}