:root{--navy:#06183d;--ink:#103554;--muted:#597188;--aqua:#00b9c9;--aqua-dark:#008ca3;--blue:#007bff;--green:#87c516;--surface:#fff;--soft:#f4fbfd;--line:rgba(8,80,112,.14);--shadow:0 22px 55px rgba(19,65,94,.14);--radius:8px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Poppins,Arial,sans-serif;color:var(--ink);background:#fff}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{position:fixed;top:0;left:50%;z-index:50;display:flex;width:min(1420px,calc(100% - 56px));height:92px;align-items:center;gap:34px;padding:14px 10px;transform:translateX(-50%);transition:.25s}.site-header.is-scrolled{top:12px;border:1px solid rgba(15,140,164,.12);border-radius:8px;background:rgba(255,255,255,.9);box-shadow:0 18px 45px rgba(9,53,84,.12);backdrop-filter:blur(16px)}.brand{flex:0 0 255px}.brand img{width:255px;height:70px;object-fit:contain;object-position:left center}.main-nav{display:flex;margin-left:auto;align-items:center;gap:32px;color:var(--navy);font-size:15px;font-weight:800}.main-nav a{position:relative;padding:10px 0}.main-nav a:after{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;background:var(--aqua);transform:scaleX(0);transition:.2s}.main-nav a:hover:after,.main-nav a.is-active:after{transform:scaleX(1)}.buy-button,.primary-action,.contact-button,.whatsapp{display:inline-flex;align-items:center;justify-content:center;min-height:52px;border:0;border-radius:999px;padding:0 24px;color:white;font-weight:900;background:linear-gradient(135deg,#00c6e0,#007bff);box-shadow:0 16px 30px rgba(0,123,255,.22);cursor:pointer}.buy-button{gap:10px;white-space:nowrap}.buy-button i{display:grid;min-width:22px;height:22px;place-items:center;border-radius:50%;background:#fff;color:var(--blue);font-style:normal;font-size:12px}.bag-icon{position:relative;width:15px;height:15px;border:2px solid currentColor;border-radius:3px}.bag-icon:before{content:"";position:absolute;left:3px;top:-7px;width:6px;height:8px;border:2px solid currentColor;border-bottom:0;border-radius:6px 6px 0 0}.nav-toggle{display:none}.hero{position:relative;display:grid;min-height:780px;grid-template-columns:minmax(360px,470px) minmax(680px,1fr);align-items:end;gap:28px;overflow:hidden;padding:126px max(44px,calc((100vw - 1420px)/2)) 34px;background:radial-gradient(circle at -4% 48%,rgba(135,197,22,.24) 0 38px,transparent 92px),radial-gradient(circle at 98% 22%,rgba(0,198,224,.2) 0 44px,transparent 100px),linear-gradient(90deg,#fff 0%,#fbfdff 34%,#eef9fd 100%)}.hero:before,.eco-band:before{content:"";position:absolute;inset:auto -8% 0;height:140px;background:radial-gradient(circle at 20% 55%,rgba(0,169,196,.2) 0 6px,transparent 7px),radial-gradient(circle at 53% 40%,rgba(0,169,196,.16) 0 4px,transparent 5px),radial-gradient(circle at 82% 60%,rgba(0,169,196,.22) 0 7px,transparent 8px),linear-gradient(180deg,rgba(255,255,255,0),rgba(218,244,250,.82));pointer-events:none}.water-layer{position:absolute;top:105px;right:-70px;width:58vw;height:430px;background:radial-gradient(circle at 30% 36%,rgba(255,255,255,.95) 0 3px,transparent 4px),radial-gradient(circle at 42% 24%,rgba(0,139,184,.28) 0 5px,transparent 6px),radial-gradient(circle at 76% 30%,rgba(255,255,255,.9) 0 6px,transparent 7px),conic-gradient(from 214deg at 78% 45%,transparent,rgba(0,171,210,.38),transparent 39%);opacity:.74;pointer-events:none}.hero-content{position:relative;z-index:2}.eyebrow{margin:0 0 14px;color:var(--aqua-dark);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.hero h1{max-width:560px;margin:0;color:var(--navy);font-size:clamp(48px,5.2vw,78px);line-height:.96;font-weight:900}.hero h1 span{display:inline-block;color:var(--aqua-dark)}.hero-copy{max-width:455px;margin:24px 0 0;color:#31516b;font-size:18px;font-weight:500;line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;border:2px solid rgba(3,156,183,.8);border-radius:999px;padding:0 24px;color:var(--navy);font-weight:900;background:rgba(255,255,255,.72)}.play-icon{position:relative;width:22px;height:22px;border:1px solid rgba(0,143,169,.5);border-radius:50%}.play-icon:after{content:"";position:absolute;left:8px;top:5px;border-left:7px solid var(--aqua);border-top:5px solid transparent;border-bottom:5px solid transparent}.hero-badges{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:540px;margin-top:46px}.hero-badges span{display:flex;align-items:center;gap:10px;color:#28506a;font-size:12px;font-weight:900;line-height:1.25}.leaf-mark,.drop-mark,.shield-mark{flex:0 0 30px;height:30px;border:2px solid var(--aqua);transform:rotate(-18deg)}.leaf-mark{border-radius:0 80% 0 80%}.drop-mark{border-radius:70% 70% 70% 0;transform:rotate(45deg)}.shield-mark{border-radius:5px 5px 14px 14px;transform:none}.hero-products{position:relative;z-index:2;display:flex;min-height:560px;align-items:flex-end;justify-content:center;padding:0 10px 30px}.hero-products:after,.product-card:after{content:"";position:absolute;bottom:22px;left:8%;right:8%;z-index:-1;height:54px;background:radial-gradient(ellipse,rgba(5,68,95,.19),transparent 68%);filter:blur(4px)}.hero-pack{width:min(24vw,260px);min-width:155px;filter:drop-shadow(0 22px 22px rgba(13,61,86,.2));transform-origin:bottom center}.pack-one{transform:translateX(34px) rotate(-1deg) scale(1.03)}.pack-two{transform:translateX(8px) scale(1.07)}.pack-three{transform:translateX(-12px) rotate(1deg) scale(1.02)}.pack-four{transform:translateX(-36px) rotate(1deg) scale(.99)}.benefits,.products,.how{padding:62px max(32px,calc((100vw - 1180px)/2))}.section-heading{text-align:center;margin-bottom:30px}.section-heading h2{margin:0;color:var(--navy);font-size:clamp(30px,3.2vw,42px);line-height:1.15;font-weight:900}.section-heading span{position:relative;display:block;width:82px;height:18px;margin:10px auto 0;background:radial-gradient(circle at 50% 40%,var(--aqua) 0 4px,transparent 5px)}.section-heading span:before,.section-heading span:after{content:"";position:absolute;top:9px;width:30px;height:1px;background:rgba(0,150,176,.25)}.section-heading span:before{left:0}.section-heading span:after{right:0}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.benefit-card,.step-card,.product-card{min-height:220px;border:1px solid var(--line);border-radius:var(--radius);padding:32px 24px;text-align:center;background:rgba(255,255,255,.88);box-shadow:var(--shadow)}.benefit-icon{position:relative;width:76px;height:76px;margin:0 auto 8px;border:3px solid var(--aqua)}.benefit-icon.leaf{border-radius:0 70% 0 70%;transform:rotate(-20deg)}.benefit-icon.hand,.benefit-icon.sparkle{border-radius:50%}.benefit-icon.hand:before{content:"";position:absolute;left:28px;top:14px;width:12px;height:34px;border:3px solid var(--aqua);border-radius:999px;background:white}.benefit-icon.drop{border-radius:70% 70% 70% 0;transform:rotate(45deg)}.benefit-icon.sparkle:before,.benefit-icon.sparkle:after,.step-art.shine:before,.step-art.shine:after{content:"";position:absolute;background:var(--aqua);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}.benefit-icon.sparkle:before{width:28px;height:28px;left:22px;top:14px}.benefit-icon.sparkle:after{width:16px;height:16px;right:14px;bottom:17px;opacity:.7}.benefit-card h3,.step-card h3{margin:16px 0 8px;color:var(--navy);font-size:20px;line-height:1.2}.benefit-card p,.step-card p,.product-card p{margin:0;color:#42617a;font-size:14px;line-height:1.58}.products{background:linear-gradient(180deg,#fff,#f6fcff 55%,#fff)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.product-card{position:relative;display:flex;min-height:486px;flex-direction:column;overflow:hidden;padding:20px;background:linear-gradient(180deg,var(--card-top),rgba(255,255,255,.98) 62%)}.product-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 84% 22%,rgba(255,255,255,.9) 0 7px,transparent 8px),radial-gradient(circle at 88% 28%,rgba(0,152,184,.18) 0 4px,transparent 5px),radial-gradient(circle at 18% 82%,var(--accent-soft),transparent 24%);pointer-events:none}.product-card img{position:relative;width:190px;height:260px;margin:0 auto 10px;object-fit:contain;filter:drop-shadow(0 18px 15px rgba(13,61,86,.16));transition:.2s}.product-card:hover img{transform:translateY(-5px)}.product-card h3{position:relative;margin:0 0 8px;color:var(--accent);font-size:27px;text-transform:uppercase}.product-card p,.product-card button{position:relative}.product-tags{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0 16px}.product-tags span{border-radius:999px;padding:7px 10px;color:var(--accent);background:#fff;font-size:11px;font-weight:900;box-shadow:inset 0 0 0 1px rgba(8,80,112,.1)}.product-card button{min-height:38px;border:2px solid var(--accent);border-radius:999px;color:var(--accent);background:rgba(255,255,255,.82);font-weight:900;cursor:pointer}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.step-card{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto 1fr;min-height:348px;gap:14px 18px;text-align:left}.step-card strong{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;color:white;background:var(--aqua-dark)}.step-card h3{margin:0 0 8px}.step-art{grid-column:1/-1;width:100%;height:170px;margin-top:6px;border-radius:8px;box-shadow:0 18px 28px rgba(14,80,108,.13)}.step-art.sheet{background:radial-gradient(circle at 24% 24%,rgba(0,160,190,.45) 0 3px,transparent 4px),radial-gradient(circle at 70% 52%,rgba(0,160,190,.35) 0 3px,transparent 4px),linear-gradient(145deg,#fff,#eaf8fb);transform:rotate(3deg)}.step-art.water{background:radial-gradient(circle at 30% 32%,rgba(255,255,255,.9) 0 7px,transparent 8px),radial-gradient(circle at 72% 58%,rgba(255,255,255,.7) 0 9px,transparent 10px),linear-gradient(180deg,#eafcff,#9eeaf4)}.step-art.shine{position:relative;border:2px solid rgba(0,151,177,.18);background:#f8fdff}.step-art.shine:before{width:48px;height:48px;left:34%;top:28%}.step-art.shine:after{width:26px;height:26px;right:28%;bottom:28%;opacity:.65}.eco-band{position:relative;display:grid;min-height:430px;grid-template-columns:minmax(360px,520px) 1fr;align-items:center;overflow:hidden;padding:62px max(44px,calc((100vw - 1420px)/2)) 44px;background:radial-gradient(circle at 82% 42%,rgba(0,198,224,.22),transparent 24%),linear-gradient(100deg,rgba(244,252,255,.92),rgba(231,247,250,.68)),#f3fbfd}.eco-content{position:relative;z-index:2}.eco-content h2{max-width:500px;margin:0;color:var(--navy);font-size:clamp(44px,4.2vw,64px);line-height:1.02}.eco-content h2::first-line{color:var(--aqua-dark)}.eco-content p:not(.eyebrow){max-width:520px;margin:20px 0 0;color:#153c5b;font-size:18px;font-weight:700;line-height:1.58}.eco-points{display:flex;flex-wrap:wrap;gap:18px;margin-top:32px}.eco-points span{display:inline-flex;align-items:center;gap:10px;color:#174362;font-size:14px;font-weight:900}.globe-mark,.drop-mini,.sheet-mini{width:40px;height:40px;border:3px solid var(--aqua-dark);border-radius:50%}.drop-mini{border-radius:70% 70% 70% 0;transform:rotate(45deg)}.sheet-mini{border-radius:6px;transform:rotate(10deg)}.eco-products{display:flex;justify-content:center;align-items:flex-end;gap:0}.eco-products img{width:min(25vw,270px);filter:drop-shadow(0 22px 24px rgba(13,61,86,.18))}.eco-products img:first-child{transform:translateX(32px) rotate(-2deg)}.eco-products img:last-child{transform:translateX(-28px) rotate(2deg)}.routine{position:relative;display:grid;grid-template-columns:280px 1fr auto;align-items:center;gap:42px;min-height:210px;overflow:hidden;padding:40px max(44px,calc((100vw - 1420px)/2));color:#fff;background:radial-gradient(circle at 4% 78%,rgba(255,255,255,.32) 0 24px,transparent 25px),linear-gradient(135deg,#007bff,#008ca3 60%,#00b9c9)}.routine img{width:250px;filter:brightness(0) invert(1)}.routine h2{max-width:560px;margin:0;font-size:clamp(38px,4vw,56px);line-height:1.08}.routine p{margin:8px 0 0;color:rgba(255,255,255,.86);font-size:20px}.contact-button{min-width:220px;color:var(--aqua-dark);background:#fff;box-shadow:0 18px 34px rgba(0,44,68,.18)}.button-bag{position:relative;width:38px;height:38px;margin-left:10px;border-radius:50%;background:#f5fbfd}.button-bag:before{content:"";position:absolute;left:13px;top:15px;width:12px;height:12px;border:2px solid var(--aqua-dark);border-radius:4px}.button-bag:after{content:"";position:absolute;left:16px;top:10px;width:7px;height:8px;border:2px solid var(--aqua-dark);border-bottom:0;border-radius:8px 8px 0 0}.site-footer{color:rgba(255,255,255,.86);background:radial-gradient(circle at 8% 12%,rgba(8,169,189,.18),transparent 24%),linear-gradient(135deg,#042844,#063a5b 58%,#052f4e)}.footer-inner{display:grid;grid-template-columns:minmax(260px,1.35fr) repeat(3,minmax(160px,.65fr));gap:42px;padding:54px max(32px,calc((100vw - 1180px)/2)) 38px}.footer-brand img{width:210px;height:86px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1);margin-bottom:18px}.footer-brand p{max-width:360px;margin:0;color:rgba(255,255,255,.74);font-size:15px;line-height:1.65}.footer-col{display:grid;align-content:start;gap:10px}.footer-col h3{margin:0 0 8px;color:#fff;font-size:15px;text-transform:uppercase}.footer-col a,.footer-col span{color:rgba(255,255,255,.72);font-size:14px}.cart-panel{position:fixed;top:0;right:0;z-index:80;display:flex;width:min(430px,92vw);height:100vh;flex-direction:column;gap:18px;padding:24px;background:#fff;box-shadow:-24px 0 70px rgba(6,24,61,.18);transform:translateX(110%);transition:.28s}.cart-panel.open{transform:translateX(0)}.cart-head{display:flex;align-items:center;justify-content:space-between}.cart-head h2{margin:0;color:var(--navy)}.cart-head button{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:#fff;font-size:26px;cursor:pointer}.cart-items{display:grid;flex:1;align-content:start;gap:10px;overflow:auto}.cart-line{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:8px}.cart-line img{width:52px;height:64px;object-fit:contain}.cart-line b{display:block;color:var(--navy);font-size:14px}.cart-line span{color:var(--muted);font-size:12px}.qty{display:flex;align-items:center;gap:6px}.qty button{width:26px;height:26px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--navy);font-weight:900;cursor:pointer}.empty{color:var(--muted)}.scrim{position:fixed;inset:0;z-index:70;background:rgba(6,24,61,.42);opacity:0;pointer-events:none;transition:.25s}.scrim.open{opacity:1;pointer-events:auto}.reveal{opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .55s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:1120px){.site-header{width:calc(100% - 24px)}.main-nav{position:absolute;top:76px;right:0;display:none;width:min(320px,calc(100vw - 24px));padding:18px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.96);box-shadow:var(--shadow)}.main-nav.is-open{display:grid;gap:8px}.buy-button{margin-left:auto}.nav-toggle{display:grid;width:44px;height:44px;place-items:center;gap:5px;border:1px solid var(--line);border-radius:999px;background:#fff}.nav-toggle span{width:18px;height:2px;background:var(--navy)}.hero{grid-template-columns:1fr;padding-top:118px}.hero-products{order:-1;min-height:430px;padding-top:26px}.hero-content{text-align:center}.hero-copy,.hero-badges{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.benefit-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.steps-grid,.eco-band,.routine{grid-template-columns:1fr}.eco-products img{width:min(42vw,250px)}.routine{text-align:center}.routine img{margin:0 auto}.contact-button{justify-self:center}.footer-inner{grid-template-columns:1fr 1fr}}@media(max-width:680px){.site-header{height:68px;gap:10px;padding:8px 10px}.brand{flex-basis:150px}.brand img{width:150px;height:52px}.buy-button{display:none}.hero{min-height:0;padding:96px 18px 48px}.hero h1{font-size:44px}.hero-products{min-height:285px;padding-bottom:10px}.hero-pack{min-width:98px}.pack-one{transform:translateX(28px) rotate(-2deg) scale(.95)}.pack-two{transform:translateX(9px) scale(1.04)}.pack-three{transform:translateX(-9px) rotate(2deg) scale(.98)}.pack-four{transform:translateX(-26px) rotate(3deg) scale(.94)}.hero-badges,.benefit-grid,.product-grid,.steps-grid{grid-template-columns:1fr}.benefits,.products,.how,.eco-band,.routine{padding-left:18px;padding-right:18px}.product-grid{max-width:360px;margin:0 auto}.step-card{min-height:0}.eco-products{display:none}.routine img{width:210px}.routine h2{font-size:34px}.footer-inner{grid-template-columns:1fr;padding:42px 18px 30px}}

/* Blish hero typography upgrade */
.hero h1 {
  max-width: 620px;
  color: var(--navy);
  font-size: clamp(38px, 5vw, 74px);
  line-height: 1.12;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.hero h1 span {
  color: var(--aqua-dark);
  font-weight: 700;
}

.hero-copy {
  max-width: 500px;
  font-size: clamp(18px, 1.45vw, 21px);
  font-weight: 600;
  color: #244965;
}

.eyebrow {
  letter-spacing: .12em;
}

@media (max-width: 680px) {
  .hero h1 {
    font-size: clamp(34px, 10.5vw, 50px);
    letter-spacing: .1em;
    line-height: 1.18;
  }
}

/* Tighten Blish hero title tracking */
.hero h1 {
  letter-spacing: .075em;
}

@media (max-width: 680px) {
  .hero h1 {
    letter-spacing: .045em;
  }
}

/* Custom Blish image backgrounds and logo-colored word */
.hero {
  background:
    linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.9) 28%, rgba(255,255,255,.34) 58%, rgba(255,255,255,.08) 100%),
    url("assets/hero-bg-v1.png") center center / cover no-repeat;
}

