
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Arial,Helvetica,sans-serif;background:#0a0a0a;color:#fff;line-height:1.6}
.site-header{background:#000;padding:12px 24px;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,0.08)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1200px;margin:0 auto}
.logo{height:64px}
.main-nav ul{display:flex;gap:18px;list-style:none;flex-wrap:wrap}
.main-nav a{text-decoration:none;color:#ffd700;font-weight:700}
.panel{display:none;min-height:60vh;padding:60px 20px;opacity:0;transition:opacity .4s ease}
.panel.visible{display:block;opacity:1}
.panel-inner{max-width:1100px;margin:0 auto}
.hero{background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;min-height:72vh}
.overlay{background:rgba(0,0,0,.5);padding:40px;border-radius:10px;text-align:center}
h1{color:#ffd700;font-size:3rem;margin-bottom:8px}
.subtitle{color:#fff;font-size:1.25rem;margin-bottom:16px}
.cta{display:inline-block;background:#ffd700;color:#000;padding:12px 18px;border-radius:8px;font-weight:700;text-decoration:none}
h2{color:#ffd700;margin-bottom:16px}
.products-list{columns:2;column-gap:40px;margin:10px 0 20px}
.presence-img{max-width:100%;display:block;margin:20px 0;border-radius:8px}
.team-grid{display:flex;gap:20px;flex-wrap:wrap}
.team-member{background:#0f0f0f;padding:18px;border-radius:10px;flex:1;min-width:240px;box-shadow:0 0 0 1px rgba(255,255,255,0.06)}
form{display:flex;flex-direction:column;max-width:600px;gap:12px}
input,textarea{padding:12px;border-radius:8px;border:none;background:#161616;color:#fff;outline:none}
button{background:#ffd700;color:#000;padding:12px 18px;border-radius:8px;border:none;font-weight:700;cursor:pointer}
.note{margin-top:10px;color:#bbb;font-size:.95rem}
footer{background:#000;padding:22px;text-align:center;color:#bbb;margin-top:40px}
@media(max-width:900px){
  .products-list{columns:1}
  h1{font-size:2.2rem}
  .logo{height:56px}
}
