:root{
  --dark:#01302D;
  --green:#2A7717;
  --lime:#7DBF00;
  --yellow-green:#BFF200;
  --mint:#EAFDE7;
  --white:#FFFFFF;
  --ink:#0C2620;
  --shadow: 0 20px 50px rgba(1,48,45,0.15);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:'Poppins',sans-serif;
  background:var(--mint);
  color:var(--ink);
  overflow-x:hidden;
}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
img,svg{display:block;}
.container{max-width:1180px;margin:0 auto;padding:0 24px;}
.section{padding:90px 0;}
.eyebrow{
  display:inline-block;
  font-size:13px;
  font-weight:700;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:var(--green);
  background:rgba(125,191,0,0.14);
  padding:6px 16px;
  border-radius:30px;
  margin-bottom:18px;
}
h1,h2,h3{font-weight:800;line-height:1.15;}
.section-title{font-size:36px;color:var(--dark);margin-bottom:16px;}
.section-sub{font-size:16px;color:#3c5a53;max-width:640px;line-height:1.7;margin-bottom:20px;}
.center{text-align:center;margin-left:auto;margin-right:auto;}

/* ===== NAV ===== */
.nav{
  position:sticky;top:0;z-index:100;
  background:rgba(255,255,255,0.85);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(1,48,45,0.08);
}
.nav-inner{
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 24px;max-width:1180px;margin:0 auto;
}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;color:var(--dark);}
.logo-mark{
  width:46px;height:46px;object-fit:contain;flex-shrink:0;
}
.logo-type{height:28px;width:auto;object-fit:contain;}
.nav-links{display:flex;gap:32px;font-weight:600;font-size:14.5px;color:var(--dark);}
.nav-links a{opacity:0.75;transition:opacity .2s;}
.nav-links a:hover{opacity:1;}
.btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:12px 24px;border-radius:14px;font-weight:700;font-size:14.5px;
  cursor:pointer;border:none;transition:transform .2s ease, box-shadow .2s ease;
}
.btn:hover{transform:translateY(-2px);}
.btn-nav{background:var(--dark);color:var(--yellow-green);padding:10px 20px;font-size:13.5px;}

