.container{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--gutter)}
.section{padding-block:var(--section-space);position:relative}
.section--dark{background:var(--color-primary);color:#fff}
.section--surface{background:var(--color-surface);color:var(--color-primary)}
.section--light{background:var(--color-background);color:var(--color-primary)}
.section--cream{background:var(--color-surface);color:var(--color-primary)}
.section--ivory{background:var(--color-background);color:var(--color-primary)}
.section--forest{background:var(--color-primary);color:#fff}
.split-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,5vw,5rem);align-items:center}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}
.stack>*+*{margin-top:1.1rem}

.whatsapp-fab{
  position:fixed;
  right:max(22px, env(safe-area-inset-right));
  bottom:max(22px, env(safe-area-inset-bottom));
  z-index:120;
  width:58px;
  height:58px;
  border-radius:50%;
  background:var(--color-accent);
  color:#fff;
  display:grid;
  place-items:center;
  box-shadow:var(--shadow-soft);
  transition:transform .3s var(--ease-out)
}
.whatsapp-fab:hover{transform:scale(1.08)}

#scroll-progress{
  position:fixed;
  top:0;
  left:0;
  height:3px;
  width:0;
  background:var(--color-accent);
  z-index:130
}

img.rounded{border-radius:var(--radius-lg)}

.banner{
  background:var(--color-primary);
  color:#fff;
  border-radius:var(--radius-lg);
  padding:clamp(2rem,5vw,4rem);
  position:relative;
  overflow:hidden
}

.lucide{display:inline-block;vertical-align:-0.15em;flex-shrink:0}
.tag .lucide,
.u-check,
.u-ok{vertical-align:-0.13em;color:var(--color-accent)}
.u-ic{vertical-align:-0.13em;color:var(--color-surface)}
.u-no{color:var(--color-text);opacity:.5}
.u-x{color:var(--color-text);opacity:.4}
.icon .lucide{color:var(--color-accent);width:30px;height:30px;stroke-width:2}
.pillar .icon .lucide{color:var(--color-accent)}

.pill-row{display:flex;flex-wrap:wrap;gap:.6rem}

.hero-illustration{width:100%;max-width:600px;margin-left:auto}
.hero-illustration img{width:100%;height:auto;max-height:500px;object-fit:contain}

.pillar-illustration{width:100%;height:240px;display:flex;align-items:center;justify-content:center;background:var(--color-background);border-radius:var(--radius-md);padding:.5rem}
.pillar-illustration img{width:100%;height:100%;object-fit:contain}

.final-cta-illustration{width:100%;max-width:600px;margin:0 auto 2rem}
.final-cta-illustration img{width:100%;height:auto;max-height:200px;object-fit:contain}

.section-illustration{width:100%;max-width:500px;margin:0 auto}
.section-illustration img{width:100%;height:auto;object-fit:contain}

@media(max-width:768px){
  .hero-illustration{max-width:100%}
  .pillar-illustration{height:200px}
  .final-cta-illustration{max-height:150px}
}