:root{
  --green:#008F5A;
  --green-2:#00B86B;
  --green-soft:#E9FFF5;
  --soft:#F6FBF8;
  --ink:#0B0D0F;
  --muted:#5D6462;
  --line:#E8ECE9;
  --card:#FFFFFF;
  --shadow:0 24px 70px rgba(0,64,39,.10);
  --radius:18px;
  --max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:#fff;color:var(--ink);line-height:1.45}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(100% - 32px,var(--max));margin:auto}.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:1.25rem}.brand img{width:46px;height:46px;border-radius:14px;object-fit:cover}.nav-links{display:flex;align-items:center;gap:26px;font-weight:800;font-size:.95rem}.nav-links a{opacity:.8}.nav-links a:hover,.nav-links a.active{opacity:1;color:var(--green)}.menu-btn{display:none;border:0;background:#fff;font-size:1.4rem;font-weight:900}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:14px 22px;font-weight:900;border:2px solid transparent;min-height:50px}.btn-primary{background:var(--green);color:#fff;box-shadow:0 12px 30px rgba(0,143,90,.22)}.btn-dark{background:var(--ink);color:#fff}.btn-ghost{border-color:var(--line);background:#fff}.cta-row{display:flex;gap:12px;flex-wrap:wrap}.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,var(--soft) 100%);padding:82px 0 56px}.hero::before{content:"";position:absolute;right:-10%;top:90px;width:62%;height:500px;background:linear-gradient(135deg,rgba(0,143,90,.18),rgba(0,184,107,.04));clip-path:polygon(8% 12%,100% 0,86% 78%,20% 100%,0 44%);filter:blur(0)}.hero-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center}.kicker{display:block;background:transparent;color:var(--green);padding:0;border-radius:0;font-weight:900;margin-bottom:14px;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem}.hero h1,.page-hero h1{font-size:clamp(3rem,7vw,6.9rem);line-height:.92;letter-spacing:-.07em;margin:0 0 22px}.hero p,.page-hero p{font-size:1.18rem;color:var(--muted);max-width:680px;margin:0 0 26px}.hero-art{position:relative;border-radius:24px;background:linear-gradient(145deg,#063A2A,#001B13);padding:22px;box-shadow:var(--shadow);min-height:590px;overflow:hidden}.hero-art::before{content:"";position:absolute;width:560px;height:560px;background:linear-gradient(135deg,var(--green-2),#7DFFB2);right:-160px;top:-120px;transform:rotate(12deg);opacity:.95;clip-path:polygon(18% 0,100% 12%,86% 72%,42% 100%,0 58%)}.hero-art img{position:absolute;inset:auto 4% -8% auto;width:96%;border-radius:18px;z-index:2}.float-card{position:absolute;z-index:3;background:#fff;border-radius:12px;padding:16px 18px;box-shadow:0 18px 50px rgba(0,0,0,.16);font-weight:900}.float-card small{display:block;color:var(--muted);font-weight:800}.fc1{top:38px;left:28px}.fc2{right:32px;bottom:44px}.section{padding:78px 0}.section.alt{background:linear-gradient(180deg,#fff,var(--soft))}.section-head{text-align:center;max-width:820px;margin:0 auto 38px}.section-head h2{font-size:clamp(2.2rem,5vw,4.9rem);line-height:.96;letter-spacing:-.055em;margin:0 0 14px}.section-head p{color:var(--muted);font-size:1.06rem;margin:0}.grid{display:grid;gap:22px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 12px 40px rgba(0,0,0,.04)}.card.feature{min-height:300px;display:flex;flex-direction:column;justify-content:space-between}.card h3{font-size:1.55rem;line-height:1.05;margin:0 0 10px;letter-spacing:-.03em}.card p{color:var(--muted);margin:0}.icon{width:56px;height:56px;border-radius:10px;background:var(--green-soft);display:grid;place-items:center;font-size:1.55rem;margin-bottom:24px}.green-panel{position:relative;background:linear-gradient(135deg,#008F5A,#006B45);border-radius:22px;padding:56px;overflow:hidden;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.green-panel::before{content:"";position:absolute;right:-80px;top:-120px;width:520px;height:520px;background:rgba(255,255,255,.14);transform:rotate(22deg);clip-path:polygon(0 24%,100% 0,84% 80%,20% 100%)}.green-panel h2{font-size:clamp(2.2rem,5vw,4.8rem);line-height:.96;letter-spacing:-.055em;margin:0 0 16px}.green-panel p{color:rgba(255,255,255,.9);font-size:1.08rem}.stat-stack{display:grid;grid-template-columns:1fr 1fr;gap:16px;position:relative;z-index:2}.stat{background:#fff;color:var(--ink);border-radius:14px;padding:26px;min-height:150px}.stat strong{display:block;font-size:3rem;line-height:.9}.stat span{color:var(--muted);font-weight:800}.service-card{display:grid;grid-template-columns:110px 1fr;gap:20px;align-items:center}.service-card img{width:110px;height:110px;object-fit:contain;border-radius:10px;background:var(--green-soft);padding:12px}.story-strip{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.story{border-radius:18px;min-height:330px;padding:28px;background:linear-gradient(160deg,var(--green-soft),#fff);border:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.story.dark{background:linear-gradient(160deg,#062719,#0b0d0f);color:#fff}.story h3{font-size:2rem;line-height:1;margin:0 0 10px}.story p{color:inherit;opacity:.75}.download{background:#071E17;color:#fff;border-radius:22px;padding:48px;display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.download h2{font-size:clamp(2.1rem,5vw,4.2rem);line-height:.98;margin:0 0 14px}.download p{color:rgba(255,255,255,.72)}.store-badge{display:inline-flex;align-items:center;gap:10px;background:#fff;color:var(--ink);border-radius:10px;padding:12px 16px;font-weight:900}.store-badge img{width:24px;height:24px;object-fit:contain}.footer{background:#F1F7F3;padding:58px 0 28px;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:34px}.footer h3{margin:0 0 16px}.footer ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;color:#2b312e;font-weight:700}.footer p{color:#3e4743}.socials{display:flex;gap:10px;margin-top:28px}.socials a{width:42px;height:42px;border-radius:50%;background:#fff;display:grid;place-items:center;font-weight:900}.page-hero{padding:82px 0;background:linear-gradient(180deg,#fff,var(--soft))}.page-hero h1{font-size:clamp(3rem,7vw,5.8rem)}.simple-list{display:grid;gap:14px;margin:0;padding:0;list-style:none}.simple-list li{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px;font-weight:800}.simple-list li::before{content:"✓";color:var(--green);margin-right:10px}.contact-band{background:var(--ink);color:#fff;border-radius:16px;padding:36px;display:flex;align-items:center;justify-content:space-between;gap:20px}.contact-band p{color:rgba(255,255,255,.72);margin:0}.reveal{animation:fadeUp .7s ease both}@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(max-width:980px){.hero-grid,.green-panel,.download,.footer-grid{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3,.story-strip{grid-template-columns:1fr 1fr}.hero-art{min-height:500px}}@media(max-width:720px){.container{width:min(100% - 20px,var(--max))}.nav-wrap{height:68px}.menu-btn{display:block}.nav-links{display:none;position:absolute;left:10px;right:10px;top:74px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--shadow);flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.hero{padding:48px 0 36px}.hero h1{font-size:3.2rem}.hero-art{min-height:390px;border-radius:30px}.hero-art img{width:112%;right:-18%;bottom:-8%}.grid-3,.grid-4,.story-strip,.stat-stack{grid-template-columns:1fr}.service-card{grid-template-columns:78px 1fr}.service-card img{width:78px;height:78px}.green-panel,.download{padding:28px;border-radius:18px}.section{padding:48px 0}.footer-grid{gap:20px}.contact-band{display:grid}.btn{width:100%}}
.kicker.light{color:rgba(255,255,255,.82);background:transparent;padding:0;border-radius:0}
.nav-links .btn{border-radius:10px}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:140px;background:linear-gradient(90deg,rgba(0,143,90,.10) 1px,transparent 1px),linear-gradient(180deg,rgba(0,143,90,.08) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to top,rgba(0,0,0,.25),transparent)}
.float-card{border-left:4px solid var(--green)}
.card{border-radius:18px}.btn-ghost{border-color:#cfd9d4}.brand img{border-radius:8px}.contact-band .btn{width:auto}


/* Tiende custom white + green background system: no beige copy, no rounded label pills */
body{
  background:
    radial-gradient(circle at 8% 18%, rgba(0,143,90,.075), transparent 30%),
    radial-gradient(circle at 88% 8%, rgba(0,184,107,.06), transparent 28%),
    linear-gradient(180deg,#fff 0%,#F7FFFB 46%,#fff 100%);
}
.section.alt{background:linear-gradient(180deg,#fff,#F4FFF9)}
.footer{background:#F3FFF8}
.safety-focus{position:relative;overflow:hidden;background:
  linear-gradient(180deg,#fff 0%,#F6FFFA 100%);
}
.safety-focus::before{content:"";position:absolute;left:-12%;top:16%;width:44%;height:68%;background:rgba(0,143,90,.075);clip-path:polygon(0 18%,78% 0,100% 70%,22% 100%);}
.safety-focus::after{content:"";position:absolute;right:-18%;bottom:8%;width:46%;height:58%;background:linear-gradient(135deg,rgba(0,184,107,.12),rgba(0,143,90,.03));clip-path:polygon(12% 0,100% 18%,72% 100%,0 72%);}
.compact-head{position:relative;z-index:2;margin-bottom:30px}
.safety-showcase{position:relative;z-index:2;display:grid;grid-template-columns:.9fr 1.1fr;gap:0;align-items:stretch;background:linear-gradient(135deg,#008F5A,#00A86B);border-radius:0;overflow:hidden;box-shadow:0 28px 80px rgba(0,83,52,.16);min-height:540px;}
.safety-image-wrap{position:relative;min-height:540px;overflow:hidden;background:#062A1D;}
.safety-image-wrap img{position:absolute;left:8%;bottom:0;width:82%;height:96%;object-fit:cover;object-position:center;border-radius:0;z-index:2;filter:saturate(1.04) contrast(1.02)}
.safety-shape{position:absolute;inset:8% 4% 6% -10%;background:rgba(255,255,255,.20);clip-path:polygon(10% 0,100% 8%,84% 48%,98% 86%,18% 100%,0 44%);z-index:1;}
.safety-copy{padding:62px 64px;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;}
.safety-copy h3{font-size:clamp(2.2rem,4.2vw,4.6rem);line-height:.96;letter-spacing:-.055em;margin:0 0 20px;color:#fff;}
.safety-copy p{font-size:1.12rem;color:rgba(255,255,255,.88);max-width:620px;margin:0 0 26px;font-weight:650;}
.safety-points{display:grid;grid-template-columns:1fr;gap:14px;margin:0 0 28px;width:100%;}
.safety-points div{padding:0 0 14px;border-bottom:1px solid rgba(255,255,255,.22);}
.safety-points strong{display:block;font-size:1.08rem;color:#fff;margin-bottom:3px;}
.safety-points span{display:block;color:rgba(255,255,255,.78);font-weight:650;}
.safety-copy .btn-dark{background:#0B0D0F;color:#fff;border-radius:8px;}
@media(max-width:980px){.safety-showcase{grid-template-columns:1fr}.safety-image-wrap{min-height:430px}.safety-copy{padding:38px}}
@media(max-width:720px){.safety-showcase{min-height:0}.safety-image-wrap{min-height:330px}.safety-image-wrap img{left:0;width:100%;height:100%}.safety-copy{padding:28px}.safety-copy h3{font-size:2.3rem}}

/* Polished hero update: full right image, no small floating sub-containers */
.hero{background:
  radial-gradient(circle at 16% 26%, rgba(0,143,90,.10), transparent 28%),
  radial-gradient(circle at 92% 18%, rgba(0,184,107,.10), transparent 26%),
  linear-gradient(180deg,#fff 0%,#F4FFF9 100%);
}
.hero::before{opacity:.55;background:linear-gradient(135deg,rgba(0,143,90,.16),rgba(0,184,107,.03));}
.hero-kicker{
  font-family:Georgia,'Times New Roman',serif;
  font-style:italic;
  font-size:1.05rem;
  letter-spacing:.04em;
  text-transform:none;
  color:#008F5A;
  font-weight:700;
}
.hero h1{color:#050806;max-width:760px;}
.hero-lead{color:#111;max-width:720px;font-weight:650;}
.hero-lines{display:flex;gap:14px;flex-wrap:wrap;margin:0 0 28px;font-family:Georgia,'Times New Roman',serif;font-style:italic;color:#008F5A;font-weight:700;font-size:1.08rem;}
.hero-lines span{position:relative;padding-right:14px;}
.hero-lines span:not(:last-child)::after{content:"";position:absolute;right:0;top:50%;width:4px;height:4px;background:#008F5A;border-radius:50%;}
.hero-photo{background:#fff;border:1px solid rgba(0,143,90,.18);border-radius:0;padding:0;min-height:640px;box-shadow:0 34px 90px rgba(0,83,52,.14);}
.hero-photo::before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(0,143,90,.16),transparent 45%);clip-path:none;transform:none;width:auto;height:auto;right:auto;top:auto;opacity:1;z-index:1;}
.hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0;z-index:2;}
.hero-photo::after{content:"";position:absolute;inset:auto 0 0 0;height:34%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.16));z-index:3;}
.hero-art .float-card,.float-card{display:none!important;}
@media(max-width:980px){.hero-photo{min-height:560px}.hero-grid{gap:34px}}
@media(max-width:720px){.hero-photo{min-height:430px}.hero-photo img{right:auto;bottom:auto;width:100%;height:100%;}.hero-lines{font-size:1rem;gap:10px}.hero h1{font-size:3.35rem}}

/* Production responsive + speed hardening */
html,body{max-width:100%;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{height:auto;content-visibility:auto}.hero-art,.hero-photo,.download img,.safety-image-wrap img,.service-card img{max-width:100%}.hero-art img,.download>img{will-change:auto;transform:translateZ(0)}.btn,.store-badge{white-space:nowrap}.nav-links{max-width:calc(100vw - 20px)}.section,.hero,.page-hero,.footer{overflow:hidden}.green-panel::before,.hero-art::before{pointer-events:none}.safety-showcase,.green-panel,.download,.contact-band{max-width:100%}
@media(max-width:980px){.hero::before,.green-panel::before{width:420px;height:420px}.download img{width:min(100%,540px);margin:auto}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.contact-band .btn{width:auto}}
@media(max-width:720px){.hero::before,.hero::after,.safety-focus::before,.safety-focus::after{display:none}.hero-grid{gap:26px}.hero-art{min-height:0;aspect-ratio:4/5;padding:14px}.hero-art img{position:absolute;width:104%;right:-8%;bottom:-5%;max-height:100%;object-fit:contain}.hero h1,.page-hero h1{font-size:clamp(2.65rem,14vw,3.4rem);letter-spacing:-.055em}.hero-lines{font-size:1rem}.cta-row{width:100%}.cta-row .btn,.store-badge{width:100%;min-width:0}.green-panel,.download,.contact-band{padding:24px}.footer-grid{grid-template-columns:1fr}.section-head h2,.green-panel h2,.download h2{letter-spacing:-.045em}.service-card{min-width:0}.service-card img{flex:0 0 auto}.safety-showcase{gap:18px}.safety-image-wrap img{width:100%;height:auto}.card{padding:22px}.nav-links .btn{width:100%}}
@media(max-width:420px){.container{width:min(100% - 18px,var(--max))}.brand span{font-size:1.05rem}.brand img{width:40px;height:40px}.hero h1,.page-hero h1{font-size:2.55rem}.hero-art{aspect-ratio:3/4}.green-panel,.download,.card,.contact-band{border-radius:14px}.stat{min-height:auto}.stat strong{font-size:2.35rem}.store-badge{justify-content:center}.btn{padding-left:14px;padding-right:14px}.nav-links{left:8px;right:8px}}


/* FINAL MOBILE PRODUCTION FIXES */

/* FINAL MOBILE PRODUCTION FIXES */
html, body {
  max-width: 100%;
  overflow-x: hidden;
}

body {
  padding-top: 82px !important;
}

.topbar {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 99999 !important;
  background: rgba(255, 255, 255, 0.98) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 6px 24px rgba(0,0,0,.07);
}

.hero-photo {
  overflow: hidden !important;
  background: #063A2A !important;
}

.hero-photo img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  transform: none !important;
  border-radius: 0 !important;
}

.store-badge {
  height: 70px !important;
  min-width: 210px !important;
  padding: 0 26px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 18px !important;
  background: #ffffff !important;
  color: #050806 !important;
  border: 1px solid rgba(255,255,255,.92) !important;
  border-radius: 14px !important;
  font-size: 20px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
  text-align: center !important;
  white-space: nowrap !important;
  box-shadow: 0 14px 36px rgba(0,0,0,.12) !important;
}

.store-badge img {
  width: 32px !important;
  height: 32px !important;
  object-fit: contain !important;
  flex: 0 0 32px !important;
  display: block !important;
  margin: 0 !important;
}

.store-badge span {
  display: inline-block !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.download .cta-row {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
}

.safety-image-wrap {
  overflow: visible !important;
}

@media (max-width: 980px) {
  body {
padding-top: 76px !important;
  }

  .hero-photo {
min-height: 540px !important;
width: 100% !important;
  }

  .hero-photo img {
width: 108% !important;
max-width: none !important;
left: 50% !important;
right: auto !important;
transform: translateX(-50%) !important;
object-fit: cover !important;
object-position: center center !important;
  }

  .safety-showcase {
grid-template-columns: 1fr !important;
overflow: visible !important;
  }

  .safety-image-wrap {
min-height: auto !important;
height: auto !important;
overflow: visible !important;
display: block !important;
background: #063A2A !important;
  }

  .safety-image-wrap img {
position: relative !important;
left: auto !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
max-height: none !important;
object-fit: contain !important;
object-position: center top !important;
display: block !important;
border-radius: 0 !important;
  }
}

@media (max-width: 720px) {
  body {
padding-top: 72px !important;
  }

  .topbar .nav-wrap {
min-height: 72px !important;
  }

  .hero {
padding-top: 44px !important;
  }

  .hero-photo {
min-height: 0 !important;
aspect-ratio: 4 / 5 !important;
margin-inline: 0 !important;
border-radius: 0 !important;
  }

  .hero-photo img {
width: 112% !important;
height: 100% !important;
max-width: none !important;
left: 50% !important;
transform: translateX(-50%) !important;
object-fit: cover !important;
object-position: center center !important;
  }

  .download .cta-row {
width: 100% !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 14px !important;
  }

  .store-badge {
width: 100% !important;
max-width: none !important;
height: 70px !important;
min-width: 0 !important;
justify-content: center !important;
font-size: 22px !important;
gap: 22px !important;
margin: 0 !important;
  }

  .store-badge img {
width: 34px !important;
height: 34px !important;
flex-basis: 34px !important;
  }

  .safety-image-wrap {
width: 100% !important;
min-height: auto !important;
  }

  .safety-image-wrap img {
width: 100% !important;
height: auto !important;
max-height: none !important;
object-fit: contain !important;
  }
}

@media (max-width: 420px) {
  .hero-photo {
aspect-ratio: 4 / 5.2 !important;
  }

  .hero-photo img {
width: 116% !important;
  }

  .store-badge {
height: 68px !important;
font-size: 20px !important;
border-radius: 13px !important;
  }
}