*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
:root{
  --cream:#FBF7EF; --cream2:#F2E8D0; --cream3:#EDE0C4;
  --ink:#0E0E0E;
  --teal:#00C4AD; --teal-dk:#008F7E; --teal-lt:rgba(0,196,173,.12);
  --yellow:#F5C842; --yellow-dk:#c49a00;
  --coral:#FF6040;
  --white:#fff;
  --grey:#888; --grey2:#555;
}
html{scroll-behavior:smooth;}
body{background:var(--cream);color:var(--ink);font-family:'Syne',sans-serif;overflow-x:hidden;cursor:none;}

/* CURSOR */
#cur{position:fixed;width:14px;height:14px;border-radius:50%;background:var(--teal);pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .2s,height .2s,background .2s;mix-blend-mode:multiply;}
#cur.big{width:68px;height:68px;background:var(--yellow);}

/* GRAIN */
body::after{content:'';position:fixed;inset:0;z-index:9990;pointer-events:none;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");background-size:250px;}

/* ANNOUNCE BAR */
.announce{background:var(--ink);color:var(--yellow);padding:10px 0;overflow:hidden;z-index:200;position:relative;}
.announce-track{display:flex;width:max-content;animation:aticker 22s linear infinite;}
.announce-item{padding:0 44px;font-size:.68rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;}
.announce-item .sep{color:var(--teal);margin:0 12px;}
@keyframes aticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* NAV */
nav{position:sticky;top:0;z-index:100;background:rgba(251,247,239,.97);backdrop-filter:blur(20px);border-bottom:2.5px solid var(--ink);display:flex;align-items:center;justify-content:space-between;padding:15px 56px;}
.logo-svg{height:34px;width:auto;display:block;}
.nav-links{display:flex;gap:28px;align-items:center;list-style:none;}
.nav-links a{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--ink);text-decoration:none;transition:color .2s;}
.nav-links a:hover{color:var(--teal-dk);}
.nav-pill{background:var(--ink) !important;color:var(--cream) !important;padding:9px 22px;border-radius:100px;transition:background .25s !important;}
.nav-pill:hover{background:var(--teal-dk) !important;}
.nav-menu-btn{display:none;border:2px solid var(--ink);background:var(--white);border-radius:10px;padding:6px 10px;font-size:1rem;font-weight:800;line-height:1;cursor:pointer;}
.mobile-nav{display:none;}

/* ═══════════════════════════════════════
   HERO  (v3 style restored + enhanced)
═══════════════════════════════════════ */
.hero{
  min-height:calc(100vh - 90px);
  padding:80px 56px 60px;
  position:relative;overflow:hidden;
  display:grid;grid-template-columns:1fr 500px;gap:48px;align-items:center;
}

/* diagonal teal slash on right */
.h-slash{
  position:absolute;top:-10%;right:-4%;
  width:52%;height:120%;
  background:var(--teal);
  transform:skewX(-7deg);
  z-index:0;
  clip-path:polygon(14% 0%,100% 0%,100% 100%,0% 100%);
  opacity:.92;
}
/* yellow morphing blob */
.h-blob{
  position:absolute;bottom:8%;right:16%;
  width:280px;height:280px;
  background:var(--yellow);
  border-radius:60% 40% 30% 70%/60% 30% 70% 40%;
  z-index:1;
  animation:blobMorph 7s ease-in-out infinite alternate;
}
@keyframes blobMorph{from{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;}to{border-radius:30% 60% 70% 40%/50% 60% 30% 60%;}}

/* floating ingredients */
.floater{position:absolute;font-size:2.8rem;animation:floatBob 4s ease-in-out infinite alternate;z-index:2;pointer-events:none;user-select:none;}
.fl1{top:14%;left:7%;animation-delay:0s;}
.fl2{top:30%;left:2%;animation-delay:.7s;font-size:2rem;}
.fl3{bottom:18%;left:11%;animation-delay:1.5s;font-size:3.2rem;}
.fl4{top:10%;left:36%;animation-delay:.3s;font-size:1.9rem;}
.fl5{bottom:28%;right:7%;animation-delay:1.1s;font-size:2.5rem;z-index:3;}
.fl6{top:52%;left:5%;animation-delay:2s;font-size:1.6rem;}
@keyframes floatBob{from{transform:translateY(0) rotate(-4deg);}to{transform:translateY(-16px) rotate(5deg);}}

