/* só da página inicial: unidades brancas em cartões sobre a base clara */
section{border-top:none}
section+section{box-shadow:inset 0 1px 0 var(--fio)}
.hero{background:radial-gradient(65% 38% at 50% 30%,#FBE6DA 0%,rgba(251,230,218,0) 72%),var(--vazio)}
.faixa{background:#fff}
.ceu::after{opacity:.22}
.aparelho{box-shadow:0 0 0 1px #00000014,0 24px 50px -10px #14121A59}
.recebe li::before,.entrega .itens li::before{color:var(--nevoa)}

/* o intervalo */
.intervalo .forte{background:#fff;border:1px solid var(--fio);border-left:3px solid #E0512F;border-radius:12px;padding:18px 20px;box-shadow:var(--sombra-c)}

/* demonstração: fundo um tom abaixo, com luz quente discreta */
section.vitrine{background:radial-gradient(70% 45% at 50% 38%,#FBE6DA 0%,rgba(251,230,218,0) 70%),linear-gradient(180deg,#EEF1F5,#E7EBF0)}
.vitrine .ceu::after{opacity:.12}
.regua-dia button::before{background:#E7EBF0}

/* o que a Yasup entrega: cada função vira um cartão */
.entrega{gap:14px}
.entrega article,.entrega article:first-child{background:#fff;border:1px solid var(--fio);border-left:4px solid #E0512F;border-radius:14px;padding:22px 20px;box-shadow:var(--sombra-c)}
.entrega .destaque{padding-top:14px;border-top:1px solid #EDF0F4}

/* como começa */
.passos{background:#fff;border:1px solid var(--fio);border-radius:14px;padding:6px 18px;box-shadow:var(--sombra-c)}
.passo,.passo:first-child{padding-block:14px}

/* quem está por trás */
.david{background:#fff;border:1px solid var(--fio);border-radius:16px;padding:22px 20px;box-shadow:var(--sombra-c)}
.david img{margin-left:0}

/* a órbita: cada caminho com a cor dele */
.caminhos{background:#fff;border:1px solid var(--fio);border-radius:14px;padding:4px 0;box-shadow:var(--sombra-c);overflow:hidden}
.caminho,.caminho:first-child{padding:16px 18px 16px 16px;border-left:4px solid var(--cor,#D5DBE3)}
.caminho+.caminho{border-top:1px solid #EDF0F4}
.caminho:nth-child(1){--cor:#E0512F;background:#FFF8F4}
.caminho:nth-child(2){--cor:#BE3A70}
.caminho:nth-child(3){--cor:#B07A1F}
.caminho:nth-child(4){--cor:#3F4EA6}
.caminho:nth-child(5){--cor:#6E4CB8}
.fecho-sec{border-top:none}

/* fecho */
section.fecho{background:radial-gradient(60% 70% at 50% 100%,#FBE6DA 0%,rgba(251,230,218,0) 70%),#fff}