/* ── home.css — landing hero + the three great gateways ────────────────────*/

.hero { position: relative; text-align: center; padding: 3.4rem 0 1.2rem; }
.hero .chakra-mark { width: 92px; height: 92px; margin: 0 auto .8rem; filter: drop-shadow(0 8px 20px rgba(42,33,24,.28)); animation: floaty 6s ease-in-out infinite; }
@keyframes floaty { 0%,100%{ transform: translateY(0) } 50%{ transform: translateY(-8px) } }
.hero .sanskrit { font-family: var(--font-head); font-size: 1.1rem; color: var(--chakra); letter-spacing:.04em; }
.hero h1 {
  font-size: clamp(2.3rem, 6.2vw, 4.3rem); line-height: 1.05; margin: .5rem 0 .2rem;
  background: linear-gradient(115deg, var(--kesari-deep) 0%, var(--tag-milestone) 34%, var(--chakra) 66%, var(--harit-deep) 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.hero .tagline { font-size: clamp(1.02rem, 2.4vw, 1.28rem); color: var(--ink-soft); max-width: 60ch; margin: .6rem auto 0; }
.hero .tagline b { color: var(--ink); }
.hero-cta { display:flex; gap:.7rem; justify-content:center; flex-wrap:wrap; margin-top:1.5rem; }
.hero-stats { display:flex; gap:1.6rem; justify-content:center; flex-wrap:wrap; margin-top:2rem; color:var(--ink-soft); }
.hero-stats .s b { display:block; font: 800 1.7rem/1 var(--font-head); color:var(--kesari-deep); }
.hero-stats .s span { font-size:.78rem; text-transform:uppercase; letter-spacing:.1em; }
.hero-stats .s:nth-child(2) b { color: var(--chakra); }
.hero-stats .s:nth-child(3) b { color: var(--harit-deep); }

/* Section heading */
.sec-head { text-align:center; margin: 3rem 0 1.4rem; }
.sec-head h2 { font-size: clamp(1.5rem, 3.6vw, 2.2rem); }
.sec-head p { color: var(--ink-soft); margin-top:.4rem; }

/* The three gateways */
.gateways { display:grid; gap:1.3rem; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); }
.gateway {
  position:relative; overflow:hidden; border-radius: var(--r-xl);
  background: var(--card); border:1px solid var(--line-strong); box-shadow: var(--sh-2);
  padding: 1.6rem 1.5rem 1.5rem; transition: transform .25s var(--ease), box-shadow .25s var(--ease);
  display:flex; flex-direction:column;
}
.gateway:hover { transform: translateY(-6px); box-shadow: var(--sh-3); }
.gateway::before { content:""; position:absolute; inset:0 0 auto 0; height:6px; background: var(--gw, var(--kesari)); }
.gateway .gw-ico { font-size: 2.4rem; line-height:1; }
.gateway .gw-tag { font: 700 .7rem/1 var(--font-body); letter-spacing:.12em; text-transform:uppercase; color: var(--gw); margin-top:1rem; }
.gateway h3 { font-size: 1.4rem; margin-top:.4rem; }
.gateway .gw-period { font: 600 .78rem/1 var(--font-mono); color: var(--ink-faint); margin-top:.35rem; }
.gateway p { color: var(--ink-soft); font-size:.92rem; margin-top:.7rem; flex:1; }
.gateway .gw-names { display:flex; flex-wrap:wrap; gap:.35rem; margin-top:.9rem; }
.gateway .gw-names span { font:600 .72rem/1 var(--font-body); padding:.32rem .5rem; border-radius:999px; background:var(--parchment-2); border:1px solid var(--line); color:var(--ink-soft); }
.gateway .gw-go { margin-top:1.1rem; display:inline-flex; align-items:center; gap:.5rem; font-weight:700; color: var(--gw); }
.gateway:hover .gw-go { gap:.8rem; }

.gw-ind  { --gw: var(--tag-revolutionary); }
.gw-370  { --gw: var(--chakra); }
.gw-modi { --gw: var(--harit-deep); }

/* About / sources strip */
.about {
  margin-top:3rem; border-radius: var(--r-xl); overflow:hidden;
  border:1px solid var(--line-strong); background: var(--parchment-2);
}
.about-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(220px,1fr)); }
.about-cell { padding:1.4rem 1.5rem; border-right:1px solid var(--line); }
.about-cell:last-child { border-right:none; }
.about-cell .ac-ico { font-size:1.5rem; }
.about-cell h4 { font-size:1.05rem; margin:.5rem 0 .3rem; }
.about-cell p { font-size:.88rem; color:var(--ink-soft); }
.about-cell a { color: var(--chakra); text-decoration:underline; text-underline-offset:2px; }

.tricolor-rule { height:4px; border-radius:2px; margin: 2.6rem 0 0; background: linear-gradient(90deg,var(--kesari) 0 33.3%,var(--white) 33.3% 66.6%,var(--harit) 66.6%); }

@media (max-width:560px){ .hero-stats { gap:1.1rem; } .about-cell { border-right:none; border-bottom:1px solid var(--line); } }