.h-left{position:relative;z-index:5;}

.h-promo{
  display:inline-block;
  background:var(--yellow);border:2.5px solid var(--ink);
  padding:7px 18px;border-radius:100px;
  font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  box-shadow:3px 3px 0 var(--ink);transform:rotate(-1.2deg);margin-bottom:30px;
}

h1{font-family:'Instrument Serif',serif;font-size:clamp(3.6rem,7vw,7.4rem);line-height:.93;letter-spacing:-.025em;margin-bottom:30px;position:relative;z-index:2;}
h1 em{font-style:italic;}
.h1b{display:block;}
.h1-stroke{-webkit-text-stroke:2.5px var(--ink);color:transparent;display:block;}
.h1-tl{color:var(--teal-dk);display:block;}
.h1-chip{display:inline-block;background:var(--teal);padding:2px 16px 5px;border-radius:8px;color:var(--ink);-webkit-text-stroke:0;transform:rotate(-1deg);}

.h-desc{font-size:.97rem;color:var(--grey2);line-height:1.75;max-width:450px;margin-bottom:38px;font-weight:400;}

.h-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:44px;}

.h-pills{display:flex;gap:10px;flex-wrap:wrap;}
.hpill{display:flex;align-items:center;gap:8px;background:var(--white);border:2px solid var(--ink);padding:8px 16px;border-radius:100px;font-size:.74rem;font-weight:700;box-shadow:2px 2px 0 var(--ink);}
.hpdot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}

/* hero right — stacked cards */
.h-right{position:relative;z-index:5;display:flex;flex-direction:column;gap:14px;}

.hcard{background:var(--white);border:2.5px solid var(--ink);border-radius:20px;padding:22px 26px;box-shadow:5px 5px 0 var(--ink);transition:transform .2s,box-shadow .2s;}
.hcard:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--ink);}

.hc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.hc-lbl{font-size:.63rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--grey);}
.live-badge{display:inline-flex;align-items:center;gap:6px;background:var(--teal);color:var(--ink);border:1.5px solid var(--ink);padding:3px 11px;border-radius:100px;font-size:.62rem;font-weight:800;}
.lpulse{width:6px;height:6px;border-radius:50%;background:var(--ink);animation:lpulse 1.1s infinite;}
@keyframes lpulse{0%,100%{opacity:1}50%{opacity:.2}}

.trows{display:flex;flex-direction:column;gap:10px;}
.trow{display:flex;align-items:center;gap:12px;}
.trow-ic{width:34px;height:34px;border-radius:10px;border:1.5px solid var(--ink);display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0;}
.trow-ic.done{background:var(--teal);}
.trow-bd{flex:1;}
.trow-nm{font-weight:700;font-size:.8rem;}
.trow-sb{font-size:.67rem;color:var(--grey);margin-top:1px;}
.trow-t{font-size:.76rem;font-weight:800;color:var(--teal-dk);}

.hc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--ink);border-radius:14px;overflow:hidden;}
.hcs{background:var(--white);padding:14px 8px;text-align:center;}
.hcs-n{font-family:'Instrument Serif',serif;font-size:1.6rem;color:var(--teal-dk);line-height:1;}
.hcs-l{font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--grey);margin-top:3px;font-weight:700;}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 30px;border-radius:100px;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-decoration:none;transition:all .22s;}
.btn-ink{background:var(--ink);color:var(--cream);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--teal);}
.btn-ink:hover{background:var(--teal-dk);border-color:var(--teal-dk);box-shadow:4px 4px 0 var(--ink);}
.btn-ghost{background:transparent;color:var(--ink);border:2px solid var(--ink);}
.btn-ghost:hover{background:var(--ink);color:var(--cream);}
.btn-teal{background:var(--teal);color:var(--ink);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);}
.btn-teal:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink);}
.btn-yellow{background:var(--yellow);color:var(--ink);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);}
.btn-yellow:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink);}
.btn-ink-solid{background:var(--ink);color:var(--cream);border:2px solid var(--ink);box-shadow:3px 3px 0 rgba(0,0,0,.2);}
.btn-ink-solid:hover{background:var(--teal-dk);border-color:var(--teal-dk);}

