.mi-foundation {
  --foundation-bg: #f5f3ef;
  --foundation-sand: #e9e3da;
  --foundation-ink: #171717;
  --foundation-muted: #645f58;
  --foundation-accent: #a96f56;
  --foundation-line: rgba(23, 23, 23, .13);
  background: var(--foundation-bg);
  color: var(--foundation-ink);
  overflow: hidden;
}
.mi-foundation * { box-sizing: border-box; }
.mi-foundation__wrap { width: min(1160px, calc(100% - 48px)); margin: 0 auto; }
.mi-foundation__hero {
  min-height: 680px;
  display: grid;
  align-items: end;
  color: #fff;
  background-position: center;
  background-size: cover;
}
.mi-foundation__hero--guide { position: relative; isolation: isolate; }
.mi-foundation__hero--guide::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(12,12,12,.96), rgba(12,12,12,.76) 52%, rgba(12,12,12,.24)); }
.mi-foundation__hero-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
.mi-foundation__hero--network {
  background-image: linear-gradient(90deg, rgba(12,12,12,.96), rgba(12,12,12,.82) 48%, rgba(12,12,12,.28)), url("/assets/img/site/redes-conectividade-imoveis-inteligentes.webp");
}
.mi-foundation__hero--infrastructure {
  background-image: linear-gradient(90deg, rgba(12,12,12,.96), rgba(12,12,12,.78) 50%, rgba(12,12,12,.24)), url("/assets/img/site/infraestrutura-automacao-obra-retrofit.webp");
}
.mi-foundation__hero--accessibility { background-image: linear-gradient(90deg, rgba(12,12,12,.95), rgba(12,12,12,.7) 55%, rgba(12,12,12,.2)), url("/assets/img/site/casa-inteligente.webp"); }
.mi-foundation__hero--apple { background-image: linear-gradient(90deg, rgba(12,12,12,.95), rgba(12,12,12,.74) 52%, rgba(12,12,12,.2)), url("/assets/img/site/secao-apple.webp"); }
.mi-foundation__hero--corporate { background-image: linear-gradient(90deg, rgba(12,12,12,.95), rgba(12,12,12,.7) 52%, rgba(12,12,12,.2)), url("/assets/img/site/projetos.webp"); }
.mi-foundation__hero--apartment { background-image: linear-gradient(90deg, rgba(12,12,12,.95), rgba(12,12,12,.7) 52%, rgba(12,12,12,.18)), url("/assets/img/site/conforto-do-lar.webp"); }
.mi-foundation__hero--condominium { background-image: linear-gradient(90deg, rgba(12,12,12,.95), rgba(12,12,12,.72) 52%, rgba(12,12,12,.2)), url("/assets/img/site/automacao-ribeirao.webp"); }
.mi-foundation__hero--energy { background-image: linear-gradient(90deg, rgba(12,12,12,.95), rgba(12,12,12,.72) 52%, rgba(12,12,12,.18)), url("/assets/img/site/iluminacao.webp"); }
.mi-foundation__hero--integration { background-image: linear-gradient(90deg, rgba(12,12,12,.95), rgba(12,12,12,.7) 52%, rgba(12,12,12,.18)), url("/assets/img/site/secao-automacao.webp"); }
.mi-foundation__hero--security { background-image: linear-gradient(90deg, rgba(12,12,12,.95), rgba(12,12,12,.72) 52%, rgba(12,12,12,.2)), url("/assets/img/site/seguranca.webp"); }
.mi-foundation__hero--sensors { background-image: linear-gradient(90deg, rgba(12,12,12,.95), rgba(12,12,12,.7) 52%, rgba(12,12,12,.18)), url("/assets/img/site/hero-bg.webp"); }
.mi-foundation__hero-copy { max-width: 790px; padding: 110px 0 84px; }
.mi-foundation__kicker { margin: 0 0 20px; color: #d7aa95; font-size: 12px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.mi-foundation__hero h1 { margin: 0 0 26px; color: #fff; font-size: clamp(44px, 7vw, 82px); line-height: .98; letter-spacing: -.045em; }
.mi-foundation__hero-lead { max-width: 720px; margin: 0; color: rgba(255,255,255,.82); font-size: clamp(19px, 2.2vw, 25px); line-height: 1.55; }
.mi-foundation__section { padding: 92px 0; }
.mi-foundation__section--sand { background: var(--foundation-sand); }
.mi-foundation__section--dark { background: #171717; color: #fff; }
.mi-foundation__intro { display: grid; grid-template-columns: .8fr 1.2fr; gap: 68px; align-items: start; }
.mi-foundation__label { margin: 0 0 16px; color: var(--foundation-accent); font-size: 12px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.mi-foundation h2 { margin: 0; color: var(--foundation-ink); font-size: clamp(34px, 5vw, 62px); line-height: 1.02; letter-spacing: -.04em; }
.mi-foundation__section--dark h2 { color: #fff; }
.mi-foundation__copy p { color: var(--foundation-muted); font-size: 18px; line-height: 1.75; }
.mi-foundation__copy p + p { margin-top: 18px; }
.mi-foundation__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 44px; }
.mi-foundation__card { min-height: 230px; padding: 28px; border: 1px solid var(--foundation-line); border-radius: 28px; background: #fff; }
.mi-foundation__card span { display: block; margin-bottom: 28px; color: var(--foundation-accent); font-size: 13px; font-weight: 800; }
.mi-foundation__card h3 { margin: 0 0 13px; color: var(--foundation-ink); font-size: 22px; }
.mi-foundation__card p { margin: 0; color: var(--foundation-muted); font-size: 16px; line-height: 1.62; }
.mi-foundation__flow { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-top: 46px; counter-reset: foundation-step; }
.mi-foundation__step { padding: 26px; border: 1px solid rgba(255,255,255,.14); border-radius: 28px; background: rgba(255,255,255,.06); counter-increment: foundation-step; }
.mi-foundation__step::before { content: "0" counter(foundation-step); display: block; margin-bottom: 22px; color: #d7aa95; font-size: 36px; }
.mi-foundation__step h3 { margin: 0 0 10px; color: #fff; font-size: 21px; }
.mi-foundation__step p { margin: 0; color: rgba(255,255,255,.7); line-height: 1.58; }
.mi-foundation__applications { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; margin-top: 42px; }
.mi-foundation__application { padding: 28px; border-radius: 24px; background: #fff; border: 1px solid var(--foundation-line); }
.mi-foundation__application h3 { margin: 0 0 10px; color: var(--foundation-ink); font-size: 21px; }
.mi-foundation__application p { margin: 0; color: var(--foundation-muted); line-height: 1.62; }
.mi-foundation__checklist { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
.mi-foundation__checklist li { position: relative; padding: 18px 20px 18px 52px; border: 1px solid var(--foundation-line); border-radius: 18px; background: #fff; color: var(--foundation-muted); font-size: 17px; line-height: 1.55; }
.mi-foundation__checklist li::before { content: ""; position: absolute; top: 22px; left: 21px; width: 13px; height: 7px; border: solid var(--foundation-accent); border-width: 0 0 2px 2px; transform: rotate(-45deg); }
.mi-foundation__section--spotlight { background: #24201d; color: #fff; }
.mi-foundation__spotlight { display: grid; grid-template-columns: minmax(320px, .8fr) minmax(0, 1.2fr); gap: 70px; align-items: center; }
.mi-foundation__spotlight figure { min-height: 470px; margin: 0; border-radius: 38px; background: radial-gradient(circle at 50% 42%, rgba(215,170,149,.28), transparent 55%), #151413; overflow: hidden; }
.mi-foundation__spotlight img { width: 100%; height: 100%; min-height: 470px; object-fit: cover; }
.mi-foundation__spotlight h2 { color: #fff; }
.mi-foundation__spotlight p { color: rgba(255,255,255,.74); font-size: 18px; line-height: 1.72; }
.mi-foundation__spotlight .mi-foundation__checklist { margin: 28px 0; }
.mi-foundation__spotlight .mi-foundation__checklist li { border-color: rgba(255,255,255,.13); background: rgba(255,255,255,.06); color: rgba(255,255,255,.78); }
.mi-foundation__faq { display: grid; gap: 14px; }
.mi-foundation__faq details { border: 1px solid var(--foundation-line); border-radius: 20px; background: #fff; }
.mi-foundation__faq summary { position: relative; padding: 22px 60px 22px 24px; cursor: pointer; color: var(--foundation-ink); font-size: 18px; font-weight: 750; list-style: none; }
.mi-foundation__faq summary::-webkit-details-marker { display: none; }
.mi-foundation__faq summary::after { content: "+"; position: absolute; right: 24px; color: var(--foundation-accent); font-size: 26px; font-weight: 400; }
.mi-foundation__faq details[open] summary::after { content: "−"; }
.mi-foundation__faq details p { margin: 0; padding: 0 24px 24px; color: var(--foundation-muted); line-height: 1.7; }
.mi-foundation__cta { margin: 0 auto 92px; padding: 56px; border-radius: 40px; background: linear-gradient(135deg, #1b1b1b, #32231d); color: #fff; }
.mi-foundation__cta h2 { max-width: 850px; color: #fff; }
.mi-foundation__cta p { max-width: 720px; margin: 24px 0 30px; color: rgba(255,255,255,.74); font-size: 18px; line-height: 1.7; }
@media (max-width: 900px) {
  .mi-foundation__intro, .mi-foundation__grid, .mi-foundation__flow, .mi-foundation__applications, .mi-foundation__spotlight { grid-template-columns: 1fr; }
  .mi-foundation__hero { min-height: 560px; }
  .mi-foundation__section { padding: 68px 0; }
  .mi-foundation__spotlight { gap: 38px; }
  .mi-foundation__spotlight figure, .mi-foundation__spotlight img { min-height: 340px; }
  .mi-foundation__cta { padding: 38px 28px; border-radius: 30px; }
  .mi-foundation__wrap { width: min(100% - 32px, 1160px); }
}
.mi-foundation__related{background:#f5f0e8}.mi-foundation__related nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.mi-foundation__related nav a{display:inline-flex;min-height:44px;align-items:center;padding:10px 16px;border:1px solid rgba(106,60,38,.24);border-radius:999px;background:#fff;color:#5f392a;font-weight:800;text-decoration:none}.mi-foundation__related nav a:hover,.mi-foundation__related nav a:focus-visible{background:#5f392a;color:#fff;outline:none}