/* ===== HERO ===== */
.hero{
  position:relative;
  padding:45px 0 25px;
  overflow:hidden;
}
.hero::before{
  content:"";position:absolute;top:-120px;right:-160px;width:480px;height:480px;
  background:var(--yellow-green);opacity:0.5;border-radius:50%;filter:blur(10px);
  animation:heroBlobA 12s ease-in-out infinite;
}
.hero::after{
  content:"";position:absolute;bottom:-160px;left:-140px;width:400px;height:400px;
  background:var(--lime);opacity:0.25;border-radius:50%;filter:blur(20px);
  animation:heroBlobB 15s ease-in-out infinite;
}
@keyframes heroBlobA{
  0%,100%{transform:translate(0,0) scale(1);}
  33%{transform:translate(-50px,40px) scale(1.12);}
  66%{transform:translate(-20px,-30px) scale(0.94);}
}
@keyframes heroBlobB{
  0%,100%{transform:translate(0,0) scale(1);}
  33%{transform:translate(45px,-35px) scale(1.1);}
  66%{transform:translate(20px,25px) scale(0.92);}
}
.hero-abstract{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1400 700'%3E%3Ccircle cx='1150' cy='120' r='260' fill='none' stroke='%232A7717' stroke-width='1.5' opacity='0.18'/%3E%3Ccircle cx='1150' cy='120' r='190' fill='none' stroke='%237DBF00' stroke-width='1.5' opacity='0.16'/%3E%3Ccircle cx='120' cy='560' r='150' fill='none' stroke='%2301302D' stroke-width='1.5' opacity='0.12'/%3E%3Ccircle cx='120' cy='560' r='95' fill='none' stroke='%2301302D' stroke-width='1.5' opacity='0.1'/%3E%3Cpath d='M0 90 C 250 10, 500 170, 780 70 S 1250 40, 1400 130' fill='none' stroke='%237DBF00' stroke-width='2' opacity='0.16'/%3E%3Cpath d='M0 620 C 200 560, 420 660, 650 600 S 1100 540, 1400 610' fill='none' stroke='%232A7717' stroke-width='2' opacity='0.13'/%3E%3Cg opacity='0.28'%3E%3Ccircle cx='60' cy='60' r='3' fill='%2301302D'/%3E%3Ccircle cx='88' cy='60' r='3' fill='%2301302D'/%3E%3Ccircle cx='116' cy='60' r='3' fill='%2301302D'/%3E%3Ccircle cx='60' cy='88' r='3' fill='%2301302D'/%3E%3Ccircle cx='88' cy='88' r='3' fill='%2301302D'/%3E%3Ccircle cx='116' cy='88' r='3' fill='%2301302D'/%3E%3Ccircle cx='60' cy='116' r='3' fill='%2301302D'/%3E%3Ccircle cx='88' cy='116' r='3' fill='%2301302D'/%3E%3Ccircle cx='116' cy='116' r='3' fill='%2301302D'/%3E%3C/g%3E%3Cg opacity='0.22'%3E%3Ccircle cx='1300' cy='600' r='3' fill='%232A7717'/%3E%3Ccircle cx='1328' cy='600' r='3' fill='%232A7717'/%3E%3Ccircle cx='1356' cy='600' r='3' fill='%232A7717'/%3E%3Ccircle cx='1300' cy='628' r='3' fill='%232A7717'/%3E%3Ccircle cx='1328' cy='628' r='3' fill='%232A7717'/%3E%3Ccircle cx='1356' cy='628' r='3' fill='%232A7717'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat:no-repeat;background-size:cover;background-position:center;
}
.hero-inner{
  position:relative;z-index:2;
  display:grid;grid-template-columns:1.05fr 0.95fr;gap:40px;align-items:center;
}
.hero-text h1{font-size:46px;color:var(--dark);margin-bottom:20px;}
.hero-text h1 span{color:var(--green);}
.hero-text p{font-size:15px;color:#365149;line-height:1.75;max-width:520px;margin-bottom:32px;}
.hero-ctas{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-bottom:28px;}

.btn-android{
  background:var(--dark);color:var(--white);padding:14px 26px 14px 18px;
  box-shadow:0 14px 30px rgba(1,48,45,0.35);
}
.btn-android .play-icon{
  width:32px;height:32px;border-radius:9px;background:var(--yellow-green);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.btn-android .txt{display:flex;flex-direction:column;line-height:1.2;text-align:left;}
.btn-android .txt small{font-size:10.5px;font-weight:500;opacity:0.75;letter-spacing:0.4px;}
.btn-android .txt strong{font-size:16.5px;font-weight:700;}

.btn-ghost{
  background:transparent;color:var(--dark);border:2px solid rgba(1,48,45,0.18)!important;
  padding:12px 22px;
}
.btn-ghost span.soon{
  font-size:10px;background:var(--green);color:#fff;padding:2px 8px;border-radius:20px;margin-left:8px;font-weight:700;
}

.hero-meta{display:flex;gap:28px;flex-wrap:wrap;}
.meta-item{display:flex;flex-direction:column;}
.meta-item strong{font-size:22px;color:var(--dark);font-weight:800;}
.meta-item span{font-size:12.5px;color:#4d6a62;font-weight:600;}

/* ===== PHONE MOCKUP ===== */
.phone-wrap{position:relative;display:flex;justify-content:center;align-items:center;min-height:620px;}
.hero-phone-img{width:100%;max-width:330px;height:auto;position:relative;z-index:3;}

.float-badge{
  position:absolute;background:var(--white);border-radius:16px;padding:12px 16px;
  box-shadow:var(--shadow);display:flex;align-items:center;gap:10px;z-index:4;
  font-weight:700;font-size:13px;color:var(--dark);
  animation:float 4s ease-in-out infinite;
}
.badge-rating{top:8%;left:-4%;}
.badge-rating .stars{color:var(--lime);font-size:14px;}
.badge-time{bottom:14%;right:8%;animation-delay:1.2s;}
.badge-bike{top:44%;right:-10%;animation-delay:2s;padding:10px;border-radius:50%;}
@keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-14px);}}

