:root{--navy:#14234A;--gold:#F5B000;--cream:#FFF8E8;--paper:#FFFDF6;--ink:#1B2547;--muted:#4E5877;--chai:#14234A;--elaichi:#173F22;--coffee:#4A1E12;--mango:#C8541A;--f:"Poppins","Segoe UI",system-ui,sans-serif;--script:"Caveat","Segoe Script",cursive}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
body{font-family:var(--f);color:var(--ink);background:var(--cream);line-height:1.65}
img{display:block;max-width:100%}a{color:inherit;text-decoration:none}
svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:8px}
.wrap{width:min(1180px,100% - 2.5rem);margin-inline:auto}
.strip{background:var(--navy);color:#fff;text-align:center;font-size:.85rem;padding:.45rem 1rem}.strip a{color:var(--gold);font-weight:600;text-decoration:underline}
header{background:var(--cream);position:sticky;top:0;z-index:10;box-shadow:0 1px 0 #0001}
header .wrap{display:flex;align-items:center;gap:1.4rem;padding:.6rem 0}
.brand img{height:52px;width:auto}
nav{display:flex;gap:1.5rem;margin-left:auto;font-size:.9rem;font-weight:500}
nav a{padding:.4rem 0;border-bottom:2px solid transparent}nav a:hover,nav a[aria-current]{border-bottom-color:var(--gold)}
.ig{font-size:1.5rem}
h1,h2,h3{font-weight:700;line-height:1.15;color:var(--navy);letter-spacing:-.01em}
h1{font-size:clamp(2.3rem,5vw,3.8rem);font-weight:800}h2{font-size:clamp(1.7rem,3.4vw,2.4rem)}h3{font-size:1.25rem}
.script{font-family:var(--script);font-weight:600;font-size:1.7rem;color:#B07A00}
.btn{display:inline-flex;align-items:center;gap:.6rem;border-radius:999px;padding:.8rem 1.5rem;font-weight:600;border:2px solid var(--gold);background:var(--gold);box-shadow:0 3px 0 #d49400;transition:transform .15s}
.btn.line{background:#fff;box-shadow:none}.btn.navy{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:none}.btn:hover{transform:translateY(-2px)}
.cta{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:1.6rem}
section{padding:4rem 0}.alt{background:#fff}.dark{background:var(--navy);color:#E4E9FA}.dark h2,.dark h3{color:#fff}
.lead{font-size:1.1rem;color:var(--muted);max-width:40rem}.center{text-align:center}.center .lead{margin-inline:auto}
.hero{padding:3rem 0 4rem}.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center}
.hero .lead{margin-top:1.1rem}
.hero-img{position:relative}.hero-img img{width:100%;aspect-ratio:1.15;object-fit:cover;border-radius:36px;border:5px solid var(--navy)}
.badge{position:absolute;right:-.6rem;top:-1.4rem;display:grid;place-items:center;width:7.4rem;aspect-ratio:1;padding:.7rem;border-radius:50%;background:var(--gold);text-align:center;font-weight:700;font-size:.98rem;line-height:1.2;color:var(--navy);transform:rotate(-6deg);outline:2px dashed #fff9;outline-offset:-7px}
.feat{display:flex;flex-wrap:wrap;margin-top:2rem;list-style:none;padding:0}
.feat li{display:grid;justify-items:center;gap:.4rem;width:8rem;padding:0 .5rem;text-align:center;font-size:.8rem;line-height:1.3}.feat li+li{border-left:1px solid #E7D9B8}
.feat span{display:grid;place-items:center;width:2.9rem;height:2.9rem;border-radius:50%;background:#fff;font-size:1.4rem;box-shadow:0 2px 8px #0001}
.grid{display:grid;gap:1.4rem;margin-top:2.2rem}.g4{grid-template-columns:repeat(4,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}
.card{border-radius:24px;padding:1.2rem 1.2rem 1.5rem;color:#fff}
.card img{width:100%;margin-bottom:1rem;border-radius:18px}.card h3{color:#fff}.card p{margin-top:.4rem;font-size:.92rem;opacity:.93}
.chai{background:var(--chai)}.elaichi{background:var(--elaichi)}.coffee{background:var(--coffee)}.mango{background:var(--mango)}
.box{background:#fff;border-radius:22px;padding:1.4rem;box-shadow:0 6px 18px #3a20120f}.box .ic{display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:#FFEFC2;font-size:1.5rem;margin-bottom:.7rem}.box p{color:var(--muted);font-size:.94rem}
.dark .box{background:#1E3068;box-shadow:none}.dark .box p{color:#D5DCF3}.dark .box .ic{background:var(--gold);color:var(--navy)}
.steps{counter-reset:s;list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:2rem}
.steps li{counter-increment:s;border-top:4px solid var(--navy);padding-top:1rem}.steps li::before{content:counter(s);display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--gold);font-weight:700;margin-bottom:.7rem}
.steps p{color:var(--muted)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.split img{border-radius:28px;width:100%}
.prose{max-width:44rem;margin-inline:auto}.prose p{margin-top:1.1rem;font-size:1.08rem}.prose h2{margin-top:2.8rem}
.quote{font-family:var(--script);font-size:2.4rem;line-height:1.15;color:#B07A00;margin:2rem 0;text-align:center}
table{width:100%;border-collapse:collapse;background:#fff;border-radius:18px;overflow:hidden}td,th{padding:.8rem 1.1rem;text-align:left;border-bottom:1px solid #F0E6CC;font-size:.95rem}th{width:38%;color:var(--navy)}
.price{font-weight:700;font-size:1.2rem;margin-top:.7rem}.price small{font-weight:400;opacity:.85;font-size:.78rem}
details{background:#fff;border-radius:16px;padding:1rem 1.3rem;margin-top:.8rem}summary{cursor:pointer;font-weight:600;color:var(--navy)}details p{margin-top:.6rem;color:var(--muted)}
.band{background:var(--gold);text-align:center;padding:3.5rem 0}.band h2{margin-bottom:.6rem}.band .cta{justify-content:center}.band .btn.navy{box-shadow:none}
footer{background:var(--navy);color:#D5DCF3;padding:2.4rem 0 1.4rem;font-size:.9rem}
footer .cols{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:2rem}footer h3{color:#fff;font-size:1rem;margin-bottom:.6rem}footer a{display:block;padding:.15rem 0}footer a:hover{color:var(--gold)}
footer img{height:48px;background:var(--cream);border-radius:12px;padding:4px 10px;margin-bottom:.8rem}.copy{margin-top:1.6rem;border-top:1px solid #fff2;padding-top:1rem;font-size:.82rem}
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.hero .wrap>*{animation:rise .7s ease both}.hero .hero-img{animation-delay:.15s}
@media (prefers-reduced-motion:reduce){.hero .wrap>*{animation:none}.btn{transition:none}html{scroll-behavior:auto}}
@media (max-width:980px){.g4{grid-template-columns:repeat(2,1fr)}.g3,.steps{grid-template-columns:1fr}.hero .wrap,.split{grid-template-columns:1fr}footer .cols{grid-template-columns:1fr}
 header .wrap{flex-wrap:wrap}nav{order:5;width:100%;overflow-x:auto;gap:1.2rem;margin:0;white-space:nowrap;padding-bottom:.2rem}.ig{margin-left:auto}.brand{margin-right:auto}}
@media (max-width:560px){.g4,.g2{grid-template-columns:1fr}.badge{right:0}}