:root{--c1:#0a6;--c2:#0b7;--bg:#0a6;--text:#111;--muted:#6b7280;}
.home-hero{background:linear-gradient(135deg,var(--c1),#067);color:#fff;padding:72px 0}
.hero-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
.hero-text h1{font-size:42px;margin:0 0 12px}
.hero-text p{font-size:18px;margin:0 0 20px;opacity:.95}
.btn{display:inline-block;border-radius:6px;padding:10px 16px;font-weight:600;transition:.2s ease}
.btn.primary{background:#ff6a00;color:#fff;border-color:#ff6a00}
.btn.primary:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(255,106,0,.35);background:#e85f00;border-color:#e85f00}
.btn.primary:focus{outline:2px solid rgba(255,106,0,.35);outline-offset:2px}
.btn.outline{border:1px solid #0a6;color:#0a6;background:#fff}
.btn.outline.external{position:relative;padding-right:34px}
.btn.outline.external:after{content:"↗";position:absolute;right:12px;top:50%;transform:translateY(-50%);font-weight:700;color:#0a6}
.btn.outline:hover{background:#0a6;color:#fff}
.btn.text{color:#0a6}

.home-brands{padding:64px 0;background:#f8fafc}
.section-head{margin-bottom:28px}
.section-head h2{margin:0 0 6px}
.section-head p{margin:0;color:var(--muted)}
.brand-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:16px}
@media (min-width: 900px){.brand-grid{grid-template-columns:repeat(2,1fr);gap:24px}}
@media (min-width: 1200px){.brand-grid{grid-template-columns:repeat(2,1fr);gap:28px}}
.brand-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;min-height:260px;margin:8px}
.brand-logo{display:flex;align-items:center;justify-content:center;height:84px;border-bottom:1px solid #f1f5f9;background:#fff}
.brand-logo img{max-height:48px;max-width:80%;object-fit:contain;filter:grayscale(10%)}
.brand-body{padding:18px}
.brand-name{margin:0 0 8px;font-size:18px}
.brand-meta{font-size:12px;color:var(--muted);margin-bottom:8px}
.brand-desc{font-size:14px;color:#334155;min-height:64px;margin:6px 0 8px}
.brand-more{margin:8px 0 0 0;padding-left:18px;color:#334155}
.brand-more li{margin:4px 0}
.brand-more strong{color:#0a6}
.brand-actions{margin-top:auto;display:flex;gap:12px;padding-top:8px}

.home-cta{padding:48px 0;background:#fff;text-align:center}
.home-cta h2{margin:0 0 8px}
.home-cta p{margin:0 0 14px;color:#334155}

/* contact form */
.contact-form{max-width:800px;margin:20px auto 0}
.form-grid{display:grid;grid-template-columns:1fr;gap:12px}
@media (min-width: 720px){.form-grid{grid-template-columns:1fr 1fr}}
.form-group{display:flex;flex-direction:column}
.form-span{grid-column:1 / -1}
.form-group label{font-weight:600;margin-bottom:6px}
.form-group input,.form-group textarea{padding:10px;border:1px solid #e5e7eb;border-radius:8px;font:inherit}
.notice{border-radius:8px;padding:10px 12px;margin:10px 0}
.notice.success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}
.notice.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}