/* ===== FEATURES ===== */
.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:44px;}
.feature-card{
  background:var(--white);border-radius:20px;padding:28px 22px;
  box-shadow:0 10px 30px rgba(1,48,45,0.06);transition:transform .2s ease;
}
.feature-card:hover{transform:translateY(-6px);}
.icon-circle{
  width:52px;height:52px;border-radius:14px;background:var(--mint);
  display:flex;align-items:center;justify-content:center;color:var(--green);margin-bottom:16px;
}
.feature-card h4{font-size:16px;color:var(--dark);margin-bottom:8px;}
.feature-card p{font-size:13.5px;color:#4d6a62;line-height:1.6;}

.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
.about-text p{font-size:15px;color:#3c5a53;line-height:1.85;margin-bottom:16px;}

/* ===== FOOD + APP SHOWCASE ===== */
.showcase{
  position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;
  overflow:hidden;background-color:var(--dark);
}
.showcase-bg{
  position:absolute;inset:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Ctext x='4' y='58' font-size='46' transform='rotate(-14 4 58)'%3E%F0%9F%8D%95%3C/text%3E%3Ctext x='150' y='34' font-size='38' transform='rotate(11 150 34)'%3E%F0%9F%8D%94%3C/text%3E%3Ctext x='252' y='96' font-size='34' transform='rotate(-9 252 96)'%3E%F0%9F%A5%97%3C/text%3E%3Ctext x='52' y='150' font-size='40' transform='rotate(13 52 150)'%3E%F0%9F%8D%9C%3C/text%3E%3Ctext x='205' y='168' font-size='36' transform='rotate(-11 205 168)'%3E%F0%9F%8C%AE%3C/text%3E%3Ctext x='285' y='222' font-size='32' transform='rotate(8 285 222)'%3E%F0%9F%8D%B0%3C/text%3E%3Ctext x='24' y='238' font-size='34' transform='rotate(-7 24 238)'%3E%F0%9F%A5%A4%3C/text%3E%3Ctext x='118' y='256' font-size='30' transform='rotate(15 118 256)'%3E%F0%9F%8D%8E%3C/text%3E%3Ctext x='232' y='288' font-size='28' transform='rotate(-13 232 288)'%3E%F0%9F%92%8A%3C/text%3E%3Ctext x='108' y='104' font-size='30' transform='rotate(6 108 104)'%3E%F0%9F%9B%B5%3C/text%3E%3Ctext x='8' y='300' font-size='26' transform='rotate(10 8 300)'%3E%F0%9F%93%A6%3C/text%3E%3Ctext x='170' y='300' font-size='30' transform='rotate(-6 170 300)'%3E%F0%9F%A5%AC%3C/text%3E%3C/svg%3E");
  background-repeat:repeat;background-size:300px 300px;background-attachment:fixed;opacity:0.9;
}
.showcase-overlay{
  position:absolute;inset:0;
  background:linear-gradient(180deg, rgba(1,48,45,0.55) 0%, rgba(1,48,45,0.86) 55%, rgba(1,48,45,0.6) 100%);
}
.showcase-content{position:relative;z-index:2;text-align:center;color:var(--white);padding:60px 24px;width:100%;}
.showcase-content .eyebrow{background:rgba(255,255,255,0.14);color:var(--yellow-green);}
.showcase-title{font-size:38px;color:var(--white);margin-bottom:14px;}
.showcase-sub{font-size:15px;color:rgba(255,255,255,0.8);max-width:560px;margin:0 auto 56px;line-height:1.7;}

.phones-stage{display:flex;justify-content:center;align-items:center;}
.showcase-phones-img{
  width:100%;max-width:820px;height:auto;
  filter:drop-shadow(0 35px 60px rgba(0,0,0,0.45));
}

.reveal{opacity:0;transform:translateY(36px);transition:opacity .8s ease, transform .8s ease;}
.reveal.in-view{opacity:1;transform:translateY(0);}
.reveal.d1{transition-delay:.05s;}
.reveal.d2{transition-delay:.2s;}
.reveal.d3{transition-delay:.35s;}

/* ===== MISSION / VISION ===== */
.mv-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.mv-card{border-radius:24px;padding:40px;color:var(--white);position:relative;overflow:hidden;}
.mv-card.dark{background:var(--dark);}
.mv-card.green{background:var(--green);}
.mv-card::after{
  content:"";position:absolute;width:180px;height:180px;border-radius:50%;
  background:rgba(255,255,255,0.06);top:-60px;right:-60px;
}
.mv-icon{
  width:54px;height:54px;border-radius:14px;background:rgba(255,255,255,0.14);
  display:flex;align-items:center;justify-content:center;color:var(--yellow-green);margin-bottom:22px;
}
.mv-card h3{font-size:22px;margin-bottom:14px;}
.mv-card p{font-size:14.5px;line-height:1.75;opacity:0.9;position:relative;z-index:1;}

/* ===== VALUES ===== */
.values-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:44px;}
.value-card{
  background:var(--white);border-radius:18px;padding:26px 18px;text-align:center;
  box-shadow:0 10px 26px rgba(1,48,45,0.06);
}
.value-card .icon-circle{margin:0 auto 14px;background:var(--dark);color:var(--yellow-green);}
.value-card h4{font-size:13.5px;color:var(--dark);line-height:1.4;}

/* ===== TAGLINE BANNER ===== */
.tagline-banner{
  background:#2A7717;padding:90px 24px;position:relative;overflow:hidden;
}
.tagline-banner::before{
  content:"";position:absolute;inset:0;
  background:repeating-linear-gradient(45deg, rgba(255,255,255,0.05) 0 2px, transparent 2px 40px);
}
.tagline-inner{
  display:flex;align-items:center;justify-content:center;gap:64px;
  position:relative;z-index:1;
  max-width:980px;padding-left:56px;padding-right:56px;
}
.tagline-text{max-width:460px;min-width:0;}
.tagline-text .eyebrow{background:rgba(255,255,255,0.16);color:var(--yellow-green);}
.tagline-banner h2{
  font-size:38px;line-height:1.4;margin:0;text-align:left;
}
.tagline-banner h2 span{display:block;color:var(--white);}
.tagline-banner h2 span.accent{color:var(--yellow-green);}
.tagline-logo{flex-shrink:0;width:230px;max-width:38%;}
.tagline-logo img{width:100%;height:auto;display:block;}

/* ===== FOUNDER ===== */
.founder-layout{
  display:grid;grid-template-columns:0.8fr 1.2fr;gap:50px;align-items:center;
  background:var(--white);border-radius:28px;padding:50px;box-shadow:0 14px 40px rgba(1,48,45,0.08);
}
.founder-avatar{
  width:100%;aspect-ratio:1/1;border-radius:24px;background:linear-gradient(150deg, var(--green), var(--dark));
  display:flex;align-items:center;justify-content:center;color:var(--yellow-green);
  font-size:96px;font-weight:900;box-shadow:var(--shadow);
  overflow:hidden;
}
.founder-avatar img{width:100%;height:100%;object-fit:cover;}
.founder-name{font-size:26px;color:var(--dark);margin-bottom:4px;}
.founder-role{font-size:14px;color:var(--green);font-weight:700;margin-bottom:20px;}
.founder-bio{font-size:14.5px;color:#3c5a53;line-height:1.8;margin-bottom:22px;}

/* ===== QUOTE CARD ===== */
.quote-card{
  position:relative;margin-top:32px;background:#2A7717;border-radius:28px;
  padding:64px 60px;text-align:center;overflow:hidden;
}
.quote-card::after{
  content:"";position:absolute;width:220px;height:220px;border-radius:50%;
  background:rgba(125,191,0,0.1);top:-80px;right:-80px;
}
.quote-card::before{
  content:"";position:absolute;width:180px;height:180px;border-radius:50%;
  background:rgba(191,242,0,0.06);bottom:-70px;left:-60px;
}
.quote-icon{position:relative;z-index:1;color:var(--yellow-green);opacity:0.9;width:38px;margin:0 auto;}
.quote-icon-open{margin-bottom:18px;}
.quote-icon-close{margin-top:22px;transform:rotate(180deg);opacity:0.5;}
.quote-text{
  position:relative;z-index:1;font-size:22px;font-weight:600;line-height:1.65;
  color:var(--white);max-width:780px;margin:0 auto;
}
.quote-author{
  position:relative;z-index:1;margin-top:26px;font-size:15px;font-weight:800;
  color:var(--yellow-green);letter-spacing:0.3px;
}
.quote-author span{
  display:block;margin-top:4px;font-size:12.5px;font-weight:500;
  color:rgba(255,255,255,0.65);letter-spacing:0.2px;
}

/* ===== FOOTER ===== */
footer{background:var(--dark);color:var(--white);padding:70px 0 30px;margin-top:40px;}
.footer-cta{
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;
  padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,0.12);margin-bottom:30px;
}
.footer-cta h3{font-size:26px;margin-bottom:8px;}
.footer-cta p{font-size:14px;opacity:0.7;}
.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13px;opacity:0.65;}

