@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&display=swap');
:root{--ink:#101820;--red:#e34b3f;--gold:#d7a84e;--paper:#f5f2ec;--muted:#687178;--line:#d9d7d1;--white:#fff;--max:1180px;--serif:'Space Grotesk',sans-serif;--sans:'DM Sans',sans-serif;--home-ink:#111820;--home-red:#e45243;--home-yellow:#e8b84f;--home-paper:#f4f1eb;--home-line:#d5d5cf;--home-muted:#667078}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);line-height:1.6}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.wrap{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.site-header{position:sticky;top:0;z-index:10;background:rgba(245,242,236,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.nav{min-height:82px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;margin-right:auto}.brand img{width:158px;height:58px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:24px;font-size:.86rem;font-weight:bold}.nav-links a{padding:8px 0;border-bottom:2px solid transparent}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--red);border-color:var(--red)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;border:1px solid var(--red);background:var(--red);color:#fff;font-weight:bold}.button:hover{background:#bd362e}.button.ghost{background:transparent;color:var(--red)}.menu{display:none;border:0;background:none;padding:8px}.menu span{display:block;width:24px;height:2px;background:var(--ink);margin:5px}.mobile-nav{display:none}.hero,.page-hero{background:var(--ink);color:#fff}.hero{padding:92px 0 76px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.eyebrow{color:var(--gold);font-size:.75rem;font-weight:bold;letter-spacing:.14em;text-transform:uppercase}.eyebrow:before{content:'— ';color:var(--red)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:normal;line-height:1.05}h1{font-size:clamp(3rem,6vw,5.8rem);margin:22px 0}h2{font-size:clamp(2.1rem,4vw,4rem);margin:15px 0 24px}h1 em,h2 em{color:var(--gold);font-style:normal}.lead{font-size:1.08rem;color:#c9d0d0;max-width:600px}.actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:30px}.hero-visual{min-height:400px;background:linear-gradient(145deg,#29343a,#151d21);border:1px solid #465158;position:relative;padding:30px;display:flex;align-items:end}.hero-visual:before{content:'GIV';font:normal 10rem var(--serif);color:rgba(215,168,78,.15);position:absolute;right:15px;top:12px}.visual-label{position:relative;border-left:3px solid var(--red);padding-left:17px}.visual-label strong{display:block;font:2rem var(--serif);color:#fff}.visual-label span{color:#b7c0c0}.ticker{border-top:1px solid #334047;color:#aeb8b8;padding:16px 0;font-size:.72rem;letter-spacing:.12em}.ticker .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.section{padding:92px 0}.section.alt{background:#fff}.section-head{max-width:700px;margin-bottom:42px}.section-head p{color:var(--muted)}.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);padding:26px}.card.dark{background:var(--ink);color:#fff;border-color:var(--ink)}.card.accent{border-top:4px solid var(--red)}.card h3{font:1.45rem var(--serif);margin:16px 0 10px}.card p{color:var(--muted)}.dark p{color:#c4cccc}.card img{width:100%;height:190px;object-fit:cover;margin:-26px -26px 24px;width:calc(100% + 52px)}.meta{font-size:.72rem;color:var(--red);letter-spacing:.1em;font-weight:bold;text-transform:uppercase}.list{display:grid;gap:14px}.list article{display:grid;grid-template-columns:70px 1fr auto;gap:22px;align-items:start;padding:25px 0;border-top:1px solid var(--line)}.number{font:2rem var(--serif);color:var(--red)}.list h3{margin:0;font:1.45rem var(--serif)}.list p{margin:6px 0;color:var(--muted)}.page-hero{padding:80px 0}.page-hero h1{max-width:760px;margin-bottom:16px}.page-hero p{max-width:680px;color:#c9d0d0;font-size:1.08rem}.logo-row{display:flex;gap:25px;flex-wrap:wrap;align-items:center}.logo-row img{width:125px;height:68px;object-fit:contain;background:#fff;padding:8px;filter:grayscale(1)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.contact-panel{background:#fff;padding:28px;border:1px solid var(--line)}.contact-panel a{display:block;color:var(--red);font-weight:bold;margin:12px 0}.field{display:grid;gap:7px;margin-bottom:16px}.field label{font-size:.82rem;font-weight:bold}.field input,.field textarea{border:1px solid var(--line);padding:13px;background:var(--paper);color:var(--ink)}.field textarea{min-height:125px;resize:vertical}.footer{background:var(--ink);color:#d6dddd;padding:50px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:35px}.footer-logo{width:170px;background:#fff;padding:4px;margin-bottom:15px}.footer h3{color:#fff;font:1.1rem var(--serif)}.footer a{display:block;margin:5px 0;color:#d6dddd}.footer-bottom{border-top:1px solid #364148;margin-top:35px;padding-top:18px;color:#98a4a7;font-size:.8rem;display:flex;justify-content:space-between}.reveal{animation:rise .7s both}@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
@media(max-width:820px){.nav{min-height:70px}.nav-links,.nav>.button{display:none}.menu{display:block}.mobile-nav{display:none;padding:10px 20px 22px;border-top:1px solid var(--line)}.mobile-nav.open{display:grid;gap:5px}.mobile-nav a{padding:11px 0}.hero-grid,.split,.contact-grid{grid-template-columns:1fr;gap:40px}.hero{padding:65px 0}.hero-visual{min-height:280px}.cards{grid-template-columns:1fr}.list article{grid-template-columns:48px 1fr}.list article .button{grid-column:2;justify-self:start}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{display:grid;gap:10px}.section{padding:65px 0}}
@media(max-width:500px){.wrap{width:min(calc(100% - 28px),var(--max))}h1{font-size:2.9rem}.page-hero{padding:55px 0}.footer-grid{grid-template-columns:1fr}.actions .button{width:100%}.ticker .wrap{display:grid;grid-template-columns:1fr 1fr}.logo-row img{width:105px}}
.footer-logo { background: transparent !important; padding: 0; filter: brightness(0) invert(1) !important; mix-blend-mode: normal; opacity: 1; }

.site-header { background: #fff; border-bottom-color: #d5d5cf; }
.nav { min-height: 92px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; }
.brand { justify-self: start; }
.brand img { width: 180px; height: 66px; mix-blend-mode: multiply; filter: contrast(1.3) brightness(1.08); }
.nav-links { justify-self: center; gap: 28px; font-size: .93rem; }
.header-button { justify-self: end; padding: 14px 20px; font-size: .86rem; }
.topbar { background: #101820; color: #dfe5e3; border-bottom: 1px solid rgba(255,255,255,.12); }
.topbar-inner { min-height: 36px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.topbar-contact, .topbar-socials { display: flex; align-items: center; gap: 18px; }
.topbar-contact::before { content: 'GSTIN: 29ABCFG3285A1ZL'; color: #e8b84f; font-size: .66rem; font-weight: 700; letter-spacing: .08em; white-space: nowrap; }
.topbar-contact a { color: #dfe5e3; font-size: .7rem; letter-spacing: .04em; }
.topbar-contact a:hover { color: #e8b84f; }
.topbar-socials a { display: grid; place-items: center; width: 24px; height: 24px; border: 1px solid rgba(232,184,79,.5); border-radius: 6px; color: #e8b84f; transition: color .2s ease, background .2s ease, transform .2s ease; }
.topbar-socials a:hover { color: #101820; background: #e8b84f; transform: translateY(-2px); }
.topbar-socials svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.topbar-socials .icon-fill { fill: currentColor; stroke: none; }
.button, .home-button, .card, .location-image, .hero-photo { border-radius: 8px; }
@media (max-width: 820px) {
	.topbar-inner { min-height: 32px; }
	.topbar-contact, .topbar-socials { gap: 10px; }
	.topbar-contact::before { font-size: .56rem; }
	.topbar-contact a { font-size: .62rem; }
	.nav { min-height: 78px; display: flex; }
	.brand { margin-right: auto; }
	.nav-links, .header-button { display: none; }
	.menu { display: block; }
}
@media (max-width: 500px) {
	.topbar-inner { gap: 8px; }
	.topbar-contact { gap: 6px; min-width: 0; }
	.topbar-contact::before { max-width: 112px; overflow: hidden; text-overflow: ellipsis; font-size: .5rem; }
	.topbar-contact a { max-width: 105px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .55rem; }
	.topbar-socials { gap: 4px; flex-shrink: 0; }
	.topbar-socials a { width: 21px; height: 21px; }
	.topbar-socials svg { width: 11px; height: 11px; }
}

body:not(.home-page) h1 {
	font-size: clamp(2.35rem, 4.2vw, 4.5rem) !important;
	line-height: 1.04;
}

body:not(.home-page) h2 {
	font-size: clamp(2rem, 3.5vw, 3.8rem) !important;
	line-height: 1.04;
}

body:not(.home-page) h3 {
	font-size: clamp(1.25rem, 2vw, 1.8rem) !important;
	line-height: 1.12;
}

/* Consistent, professional type system across every page. */
:root { --sans: 'Sora', Arial, sans-serif; --serif: 'Sora', Arial, sans-serif; }
body, body * { font-family: 'Sora', Arial, sans-serif !important; }
h1, h2, h3, h4 { font-weight: 700; letter-spacing: -.035em; }

/* Shared utility navigation bar. */
.topbar { background: linear-gradient(90deg, #0d2c42, #082237) !important; border-bottom: 1px solid rgba(255,255,255,.22); }
.topbar-inner { min-height: 42px; }
.topbar-contact, .topbar-socials { gap: 14px; }
.topbar-contact::before { content: '▣  GSTIN: 29ABCFG3285A1ZL'; padding-right: 14px; border-right: 1px solid rgba(255,255,255,.34); color: #fff; font-size: .71rem; font-weight: 700; letter-spacing: .03em; }
.topbar-contact a { position: relative; color: #fff; font-size: .72rem; font-weight: 600; }
.topbar-contact a + a { padding-left: 14px; border-left: 1px solid rgba(255,255,255,.34); }
.topbar-socials::before { content: 'Follow us on'; color: rgba(255,255,255,.88); font-size: .7rem; font-weight: 600; white-space: nowrap; }
.topbar-socials::after { content: 'Chemistry for a Better Tomorrow'; margin-left: 12px; padding-left: 20px; border-left: 1px solid rgba(255,255,255,.34); color: #fff; font-size: .75rem; font-style: italic; font-weight: 500; letter-spacing: .02em; white-space: nowrap; }
.topbar-socials a { width: 25px; height: 25px; border-color: rgba(255,255,255,.34); border-radius: 4px; color: #fff; }
.topbar-socials a:hover { background: #fff; color: #0d2c42; }
@media (max-width: 820px) { .topbar-inner { min-height: 34px; }.topbar-socials::before, .topbar-socials::after { display: none; }.topbar-contact::before { padding-right: 8px; font-size: .56rem; }.topbar-contact a { font-size: .58rem; }.topbar-contact a + a { padding-left: 8px; }.topbar-socials { gap: 5px; }.topbar-socials a { width: 21px; height: 21px; } }