:root{
  --mg-green:#43c443;
  --mg-green-2:#76ea76;
  --mg-black:#0b0d10;
  --mg-black-2:#12151b;
  --mg-card:#171b22;
  --mg-gray:#9aa1ab;
  --mg-gray-2:#dce1e7;
  --mg-border:rgba(255,255,255,.10);
  --mg-border-2:rgba(255,255,255,.06);
  --mg-shadow:0 30px 80px rgba(0,0,0,.35);
  --mg-radius:28px;
  --mg-radius-lg:34px;
}

*{font-family:'Inter',sans-serif;}
html{scroll-behavior:smooth;}
body{
  background:var(--mg-black);
  color:#fff;
  overflow-x:hidden;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

img{max-width:100%;height:auto;}
a{text-decoration:none;}
section{position:relative;}

.navbar{
  background:rgba(11,13,16,.72);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(255,255,255,.06);
  transition:all .3s ease;
}
.navbar.scrolled{
  background:rgba(11,13,16,.92);
  box-shadow:0 12px 35px rgba(0,0,0,.25);
}
.navbar-brand{
  font-size:2rem;
  font-weight:900;
  line-height:1;
  letter-spacing:-1px;
}
.navbar-brand .menu{color:#d9dde3;}
.navbar-brand .go{color:var(--mg-green);}
.brand-sub{
  display:block;
  font-size:.64rem;
  letter-spacing:.36em;
  color:rgba(255,255,255,.42);
  margin-top:2px;
}
.nav-link{
  color:rgba(255,255,255,.72) !important;
  font-weight:600;
  position:relative;
}
.nav-link:hover{color:#fff !important;}
.navbar-toggler-white{
  filter:invert(1);
}

.btn-mg,
.btn-mg-outline{
  border-radius:999px;
  padding:14px 28px;
  font-weight:800;
  transition:all .28s ease;
}
.btn-mg{
  background:linear-gradient(135deg,var(--mg-green),var(--mg-green-2));
  color:#0c1012;
  border:none;
  box-shadow:0 20px 40px rgba(67,196,67,.24);
}
.btn-mg:hover{
  color:#0c1012;
  transform:translateY(-2px);
  box-shadow:0 22px 50px rgba(67,196,67,.32);
}
.btn-mg-outline{
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  background:rgba(255,255,255,.04);
}
.btn-mg-outline:hover{
  color:#fff;
  background:rgba(255,255,255,.08);
  transform:translateY(-2px);
}
.btn-login{
  white-space:nowrap;
}

.hero{
  padding:150px 0 90px;
  overflow:hidden;
  background:
    radial-gradient(circle at 0% 18%, rgba(67,196,67,.18), transparent 28%),
    radial-gradient(circle at 100% 10%, rgba(255,255,255,.08), transparent 20%),
    linear-gradient(180deg, #11141a 0%, #0b0d10 100%);
}
.hero::before,
.hero::after{
  content:"";
  position:absolute;
  border-radius:50%;
  filter:blur(90px);
  z-index:0;
  pointer-events:none;
}
.hero::before{
  width:320px;
  height:320px;
  background:rgba(67,196,67,.18);
  top:110px;
  left:-100px;
}
.hero::after{
  width:280px;
  height:280px;
  background:rgba(255,255,255,.06);
  top:80px;
  right:-90px;
}
.hero > .container{position:relative;z-index:1;}

.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:11px 18px;
  border-radius:999px;
  background:rgba(67,196,67,.10);
  color:#98f098;
  border:1px solid rgba(67,196,67,.16);
  font-size:.95rem;
  font-weight:800;
  box-shadow:0 10px 30px rgba(67,196,67,.08);
}
.hero h1{
  font-size:clamp(2.7rem,3vw,5.2rem);
  line-height:1.02;
  font-weight:900;
  letter-spacing:-2.5px;
  margin:24px 0 18px;
}
.hero .lead{
  color:rgba(255,255,255,.74);
  font-size:1.12rem;
  line-height:1.9;
  max-width:680px;
}
.hero-badges{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}
.hero-badge{
  padding:10px 16px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
  color:rgba(255,255,255,.82);
  font-weight:600;
  font-size:.93rem;
}

.hero-slider-card{
  position:relative;
  border-radius:var(--mg-radius-lg);
  padding:16px;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:var(--mg-shadow);
  overflow:hidden;
}
.carousel,
.carousel-inner,
.hero-slide{
  border-radius:26px;
  overflow:hidden;
}
.hero-slide{
  min-height:560px;
  display:flex;
  align-items:flex-end;
  position:relative;
  border:1px solid rgba(255,255,255,.06);
  background-size:cover;
  background-position:center;
}
.hero-slide::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.15) 0%, rgba(0,0,0,.25) 35%, rgba(0,0,0,.78) 100%);
}
.hero-slide-store{
  background-image:url('https://images.unsplash.com/photo-1523381210434-271e8be1f52b?auto=format&fit=crop&w=1400&q=80');
}
.hero-slide-food{
  background-image:url('https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?auto=format&fit=crop&w=1400&q=80');
}
.hero-slide-super{
  background-image:url('https://images.unsplash.com/photo-1542838132-92c53300491e?auto=format&fit=crop&w=1400&q=80');
}
.slide-content{
  position:relative;
  z-index:2;
  width:100%;
  padding:34px;
}
.slide-tag{
  display:inline-flex;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(67,196,67,.14);
  color:#a7f4a7;
  font-weight:800;
  font-size:.84rem;
  border:1px solid rgba(67,196,67,.22);
  margin-bottom:14px;
}
.slide-content h3{
  font-weight:900;
  font-size:2rem;
  margin-bottom:10px;
}
.slide-content p{
  color:rgba(255,255,255,.8);
  margin-bottom:0;
  max-width:420px;
  line-height:1.8;
}
.carousel-indicators [data-bs-target]{
  width:10px;
  height:10px;
  border-radius:50%;
  border:none;
  background:rgba(255,255,255,.5);
}
.carousel-control-prev,
.carousel-control-next{
  width:44px;
  height:44px;
  top:22px;
  bottom:auto;
  opacity:1;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.10);
  border-radius:50%;
}
.carousel-control-prev{left:auto;right:76px;}
.carousel-control-next{right:22px;}
.carousel-control-prev-icon,
.carousel-control-next-icon{
  filter:brightness(0) invert(1);
  width:1.1rem;
  height:1.1rem;
}

