:root{--bg:#121212;--card:#1f1f1f;--text:#f0f0f0;--muted:#c7c7c7;--accent:#00bfff;--accent-alt:#1ef2ff}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:'Roboto',sans-serif;color:var(--text);background:var(--bg);scroll-behavior:smooth}
.nav{position:fixed;top:0;left:0;right:0;background:rgba(31,31,31,.9);backdrop-filter:blur(6px);border-bottom:1px solid rgba(255,255,255,.06);z-index:1000}
.nav-inner{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:10px 16px}
.logo{height:44px;width:auto;display:block}
.nav-links{list-style:none;display:flex;gap:24px;margin:0;padding:0}
.nav a{color:var(--accent);text-decoration:none;font-weight:700;transition:color .25s ease}
.nav a:hover{color:var(--accent-alt)}
.nav-contact{color:var(--muted);font-size:.85rem;margin-right:20px}
.nav-contact a{color:var(--accent);text-decoration:none;margin:0 6px}
.nav-contact a:hover{color:var(--accent-alt)}
.section{padding:96px 20px;text-align:center}
.hero{height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;background-size:cover;background-position:center}
.hero .overlay{background:rgba(0,0,0,.55);padding:34px 26px;border-radius:16px}
.hero h1{font-size:3rem;margin:0 0 8px}
.hero p{font-size:1.15rem;color:var(--accent)}
.products{background-size:cover;background-position:center;color:var(--text)}
.product-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px;margin-top:26px;max-width:1100px;margin:26px auto 0}
.product{background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.08);padding:24px;border-radius:14px;font-weight:700;transition:transform .25s ease,box-shadow .25s ease}
.product:hover{transform:translateY(-6px);box-shadow:0 12px 28px rgba(0,0,0,.35)}
.contact-form{display:flex;flex-direction:column;gap:16px;max-width:520px;margin:24px auto;background:var(--card);padding:24px;border-radius:14px}
.contact-form input,.contact-form textarea{background:#141414;color:var(--text);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:12px 14px;outline:none;font-size:1rem}
.contact-form textarea{min-height:140px;resize:vertical}
.contact-form button{background:var(--accent);color:#111;border:none;border-radius:10px;padding:14px 16px;font-weight:800;cursor:pointer}
.contact-form button:hover{background:var(--accent-alt)}
.contact-details{text-align:center;margin-top:20px}
.contact-details p{margin:6px 0}
.contact-details a{color:var(--accent);text-decoration:none}
.contact-details a:hover{color:var(--accent-alt)}
ul.industries{list-style:none;padding:0;margin:18px auto 0;display:grid;gap:10px}
ul.industries li{color:var(--text)}
#home{padding-top:64px}