/* KMP V4.2 FINAL POLISH
   Roboto corporate typography, larger navigation, denser hero and sharper glass UI.
*/
:root { --kmp-nav-font: 14px; }

html, body, button, input, textarea, select {
  font-family: "Roboto","Noto Sans Tamil",Arial,sans-serif !important;
}

body {
  letter-spacing: .005em;
}

nav[aria-label="Primary navigation"] {
  box-shadow: 0 18px 60px rgba(0,0,0,.20);
}

nav[aria-label="Primary navigation"] a {
  letter-spacing: .01em;
}

.hero-copy .section-label {
  font-size: 11px;
}

.hero-copy p {
  max-width: 760px;
}

.hero-visual .mesh-card {
  box-shadow:
    0 28px 90px rgba(0,0,0,.30),
    0 0 0 1px rgba(255,255,255,.02) inset;
}

.premium-card {
  box-shadow:
    0 16px 55px rgba(0,0,0,.18),
    0 1px 0 rgba(255,255,255,.03) inset;
}

.premium-card:hover {
  box-shadow:
    0 26px 70px rgba(0,0,0,.25),
    0 0 0 1px rgba(34,211,238,.06) inset;
}

.stat-chip {
  position: relative;
  min-width: 142px;
  padding-left: 20px;
}
.stat-chip > svg {
  width: 15px;
  height: 15px;
  margin-bottom: 10px;
  color: #67e8f9;
  opacity: .8;
}
.stat-chip b {
  line-height: 1;
  margin-bottom: 7px;
}

.authority-node {
  display:flex;
  gap:12px;
  align-items:flex-start;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.035);
  border-radius:16px;
  padding:14px;
  transition:all .3s ease;
}
.authority-node:hover {
  transform:translateY(-2px);
  background:rgba(255,255,255,.06);
  border-color:rgba(34,211,238,.16);
}
.authority-node > svg {
  width:17px;height:17px;
  color:#67e8f9;
  margin-top:1px;
  flex:0 0 auto;
}
.authority-node div > div {
  font-size:12px;
  font-weight:700;
  color:#f8fafc;
}
.authority-node small {
  display:block;
  margin-top:3px;
  font-size:10px;
  line-height:1.4;
  color:#64748b;
}

.section-title {
  line-height:1.06;
}

.tag-pill {
  font-weight:700;
}

.btn-primary,
.btn-secondary {
  min-height:44px;
  font-family:"Roboto","Noto Sans Tamil",Arial,sans-serif !important;
}

@media (min-width:1024px) {
  nav[aria-label="Primary navigation"] {
    padding-top: 13px;
    padding-bottom: 13px;
  }
}

@media (max-width:1023px) {
  nav[aria-label="Primary navigation"] a {
    font-size:15px !important;
  }
}

@media (max-width:640px) {
  .hero-copy h1 {
    font-size:48px !important;
  }
  .stat-chip {
    min-width:calc(50% - 6px);
  }
}

/* Tamil remains readable even though Roboto is global */
html[lang="ta"] body {
  font-family:"Noto Sans Tamil","Roboto",Arial,sans-serif !important;
}
html[lang="ta"] .section-title,
html[lang="ta"] h1,
html[lang="ta"] h2,
html[lang="ta"] h3 {
  letter-spacing:-.02em !important;
  line-height:1.28 !important;
}
\n\n/* V4.3 final navigation/layout hardening */\n@media (min-width:1024px){\n  .hero-visual{align-self:center;}\n}\n#scrollTopButton{will-change:transform,opacity;}\n#mobileMenuPanel{transform-origin:top center;}\n