/* ============================================================
   4TIER × Eduardo Pires — Design Tokens + Reset
   ============================================================ */
:root {
  --ink:      #0d0f14;
  --ink2:     #1a1e28;
  --ink3:     #242836;
  --accent:   #1c6ef3;
  --accent2:  #0ea5e9;
  --wa:       #25d366;
  --wa2:      #1ebe5d;
  --white:    #ffffff;
  --muted:    #8892a4;
  --muted2:   #b0bac8;
  --border:   rgba(255,255,255,0.07);
  --card:     rgba(255,255,255,0.04);

  --font-display: 'Syne', sans-serif;
  --font-body:    'Instrument Sans', sans-serif;
  --max-w:        1060px;
  --radius-card:  16px;
  --radius-btn:   10px;
}

*,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; }

body {
  font-family: var(--font-body);
  background: var(--ink);
  color: var(--white);
  line-height: 1.6;
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
}

img { max-width:100%; display:block; }
a   { text-decoration:none; }
ul  { list-style:none; }

body::before {
  content:'';
  position:fixed; inset:0;
  background:
    radial-gradient(ellipse 80% 50% at 10% 0%,  rgba(28,110,243,0.12) 0%, transparent 60%),
    radial-gradient(ellipse 60% 40% at 90% 80%, rgba(14,165,233,0.08) 0%, transparent 60%);
  pointer-events:none; z-index:0;
}

section, nav, footer, .hero-section,
.cta-bloco, .section-inner { position:relative; z-index:1; }