.hero .water-layer,
.hero-products {
  display: none;
}

.hero {
  grid-template-columns: minmax(360px, 560px) minmax(420px, 1fr);
  align-items: center;
}

.eco-band {
  background:
    linear-gradient(90deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.9) 30%, rgba(255,255,255,.26) 62%, rgba(255,255,255,.02) 100%),
    url("assets/eco-footer-bg-v1.png") center center / cover no-repeat;
}

.eco-band::before,
.eco-products {
  display: none;
}

.brand-word {
  display: inline-flex;
  align-items: baseline;
  gap: .015em;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: lowercase;
}

.brand-word span:first-child {
  color: #007bff;
}

.brand-word span:last-child {
  color: #00b9c9;
}

.eco-content h2 .brand-word,
.cart-head h2 .brand-word,
.footer-brand .brand-word {
  vertical-align: baseline;
}

.footer-brand .brand-word {
  margin-right: 4px;
}

@media (max-width: 1120px) {
  .hero {
    background:
      linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.82) 48%, rgba(255,255,255,.45) 100%),
      url("assets/hero-bg-v1.png") center center / cover no-repeat;
  }
}

/* Blish geometric title system */
.section-heading h2,
.eco-content h2,
.routine h2 {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .14em;
  line-height: 1.14;
  text-wrap: balance;
}