.section{padding:100px 0;}
.section-soft{background:rgba(255,255,255,.025);}
.section-kicker{
  display:inline-block;
  color:#95f095;
  text-transform:uppercase;
  letter-spacing:.30em;
  font-size:.83rem;
  font-weight:900;
  margin-bottom:16px;
}
.section-title{
  font-size:clamp(2rem,4vw,3.5rem);
  line-height:1.08;
  font-weight:900;
  letter-spacing:-1.6px;
  margin-bottom:14px;
}
.section-text{
  color:rgba(255,255,255,.68);
  line-height:1.9;
  font-size:1.05rem;
}
.section-max-850{
  max-width:850px;
}

.glass-card,
.feature-card,
.sector-card,
.step-card,
.price-card,
.seo-card,
.contact-card,
.impact-box{
  border:1px solid var(--mg-border);
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.03));
  border-radius:var(--mg-radius);
  padding:30px;
  height:100%;
  box-shadow:0 16px 40px rgba(0,0,0,.16);
  transition:transform .35s ease, border-color .35s ease, box-shadow .35s ease;
}
.feature-card:hover,
.sector-card:hover,
.step-card:hover,
.seo-card:hover,
.glass-card:hover{
  transform:translateY(-8px);
  border-color:rgba(67,196,67,.28);
  box-shadow:0 25px 60px rgba(0,0,0,.25);
}

.icon-box,
.step-number{
  width:64px;
  height:64px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:20px;
  background:rgba(67,196,67,.12);
  color:#9ff19f;
  font-size:1.45rem;
  font-weight:900;
  margin-bottom:18px;
  border:1px solid rgba(67,196,67,.12);
}
.feature-card h3,
.sector-card h3,
.step-card h3,
.price-card h3,
.seo-card h3,
.glass-card h3{
  font-size:1.28rem;
  font-weight:800;
  margin-bottom:12px;
}

.list-check{
  list-style:none;
  padding:0;
  margin:0;
}
.list-check li{
  position:relative;
  padding-left:28px;
  margin-bottom:12px;
  color:rgba(255,255,255,.78);
  line-height:1.7;
}
.list-check li::before{
  content:'✓';
  position:absolute;
  left:0;
  top:0;
  color:#98f198;
  font-weight:900;
}