/* ===== STICKY MOBILE BAR ===== */
.sticky-bar{
  position:fixed;bottom:0;left:0;right:0;z-index:200;
  background:var(--dark);padding:14px 20px;display:none;
  align-items:center;justify-content:space-between;gap:14px;
  box-shadow:0 -8px 24px rgba(0,0,0,0.25);
}
.sticky-bar .txt{color:var(--white);font-size:13px;line-height:1.3;}
.sticky-bar .txt strong{display:block;font-size:14.5px;}

@media (max-width:980px){
  .hero{padding:70px 0 40px;}
  .hero-inner{grid-template-columns:1fr;}
  .phone-wrap{order:-1;min-height:460px;}
  .about-layout{grid-template-columns:1fr;}
  .mv-grid{grid-template-columns:1fr;}
  .features-grid{grid-template-columns:repeat(2,1fr);}
  .values-grid{grid-template-columns:repeat(2,1fr);}
  .founder-layout{grid-template-columns:1fr;padding:34px;}
  .founder-avatar{max-width:220px;margin:0 auto;font-size:70px;}
  .nav-links{display:none;}
  body{padding-bottom:90px;}
  .sticky-bar{display:flex;}
  .showcase-bg{background-attachment:scroll;}
  .tagline-inner{flex-direction:column;text-align:center;gap:36px;}
  .tagline-text{text-align:center;}
  .tagline-text .eyebrow{margin-left:auto;margin-right:auto;}
  .tagline-banner h2{text-align:center;}
  .tagline-logo{width:200px;max-width:60%;}
}
@media (max-width:560px){
  .hero-text h1{font-size:32px;}
  .section-title{font-size:28px;}
  .tagline-banner h2{font-size:24px;}
  .features-grid{grid-template-columns:1fr;}
  .values-grid{grid-template-columns:1fr 1fr;}
  .footer-cta{flex-direction:column;align-items:flex-start;}
  .showcase{min-height:auto;padding:90px 0;}
  .showcase-title{font-size:28px;}
  .quote-card{padding:44px 26px;}
  .quote-text{font-size:18px;}
}