.section-heading h2 {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  color: #0b8fa3;
  font-size: clamp(28px, 3.45vw, 58px);
}

.eco-content h2 {
  max-width: 760px;
  color: #0b8fa3;
  font-size: clamp(34px, 4.35vw, 66px);
}

.eco-content h2 .brand-word {
  letter-spacing: 0;
  text-transform: lowercase;
}

.routine h2 {
  max-width: 760px;
  color: #ffffff;
  font-size: clamp(32px, 4vw, 58px);
}

.hero h1 {
  font-weight: 700;
  letter-spacing: .095em;
}

@media (max-width: 900px) {
  .section-heading h2,
  .eco-content h2,
  .routine h2 {
    letter-spacing: .095em;
  }
}

@media (max-width: 620px) {
  .section-heading h2,
  .eco-content h2,
  .routine h2 {
    letter-spacing: .055em;
    line-height: 1.18;
  }

  .section-heading h2 {
    font-size: clamp(25px, 8.5vw, 38px);
  }
}

/* Natural Blish title system - reference style */
.section-heading h2,
.eco-content h2,
.routine h2 {
  text-transform: none;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 1.08;
  text-wrap: balance;
}

.section-heading h2 {
  max-width: 980px;
  color: var(--navy);
  font-size: clamp(34px, 4.15vw, 64px);
}

