*,*::before,*::after{box-sizing:border-box}
html{line-height:1.4;-webkit-text-size-adjust:100%}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:16px;color:#374151;background:#f9fafb}
h1,h2,h3,h4{margin:0;line-height:1.2}
p{margin:0}
img{display:block;max-width:100%;height:auto;border:0}
a{color:inherit}
body{background:#1b2a58}
.brown{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:48px;min-height:100vh;padding:48px max(48px,calc((100% - 1080px) / 2));text-align:center;
  background:radial-gradient(#1b2a58 .5%,#613b1f 99.5%);background-size:230% 230%;animation:brown-gradient 20s ease infinite}
.brown::before{content:"";position:absolute;inset:0;background:#fff;opacity:.2;pointer-events:none}
.brown>*{position:relative}
@keyframes brown-gradient{0%{background-position:50% 0%}50%{background-position:50% 100%}100%{background-position:50% 0%}}
.brown-logo{width:300px;max-width:100%}
.companies{display:flex;gap:32px;width:100%;margin:0;padding:0;list-style:none}
.company{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:48px;width:calc(33.33% - 21.33px);padding:48px;border:2px solid #754c29;border-radius:6px;background:#fffffffa;box-shadow:5px 20px 75px 0 #233a6b30}
.company img{width:350px}
.company-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:3px;font-family:copperplate,"Copperplate Gothic Light",serif;font-size:16px;font-weight:500;line-height:1;color:#fff;text-decoration:none;transition:filter .2s ease}
.company-btn:hover{filter:brightness(1.12)}
.company:nth-child(2) .company-btn,.company:nth-child(3) .company-btn{margin-top:24px}
.btn-realty{background:#233a6b}
.btn-insurance{background:#8dc641}
.btn-auction{background:#fc5905}
.brown-address{font-family:copperplate,"Copperplate Gothic Light",serif;color:#fff}
@media (prefers-reduced-motion:reduce){.brown{animation:none}}
@media (max-width:1119px){.companies{flex-wrap:wrap;justify-content:center}.company{width:calc(50% - 16px)}}
@media (max-width:767px){.companies{flex-direction:column}.company{width:100%}}
@media (max-width:479px){.brown{gap:16px;padding:48px}.brown-logo{width:80%}.company{padding:16px}}