/* MMT Acoustix .in - APPLICATION PAGES. Scoped to .ma so old site CSS is untouched.
   Palette matches the home page: white, soft grey, graphite, dark rust, orange hover. */
body.ma-page{margin:0;background:#fff}
.ma{
  --ink:#15171A; --text:#3A3D42; --muted:#6B7078; --line:#E7E8EB; --soft:#F4F5F7; --blush:#FBF4F0;
  --rust:#8A3416; --orange:#E8621C; --graphite:#15171A; --g-text:#B9BCC2; --g-line:#2C3035; --wa:#25D366;
  font-family:'Karla',system-ui,sans-serif;color:var(--text);background:#fff;-webkit-font-smoothing:antialiased;line-height:1.6;
  clear:both;overflow:hidden;font-size:16px;
}
.ma *{box-sizing:border-box;margin:0;padding:0;float:none;border:0;background:none;text-align:left;line-height:inherit;font-family:inherit;}
.ma ul,.ma ol{list-style:none;}
.ma a{color:var(--rust);text-decoration:none;}
.ma a:hover{color:var(--orange);}
.ma img{display:block;max-width:100%;height:auto;}
.ma strong,.ma b{font-weight:700;color:var(--ink);}
.ma-wrap{max-width:1240px;margin:0 auto;padding:0 28px;}
.ma h1,.ma h2,.ma h3{font-family:'Montserrat',sans-serif;color:var(--ink);letter-spacing:-.01em;line-height:1.2;}
.ma-eyebrow{font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--rust);margin-bottom:10px;}
.ma-h2{font-size:clamp(24px,2.6vw,34px);font-weight:800;max-width:860px;margin-bottom:14px;}
.ma-h3{font-size:18px;font-weight:700;margin:34px 0 12px;}
.ma-body{font-size:16.5px;color:var(--text);max-width:820px;margin-bottom:12px;}
.ma-note{font-size:14px;color:var(--muted);margin-top:18px;padding:12px 16px;border-left:3px solid var(--rust);background:var(--blush);border-radius:0 8px 8px 0;max-width:900px;}
.ma-link{font-weight:700;}