/* ===== UNDER CONSTRUCTION MODAL ===== */
.modal-overlay{
  position:fixed;inset:0;z-index:500;
  background:rgba(1,48,45,0.55);backdrop-filter:blur(4px);
  display:flex;align-items:center;justify-content:center;padding:24px;
  opacity:0;visibility:hidden;transition:opacity .3s ease, visibility .3s ease;
}
.modal-overlay.active{opacity:1;visibility:visible;}
.modal-box{
  position:relative;background:var(--white);border-radius:24px;padding:44px 36px;
  max-width:420px;width:100%;text-align:center;
  box-shadow:0 30px 70px rgba(1,48,45,0.35);
  transform:translateY(20px) scale(0.96);transition:transform .3s ease;
}
.modal-overlay.active .modal-box{transform:translateY(0) scale(1);}
.modal-close{
  position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;
  border:none;background:var(--mint);color:var(--dark);font-size:20px;line-height:1;
  cursor:pointer;display:flex;align-items:center;justify-content:center;
}
.modal-icon{
  width:72px;height:72px;border-radius:20px;background:var(--dark);color:var(--yellow-green);
  display:flex;align-items:center;justify-content:center;margin:0 auto 22px;
  box-shadow:0 12px 26px rgba(1,48,45,0.3);
}
.modal-box h3{font-size:22px;color:var(--dark);margin-bottom:12px;}
.modal-box p{font-size:14.5px;color:#3c5a53;line-height:1.7;margin-bottom:26px;}
.modal-cta{width:100%;justify-content:center;}