/* MARQUEES */
.mband{overflow:hidden;padding:14px 0;border-top:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);}
.mband-dk{background:var(--ink);}
.mband-yl{background:var(--yellow);border-top:none;}
.mtrack{display:flex;width:max-content;}
.mfwd{animation:mfwd 24s linear infinite;}
.mbwd{animation:mbwd 20s linear infinite;}
@keyframes mfwd{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes mbwd{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.mi{display:inline-flex;align-items:center;gap:14px;padding:0 26px;font-size:.7rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;}
.mi-dk{color:var(--cream);}
.mi-yl{color:var(--ink);}
.mstar-dk{color:var(--yellow);}
.mstar-yl{color:var(--teal-dk);}

/* SECTION COMMON */
.sec{padding:100px 56px;}
.sec-alt{background:var(--cream2);}
.sec-ink{background:var(--ink);}
.sec-teal{background:var(--teal);}

.stag{display:inline-flex;align-items:center;gap:8px;background:var(--yellow);border:2px solid var(--ink);padding:5px 16px;border-radius:100px;font-size:.67rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;box-shadow:2px 2px 0 var(--ink);margin-bottom:18px;}
.stag-tl{background:var(--teal);}
.stag-ink{background:var(--ink);color:var(--cream);}

h2{font-family:'Instrument Serif',serif;font-size:clamp(2.3rem,4.5vw,4.2rem);font-weight:400;line-height:1.05;letter-spacing:-.02em;margin-bottom:16px;}
h2 em{font-style:italic;}
h2 .tl{color:var(--teal-dk);}
h2 .yl{color:var(--yellow-dk);}
h2 .cr{color:var(--cream);}

.sec-ghost{position:absolute;top:-20px;left:40px;font-family:'Instrument Serif',serif;font-size:16rem;line-height:1;color:rgba(0,0,0,.04);pointer-events:none;user-select:none;}
.sec-ghost-lt{color:rgba(255,255,255,.04);}

/* HOW IT WORKS */
.how-sec{border-top:2.5px solid var(--ink);position:relative;overflow:hidden;}
.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;}
.how-steps{margin-top:36px;}
.si{display:grid;grid-template-columns:52px 1fr;gap:16px;padding:26px 0;border-bottom:2px solid var(--ink);cursor:default;transition:padding .2s,background .2s;}
.si:first-child{border-top:2px solid var(--ink);}
.si:hover{background:rgba(0,196,173,.06);padding-left:10px;padding-right:10px;}
.si-n{font-family:'Instrument Serif',serif;font-size:2.8rem;color:var(--teal);line-height:1.1;}
.si-b h3{font-size:1.04rem;font-weight:800;margin-bottom:6px;}
.si-b p{font-size:.86rem;color:var(--grey2);line-height:1.75;font-weight:400;}
.how-sticky{position:sticky;top:100px;}
.how-vis{border:2.5px solid var(--ink);border-radius:24px;overflow:hidden;aspect-ratio:3/4;position:relative;box-shadow:10px 10px 0 var(--ink);}
.how-vis img{width:100%;height:100%;object-fit:cover;transition:opacity .3s;}
.how-vis-bar{position:absolute;bottom:0;left:0;right:0;background:var(--white);border-top:2px solid var(--ink);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;}
.hvb-l h4{font-size:.87rem;font-weight:800;}
.hvb-l span{font-size:.7rem;color:var(--grey);display:block;margin-top:1px;}
.hvb-t{font-family:'Instrument Serif',serif;font-size:2.3rem;color:var(--teal-dk);line-height:1;}

/* CATEGORIES */
.cats-sec{border-top:2.5px solid var(--ink);position:relative;overflow:hidden;}
.cats-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:44px;flex-wrap:wrap;gap:20px;}
.cats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;}
.cc{border:2.5px solid var(--ink);border-radius:20px;padding:26px 14px 22px;text-align:center;background:var(--white);cursor:default;position:relative;overflow:hidden;transition:transform .22s,box-shadow .22s;}
.cc::before{content:'';position:absolute;inset:0;background:var(--teal);transform:translateY(102%);transition:transform .3s ease;z-index:0;border-radius:17px;}
.cc:hover{transform:translate(-4px,-4px);box-shadow:6px 6px 0 var(--ink);}
.cc:hover::before{transform:translateY(0);}
.cc:hover .cc-em{transform:scale(1.2) rotate(8deg);}
.cc-em{font-size:2.2rem;display:block;margin-bottom:10px;position:relative;z-index:1;transition:transform .3s;}
.cc-nm{font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;position:relative;z-index:1;}
.cc-wide{grid-column:span 2;padding:26px 22px;}
.cc-wide .cc-em{font-size:2.8rem;}