/* HERO */
.ma-hero{background:linear-gradient(180deg,#FBF4F0 0%,#fff 100%);padding:34px 0 40px;border-bottom:1px solid var(--line);}
.ma-hgrid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;}
.ma-crumb{font-size:13px;color:var(--muted);margin-bottom:18px;}
.ma-crumb a{color:var(--muted);}
.ma-crumb span{margin:0 8px;opacity:.6;}
.ma-hero h1{font-size:clamp(30px,3.6vw,46px);font-weight:800;margin-bottom:16px;}
.ma-lead{font-size:18px;color:var(--text);max-width:600px;}
.ma-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;}
.ma-btn{display:inline-flex;align-items:center;gap:9px;height:50px;padding:0 24px;border-radius:999px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:14.5px;transition:background .15s,color .15s;}
.ma .ma-btn-wa{background:var(--wa);color:#fff;}
.ma .ma-btn-wa:hover{background:#1DA851;color:#fff;}
.ma .ma-btn-rust{background:var(--rust);color:#fff;}
.ma .ma-btn-rust:hover{background:var(--orange);color:#fff;}
.ma-media{border-radius:20px;overflow:hidden;background:var(--soft);aspect-ratio:16/10;}
.ma-media img{width:100%;height:100%;object-fit:cover;}
.ma-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:34px;border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden;}
.ma-key{padding:16px 18px;border-left:1px solid var(--line);}
.ma-key:first-child{border-left:0;}
.ma-key dt{font-family:'Montserrat',sans-serif;font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--rust);margin-bottom:6px;}
.ma-key dd{font-size:14.5px;color:var(--ink);line-height:1.45;}
.ma-hnote{font-size:14px;color:var(--muted);margin-top:16px;max-width:980px;}

/* SECTIONS */
.ma-sec{padding:72px 0;}
.ma-sec--soft{background:var(--soft);}
.ma-sec--white{background:#fff;}
.ma-sec--dark{background:var(--graphite);}
.ma-sec--dark .ma-h2,.ma-sec--dark h3{color:#fff;}
.ma-sec--dark .ma-eyebrow{color:var(--orange);}
.ma-sec--dark .ma-body,.ma-sec--dark p{color:var(--g-text);}

/* spec list: title left, text right */
.ma-spec{margin-top:26px;border-top:2px solid var(--ink);}
.ma-spec > li{display:grid;grid-template-columns:300px 1fr;gap:28px;padding:22px 0;border-bottom:1px solid var(--line);}
.ma-spec > li > h3{font-size:18px;font-weight:700;}
.ma-spec .ma-body{margin-bottom:8px;}

/* bullet lists */
.ma-list{margin:10px 0 0;}
.ma-list li{position:relative;padding-left:20px;margin-bottom:7px;font-size:15.5px;}
.ma-list li::before{content:"";position:absolute;left:0;top:10px;width:8px;height:8px;border-radius:2px;background:var(--rust);}

/* layer stack */
.ma-stack{counter-reset:none;margin-top:30px;display:grid;gap:16px;}
.ma-stack > li{display:grid;grid-template-columns:260px 1fr;gap:0;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;}
.ma-sec--soft .ma-stack > li{background:#fff;}
.ma-stack figure{background:var(--soft);min-height:200px;position:relative;}
.ma-stack figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.ma-stack-t{padding:22px 26px;}
.ma-stack-n{font-family:'Montserrat',sans-serif;font-weight:800;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:var(--rust);display:inline-block;padding:4px 10px;border-radius:999px;margin-bottom:10px;}
.ma-stack-t h3{font-size:19px;font-weight:800;margin-bottom:8px;}
.ma-stack-t h3 a{color:var(--ink);}
.ma-stack-t h3 a:hover{color:var(--orange);}
.ma-stack-t p{font-size:15.5px;margin-bottom:8px;}
.ma-stack-s{font-size:14px !important;color:var(--muted);background:var(--soft);padding:10px 12px;border-radius:10px;margin-top:6px;}

/* tables */
.ma-tblwrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;margin-top:10px;background:#fff;}
.ma-tbl{width:100%;border-collapse:collapse;font-size:14.5px;min-width:640px;}
.ma-tbl th,.ma-tbl td{padding:13px 16px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--text);}
.ma-tbl thead th{font-family:'Montserrat',sans-serif;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:var(--soft);}
.ma-tbl tbody th{font-weight:700;color:var(--ink);font-family:'Montserrat',sans-serif;font-size:14px;}
.ma-tbl tr:last-child td,.ma-tbl tr:last-child th{border-bottom:0;}

/* zones */
.ma-zones{margin-top:30px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.ma-zones > li{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;}
.ma-zones figure{aspect-ratio:16/9;background:var(--soft);overflow:hidden;}
.ma-zones figure img{width:100%;height:100%;object-fit:cover;}
.ma-zones > li > div{padding:22px 24px 24px;}
.ma-zones h3{font-size:19px;font-weight:800;margin-bottom:8px;}

/* mistakes (dark) */
.ma-mistakes{margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.ma-mistakes li{border:1px solid var(--g-line);border-radius:16px;padding:22px;background:#1D2024;}
.ma-mistakes h3{font-size:17px;font-weight:800;margin-bottom:8px;color:#fff;}
.ma-mistakes p{font-size:15px;color:var(--g-text);}
.ma-sec--dark a{color:#F6C8B0;}

/* rows, logos, figures */
.ma-rows{margin-top:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.ma-rows li{background:var(--soft);border-radius:14px;padding:18px;}
.ma-rows b{display:block;font-family:'Montserrat',sans-serif;font-size:12px;letter-spacing:.12em;color:var(--rust);margin-bottom:6px;}
.ma-rows p{font-size:15px;}
.ma-logos{margin-top:24px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.ma-logos li{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;}
.ma-logos img{width:100%;height:100%;object-fit:cover;}
.ma-fig{margin:26px 0 0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;max-width:980px;}
.ma-fig img{width:100%;}
.ma-noimg{display:none !important;}
.ma-stack > li:has(figure.ma-noimg){grid-template-columns:1fr;}

/* FAQ */
.ma-faq{margin-top:22px;border-top:1px solid var(--line);max-width:980px;}
.ma-faq details{border-bottom:1px solid var(--line);}
.ma-faq summary{cursor:pointer;list-style:none;padding:18px 40px 18px 0;position:relative;font-family:'Montserrat',sans-serif;font-weight:700;font-size:16.5px;color:var(--ink);}
.ma-faq summary::-webkit-details-marker{display:none;}
.ma-faq summary::after{content:"+";position:absolute;right:6px;top:14px;font-size:24px;font-weight:600;color:var(--rust);}
.ma-faq details[open] summary::after{content:"\2013";}
.ma-a{padding:0 0 18px;font-size:15.5px;color:var(--text);max-width:860px;}

/* other applications */
.ma-otherlist{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;}
.ma-otherlist a{display:inline-block;padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);font-family:'Montserrat',sans-serif;font-weight:600;font-size:14px;transition:border-color .15s,color .15s;}
.ma-otherlist a:hover{border-color:var(--rust);color:var(--rust);}

.ma-page .mx-footer{margin-top:0;}

@media (max-width:1000px){
  .ma-hgrid{grid-template-columns:1fr;gap:28px;}
  .ma-keys{grid-template-columns:repeat(2,1fr);}
  .ma-key:nth-child(3){border-left:0;}
  .ma-key:nth-child(n+3){border-top:1px solid var(--line);}
  .ma-mistakes{grid-template-columns:repeat(2,1fr);}
  .ma-spec > li{grid-template-columns:1fr;gap:8px;}
}
@media (max-width:760px){
  .ma-wrap{padding:0 20px;}
  .ma-sec{padding:52px 0;}
  .ma-hero{padding:22px 0 30px;}
  .ma-lead{font-size:16.5px;}
  .ma-btn{width:100%;justify-content:center;}
  .ma-keys{grid-template-columns:1fr;}
  .ma-key{border-left:0 !important;border-top:1px solid var(--line);}
  .ma-key:first-child{border-top:0;}
  .ma-stack > li{grid-template-columns:1fr;}
  .ma-stack figure{min-height:0;aspect-ratio:16/9;}
  .ma-zones,.ma-mistakes,.ma-rows{grid-template-columns:1fr;}
  .ma-logos{grid-template-columns:repeat(2,1fr);}
}