:root{--vinho:#781f35;--vinho-escuro:#551326;--texto:#29252a;--suave:#716a70;--borda:#eadfe2}
*{box-sizing:border-box}
html{min-height:100%;background:#f7f2f3}
body{min-height:100vh;margin:0;color:var(--texto);font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at 50% 0,rgba(158,212,220,.25),transparent 34rem),linear-gradient(180deg,#fff 0,#faf6f7 55%,#f4ecee 100%);display:flex;flex-direction:column}
.pagina{width:min(100% - 2rem,980px);margin:auto;padding:3rem 0 2rem}
.cabecalho{text-align:center;margin-bottom:2.25rem}
.logo{display:block;width:min(240px,64vw);height:auto;margin:0 auto 1.7rem;filter:drop-shadow(0 7px 14px rgba(91,33,48,.09))}
.chamada{margin:0 0 .55rem;color:var(--vinho);font-size:.76rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
h1{margin:0;color:var(--vinho-escuro);font-family:Georgia,serif;font-size:clamp(2.15rem,7vw,4rem);font-weight:500;line-height:1;letter-spacing:-.035em}
.subtitulo{margin:.9rem auto 0;color:var(--suave);font-size:clamp(1rem,2.2vw,1.1rem)}
.sistemas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.sistema{--cor:var(--vinho);position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;min-height:124px;padding:1.4rem 1.35rem;color:inherit;text-decoration:none;background:rgba(255,255,255,.94);border:1px solid var(--borda);border-radius:22px;box-shadow:0 6px 22px rgba(75,35,47,.055);overflow:hidden;transition:.2s ease}
.sistema:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--cor)}
.sistema:hover,.sistema:focus-visible{transform:translateY(-4px);box-shadow:0 16px 40px rgba(75,35,47,.12)}
.sistema:focus-visible{outline:3px solid rgba(120,31,53,.25);outline-offset:3px}
.agua{--cor:#2b8fa5}.ordem{--cor:#b87924}.estoque{--cor:#567e55}
.icone{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:#f6edef;font-size:1.65rem}
.agua .icone{background:#e8f6f8}.ordem .icone{background:#fbf2e5}.estoque .icone{background:#edf5ed}
.texto{display:flex;flex-direction:column;gap:.35rem;min-width:0}
.texto strong{color:#3d3035;font-size:1.04rem;line-height:1.25}.texto small{color:var(--suave);font-size:.83rem;line-height:1.4}
.seta{color:var(--cor);font-size:2rem;line-height:1;transition:.2s ease}.sistema:hover .seta{transform:translateX(3px)}
.ajuda{text-align:center;margin:1.8rem 0 0;color:var(--suave);font-size:.88rem}
footer{text-align:center;padding:1.15rem 1rem 1.5rem;color:#7a6870;font-size:.78rem}footer span{padding:0 .35rem;color:var(--vinho)}
@media(max-width:680px){.pagina{width:min(100% - 1.15rem,980px);padding:1.75rem 0 1.4rem}.cabecalho{margin-bottom:1.5rem}.logo{margin-bottom:1.25rem}.sistemas{grid-template-columns:1fr;gap:.75rem}.sistema{min-height:104px;padding:1.1rem;border-radius:18px}.icone{width:50px;height:50px;border-radius:15px;font-size:1.4rem}.texto strong{font-size:.98rem}.texto small{font-size:.79rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}