/* index.php — public marketing page. Premium/professional treatment:
   soft blurred shadows, thin hairline borders, generous whitespace,
   restrained type. Shared variables/reset/spectrum/brand live in base.css. */

/* Scroll-reveal: elements fade + rise into place as they enter the
   viewport (see assets/js/index.js). Respects reduced-motion below. */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
.reveal.is-visible{opacity:1;transform:translateY(0)}
.reveal-stagger.is-visible > *{transition-delay:calc(var(--stagger-i, 0) * 70ms)}

html{scroll-behavior:smooth}
body{font-family:var(--body);color:var(--ink);background:var(--paper);line-height:1.65;font-size:16.5px;-webkit-font-smoothing:antialiased}

/* HEADER */
header{position:sticky;top:0;z-index:50;background:rgba(251,247,238,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);transition:box-shadow .3s ease}
header.is-scrolled{box-shadow:0 8px 24px rgba(35,31,27,.06)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;max-width:var(--max);margin:0 auto}
.brand-text b{font-family:var(--disp);font-size:.85rem;line-height:1.1;display:block;letter-spacing:.01em}
.brand-text small{font-family:var(--util);font-weight:600;letter-spacing:.16em;text-transform:uppercase;font-size:.58rem;color:var(--green)}
nav a{text-decoration:none;font-family:var(--util);font-weight:600;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;transition:color .2s ease;color:var(--ink)}
nav a:hover{color:var(--masoor)}
.nav-cta{background:var(--green);color:var(--paper)!important;padding:10px 22px;border-radius:3px;box-shadow:0 2px 8px rgba(39,68,48,.25);transition:background .2s ease,box-shadow .25s ease,transform .25s ease}
.nav-cta:hover{background:var(--green-deep);color:var(--paper)!important;box-shadow:0 6px 16px rgba(39,68,48,.3);transform:translateY(-1px)}
.menu-btn{display:none;background:none;border:1.5px solid var(--ink);border-radius:3px;padding:7px 12px;font-family:var(--util);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;cursor:pointer}

nav ul{display:flex;gap:30px;list-style:none;align-items:center}