/* PRESS */
.press-bar{background:var(--cream2);border-top:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);padding:44px 56px;}
.press-inner{display:flex;align-items:center;gap:48px;flex-wrap:wrap;}
.press-lbl{font-size:.66rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--grey);white-space:nowrap;flex-shrink:0;}
.press-logos{display:flex;gap:40px;align-items:center;flex-wrap:wrap;flex:1;}
.press-logo{font-family:'Instrument Serif',serif;font-size:1.3rem;color:var(--grey);transition:color .25s;cursor:default;white-space:nowrap;}
.press-logo:hover{color:var(--ink);}
.pdiv{width:1px;height:22px;background:rgba(0,0,0,.12);}

/* PILLARS */
.pillars-sec{border-top:2.5px solid var(--ink);position:relative;overflow:hidden;}
.pillars-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:52px;}
.pillars-head p{font-size:.92rem;color:var(--grey2);line-height:1.8;font-weight:400;}
.pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);border:2.5px solid var(--ink);border-radius:24px;overflow:hidden;}
.pc{padding:46px 38px;border-right:2px solid var(--ink);position:relative;overflow:hidden;cursor:default;}
.pc:last-child{border-right:none;}
.pc::after{content:'';position:absolute;inset:0;background:var(--teal);transform:translateY(102%);transition:transform .35s cubic-bezier(.4,0,.2,1);z-index:0;}
.pc:nth-child(2)::after{background:var(--yellow);}
.pc:nth-child(3)::after{background:var(--ink);}
.pc:hover::after{transform:translateY(0);}
.pc-em,.pc-h,.pc-p,.pc-lnk{position:relative;z-index:1;}
.pc:nth-child(3):hover .pc-h,.pc:nth-child(3):hover .pc-p{color:var(--cream);}
.pc:nth-child(3):hover .pc-lnk{color:var(--teal);}
.pc-em{font-size:2.6rem;display:block;margin-bottom:22px;transition:transform .3s;}
.pc:hover .pc-em{transform:scale(1.1) rotate(-5deg);}
.pc-h{font-family:'Instrument Serif',serif;font-size:1.4rem;font-weight:400;margin-bottom:12px;transition:color .3s;}
.pc-p{font-size:.86rem;line-height:1.8;color:var(--grey2);margin-bottom:26px;font-weight:400;transition:color .3s;}
.pc-lnk{font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:gap .25s,color .3s;}
.pc-lnk:hover{gap:14px;}

/* ═══════════════════════════════════════
   WHY KWIK EMART — completely redesigned
═══════════════════════════════════════ */
.why-sec{background:var(--ink);position:relative;overflow:hidden;padding:100px 56px;}
.why-head{text-align:center;margin-bottom:64px;}
.why-intro{font-size:.95rem;color:rgba(251,247,239,.5);max-width:520px;margin:.8rem auto 0;font-weight:400;line-height:1.7;}

/* big feature cards row */
.why-features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px;}
.wf{border:2px solid rgba(255,255,255,.1);border-radius:22px;padding:40px 36px;position:relative;overflow:hidden;cursor:default;transition:border-color .3s,transform .25s;}
.wf:hover{border-color:var(--teal);transform:translateY(-4px);}
.wf::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;border-radius:3px 3px 0 0;background:var(--teal);transform:scaleX(0);transform-origin:left;transition:transform .35s ease;}
.wf:hover::before{transform:scaleX(1);}
.wf-icon{width:52px;height:52px;border-radius:14px;background:rgba(0,196,173,.12);border:1.5px solid rgba(0,196,173,.25);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:22px;}
.wf-val{font-family:'Instrument Serif',serif;font-size:3rem;color:var(--teal);line-height:1;margin-bottom:8px;}
.wf-title{font-size:.9rem;font-weight:800;color:var(--cream);margin-bottom:10px;}
.wf-desc{font-size:.82rem;color:rgba(251,247,239,.45);line-height:1.75;font-weight:400;}