.impact-box{
  padding:42px;
  background:linear-gradient(135deg,rgba(67,196,67,.13),rgba(255,255,255,.04));
}
.impact-title{
  font-size:clamp(1.8rem,3vw,3rem);
}

.price-card{
  position:relative;
  overflow:hidden;
}
.price-card.featured{
  border-color:rgba(67,196,67,.42);
  background:linear-gradient(180deg,rgba(67,196,67,.13),rgba(255,255,255,.04));
  transform:translateY(-8px);
  box-shadow:0 28px 70px rgba(67,196,67,.14);
}
.price-card.featured:hover{transform:translateY(-12px);}
.price-badge{
  position:absolute;
  top:18px;
  right:18px;
  border-radius:999px;
  padding:8px 14px;
  background:linear-gradient(135deg,var(--mg-green),#9ef29e);
  color:#0d1013;
  font-weight:900;
  font-size:.78rem;
}
.plan-price{
  font-size:3.2rem;
  line-height:1;
  font-weight:900;
  letter-spacing:-2px;
  margin:10px 0 8px;
}
.plan-price span{
  font-size:1rem;
  color:rgba(255,255,255,.62);
  font-weight:600;
}
.plan-desc{
  color:rgba(255,255,255,.7);
  margin-bottom:24px;
  line-height:1.8;
}

.contact-card input,
.contact-card textarea{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.09);
  border-radius:18px;
  color:#fff;
  padding:15px 18px;
}
.contact-card input::placeholder,
.contact-card textarea::placeholder{
  color:rgba(255,255,255,.42);
}
.contact-card input:focus,
.contact-card textarea:focus{
  color:#fff;
  background:rgba(255,255,255,.06);
  border-color:rgba(67,196,67,.42);
  box-shadow:none;
}

.wa-float{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:1100;
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 18px;
  border-radius:999px;
  background:#25D366;
  color:#fff;
  font-weight:800;
  box-shadow:0 16px 40px rgba(0,0,0,.30);
  animation:floatPulse 2.2s infinite;
}
.wa-float i{font-size:1.35rem;}
.wa-float:hover{
  color:#fff;
  transform:translateY(-2px);
}

.reveal{
  opacity:0;
  transform:translateY(40px);
  transition:all .8s cubic-bezier(.2,.65,.2,1);
}
.reveal.show{
  opacity:1;
  transform:translateY(0);
}

footer{
  padding:28px 0;
  border-top:1px solid rgba(255,255,255,.06);
  background:#08090c;
  color:rgba(255,255,255,.48);
}
.footer-menu{color:#d9dde3;}
.footer-go{color:#43c443;}

@keyframes floatPulse{
  0%{transform:translateY(0) scale(1); box-shadow:0 16px 40px rgba(0,0,0,.30);}
  50%{transform:translateY(-4px) scale(1.02); box-shadow:0 20px 50px rgba(0,0,0,.34);}
  100%{transform:translateY(0) scale(1); box-shadow:0 16px 40px rgba(0,0,0,.30);}
}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  .reveal,
  .reveal.show,
  .wa-float,
  .btn-mg,
  .btn-mg-outline,
  .feature-card,
  .sector-card,
  .step-card,
  .glass-card,
  .seo-card{
    transition:none !important;
    animation:none !important;
    transform:none !important;
    opacity:1 !important;
  }
}

@media (max-width: 991.98px){
  .hero{padding-top:125px;}
  .hero-slide{min-height:460px;}
  .price-card.featured{transform:none;}
  .carousel-control-prev{right:70px;}
  .carousel-control-next{right:18px;}
  .wa-float span{display:none;}
  .wa-float{
    width:62px;
    height:62px;
    justify-content:center;
    padding:0;
    border-radius:50%;
  }

  .navbar .btn-login,
  .navbar .btn-mg{
    width:100%;
    text-align:center;
  }
}

@media (max-width: 767.98px){
  .hero h1{letter-spacing:-1.5px;}
  .section{padding:80px 0;}
  .hero-slide{min-height:400px;}
  .slide-content{padding:24px;}
  .impact-box{padding:30px;}
}