/* HERO */
.hero{background:linear-gradient(180deg,var(--paper) 0%,#F6F0E2 100%);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:center;padding:88px 24px 76px;max-width:var(--max);margin:0 auto}
.eyebrow{font-family:var(--util);font-weight:600;letter-spacing:.2em;text-transform:uppercase;font-size:.74rem;color:var(--green);display:flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:30px;height:1.5px;background:var(--toor)}
.hero h1{font-family:var(--disp);font-weight:400;font-size:clamp(2.3rem,4.6vw,3.7rem);line-height:1.06;letter-spacing:-.01em;margin:20px 0 16px;text-transform:uppercase}
.hero h1 em{font-style:normal;color:var(--masoor)}
.hero .hindi{font-size:1.15rem;color:var(--green);font-weight:500;margin-bottom:16px}
.hero p.lead{font-size:1.08rem;max-width:50ch;color:#4A443C}
.hero-actions{display:flex;gap:16px;margin-top:34px;flex-wrap:wrap}
.btn{font-family:var(--util);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.83rem;text-decoration:none;padding:15px 30px;border-radius:4px;display:inline-block;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),background .25s ease}
.btn-primary{background:var(--masoor);color:#fff;box-shadow:0 10px 24px -8px rgba(224,109,58,.55)}
.btn-primary:hover{background:#C55B2C;transform:translateY(-2px);box-shadow:0 14px 30px -8px rgba(224,109,58,.6)}
.btn-ghost{border:1.5px solid var(--ink);color:var(--ink)}
.btn-ghost:hover{transform:translateY(-2px);background:var(--ink);color:var(--paper)}
.hero-stats{display:flex;gap:40px;margin-top:48px;flex-wrap:wrap}
.hero-stats div{padding-left:18px;border-left:2px solid var(--line)}
.hero-stats div b{font-family:var(--disp);font-weight:400;font-size:1.5rem;display:block;color:var(--ink)}
.hero-stats div span{font-family:var(--util);font-weight:600;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#6B6357}

.sack{background:var(--green);border-radius:10px;padding:38px 34px;color:var(--paper);position:relative;box-shadow:0 30px 60px -20px rgba(27,49,35,.5)}
.sack::before{content:"";position:absolute;inset:12px;border:1px solid rgba(251,247,238,.25);border-radius:6px;pointer-events:none}
.sack h3{font-family:var(--disp);font-weight:400;text-transform:uppercase;font-size:1.1rem;letter-spacing:.04em;margin-bottom:8px}
.sack .grade{font-family:var(--util);font-weight:600;letter-spacing:.2em;text-transform:uppercase;font-size:.68rem;color:var(--toor)}
.sack ul{list-style:none;margin-top:20px;display:grid;gap:12px}
.sack li{display:flex;align-items:center;gap:12px;font-size:.94rem;color:#EFE9DA}
.dot{width:12px;height:12px;border-radius:50%;flex:none;box-shadow:0 0 0 3px rgba(251,247,238,.15)}
.sack .net{margin-top:22px;padding-top:16px;border-top:1px solid rgba(251,247,238,.2);font-family:var(--util);font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:.7rem;display:flex;justify-content:space-between;color:#D8D2C4}

/* TICKER */
.ticker{background:var(--ink);color:var(--paper);overflow:hidden;padding:13px 0}
.ticker-track{display:flex;gap:48px;white-space:nowrap;animation:scroll 30s linear infinite;font-family:var(--util);font-weight:600;letter-spacing:.16em;text-transform:uppercase;font-size:.76rem;opacity:.9}
.ticker-track span{display:flex;align-items:center;gap:12px}
.ticker-track i{width:7px;height:7px;border-radius:50%;display:inline-block}
@keyframes scroll{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){
  .ticker-track{animation:none;flex-wrap:wrap;white-space:normal}
  .btn:hover,.nav-cta:hover,.pulse-card:hover,.oil-card:hover,.grade-card:hover{transform:none}
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none;transition:none}
}

section{padding:96px 0}
.sec-head{max-width:640px;margin-bottom:52px}
.sec-head h2{font-family:var(--disp);font-weight:400;text-transform:uppercase;font-size:clamp(1.7rem,3.2vw,2.3rem);line-height:1.15;margin:16px 0 14px}
.sec-head p{color:#5A5348;font-size:1rem}

/* PULSES */
.pulse-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:24px}
.pulse-card{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 2px 6px rgba(35,31,27,.04);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1)}
.pulse-card:hover{transform:translateY(-6px);box-shadow:0 24px 40px -16px rgba(35,31,27,.18)}
.pulse-swatch{height:118px;position:relative}
.pulse-swatch::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.3),transparent 60%)}
.pulse-body{padding:22px 22px 24px}
.pulse-body h3{font-family:var(--disp);font-weight:400;font-size:1.02rem;text-transform:uppercase;letter-spacing:.02em}
.pulse-body .hn{color:var(--green);font-weight:500;font-size:.9rem;margin:3px 0 8px}
.pulse-body p{font-size:.89rem;color:#5A5348}
.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}
.tag{font-family:var(--util);font-weight:600;font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;background:#F3EDDF;border-radius:20px;padding:4px 12px;color:#6B6357}
.rate{font-family:var(--util);font-weight:600;font-size:.86rem;color:var(--green);margin-top:12px}

/* OILS */
.oils{background:var(--green-deep);color:var(--paper)}
.oils .sec-head h2{color:var(--paper)}
.oils .sec-head p{color:#C9D4C4}
.oils .eyebrow{color:var(--toor)}
.oils .eyebrow::before{background:var(--toor)}
.oil-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}
.oil-card{border:1px solid rgba(251,247,238,.14);border-radius:10px;padding:30px;background:rgba(251,247,238,.035);transition:transform .35s cubic-bezier(.16,1,.3,1),background .3s ease,box-shadow .35s ease}
.oil-card:hover{transform:translateY(-6px);background:rgba(251,247,238,.07);box-shadow:0 24px 44px -18px rgba(0,0,0,.35)}
.oil-card .drop{width:42px;height:42px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:linear-gradient(135deg,var(--toor),#8F6B00);margin-bottom:20px}
.oil-card h3{font-family:var(--disp);font-weight:400;text-transform:uppercase;font-size:1.05rem;margin-bottom:5px}
.oil-card .hn{color:var(--toor);font-size:.9rem;margin-bottom:10px}
.oil-card p{font-size:.9rem;color:#C9D4C4}
.oil-card .method{margin-top:18px;font-family:var(--util);font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:.66rem;color:var(--toor)}
.oil-card .rate{color:var(--toor)}
.oil-card .drop.has-img{background-size:cover;background-position:center;border-radius:8px;transform:none;width:100%;height:220px;margin-bottom:20px}

/* PROCESS */
.process-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}
.step{padding:32px 24px;border-right:1px solid var(--line);position:relative}
.step:last-child{border-right:none}
.step .num{font-family:var(--disp);font-weight:400;font-size:1.7rem;color:var(--masoor)}
.step h3{font-family:var(--util);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.83rem;margin:10px 0 7px}
.step p{font-size:.85rem;color:#5A5348}
.step::after{content:"";position:absolute;top:0;left:0;right:0;height:2px}
.step:nth-child(1)::after{background:var(--toor)}
.step:nth-child(2)::after{background:var(--chana)}
.step:nth-child(3)::after{background:var(--moong)}
.step:nth-child(4)::after{background:var(--masoor)}
.step:nth-child(5)::after{background:var(--urad)}

/* GRADES */
.grades{background:#F3EDDF}
.grade-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.grade-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:32px;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease}
.grade-card:hover{transform:translateY(-6px);box-shadow:0 24px 40px -18px rgba(35,31,27,.14)}
.grade-card .badge{font-family:var(--util);font-weight:600;display:inline-block;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;padding:6px 14px;border-radius:20px;margin-bottom:16px}
.g1 .badge{background:#FBE9BE;color:#7A5B06}
.g2 .badge{background:#F3DFC4;color:#7A4E15}
.g3 .badge{background:var(--line);color:#5A5348}
.grade-card h3{font-family:var(--disp);font-weight:400;text-transform:uppercase;letter-spacing:.02em;font-size:1.08rem;margin-bottom:10px}
.grade-card p{font-size:.9rem;color:#5A5348}
.grade-card ul{margin:16px 0 0 18px;font-size:.87rem;color:#5A5348}

/* CTA BAND */
.cta-band{background:var(--ink);color:#fff}
.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;padding:64px 24px;max-width:var(--max);margin:0 auto}
.cta-inner h2{font-family:var(--disp);font-weight:400;text-transform:uppercase;font-size:clamp(1.4rem,2.8vw,2rem);line-height:1.2;max-width:24ch}
.cta-inner .btn{background:var(--masoor);color:#fff;box-shadow:0 10px 24px -8px rgba(224,109,58,.5)}
.cta-inner .btn:hover{background:#C55B2C;transform:translateY(-2px)}

/* CONTACT */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.contact-list{display:grid;gap:20px}
.contact-list div{display:flex;gap:16px;align-items:flex-start}
.contact-list .ic{width:40px;height:40px;flex:none;border-radius:8px;background:var(--green);color:var(--paper);display:flex;align-items:center;justify-content:center;font-family:var(--util);font-weight:600;font-size:.7rem;letter-spacing:.02em}
.contact-list b{display:block;font-family:var(--util);font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;color:#6B6357}
form.enquiry{background:#fff;border:1px solid var(--line);border-radius:10px;padding:32px;display:grid;gap:16px;box-shadow:0 30px 60px -30px rgba(35,31,27,.2)}
label{font-family:var(--util);font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;color:#6B6357}
input,select,textarea{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:5px;font-family:var(--body);font-size:.95rem;background:var(--paper);transition:border-color .2s ease}
input:hover,select:hover,textarea:hover{border-color:#B8AC93}
form .btn{border:none;cursor:pointer;justify-self:start}
.form-note{font-size:.8rem;color:#6B6357}
.alert{padding:14px 16px;border-radius:6px;font-size:.9rem;font-weight:500}
.alert-ok{background:#E4EEDD;color:#2E4B22}
.alert-err{background:#F9E3D8;color:#8C3A16}

/* FOOTER */
footer{background:var(--ink);color:#9C948A;padding:56px 0 28px;font-size:.89rem}
.foot-grid{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap;margin-bottom:36px}
.foot-grid b{color:var(--paper);font-family:var(--disp);font-weight:400;text-transform:uppercase;font-size:.98rem;display:block;margin-bottom:12px;letter-spacing:.01em}
.foot-grid ul{list-style:none;display:grid;gap:8px}
.foot-grid a{text-decoration:none;transition:color .2s ease}
.foot-grid a:hover{color:var(--toor)}
.foot-base{border-top:1px solid #3A3532;padding-top:22px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:.76rem}

@media (max-width:880px){
  .hero-grid{grid-template-columns:1fr;padding-top:60px}
  .contact-grid{grid-template-columns:1fr}
  nav ul{
    display:flex;position:absolute;top:100%;left:0;right:0;background:var(--paper);
    border-bottom:1px solid var(--line);flex-direction:column;padding:0 24px;gap:18px;align-items:flex-start;
    max-height:0;opacity:0;overflow:hidden;pointer-events:none;
    transition:max-height .3s ease,opacity .25s ease,padding .3s ease;
  }
  nav ul.open{max-height:360px;opacity:1;padding:20px 24px;pointer-events:auto}
  .menu-btn{display:block}
  .step{border-right:none;border-bottom:1px solid var(--line)}
  .step:last-child{border-bottom:none}
}