:root{
  --bg:#07130f;
  --panel:#0d2119;
  --green:#20d783;
  --green2:#7cf2b4;
  --text:#f6fff9;
  --muted:#a9c2b5;
  --white:#ffffff;
  --line:rgba(255,255,255,.10);
  --shadow:0 24px 70px rgba(0,0,0,.28);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#08110e;color:var(--text)}
a{text-decoration:none;color:inherit}
.container{width:min(1180px,92%);margin:auto}
.topbar{position:sticky;top:0;z-index:50;background:rgba(7,19,15,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between}
.brand{font-size:1.35rem;font-weight:900;letter-spacing:.04em;color:var(--white)}
.brand span{font-size:.76rem;font-weight:600;color:var(--green2);margin-left:10px}
nav{display:flex;gap:24px;align-items:center}
nav a{font-size:.94rem;color:#dcebe3}
.nav-cta{background:var(--green);color:#04110b!important;padding:10px 16px;border-radius:10px;font-weight:800}
.menu{display:none;background:none;border:0;color:white;font-size:1.5rem}
.hero{padding:92px 0 70px;background:
radial-gradient(circle at 80% 20%,rgba(32,215,131,.18),transparent 32%),
linear-gradient(135deg,#06110d 0%,#0a1c15 55%,#07130f 100%)}
.hero-grid{display:grid;grid-template-columns:1.22fr .78fr;gap:48px;align-items:center}
.eyebrow{font-size:.78rem;letter-spacing:.16em;font-weight:900;color:var(--green2);margin-bottom:14px}
.eyebrow.light{color:#dfffee}
h1{font-size:clamp(2.8rem,6vw,5.4rem);line-height:.98;margin:0 0 22px;letter-spacing:-.045em}
h1 span{color:var(--green)}
h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;margin:0 0 16px;letter-spacing:-.03em}
.lead{font-size:1.13rem;line-height:1.7;color:#c5d9ce;max-width:720px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0 18px}
.btn{padding:14px 22px;border-radius:12px;font-weight:900;display:inline-block}
.primary{background:var(--green);color:#04110b}
.secondary{border:1px solid rgba(255,255,255,.24);color:white}
.trust{font-size:.9rem;color:#96b4a5}
.hero-card{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 1fr;gap:14px}
.stat{min-height:140px;border-radius:18px;background:#0b251a;padding:22px;display:flex;flex-direction:column;justify-content:flex-end}
.stat strong{font-size:2.15rem;color:var(--green);line-height:1}
.stat span{font-size:.92rem;margin-top:10px;color:#cfe3d7}
.section{padding:78px 0}
.alt{background:#0b1712}
.center{text-align:center;max-width:800px;margin:auto}
.center p,.notes p{color:var(--muted);line-height:1.7}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}
.search{width:min(330px,100%);padding:13px 15px;border-radius:12px;border:1px solid var(--line);background:#07110d;color:white;outline:none}
.alphabet{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0 26px}
.alpha-btn{border:1px solid var(--line);background:#0c2018;color:#d8eee3;width:34px;height:34px;border-radius:9px;font-weight:800;cursor:pointer}
.alpha-btn:hover,.alpha-btn.active{background:var(--green);color:#04110b}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.category-card{background:#0d241b;border:1px solid var(--line);padding:16px;border-radius:14px;color:#ddf0e6;transition:.2s}
.category-card:hover{transform:translateY(-2px);border-color:rgba(32,215,131,.45)}
.product-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.product-item{padding:17px;border:1px solid var(--line);border-radius:14px;background:#0b1712;display:flex;justify-content:space-between;gap:12px;align-items:center}
.product-item span{color:#def1e7}
.product-item a{font-size:.82rem;font-weight:900;color:var(--green2)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
.step{background:#0d241b;border:1px solid var(--line);border-radius:18px;padding:24px}
.step b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--green);color:#03100a;margin-bottom:18px}
.step h3{margin:0 0 8px;font-size:1.25rem}
.step p{color:var(--muted);margin:0;line-height:1.6}
.buy{padding-top:30px}
.buy-box{background:linear-gradient(135deg,#0f5a38,#0b3a28);border:1px solid rgba(124,242,180,.25);border-radius:26px;padding:40px;display:flex;justify-content:space-between;align-items:center;gap:28px}
.buy-box p{color:#d9f6e7}
.razorpay-wrap{min-width:290px;text-align:center;background:white;padding:22px;border-radius:18px}
.razorpay-wrap small{color:#647067;display:block;margin-top:10px}
.notes{padding-top:20px}
footer{border-top:1px solid var(--line);padding:40px 0 22px;background:#050b08}
.footer-grid{display:flex;justify-content:space-between;align-items:center;gap:20px}
.footer-brand{font-size:1.5rem;font-weight:900}
.footer-grid p,.copyright{color:#789486}
.footer-links{display:flex;gap:18px;color:#b9cec3;font-size:.9rem}
.copyright{padding-top:24px;margin-top:24px;border-top:1px solid var(--line);font-size:.83rem}
.hidden{display:none!important}
@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr}
  .category-grid{grid-template-columns:repeat(2,1fr)}
  .product-list{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:1fr}
  .buy-box{flex-direction:column;align-items:flex-start}
  .razorpay-wrap{width:100%}
}
@media(max-width:720px){
  .brand span{display:block;margin:2px 0 0;font-size:.64rem}
  .menu{display:block}
  nav{display:none;position:absolute;top:72px;left:0;right:0;background:#07130f;padding:18px 4%;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}
  nav.open{display:flex}
  .hero{padding-top:58px}
  .hero-card{grid-template-columns:1fr 1fr}
  .section-head{align-items:stretch;flex-direction:column}
  .search{width:100%}
  .category-grid,.product-list{grid-template-columns:1fr}
  .footer-grid{flex-direction:column;align-items:flex-start}
  .footer-links{flex-wrap:wrap}
}
@media(max-width:460px){
  .hero-card{grid-template-columns:1fr}
  .buy-box{padding:28px 20px}
}