*{box-sizing:border-box;margin:0;padding:0}
html,body{min-height:100%;font-family:Arial,Helvetica,sans-serif}
body{
  background:#f7f4e8 url('../images/background.png') center/cover no-repeat;
  color:#F1EEDC;
}
.page{
  min-height:100vh;
  display:grid;
  grid-template-columns:minmax(320px,46%) 1fr;
}
.content{
  padding:clamp(36px,6vw,100px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  position:relative;
  z-index:2;
}
.logo{
  width:min(330px,72%);
  height:auto;
  object-fit:contain;
  object-position:left center;
  margin-bottom:clamp(40px,6vh,80px);
}
h1{
  font-size:clamp(44px,5.4vw,82px);
  line-height:.98;
  letter-spacing:-.04em;
  margin-bottom:32px;
}
h1 span{color:#F1EEDC}
.intro{
  font-size:clamp(18px,1.55vw,25px);
  line-height:1.55;
  margin-bottom:25px;
}
.ready{
  font-weight:700;
  font-size:clamp(17px,1.35vw,22px);
  margin-bottom:20px;
}
.whatsapp{
  display:inline-block;
  align-self:flex-start;
  background:#25D366;
  color:#fff;
  text-decoration:none;
  font-weight:700;
  font-size:18px;
  padding:16px 24px;
  border-radius:12px;
  margin-bottom:24px;
}
.contact{display:flex;flex-direction:column;gap:10px;font-size:19px}
.contact a{color:#F1EEDC;text-decoration:none}
.tag{
  margin-top:35px;
  color:#F1EEDC;
  font-size:25px;
  font-weight:700;
}
.visual{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  padding:clamp(20px,3vw,55px);
}
.visual img{
  width:100%;
  height:100%;
  max-height:100vh;
  object-fit:contain;
}
@media(max-width:800px){
  .page{grid-template-columns:1fr;min-height:auto}
  .content{min-height:auto;padding:38px 26px 28px;text-align:center;align-items:center}
  .logo{width:min(260px,68%);margin:0 auto 34px}
  h1{font-size:clamp(42px,12vw,64px)}
  .whatsapp{align-self:center;width:min(100%,330px)}
  .visual{min-height:0;height:auto;padding:0 20px 30px}
  .visual img{height:auto;max-height:none}
  .tag{margin-top:25px}
  body,
h1,
h1 span,
.intro,
.ready,
.contact,
.contact strong,
.contact a,
.tag {
    color: #ffffff !important;
}
}