.eco-content h2 {
  max-width: 600px;
  color: var(--navy);
  font-size: clamp(38px, 4.8vw, 68px);
}

.routine h2 {
  max-width: 640px;
  color: #ffffff;
  font-size: clamp(40px, 5vw, 72px);
  font-weight: 500;
}

.routine p {
  font-weight: 400;
}

.eco-content h2 .brand-word {
  font-weight: 700;
}

@media (max-width: 620px) {
  .section-heading h2,
  .eco-content h2,
  .routine h2 {
    letter-spacing: 0;
    line-height: 1.12;
  }

  .section-heading h2 {
    font-size: clamp(30px, 9vw, 44px);
  }

  .routine h2 {
    font-size: clamp(36px, 11vw, 50px);
  }
}

/* Hero product showcase over water background */
.hero {
  min-height: 820px;
  align-items: center;
}

.hero-content {
  max-width: 560px;
}

.hero-products {
  position: absolute;
  right: max(24px, calc((100vw - 1420px) / 2));
  bottom: 78px;
  z-index: 3;
  display: flex;
  width: min(60vw, 860px);
  min-height: 390px;
  align-items: flex-end;
  justify-content: center;
  padding: 0 10px 18px;
  pointer-events: none;
}

.hero-products::after {
  content: "";
  position: absolute;
  right: 3%;
  bottom: 8px;
  left: 3%;
  z-index: -1;
  height: 70px;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(7, 58, 92, .22), transparent 68%);
  filter: blur(8px);
}