/* comparison grid */
.why-compare{background:rgba(255,255,255,.03);border:2px solid rgba(255,255,255,.08);border-radius:22px;overflow:hidden;margin-bottom:20px;}
.wc-head{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;background:rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.08);}
.wc-col{padding:18px 24px;font-size:.67rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;text-align:center;}
.wc-col:first-child{text-align:left;color:rgba(251,247,239,.4);}
.wc-col.us{color:var(--teal);}
.wc-col.them{color:rgba(251,247,239,.35);}
.wc-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;border-top:1px solid rgba(255,255,255,.06);transition:background .2s;}
.wc-row:hover{background:rgba(255,255,255,.03);}
.wc-cell{padding:16px 24px;font-size:.85rem;text-align:center;display:flex;align-items:center;justify-content:center;}
.wc-cell:first-child{text-align:left;justify-content:flex-start;font-weight:700;color:rgba(251,247,239,.75);}
.wc-cell.us{color:var(--teal);font-weight:700;}
.tick{color:var(--teal);font-size:1.2rem;}
.cross{color:rgba(255,255,255,.2);font-size:1rem;}
.partial{color:var(--yellow);font-size:.8rem;font-weight:700;}

/* bottom CTA strip */
.why-cta-strip{background:var(--teal);border-radius:18px;padding:32px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.wcs-text h3{font-family:'Instrument Serif',serif;font-size:1.6rem;color:var(--ink);}
.wcs-text p{font-size:.85rem;color:rgba(0,0,0,.6);margin-top:4px;font-weight:400;}

/* TESTIMONIALS */
.testi-sec{border-top:2.5px solid var(--ink);position:relative;overflow:hidden;}
.testi-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:22px;align-items:start;}
.tf{background:var(--ink);color:var(--cream);border:2.5px solid var(--ink);border-radius:24px;padding:48px;box-shadow:8px 8px 0 var(--teal);}
.tf-stars{color:var(--yellow);letter-spacing:4px;font-size:.9rem;margin-bottom:18px;}
.tf-q{font-family:'Instrument Serif',serif;font-size:clamp(1.5rem,2.8vw,2.3rem);line-height:1.3;font-style:italic;margin-bottom:26px;}
.tf-auth{display:flex;align-items:center;gap:14px;}
.tf-av{width:46px;height:46px;border-radius:50%;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:1.2rem;background:rgba(255,255,255,.08);}
.tf-nm{font-weight:800;}
.tf-rl{font-size:.73rem;color:rgba(251,247,239,.45);margin-top:2px;}
.ts-wrap{display:flex;flex-direction:column;gap:18px;}
.ts{background:var(--white);border:2px solid var(--ink);border-radius:20px;padding:26px;box-shadow:4px 4px 0 var(--ink);transition:transform .2s,box-shadow .2s;}
.ts:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 var(--ink);}
.ts-stars{color:var(--yellow);font-size:.78rem;letter-spacing:3px;margin-bottom:10px;}
.ts-text{font-size:.87rem;color:var(--grey2);line-height:1.75;margin-bottom:18px;font-weight:400;}
.ts-auth{display:flex;align-items:center;gap:10px;}
.ts-av{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--ink);display:flex;align-items:center;justify-content:center;font-size:.95rem;background:var(--cream2);}
.ts-nm{font-weight:800;font-size:.82rem;}
.ts-rl{font-size:.7rem;color:var(--grey);}

/* STORES — GREENS CARDS */
.stores-sec{border-top:2.5px solid var(--ink);position:relative;overflow:hidden;}
.stores-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:44px;flex-wrap:wrap;gap:20px;}
.greens-intro{background:var(--white);border:2.5px solid var(--ink);border-radius:20px;padding:28px 36px;margin-bottom:36px;display:flex;align-items:center;gap:28px;box-shadow:4px 4px 0 var(--ink);}
.greens-logo-wrap{flex-shrink:0;}
.greens-badge{background:var(--teal);color:var(--ink);border:2px solid var(--ink);border-radius:12px;padding:10px 18px;font-weight:800;font-size:.85rem;letter-spacing:.04em;}
.greens-intro-text h3{font-size:1.1rem;font-weight:800;margin-bottom:6px;}
.greens-intro-text p{font-size:.87rem;color:var(--grey2);line-height:1.65;font-weight:400;}
.greens-awards{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap;}
.gaward{background:var(--yellow);border:1.5px solid var(--ink);padding:3px 12px;border-radius:100px;font-size:.65rem;font-weight:800;}

