/* DAMS — minimalist brand styles v4 */
:root { --brand: #7AC943; --brand-dark: #5CA82F; --text:#0f172a; --muted:#475569; --border:#e2e8f0; --surface:#f5f7fb; }
*{box-sizing:border-box} html,body{margin:0;padding:0} body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Noto Sans","Microsoft YaHei","PingFang SC","WenQuanYi Zen Hei",sans-serif;color:var(--text)}
.container{max-width:1100px;margin:0 auto;padding:0 24px}
.site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--border)} .header-inner{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:12px} .logo{width:36px;height:36px;object-fit:contain} .main-nav ul{list-style:none;display:flex;gap:24px;margin:0;padding:0}
.main-nav a{text-decoration:none;color:var(--text)} .main-nav a:hover{color:var(--brand)} .lang-switcher select{padding:8px 10px;border:1px solid var(--border);border-radius:8px}
.hero{background:linear-gradient(90deg,#0d1b2a,#142c54);color:#fff} .hero-inner{display:grid;grid-template-columns:1.2fr 0.8fr;gap:24px;align-items:center;min-height:360px} .hero-placeholder{height:220px;border:1px dashed rgba(255,255,255,0.35);border-radius:12px}
.section{padding:56px 0} .section-alt{background:var(--surface)} .product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px} .product-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:10px;text-decoration:none;font-weight:600} .btn-primary{background:var(--brand);color:#fff} .btn-primary:hover{background:var(--brand-dark)} .btn-secondary{background:#e2e8f0;color:var(--text)}
.contact-layout{display:grid;grid-template-columns:1.1fr 0.9fr;gap:24px} .form{display:grid;gap:12px;max-width:520px} .form-field input,.form-field textarea{padding:10px 12px;border:1px solid var(--border);border-radius:8px} .map{min-height:320px;border-radius:12px;overflow:hidden;border:1px solid var(--border)}
.footer-inner{display:flex;align-items:center;justify-content:space-between;min-height:64px} .footer-links{display:flex;gap:16px}
@media(max-width:960px){.hero-inner,.contact-layout{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr 1fr}} @media(max-width:640px){.product-grid{grid-template-columns:1fr}.main-nav{display:none}}