.hero-pack {
  width: clamp(150px, 14.5vw, 230px);
  min-width: 0;
  filter: drop-shadow(0 24px 22px rgba(13, 61, 86, .22));
  transform-origin: bottom center;
  transition: transform .25s ease;
}

.hero-pack.pack-one {
  transform: translateX(42px) rotate(-2deg) scale(.98);
}

.hero-pack.pack-two {
  transform: translateX(16px) rotate(-.6deg) scale(1.08);
}

.hero-pack.pack-three {
  transform: translateX(-14px) rotate(.8deg) scale(1.02);
}

.hero-pack.pack-four {
  transform: translateX(-46px) rotate(2deg) scale(.96);
}

@media (max-width: 1120px) {
  .hero {
    min-height: auto;
    padding-bottom: 48px;
  }

  .hero-products {
    position: relative;
    right: auto;
    bottom: auto;
    order: -1;
    width: min(100%, 760px);
    min-height: 360px;
    margin: 4px auto 18px;
  }

  .hero-content {
    max-width: 720px;
  }
}

@media (max-width: 680px) {
  .hero-products {
    min-height: 250px;
    padding-bottom: 4px;
  }

  .hero-pack {
    width: clamp(92px, 28vw, 136px);
  }

  .hero-pack.pack-one {
    transform: translateX(28px) rotate(-2deg) scale(.95);
  }

  .hero-pack.pack-two {
    transform: translateX(9px) scale(1.04);
  }

  .hero-pack.pack-three {
    transform: translateX(-9px) rotate(2deg) scale(.98);
  }

  .hero-pack.pack-four {
    transform: translateX(-26px) rotate(3deg) scale(.94);
  }
}