.store-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:32px;}
.scard{background:var(--white);border:2.5px solid var(--ink);border-radius:20px;overflow:hidden;box-shadow:4px 4px 0 var(--ink);transition:transform .2s,box-shadow .2s;cursor:default;}
.scard:hover{transform:translate(-4px,-4px);box-shadow:8px 8px 0 var(--ink);}
.scard-img{height:150px;background:var(--cream2);display:flex;align-items:center;justify-content:center;font-size:3rem;border-bottom:2px solid var(--ink);position:relative;overflow:hidden;}
.scard-img img{width:100%;height:100%;object-fit:cover;display:block;}
.scard-img-fallback{font-size:3rem;}
.scard-body{padding:20px 22px;}
.scard-chain{display:inline-flex;align-items:center;gap:6px;background:var(--teal);border:1.5px solid var(--ink);padding:3px 10px;border-radius:100px;font-size:.6rem;font-weight:800;margin-bottom:10px;}
.scard-name{font-size:1rem;font-weight:800;margin-bottom:6px;}
.scard-addr{font-size:.78rem;color:var(--grey2);margin-bottom:12px;font-weight:400;}
.scard-hours{font-size:.73rem;font-weight:700;color:var(--teal-dk);margin-bottom:12px;}
.scard-perks{display:flex;flex-wrap:wrap;gap:6px;}
.sperk{background:var(--cream2);border:1.5px solid var(--ink);padding:3px 10px;border-radius:100px;font-size:.62rem;font-weight:700;}

/* more stores pills */
.more-stores{margin-top:8px;}
.more-stores-lbl{font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--grey);margin-bottom:14px;}
.spills{display:flex;flex-wrap:wrap;gap:10px;}
.spill{padding:9px 20px;border:2px solid var(--ink);border-radius:100px;font-size:.79rem;font-weight:700;background:var(--white);cursor:default;box-shadow:2px 2px 0 var(--ink);opacity:0;transform:translateY(10px);transition:all .2s;}
.spill.vis{opacity:1;transform:translateY(0);}
.spill:hover{background:var(--yellow);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ink);}

/* ═══════════════════════════════════════
   DOWNLOAD — real Apple / Google badges
═══════════════════════════════════════ */
.dl-sec{padding:80px 56px 100px;}
.dl-box{background:var(--ink);border-radius:28px;border:2.5px solid var(--ink);overflow:hidden;display:grid;grid-template-columns:1fr 1fr;box-shadow:10px 10px 0 var(--teal);}
.dl-left{padding:68px 58px;position:relative;}
.dl-corner{position:absolute;top:0;right:0;background:var(--teal);color:var(--ink);padding:11px 28px;font-size:.63rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;border-bottom-left-radius:16px;}
.dl-tag{display:inline-flex;align-items:center;gap:8px;background:rgba(245,200,66,.15);border:1.5px solid rgba(245,200,66,.3);padding:6px 14px;border-radius:100px;font-size:.72rem;color:var(--yellow);font-weight:700;margin-bottom:18px;}
.dl-left h2{color:var(--cream);}
.dl-left h2 .tl{color:var(--teal);}
.dl-left p{color:rgba(251,247,239,.5);font-size:.9rem;line-height:1.75;margin:16px 0 32px;font-weight:400;}

/* REAL store badge SVGs */
.store-badges{display:flex;flex-direction:column;gap:14px;max-width:220px;}
.store-badge{display:block;text-decoration:none;transition:opacity .25s,transform .2s;}
.store-badge:hover{opacity:.85;transform:scale(1.03);}
.store-badge svg{display:block;width:180px;height:auto;}

.dl-right{background:var(--cream2);display:flex;align-items:center;justify-content:center;padding:56px;position:relative;overflow:hidden;}
.dl-right::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(0,196,173,.13),transparent 65%);}

