:root{
	--primary:#2b6cb0;
	--accent:#f6ad55;
	--bg:#0f1720;
	--muted:#94a3b8;
	--card:#0b1220;
	--max-width:1100px;
	--radius:10px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
	font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
	margin:0;
	background:linear-gradient(180deg,var(--bg),#071022 70%);
	color:#e6eef8;
}
.container{max-width:var(--max-width);margin:0 auto;padding:1.25rem}
.nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}
.brand{font-weight:700;color:var(--accent);text-decoration:none;font-size:1.25rem}
.nav-links{display:flex;gap:1rem;list-style:none;margin:0;padding:0}
.nav-links a{color:var(--muted);text-decoration:none}
.nav-toggle{display:none;background:none;border:0;color:var(--muted);font-size:1.25rem}
.hero{display:flex;gap:2rem;align-items:center;padding:2rem 0}
.hero-inner{flex:1}
.hero-media img{max-width:360px;border-radius:12px;display:block;box-shadow:0 6px 30px rgba(0,0,0,.6)}
.lead{color:var(--muted);max-width:55ch}
.btn{display:inline-block;background:var(--primary);color:white;padding:.6rem .9rem;border-radius:8px;text-decoration:none}
.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.06)}
.features{display:flex;gap:1rem;margin-top:1rem}
.features article{background:rgba(255,255,255,.02);padding:1rem;border-radius:10px;flex:1}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1rem}
.card{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01));padding:1rem;border-radius:10px}
.card img{width:100%;height:140px;object-fit:cover;border-radius:8px}
.news .news-item{background:rgba(255,255,255,.02);padding:1rem;border-radius:8px;margin-bottom:.75rem}
.site-footer{border-top:1px solid rgba(255,255,255,.03);padding:1rem 0;margin-top:2rem}
.product-controls{display:flex;gap:.75rem;align-items:center;margin:1rem 0}
.product-controls select,.product-controls input{padding:.6rem;border-radius:8px;border:0;background:rgba(255,255,255,.03);color:var(--muted)}
.products-grid .product{background:rgba(255,255,255,.02);padding:1rem;border-radius:10px;transition:transform .3s,box-shadow .3s}
.products-grid .product img{width:100%;height:140px;object-fit:cover;border-radius:8px;margin-bottom:.5rem}
.products-grid .product:hover{transform:translateY(-6px);box-shadow:0 10px 30px rgba(0,0,0,.6)}
.about .member img,.team .member img{width:100%;height:160px;object-fit:cover;border-radius:8px}
.contact{display:grid;grid-template-columns:1fr 320px;gap:2rem}
.contact-form{display:flex;flex-direction:column;gap:.6rem}
.contact-form input,.contact-form textarea{padding:.6rem;border-radius:8px;border:0;background:rgba(255,255,255,.03);color:var(--muted)}
.contact-info address{font-style:normal;color:var(--muted)}
.form-message{color:var(--accent);margin-top:.5rem}
@media (max-width:900px){
	.hero{flex-direction:column}
	.nav-toggle{display:block}
	.nav-links{display:none;position:absolute;top:64px;right:16px;background:#071428;padding:1rem;border-radius:8px}
	.contact{grid-template-columns:1fr}
}
/* Smooth reveal animations */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.reveal.visible{opacity:1;transform:none}
.more{text-align:center;margin-top:1rem}