/* Transparent logo sizing */
.brand img {
  height: 58px;
  object-fit: contain;
}

.routine img,
.footer-brand img {
  object-fit: contain;
}

@media (max-width: 680px) {
  .brand img {
    height: 42px;
  }
}

/* Keep blish logo in original color */
.routine img,
.footer-brand img,
.contact img {
  filter: none !important;
}

.routine img {
  background: rgba(255, 255, 255, .92);
  border-radius: 8px;
  padding: 8px 14px;
}

/* Remove white logo plate */
.routine img,
.footer-brand img,
.brand img {
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.routine img {
  width: 250px;
}

/* Blue-section logo lockup */
.routine-brand {
  display: grid;
  justify-items: start;
  gap: 7px;
  width: 280px;
}

.routine-brand img {
  width: 250px;
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  filter: saturate(1.16) contrast(1.07) drop-shadow(0 12px 22px rgba(0, 28, 64, .22)) drop-shadow(0 0 1px rgba(255, 255, 255, .65)) !important;
}

.routine-brand span {
  color: rgba(255, 255, 255, .94);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .22em;
  line-height: 1;
  margin-left: 30px;
  text-transform: uppercase;
  text-shadow: 0 2px 8px rgba(0, 35, 70, .2);
}

@media (max-width: 1120px) {
  .routine-brand {
    justify-items: center;
    margin: 0 auto;
  }

  .routine-brand span {
    margin-left: 0;
    text-align: center;
  }
}

@media (max-width: 680px) {
  .routine-brand,
  .routine-brand img {
    width: 220px;
  }

  .routine-brand span {
    font-size: 8px;
    letter-spacing: .18em;
  }
}

/* Eco headline with real blish logo */
.eco-logo-title {
  display: grid;
  gap: 2px;
  max-width: 520px;
}

.eco-logo-title > span {
  display: block;
}

.eco-logo-title > span:first-child {
  color: var(--aqua-dark);
}

.eco-logo-title img {
  width: min(360px, 78vw);
  height: auto;
  margin-top: 8px;
  object-fit: contain;
  object-position: left center;
  filter: drop-shadow(0 14px 26px rgba(9, 63, 92, .12));
}

/* Product showcase inside blue CTA */
.routine {
  grid-template-columns: 390px minmax(360px, 1fr) auto;
  min-height: 250px;
  padding-top: 32px;
  padding-bottom: 32px;
}

.routine-products {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  min-height: 210px;
  width: 390px;
}

.routine-products::after {
  content: "";
  position: absolute;
  left: 12%;
  right: 10%;
  bottom: 14px;
  height: 34px;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(0, 22, 55, .28), transparent 68%);
  filter: blur(5px);
}

.routine-products .routine-pack {
  position: relative;
  z-index: 1;
  width: 138px !important;
  max-width: none;
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  filter: drop-shadow(0 18px 18px rgba(0, 35, 82, .26)) !important;
}

.routine-products .pack-a {
  transform: translateX(38px) rotate(-4deg) scale(.98);
}

.routine-products .pack-b {
  z-index: 2;
  width: 158px !important;
  transform: translateX(8px) scale(1.08);
}

.routine-products .pack-c {
  transform: translateX(-34px) rotate(4deg) scale(.97);
}

@media (max-width: 1120px) {
  .routine {
    grid-template-columns: 1fr;
  }

  .routine-products {
    width: min(390px, 100%);
    margin: 0 auto;
  }
}

@media (max-width: 680px) {
  .eco-logo-title img {
    width: min(280px, 76vw);
    margin-left: auto;
    margin-right: auto;
  }

  .eco-logo-title {
    justify-items: center;
  }

  .routine-products {
    min-height: 180px;
  }

  .routine-products .routine-pack {
    width: 112px !important;
  }

  .routine-products .pack-b {
    width: 128px !important;
  }
}

