*{box-sizing:border-box;margin:0;padding:0}
body{background:#FFFFFF;color:#1A1A1A;font-family:'Inter',sans-serif;min-height:100vh}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .4s ease,transform .4s ease}
.reveal.show{opacity:1;transform:translateY(0)}

/* HERO */
.hero{padding:4rem 1.5rem 3rem;max-width:80rem;margin:0 auto;border-bottom:1px solid #E5E5E5}
.hero-label{font-family:'Montserrat',sans-serif;font-weight:700;font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:#FFD700;margin-bottom:.8rem}
.hero h1{font-family:'Montserrat',sans-serif;font-weight:900;font-size:clamp(2.5rem,6vw,5rem);line-height:.92;margin-bottom:.8rem}
.hero h1 .accent{color:#FFD700}
.hero-sub{font-family:'Inter',sans-serif;font-size:.9rem;color:rgba(26,26,26,.55);line-height:1.75;max-width:500px}
.hero-tamil{font-family:'Noto Sans Tamil',sans-serif;font-size:1rem;color:#B8960A;margin-top:.5rem}

/* SOCIAL GRID */
.social-wrap{max-width:80rem;margin:0 auto;padding:2.5rem 1.5rem 0}
.social-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-bottom:2.5rem}

/* Social card */
.soc-card{border-radius:16px;padding:1.6rem 1.8rem;display:flex;align-items:flex-start;gap:1rem;transition:transform .2s,box-shadow .2s;text-decoration:none;position:relative;overflow:hidden}
.soc-card:hover{transform:translateY(-3px)}
.soc-card::after{content:'→';position:absolute;bottom:1.2rem;right:1.4rem;font-family:'Montserrat',sans-serif;font-weight:900;font-size:1.1rem;opacity:.3;transition:opacity .2s,transform .2s}
.soc-card:hover::after{opacity:1;transform:translateX(3px)}
.soc-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.soc-icon svg{width:24px;height:24px}
.soc-name{font-family:'Montserrat',sans-serif;font-weight:900;font-size:1rem;margin-bottom:.2rem}
.soc-handle{font-family:'Inter',sans-serif;font-size:.75rem;opacity:.65;margin-bottom:.3rem}
.soc-desc{font-family:'Inter',sans-serif;font-size:.72rem;line-height:1.6;opacity:.5}

/* WhatsApp */
.c-wa{background:linear-gradient(135deg,#075E54,#128C7E);color:#fff}
.c-wa .soc-icon{background:rgba(255,255,255,.15)}
/* YouTube */
.c-yt{background:linear-gradient(135deg,#8B0000,#CC0000);color:#fff}
.c-yt .soc-icon{background:rgba(255,255,255,.15)}
/* Instagram */
.c-ig{background:linear-gradient(135deg,#833AB4,#FD1D1D,#FCB045);color:#fff}
.c-ig .soc-icon{background:rgba(255,255,255,.15)}
/* Facebook */
.c-fb{background:linear-gradient(135deg,#1877F2,#0A5DC2);color:#fff}
.c-fb .soc-icon{background:rgba(255,255,255,.15)}
/* Twitter/X */
.c-tw{background:linear-gradient(135deg,#1A1A1A,#2A2A2A);border:1px solid #333;color:#fff}
.c-tw .soc-icon{background:rgba(255,255,255,.08)}
/* Telegram */
.c-tg{background:linear-gradient(135deg,#0088CC,#006699);color:#fff}
.c-tg .soc-icon{background:rgba(255,255,255,.15)}
/* Threads */
.c-th{background:linear-gradient(135deg,#101010,#222222);border:1px solid #333;color:#fff}
.c-th .soc-icon{background:rgba(255,255,255,.08)}
/* Pinterest */
.c-pi{background:linear-gradient(135deg,#8B0000,#E60023);color:#fff}
.c-pi .soc-icon{background:rgba(255,255,255,.15)}

/* EMAIL section */
.email-wrap{background:#F8F4EE;border:1px solid #E5E5E5;border-radius:16px;padding:2rem;margin-bottom:2rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}
.email-left h3{font-family:'Montserrat',sans-serif;font-weight:800;font-size:1rem;margin-bottom:.3rem}
.email-left p{font-family:'Inter',sans-serif;font-size:.8rem;color:rgba(26,26,26,.6);line-height:1.65;max-width:380px}
.email-btn{display:inline-flex;align-items:center;gap:.5rem;background:#800000;color:#FFD700;font-family:'Montserrat',sans-serif;font-weight:700;font-size:.78rem;padding:.65rem 1.4rem;border-radius:8px;text-decoration:none;transition:background .2s;white-space:nowrap}
.email-btn:hover{background:#A00000}

/* SHARE SECTION */
.share-section{background:#F8F4EE;border-radius:16px;border:1px solid #E5E5E5;padding:2rem;margin-bottom:2rem;text-align:center}
.share-section h3{font-family:'Montserrat',sans-serif;font-weight:800;font-size:1rem;margin-bottom:.4rem}
.share-section p{font-family:'Inter',sans-serif;font-size:.8rem;color:rgba(26,26,26,.55);margin-bottom:1.2rem;line-height:1.65}
.share-row{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem}
.sh-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1rem;border-radius:8px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:.72rem;text-decoration:none;transition:opacity .2s;cursor:pointer;border:none}
.sh-btn:hover{opacity:.85}

/* DISCLAIMER */
.disclaimer{border-top:1px solid #E5E5E5;padding:2rem 0 3rem;text-align:center}
.disclaimer p{font-family:'Inter',sans-serif;font-size:.75rem;color:rgba(26,26,26,.45);line-height:1.75;max-width:500px;margin:0 auto}
.disclaimer a{color:#B8960A;text-decoration:none}
.disclaimer a:hover{color:#FFD700}

/* Standard light nav.js styling now applies — no override needed */