/* phone */
.phone-mock{width:218px;background:var(--ink);border-radius:40px;border:3px solid rgba(255,255,255,.15);overflow:hidden;position:relative;z-index:2;box-shadow:0 30px 80px rgba(0,0,0,.22),16px 16px 0 var(--teal);}
.ph-notch{width:78px;height:22px;background:var(--ink);border-radius:0 0 14px 14px;margin:0 auto;position:relative;z-index:3;}
.ph-screen{background:linear-gradient(170deg,#0d1e1c,#080808);padding:0 14px 20px;min-height:420px;display:flex;flex-direction:column;gap:10px;}
.ph-hd{text-align:center;padding:11px 0 7px;}
.ph-logo{font-family:'Nunito',sans-serif;font-weight:900;font-size:.88rem;color:var(--teal);}
.ph-sub{font-size:.53rem;letter-spacing:.1em;color:rgba(255,255,255,.3);margin-top:1px;}
.ph-banner{background:linear-gradient(135deg,rgba(0,196,173,.2),transparent);border:1px solid rgba(0,196,173,.2);border-radius:14px;padding:14px;text-align:center;font-size:1.8rem;}
.ph-srch{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:8px 12px;font-size:.6rem;color:rgba(255,255,255,.28);}
.ph-lbl{font-size:.56rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.28);padding:2px 0 3px;}
.ph-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;}
.ph-cat{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:8px 4px;text-align:center;}
.ph-cat .e{font-size:.92rem;display:block;margin-bottom:2px;}
.ph-cat span{font-size:.48rem;color:rgba(255,255,255,.35);}
.ph-cta{background:var(--teal);color:var(--ink);border-radius:12px;padding:11px;text-align:center;font-weight:900;font-size:.72rem;letter-spacing:.04em;font-family:'Nunito',sans-serif;margin-top:3px;}
.ph-eta{font-size:.53rem;color:rgba(255,255,255,.22);text-align:center;letter-spacing:.08em;}

/* stickers */
.stk{position:absolute;background:var(--yellow);border:2px solid var(--ink);border-radius:100px;padding:7px 16px;font-size:.68rem;font-weight:800;box-shadow:3px 3px 0 rgba(0,0,0,.12);white-space:nowrap;color:var(--ink);}
.sk1{top:14%;left:-8px;transform:rotate(-7deg);}
.sk2{bottom:20%;right:-8px;transform:rotate(5deg);}
.sk3{top:50%;left:-18px;transform:rotate(-3deg);}

/* FAQ */
.faq-sec{border-top:2.5px solid var(--ink);}
.faq-inner{display:grid;grid-template-columns:1fr 2fr;gap:80px;}
.faq-sticky{position:sticky;top:94px;}
.faq-sticky p{font-size:.9rem;color:var(--grey2);line-height:1.8;margin-top:14px;font-weight:400;}
.flist{display:flex;flex-direction:column;}
.fi{border-bottom:2px solid var(--ink);}
.fi:first-child{border-top:2px solid var(--ink);}
.fq{display:flex;justify-content:space-between;align-items:center;padding:22px 0;cursor:pointer;font-size:.9rem;font-weight:700;gap:16px;transition:color .2s;}
.fq:hover{color:var(--teal-dk);}
.ftog{width:31px;height:31px;border:2px solid var(--ink);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;transition:transform .3s,background .25s,border-color .25s;font-weight:400;}
.fi.open .ftog{transform:rotate(45deg);background:var(--teal);border-color:var(--teal);}
.fa{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s;font-size:.87rem;color:var(--grey2);line-height:1.8;font-weight:400;}
.fi.open .fa{max-height:200px;padding-bottom:22px;}

/* FINAL CTA */
.cta-sec{background:var(--yellow);border-top:2.5px solid var(--ink);position:relative;overflow:hidden;padding:120px 56px;text-align:center;}
.cta-sec::before{content:'FREE DELIVERY ON FIRST ORDER  ✦  DOWNLOAD NOW  ✦  FREE DELIVERY ON FIRST ORDER  ✦  DOWNLOAD NOW  ✦  ';position:absolute;top:0;left:0;right:0;background:var(--ink);color:var(--yellow);font-size:.64rem;font-weight:800;letter-spacing:.18em;padding:9px 0;text-align:center;white-space:nowrap;overflow:hidden;}
.cta-ghost{position:absolute;bottom:-60px;left:50%;transform:translateX(-50%);font-family:'Instrument Serif',serif;font-size:20rem;line-height:1;color:rgba(0,0,0,.05);white-space:nowrap;pointer-events:none;user-select:none;}
.cta-sec h2{font-size:clamp(2.8rem,6vw,6.5rem);color:var(--ink);margin-bottom:16px;position:relative;z-index:2;}
.cta-sec p{font-size:1rem;color:rgba(0,0,0,.5);max-width:460px;margin:0 auto 42px;font-weight:400;position:relative;z-index:2;}
.cta-badges{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;position:relative;z-index:2;}