/* Real process photos */
.step-photo {
  grid-column: 1 / -1;
  width: 100%;
  height: 188px;
  margin-top: 8px;
  border: 1px solid rgba(0, 185, 201, .22);
  border-radius: 8px;
  object-fit: cover;
  object-position: center;
  box-shadow: 0 18px 32px rgba(14, 80, 108, .15);
  transition: transform .25s ease, box-shadow .25s ease;
}

.step-card:hover .step-photo {
  transform: translateY(-4px);
  box-shadow: 0 24px 42px rgba(14, 80, 108, .2);
}

.step-card:nth-child(1) .step-photo {
  object-position: center 45%;
}

.step-card:nth-child(2) .step-photo {
  object-position: center 48%;
}

.step-card:nth-child(3) .step-photo {
  object-position: center 48%;
}

@media (max-width: 680px) {
  .step-photo {
    height: 210px;
  }
}

/* Logo-inspired hero headline colors */
.brand-hero-title {
  max-width: 780px !important;
  color: var(--navy);
  font-size: clamp(44px, 5.8vw, 86px) !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
  line-height: 1.12 !important;
  text-transform: uppercase;
}

.brand-hero-title span {
  display: inline;
}

.brand-hero-title .brand-eco,
.brand-hero-title .brand-clean {
  color: var(--aqua-dark) !important;
}

.brand-hero-title .brand-tech {
  color: #37414a !important;
}

.brand-hero-title .brand-line {
  display: block;
}

.brand-hero-title .brand-de {
  color: var(--navy) !important;
}

@media (max-width: 680px) {
  .brand-hero-title {
    font-size: clamp(38px, 11vw, 56px) !important;
    letter-spacing: .06em !important;
  }
}

/* Keep ECOTECNOLOGIA as one continuous word */
.brand-hero-title .brand-ecotech {
  display: block;
  white-space: nowrap;
  word-spacing: 0;
}

.brand-hero-title .brand-eco,
.brand-hero-title .brand-tech {
  margin: 0 !important;
  padding: 0 !important;
  word-spacing: 0;
}

.brand-hero-title .brand-tech {
  margin-left: -.02em !important;
}

@media (max-width: 680px) {
  .brand-hero-title .brand-ecotech {
    white-space: normal;
  }
}

/* Refine hero tracking */
.brand-hero-title {
  letter-spacing: .06em !important;
  max-width: 700px !important;
}

.brand-hero-title .brand-tech {
  margin-left: -.01em !important;
}

@media (max-width: 680px) {
  .brand-hero-title {
    letter-spacing: .03em !important;
  }
}

/* Keep DE LIMPIEZA on one line */
.brand-hero-title .brand-line {
  display: block;
  white-space: nowrap;
}

@media (max-width: 680px) {
  .brand-hero-title .brand-line {
    white-space: nowrap;
  }
}

/* Eight-product catalog balance */
.product-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 1120px) {
  .product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .product-grid {
    grid-template-columns: 1fr;
  }
}

/* Editorial benefits strip */
.benefits {
  padding-left: max(32px, calc((100vw - 1280px) / 2));
  padding-right: max(32px, calc((100vw - 1280px) / 2));
}

.benefit-strip {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: center;
  overflow: hidden;
  border-radius: 8px;
  padding: 28px 34px;
  color: #ffffff;
  background:
    radial-gradient(circle at 10% 20%, rgba(0, 185, 201, .18), transparent 28%),
    radial-gradient(circle at 92% 60%, rgba(0, 123, 255, .18), transparent 24%),
    linear-gradient(135deg, #06183d 0%, #07345e 54%, #06284c 100%);
  box-shadow: 0 24px 58px rgba(6, 24, 61, .22);
}

.benefit-pill {
  display: grid;
  grid-template-columns: 74px 1fr;
  align-items: center;
  gap: 18px;
  min-height: 104px;
  padding: 0 28px;
  border-right: 1px solid rgba(0, 185, 201, .45);
}

.benefit-pill:first-child {
  padding-left: 0;
}

.benefit-pill:last-child {
  border-right: 0;
  padding-right: 0;
}

.benefit-pill h3 {
  margin: 0 0 6px;
  color: #ffffff;
  font-size: clamp(14px, 1.1vw, 18px);
  font-weight: 800;
  letter-spacing: .08em;
  line-height: 1.2;
  text-transform: uppercase;
}

.benefit-pill p {
  margin: 0;
  color: rgba(255, 255, 255, .78);
  font-size: clamp(13px, 1vw, 16px);
  font-weight: 500;
  line-height: 1.45;
}

.benefit-symbol {
  position: relative;
  display: grid;
  width: 72px;
  height: 72px;
  place-items: center;
  border: 3px solid rgba(255, 255, 255, .82);
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16), 0 0 22px rgba(0, 185, 201, .12);
}

