/* ═══ BASE ═══ */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Lexend',sans-serif;color:#1c1c1c;background:#fff;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{max-width:100%}

/* ═══ NAVBAR ═══ */
.navbar{position:fixed;top:0;left:0;width:100%;z-index:999;background:rgba(28,28,28,.45);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08);transition:transform .35s ease,background .3s}
.navbar.hidden{transform:translateY(-100%)}
.nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:.8rem 1.5rem}
.nav-brand{display:flex;align-items:center}
.nav-logo{height:44px;width:auto;filter:brightness(0) invert(1)}
.nav-right{display:flex;align-items:center;gap:1rem}
.nav-dropdown{position:relative}
.nav-dropdown-btn{background:none;border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.85);padding:.65rem 1.4rem;border-radius:12px;font-family:inherit;font-size:.95rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .2s}
.nav-dropdown-btn:hover{border-color:rgba(255,255,255,.4);color:#fff}
.nav-dropdown-menu{display:none;position:absolute;top:100%;right:0;padding-top:.5rem}
.nav-dropdown-menu-inner{background:rgba(28,28,28,.85);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.1);border-radius:12px;min-width:200px;overflow:hidden}
.nav-dropdown:hover .nav-dropdown-menu{display:block}
.nav-dropdown-menu a{display:block;padding:.7rem 1rem;color:rgba(255,255,255,.8);font-size:.85rem;font-weight:400;transition:background .2s}
.nav-dropdown-menu a:hover{background:rgba(255,255,255,.1);color:#fff}
.nav-cta{background:linear-gradient(135deg,#29458E,#5A7FC3);color:#fff;padding:.65rem 1.4rem;border-radius:12px;font-size:.99rem;font-weight:600;transition:transform .2s,opacity .2s}
.nav-cta:hover{opacity:.9;transform:scale(1.04)}
.nav-toggle{display:none;background:none;border:none;color:#fff;font-size:1.4rem;cursor:pointer}
.nav-mobile{display:none;flex-direction:column;gap:.5rem;padding:0 1.5rem 1rem;background:rgba(28,28,28,.6);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.nav-mobile a{color:rgba(255,255,255,.8);font-size:.9rem;font-weight:500;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.06)}
.nav-mobile .nav-cta{display:inline-block;width:fit-content;margin-top:.3rem;border-bottom:none;padding:.65rem 1.4rem}
.navbar.scrolled{background:rgba(28,28,28,.75)}

@media(max-width:768px){
  .nav-right{display:none}
  .nav-toggle{display:block}
  .nav-mobile.open{display:flex}
}

/* ═══ HERO ═══ */
.hero{position:relative;height:100vh;min-height:700px;display:flex;align-items:center;justify-content:flex-start;overflow:hidden;background:#1c1c1c}
.hero-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s ease}
.hero-vid.active{opacity:1}
.hero-grad{position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,28,28,0) 0%,rgba(28,28,28,.3) 50%,#1c1c1c 100%);z-index:1}
.hero-grad-left{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.7) 30%,rgba(0,0,0,.3) 45%,transparent 50%);z-index:2}
.hero-inner{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;text-align:left;color:#fff;padding:0 clamp(2rem,6vw,8rem);max-width:800px}
.hero-logo{height:32px;width:auto;margin-bottom:1.5rem}
.hero-logo-text{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:#fff;margin-bottom:1rem;letter-spacing:-1px}
.hero h1{font-size:clamp(2.5rem,5.8vw,3.8rem);font-weight:700;line-height:1.15;margin-bottom:1.1rem}
.hero-line1{white-space:nowrap}
.typed-wrap{display:inline}
.typed{color:#8AAAE0}
.typed-cursor{color:#5A7FC3;animation:blink .7s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}
.hero-sub{font-size:clamp(.92rem,1.6vw,1.12rem);font-weight:600;opacity:.9;margin-bottom:2.2rem}
.hero-btns{display:flex;gap:1rem;margin-bottom:2rem}
.store-badge{height:52px;object-fit:contain;transition:transform .2s}
.store-badge:hover{transform:scale(1.08)}
.scroll-hint{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);z-index:3;font-size:.85rem;color:#fff;opacity:.7;display:flex;align-items:center;gap:.4rem;animation:bounce 2s infinite}
@keyframes bounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(6px)}}

/* ═══ WHAT WE DELIVER ═══ */
.deliver-section{padding:4rem 2rem 5rem;max-width:1300px;margin:0 auto;text-align:center}
.deliver-section h2{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:0.2rem;color:#1c1c1c}
.deliver-sub{color:#6c7a8a;font-size:clamp(1rem,1.3vw,1.15rem);margin-bottom:0;transition:opacity .8s ease,transform .8s ease,margin-bottom .8s ease}
.deliver-sub.visible{margin-bottom:1rem}
.deliver-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}
.deliver-card{background:#fff;border:1px solid #e8edf5;border-radius:24px;text-align:left;overflow:hidden;position:relative;display:block;color:inherit;text-decoration:none;transition:border-color .3s,box-shadow .3s,transform .3s}
.deliver-card:hover{border-color:#29458E;box-shadow:0 12px 35px rgba(41,69,142,.12);transform:translateY(-6px)}
.deliver-img{width:100%;aspect-ratio:16/10;overflow:hidden;font-size:0}
.deliver-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s;display:block}
.deliver-card:hover .deliver-img img{transform:scale(1.05)}
.deliver-icon-badge{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#29458E,#5A7FC3);color:#fff;font-size:1rem;margin:-22px 0 0 1.5rem;position:relative;z-index:2;box-shadow:0 4px 12px rgba(41,69,142,.25)}
.deliver-icon-badge.grocery{background:linear-gradient(135deg,#2d8f4e,#4eca6a)}
.deliver-icon-badge.medicine{background:linear-gradient(135deg,#c0392b,#e74c3c)}
.deliver-icon-badge.pickup{background:linear-gradient(135deg,#e67e22,#f39c12)}
.deliver-card h3{font-size:1.15rem;font-weight:700;color:#1c1c1c;padding:1rem 1.5rem 0}
.deliver-card p{font-size:.9rem;color:#6c7a8a;line-height:1.6;padding:.5rem 1.5rem 1.5rem}

/* ═══ STATS ═══ */
.stats{background:#fff;padding:2rem 2rem 2rem}
.stats-inner{display:flex;align-items:center;justify-content:center;gap:2.5rem;width:fit-content;margin:0 auto;border:1px solid #c8d4ee;border-radius:30px;padding:2rem 3.5rem;box-shadow:0 3px 14px rgba(41,69,142,.08)}
.stat-item{display:flex;align-items:center;gap:.8rem}
.stat-num{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700;color:#1c1c1c;line-height:1.2}
.stat-label{font-size:clamp(.85rem,1.1vw,1rem);color:#6c7a8a;font-weight:400}
.stat-icon{height:clamp(36px,4.5vw,56px);width:auto;object-fit:contain}
.stat-icon{font-size:clamp(1.5rem,3vw,2.2rem);color:#29458E;flex-shrink:0}
.stat-divider{width:1px;align-self:stretch;background:#e8e0f0}

/* ═══ APP FEATURES TICKER ═══ */
.features-section{background:#fff;padding:4rem 0 3rem;text-align:center}
.features-header{max-width:1200px;margin:0 auto 1.5rem;padding:0 2rem}
.features-tag{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:3px;color:#29458E;display:block;margin-bottom:.5rem}
.features-section h2{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:#1c1c1c}
.ticker-wrapper{overflow:hidden;padding:10px 0;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}
.ticker-track{display:flex;gap:1.5rem;width:max-content;animation:ticker 25s linear infinite;will-change:transform}
@media(hover:hover){.ticker-track:hover{animation-play-state:paused}}
@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-25%)}}
.feature-card-mini{background:#f8faff;padding:1.5rem 2rem;border-radius:16px;text-align:center;min-width:150px;flex-shrink:0}
.feature-icon-box{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto .8rem;font-size:1.2rem;color:#fff}
.feature-icon-box.green{background:linear-gradient(135deg,#00D9A5,#00F5C4)}
.feature-icon-box.red{background:linear-gradient(135deg,#FF6B6B,#FF8E8E)}
.feature-icon-box.blue{background:linear-gradient(135deg,#5B4FD9,#7B6FE9)}
.feature-icon-box.purple{background:linear-gradient(135deg,#9B59B6,#BE90D4)}
.feature-icon-box.yellow{background:linear-gradient(135deg,#F9CA24,#F0E130)}
.feature-icon-box.teal{background:linear-gradient(135deg,#00CEC9,#81ECEC)}
.feature-icon-box.orange{background:linear-gradient(135deg,#FF9F43,#FECA57)}
.feature-icon-box.pink{background:linear-gradient(135deg,#FD79A8,#FDCBDF)}
.feature-icon-box.darkblue{background:linear-gradient(135deg,#1B2A6B,#2D4199)}
.feature-card-mini span{font-size:.85rem;font-weight:600;color:#1c1c1c}

/* ═══ HOW TO ORDER ═══ */
.how-section{background:linear-gradient(180deg,#fff 0%,#dce6f8 100%);padding:6rem 2rem;text-align:center}
.how-inner{max-width:1200px;margin:0 auto}
.how-label{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:3px;color:#29458E;margin-bottom:.8rem}
.how-section h2{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:4rem;color:#1c1c1c}
.how-steps{display:flex;justify-content:center;gap:4rem}
.how-step{flex:1;display:flex;flex-direction:column;align-items:center;padding:0 1.5rem}
.how-step-icon{font-size:3rem;color:#29458E;margin-bottom:1.5rem}
.how-step h3{font-size:1.2rem;font-weight:700;color:#1c1c1c;margin-bottom:.6rem}
.how-step p{font-size:1rem;color:#6c7a8a;line-height:1.7}

/* ═══ REVIEWS ═══ */
.reviews-section{background:#f8faff;flex-flow:column;align-items:center;gap:0;width:100%;display:flex;position:relative;overflow:visible}
.reviews-header{z-index:1;flex-flow:column;align-items:center;justify-content:center;width:100%;height:100vh;display:flex;position:sticky;top:0}
.reviews-tag{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:3px;color:#29458E;margin-bottom:.6rem}
.reviews-header h2{font-size:clamp(3rem,8vw,5rem);font-weight:700;color:#1c1c1c}
.reviews-stack{z-index:1;flex-flow:column;align-items:center;gap:0;width:100%;display:flex;position:relative;overflow:visible}
.review-item{z-index:1;align-items:center;justify-content:center;width:min-content;height:100vh;display:flex;position:sticky;top:0;overflow:visible}
.review-card{background:#fff;border-radius:16px;padding:2.5rem;box-shadow:0px .6px 1.1px -.35px rgba(196,196,196,.09),0px 1.7px 3px -.7px rgba(196,196,196,.09),0px 3.7px 6.7px -1.05px rgba(196,196,196,.1),0px 8.3px 14.9px -1.4px rgba(196,196,196,.12),0px 21px 37.8px -1.75px rgba(196,196,196,.16);width:360px;display:flex;flex-direction:column;gap:24px}
@media(max-width:768px){
.reviews-header{height:auto;padding:60px 20px;background:#f8faff;z-index:0;text-align:center;position:sticky;top:0}
.reviews-header h2{font-size:2.5rem}
.reviews-section{padding:0 0 120px}
.reviews-stack{gap:40px;z-index:1;align-items:center}
.review-item{height:auto;width:350px;display:flex;align-items:center;justify-content:center}
.review-item:nth-child(1){top:200px}
.review-item:nth-child(2){top:220px}
.review-item:nth-child(3){top:240px}
.review-card{width:100%}
}
@media(min-width:769px) and (max-width:1024px){
.reviews-header{height:auto;padding:64px;background:#f8faff;z-index:0;text-align:center;position:sticky;top:0}
.reviews-header h2{font-size:3rem}
.reviews-section{padding:0 0 120px}
.reviews-stack{gap:40px;z-index:1;align-items:center}
.review-item{height:auto;width:360px;display:flex;align-items:center;justify-content:center}
.review-item:nth-child(1){top:240px}
.review-item:nth-child(2){top:260px}
.review-item:nth-child(3){top:280px}
.review-card{width:100%}
}
.review-stars{color:#f59e0b;font-size:1.2rem;margin-bottom:.8rem;letter-spacing:2px}
.review-card p{font-size:1rem;color:#4a4a5a;line-height:1.7;font-style:italic;margin-bottom:1.2rem}
.review-author{display:flex;align-items:center;gap:.8rem}
.review-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#29458E,#5A7FC3);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}
.review-author strong{display:block;font-size:.9rem;color:#1c1c1c}
.review-author span{font-size:.75rem;color:#8b8fa0}
@media(min-width:1025px) and (max-width:1399px){
.review-card{width:280px;padding:1.8rem}
.review-card p{font-size:.9rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.reviews-header h2{font-size:clamp(2.5rem,5vw,4rem)}
}

/* ═══ ECOSYSTEM ═══ */
.eco-section{background:#fff;padding:5rem 2rem;text-align:center}
.eternal-logo{width:clamp(100px,18vw,220px);margin-bottom:1.5rem}
.eco-divider-row{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-bottom:3rem}
.eco-divider-row span{font-size:clamp(.6rem,.8vw,.8rem);letter-spacing:2.5px;font-weight:500;color:#8b8fa0;text-transform:uppercase;line-height:1.5}
.eco-line{width:clamp(40px,8vw,110px);height:1px;background:linear-gradient(90deg,transparent,#d2d2d2)}
.eco-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1200px;margin:0 auto}
.eco-card{display:flex;flex-direction:column;align-items:center;gap:1rem;border-radius:32px;border:3px solid;padding:2rem 1.2rem;text-align:center;transition:transform .15s;overflow:hidden;position:relative}
.eco-card:hover{transform:scale(1.06)}
.eco-icon{width:clamp(100px,12vw,144px);aspect-ratio:1;border-radius:32px;object-fit:cover;position:relative;z-index:1}
.eco-card h3{font-size:1.3rem;font-weight:600;color:#3d3d3d}
.eco-card p{font-size:.9rem;color:#6c7a8a;line-height:1.5;flex:1}
.eco-link{font-size:.85rem;font-weight:500;color:#3d3d3d}
.eco-zomato{border-color:#fde2e4;background:linear-gradient(180deg,#fde2e4,#fff8f8)}
.eco-blinkit{border-color:#FAECBD;background:linear-gradient(180deg,#FFF9E5,#FFF9E5)}
.eco-district{border-color:#DFCFFF;background:linear-gradient(180deg,#F2ECFF,#FAF8FE)}
.eco-hyperpure{border-color:#fde2e4;background:linear-gradient(180deg,#fde2e4,#fff8f8)}

/* ═══ OUR STORY ═══ */
.story-section{background:#fff;padding:5rem 2rem;text-align:left}
.story-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:3rem}
.story-text{flex:1}
.story-section h2{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:#1c1c1c;margin-bottom:1.5rem}
.story-section p{font-size:clamp(1rem,1.3vw,1.12rem);color:#6c7a8a;line-height:1.8;margin-bottom:1rem}
.story-img{flex:1;display:flex;justify-content:center}
.story-img img{width:100%;max-width:600px;border-radius:24px;object-fit:cover}
@media(max-width:768px){.story-inner{flex-direction:column;text-align:center}.story-img img{max-width:300px}}

/* ═══ DOWNLOAD ═══ */
.download-section{background:#f8faff;padding:6rem 2rem 8rem}
.download-card{max-width:1200px;margin:0 auto;border-radius:40px;padding:3rem 4rem;background:linear-gradient(180deg,#fff 0%,#dce6f5 100%);border:2px solid #c5d4ea;box-shadow:0 8px 10px rgba(28,28,28,.08);display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:space-evenly;gap:2rem;overflow:hidden;position:relative}
.download-left{flex:1;display:flex;flex-direction:column;align-items:flex-start}
.download-left h2{font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:700;margin-bottom:1rem}
.download-left p{font-size:clamp(1rem,1.3vw,1.25rem);color:#6c7a8a;font-weight:400;margin-bottom:2rem}
.download-btns{display:flex;gap:1rem}
.download-right{position:relative;z-index:50;flex:0 0 40%;max-width:400px;margin-bottom:-4rem}
.download-mockup{position:relative;width:100%}
.download-phone{width:100%;display:block}
.download-mockup-overlay{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}
.download-mockup-text{width:70%;text-align:center;font-size:clamp(.9rem,1.2vw,1.2rem);font-weight:600;color:#4a4a5a;margin-top:2rem}
.qr-img{width:50%;aspect-ratio:1}
.download-card::after{content:'';position:absolute;right:-30%;top:30%;width:90%;aspect-ratio:1;border-radius:50%;border:2px solid rgba(197,212,234,.5);pointer-events:none}

/* ═══ CONTACT ═══ */
.contact-section{background:#fff;padding:5rem 2rem}
.contact-inner{max-width:1200px;margin:0 auto;display:flex;gap:4rem;align-items:flex-start;width:100%}
.contact-info{flex:1}
.contact-tag{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:3px;color:#29458E;margin-bottom:.5rem}
.contact-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:#1c1c1c;margin-bottom:.8rem}
.contact-desc{color:#6c7a8a;font-size:1rem;margin-bottom:2rem;line-height:1.6}
.contact-cards{display:flex;flex-direction:column;gap:1rem}
.contact-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:16px;background:#fff;border:2px solid #e4eaf4;cursor:pointer;transition:all .2s;text-decoration:none;color:inherit;box-shadow:0 2px 8px rgba(41,69,142,.06)}
.contact-card:hover{background:#29458E;border-color:#29458E;transform:translateY(-2px);box-shadow:0 6px 16px rgba(41,69,142,.2)}
.contact-card:hover i{background:#fff;color:#29458E}
.contact-card:hover strong,.contact-card:hover span{color:#fff}
.contact-card:last-child:hover{background:#25D366;border-color:#25D366}
.contact-card:last-child:hover i{color:#25D366}
.contact-card i{font-size:1.3rem;color:#29458E;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#29458E,#5A7FC3);color:#fff;border-radius:50%}
.contact-card strong{display:block;font-size:.9rem;color:#1c1c1c}
.contact-card span{font-size:.8rem;color:#6c7a8a}
.contact-form{flex:1;display:flex;flex-direction:column;gap:1rem}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:.9rem 1.2rem;border:1px solid #e4eaf4;border-radius:12px;font-family:inherit;font-size:.95rem;background:#f8faff;outline:none;transition:border .2s}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#29458E}
.contact-form textarea{resize:vertical}
.contact-submit{padding:1rem 2rem;background:linear-gradient(135deg,#29458E,#5A7FC3);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s}
.contact-submit:hover{opacity:.9}
@media(max-width:768px){.contact-inner{flex-direction:column}.contact-form{width:100%}.contact-submit{width:100%}}

/* ═══ SERVICE PAGES ═══ */
.service-body{max-width:1100px;margin:0 auto;padding:4rem 2rem}
.service-intro{text-align:center;margin-bottom:4rem}
.service-intro h2{font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:700;color:#1c1c1c;margin-bottom:1rem}
.service-intro p{font-size:1.05rem;color:#6c7a8a;line-height:1.8;max-width:700px;margin:0 auto}
.service-features{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:4rem}
.service-feature{background:#fff;border:1px solid #e8edf5;border-radius:20px;padding:2rem;transition:transform .3s,box-shadow .3s}
.service-feature:hover{transform:translateY(-4px);box-shadow:0 12px 35px rgba(41,69,142,.1)}
.service-feature-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#29458E,#5A7FC3);color:#fff;font-size:1.2rem;margin-bottom:1.2rem}
.service-feature h3{font-size:1.1rem;font-weight:700;color:#1c1c1c;margin-bottom:.5rem}
.service-feature p{font-size:.92rem;color:#6c7a8a;line-height:1.6}
.service-cta{text-align:center;background:linear-gradient(135deg,#f0f4ff,#e8edf5);border-radius:24px;padding:3rem 2rem}
.service-cta h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:#1c1c1c;margin-bottom:.5rem}
.service-cta p{color:#6c7a8a;margin-bottom:1.5rem}
@media(max-width:1024px){.service-features{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.service-features{grid-template-columns:1fr}}

/* ═══ LEGAL PAGES ═══ */
.legal-page{max-width:800px;margin:0 auto;padding:7rem 2rem 4rem}
.legal-page-header{text-align:center;margin-bottom:3rem}
.legal-page-header i{font-size:2.5rem;color:#29458E;margin-bottom:1rem;display:block}
.legal-page-header h1{font-size:clamp(2rem,4vw,2.8rem);font-weight:700;color:#1c1c1c;margin-bottom:.5rem}
.legal-page-header p{color:#6c7a8a;font-size:1rem}
.legal-page-body{display:flex;flex-direction:column;gap:1.5rem}
.legal-card{background:#fff;border:1px solid #e8edf5;border-radius:16px;padding:2rem}
.legal-card h2{font-size:1.2rem;font-weight:700;color:#1c1c1c;margin-bottom:.8rem}
.legal-card h3{font-size:1rem;font-weight:600;color:#333;margin:1rem 0 .5rem}
.legal-card p{font-size:.95rem;color:#555;line-height:1.7;margin-bottom:.5rem}
.legal-card ul{padding-left:1.2rem;margin:.5rem 0}
.legal-card li{font-size:.95rem;color:#555;line-height:1.8}
.legal-card a{color:#29458E;text-decoration:underline}

/* ═══ FOOTER ═══ */
.site-footer{background:#1c1c1c;color:#999;padding:5rem 2rem 2rem}
.footer-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.2fr 2fr;gap:4rem}
.footer-logo img{height:64px;margin-bottom:1.2rem}
.footer-desc{font-size:1rem;color:#777;line-height:1.7;max-width:340px}
.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.footer-grid h4{font-size:1rem;font-weight:500;color:#a0a0a0;margin-bottom:.8rem}
.footer-grid a{display:block;color:#6b6b6b;margin-bottom:.5rem;transition:color .2s;font-size:.95rem}
.footer-grid a:hover{color:#fff}
.footer-bottom{grid-column:1/-1;border-top:1px solid #333;margin-top:2rem;padding-top:1.2rem;font-size:.85rem;color:#555;text-align:center}

/* ═══ SCROLL ANIMATIONS ═══ */
.reveal{opacity:0;transform:translateY(80px);transition:opacity .8s ease,transform .8s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal-left{opacity:0;transform:translateX(-120px);transition:all 1.2s cubic-bezier(.25,1,.5,1)}
.reveal-left.visible{opacity:1;transform:translateX(0)}
.reveal-right{opacity:0;transform:translateX(120px);transition:all 1.2s cubic-bezier(.25,1,.5,1)}
.reveal-right.visible{opacity:1;transform:translateX(0)}
.reveal-scale{opacity:0;transform:scale(.7);transition:all .6s cubic-bezier(.25,1,.5,1)}
.reveal-scale.visible{opacity:1;transform:scale(1)}
.reveal-up{opacity:0;transform:translateY(60%);transition:all .8s cubic-bezier(.25,1,.5,1)}
.reveal-up.visible{opacity:1;transform:translateY(0)}

/* stagger children */
.stagger .how-step{opacity:0;transform:translateY(20px);transition:all .5s cubic-bezier(.25,1,.5,1)}
.stagger.visible .how-step{opacity:1;transform:none}
.stagger.visible .how-step:nth-child(1){transition-delay:.1s}
.stagger.visible .how-step:nth-child(2){transition-delay:.25s}
.stagger.visible .how-step:nth-child(3){transition-delay:.4s}

/* gold float removed — replaced by reviews */

/* eco card stagger */
.eco-grid .eco-card{opacity:0;transform:translateY(40px) scale(.95);transition:all .5s cubic-bezier(.25,1,.5,1)}
.eco-grid.visible .eco-card:nth-child(1){opacity:1;transform:none;transition-delay:.05s}
.eco-grid.visible .eco-card:nth-child(2){opacity:1;transform:none;transition-delay:.15s}
.eco-grid.visible .eco-card:nth-child(3){opacity:1;transform:none;transition-delay:.25s}
.eco-grid.visible .eco-card:nth-child(4){opacity:1;transform:none;transition-delay:.35s}

/* download phone slide */
.download-mockup{transform:translateY(75%);opacity:0;transition:all .9s cubic-bezier(.25,1,.5,1)}
.download-card.visible .download-mockup{transform:translateY(0);opacity:1}

/* stats animation */
.stats-inner .stat-item{opacity:0;transform:translateY(20px);transition:all .5s ease}
.stats-inner.visible .stat-item{opacity:1;transform:none}
.stats-inner.visible .stat-item:nth-child(1){transition-delay:0s}
.stats-inner.visible .stat-item:nth-child(3){transition-delay:.15s}
.stats-inner.visible .stat-item:nth-child(5){transition-delay:.3s}

/* ═══ RESPONSIVE ═══ */
@media(max-width:1024px){
  .hero{align-items:flex-end;justify-content:center}
  .hero-grad-left{display:none}
  .hero-inner{align-items:center;text-align:center;max-width:100%;padding:0 2rem 4rem}
  .hero-btns{justify-content:center}
  .hero-line1{padding-left:2ch}
  .typed-wrap{display:inline-block;min-width:8ch;text-align:left}
  .eco-grid{grid-template-columns:repeat(2,1fr)}
  .deliver-grid{grid-template-columns:repeat(2,1fr)}
  .footer-inner{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:768px){
  .hero{min-height:600px}
  .hero-inner{padding:0 1.5rem 3rem}
  .hero h1{font-size:clamp(1.6rem,7vw,2.4rem)}
  .hero-line1{white-space:normal}
  .hero-logo{height:24px}
  .store-badge{height:40px}
  .better-food{padding:6rem 1.5rem}
  .bf-img{display:none}
  .stats-inner{flex-direction:column;gap:1.2rem;padding:1.5rem}
  .stat-divider{width:80%;height:1px;align-self:center}
  .how-steps{flex-direction:column;gap:1.5rem}
  .features-grid{flex-direction:column;align-items:center}
  .feat-col{grid-template-columns:repeat(3,1fr)}
  .feat-col-center{justify-content:center}
  .review-item{margin-bottom:40vh}
  .eco-grid{grid-template-columns:1fr}
  .eco-card{max-width:320px;margin:0 auto}
  .download-card{flex-direction:column;text-align:center}
  .download-btns{justify-content:center}
  .download-right{display:none}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:480px){
  .hero h1{font-size:1.5rem}
  .hero-sub{font-size:.85rem}
  .deliver-grid{grid-template-columns:1fr}
}