/* FOOTER */
footer{background:var(--ink);padding:78px 56px 38px;border-top:2.5px solid var(--ink);}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:52px;margin-bottom:52px;}
.fb p{font-size:.85rem;color:rgba(251,247,239,.42);line-height:1.8;margin-top:14px;max-width:256px;font-weight:400;}
.fc h4{font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;color:var(--teal);margin-bottom:17px;font-weight:800;}
.fc ul{list-style:none;display:flex;flex-direction:column;gap:10px;}
.fc ul a{font-size:.85rem;color:rgba(251,247,239,.42);text-decoration:none;transition:color .2s;}
.fc ul a:hover{color:var(--cream);}
.footer-bot{display:flex;justify-content:space-between;align-items:center;padding-top:26px;border-top:1px solid rgba(255,255,255,.08);font-size:.73rem;color:rgba(251,247,239,.28);}

/* REVEAL */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease;}
.reveal-l{opacity:0;transform:translateX(-24px);transition:opacity .7s ease,transform .7s ease;}
.reveal-r{opacity:0;transform:translateX(24px);transition:opacity .7s ease,transform .7s ease;}
.reveal.visible,.reveal-l.visible,.reveal-r.visible{opacity:1;transform:translate(0);}

/* SCROLLBAR */
::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-track{background:var(--cream);}
::-webkit-scrollbar-thumb{background:var(--teal);border-radius:3px;}

/* RESPONSIVE */
@media(max-width:1024px){
  nav{padding:14px 24px;}
  .nav-links{display:none;}
  .nav-menu-btn{display:inline-flex;align-items:center;justify-content:center;}
  .mobile-nav{position:absolute;left:0;right:0;top:100%;display:flex;flex-direction:column;gap:0;background:var(--white);border-bottom:2px solid var(--ink);max-height:0;overflow:hidden;transition:max-height .25s ease;}
  .mobile-nav a{padding:14px 24px;border-top:1px solid var(--border);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:var(--ink);text-decoration:none;}
  body.nav-open .mobile-nav{max-height:360px;}
  .hero{grid-template-columns:1fr;padding:80px 24px 60px;min-height:auto;}
  .h-slash,.h-blob{display:none;}
  .h-right{margin-top:36px;}
  .sec{padding:72px 24px;}
  .how-grid{grid-template-columns:1fr;}
  .how-sticky{position:static;}
  .cats-grid{grid-template-columns:repeat(3,1fr);}
  .press-bar{padding:36px 24px;}
  .pillars-head{grid-template-columns:1fr;gap:14px;}
  .pillars-grid{grid-template-columns:1fr;border-radius:20px;}
  .pc{border-right:none;border-bottom:2px solid var(--ink);}
  .pc:last-child{border-bottom:none;}
  .why-features{grid-template-columns:1fr;}
  .wc-head,.wc-row{grid-template-columns:1.5fr 1fr 1fr;}
  .wc-col:last-child,.wc-cell:last-child{display:none;}
  .testi-grid{grid-template-columns:1fr;}
  .store-cards{grid-template-columns:repeat(2,1fr);}
  .greens-intro{padding:20px;gap:14px;align-items:flex-start;flex-direction:column;}
  .greens-badge{font-size:.74rem;padding:8px 12px;max-width:100%;word-break:break-word;}
  .greens-intro-text h3,.greens-intro-text p{overflow-wrap:anywhere;word-break:break-word;}
  .dl-box{grid-template-columns:1fr;}
  .dl-right{padding:40px;}
  .faq-inner{grid-template-columns:1fr;gap:36px;}
  .faq-sticky{position:static;}
  .cta-sec{padding:90px 24px;}
  .footer-grid{grid-template-columns:1fr 1fr;gap:36px;}
  .footer-bot{flex-direction:column;gap:8px;text-align:center;}
}
@media(max-width:640px){
  .cats-grid{grid-template-columns:repeat(2,1fr);}
  .cc-wide{grid-column:span 1;}
  .store-cards{grid-template-columns:1fr;}
  .why-features{gap:14px;}
}