.benefit-symbol::before,
.benefit-symbol::after {
  content: "";
  position: absolute;
  box-sizing: border-box;
}

.benefit-symbol.bottle::before {
  width: 20px;
  height: 36px;
  border: 3px solid #fff;
  border-radius: 6px 6px 8px 8px;
  top: 22px;
}

.benefit-symbol.bottle::after {
  width: 12px;
  height: 10px;
  border: 3px solid #fff;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  top: 13px;
}

.benefit-symbol.drop::before {
  width: 28px;
  height: 36px;
  border: 3px solid #fff;
  border-radius: 70% 70% 70% 0;
  transform: rotate(45deg);
}

.benefit-symbol.conscious::before {
  width: 32px;
  height: 18px;
  border-left: 3px solid #fff;
  border-bottom: 3px solid #fff;
  border-radius: 0 0 0 16px;
  transform: rotate(-18deg);
  bottom: 18px;
}

.benefit-symbol.conscious::after {
  width: 24px;
  height: 18px;
  border: 3px solid #fff;
  border-radius: 0 80% 0 80%;
  transform: rotate(-28deg);
  top: 18px;
}

.benefit-symbol.planet::before {
  width: 36px;
  height: 36px;
  border: 3px solid #fff;
  border-radius: 50%;
}

.benefit-symbol.planet::after {
  width: 40px;
  height: 20px;
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff;
  border-radius: 50%;
}

@media (max-width: 1120px) {
  .benefit-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 26px;
  }

  .benefit-pill {
    border-right: 0;
    border-bottom: 1px solid rgba(0, 185, 201, .36);
    padding: 22px 18px;
  }

  .benefit-pill:nth-child(3),
  .benefit-pill:nth-child(4) {
    border-bottom: 0;
  }
}

@media (max-width: 680px) {
  .benefits {
    padding-left: 18px;
    padding-right: 18px;
  }

  .benefit-strip {
    grid-template-columns: 1fr;
    padding: 10px 18px;
  }

  .benefit-pill {
    grid-template-columns: 58px 1fr;
    min-height: 94px;
    padding: 18px 0;
    border-bottom: 1px solid rgba(0, 185, 201, .32) !important;
  }

  .benefit-pill:last-child {
    border-bottom: 0 !important;
  }

  .benefit-symbol {
    width: 54px;
    height: 54px;
    border-width: 2px;
  }

  .benefit-pill h3 {
    font-size: 13px;
    letter-spacing: .06em;
  }
}

/* Restore original benefit cards */
.benefits {
  padding: 62px max(32px, calc((100vw - 1180px) / 2)) !important;
}

.benefit-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 28px !important;
}

@media (max-width: 1120px) {
  .benefit-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 680px) {
  .benefits {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .benefit-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Mobile hero alignment fix */
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

@media (max-width: 680px) {
  .site-header {
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
    transform: none !important;
  }

  .hero {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100vw !important;
    min-height: auto !important;
    overflow: hidden !important;
    padding: 92px 18px 42px !important;
    gap: 14px !important;
    background-position: center top !important;
  }

  .hero-content {
    order: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
    transform: none !important;
  }

  .hero-products {
    order: 1 !important;
    display: flex !important;
    width: 100% !important;
    max-width: 360px !important;
    min-height: 245px !important;
    margin: 0 auto 6px !important;
    padding: 78px 0 0 !important;
    align-items: flex-end !important;
    justify-content: center !important;
    transform: none !important;
  }

  .hero-pack {
    width: 30% !important;
    min-width: 0 !important;
    max-width: 106px !important;
    flex: 0 0 auto !important;
  }

  .hero-pack.pack-one {
    transform: translateX(22px) rotate(-3deg) scale(.94) !important;
  }

  .hero-pack.pack-two {
    transform: translateX(7px) scale(1.02) !important;
  }

  .hero-pack.pack-three {
    transform: translateX(-7px) rotate(2deg) scale(.98) !important;
  }

  .hero-pack.pack-four {
    transform: translateX(-22px) rotate(3deg) scale(.92) !important;
  }

  .brand-hero-title {
    max-width: 100% !important;
    font-size: clamp(34px, 11vw, 48px) !important;
    line-height: 1.08 !important;
    letter-spacing: .025em !important;
    text-align: center !important;
  }

  .brand-hero-title .brand-ecotech,
  .brand-hero-title .brand-line {
    display: block !important;
    white-space: nowrap !important;
  }

  .hero-copy {
    max-width: 330px !important;
    margin: 16px auto 0 !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
  }

  .hero-actions {
    justify-content: center !important;
    margin-top: 20px !important;
  }

  .primary-action,
  .secondary-action {
    width: min(100%, 310px) !important;
  }

  .hero-badges {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: min(100%, 310px) !important;
    margin: 26px auto 0 !important;
  }

  .hero-badges span {
    justify-content: flex-start !important;
    text-align: left !important;
  }
}