@font-face{font-family:Suisse;src:url("fonts/suisseintl-regular.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Suisse;src:url("fonts/suisseintl-medium.otf") format("opentype");font-weight:600 900;font-style:normal;font-display:swap}

*{box-sizing:border-box}
body{margin:0;background:#e5e6e8;color:#090909;font-family:Suisse,Arial,sans-serif}
.page{width:min(100%,1080px);margin:auto;padding:46px 54px}
.hero,.feature{position:relative}
.hero-img,.feature>img{display:block;width:100%}
.logo{position:absolute;top:-1.5%;right:1%;width:21.5%}
.badge{position:absolute;bottom:-4%;left:1%;width:13%}
.hero h1{position:absolute;right:0;bottom:18px;left:0;margin:0;color:#fff;font-size:2rem;font-weight:600;text-align:center}

.form{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;margin-top:12px;padding:38px 32px 32px;border:2px solid #fff;border-radius:28px;background:rgba(255,255,255,.28)}
label{font-size:1.25rem;font-weight:600}
input,select,textarea,.form button{font-family:Suisse,Arial,sans-serif}
input,select,textarea{width:100%;margin-top:8px;padding:13px 15px;border:1px solid #9da0a4;border-radius:9px;background:#eef0f2;color:#222;font-size:1rem}
.phone{display:grid;grid-template-columns:132px minmax(0,1fr)}
.phone select{border-radius:9px 0 0 9px}
.phone input{min-width:0;border-radius:0 9px 9px 0}
.wide,.form button,.form p{grid-column:1/-1}
textarea{min-height:160px;resize:vertical}
.form button{justify-self:center;width:230px;padding:12px;border:0;border-radius:999px;background:#9b9da0;color:#fff;font-size:1.4rem;cursor:pointer;transition:transform .18s,background .18s,box-shadow .18s}
.form button:hover,.form button:focus-visible{background:#f36f21;transform:translateY(-2px);box-shadow:0 8px 20px rgba(243,111,33,.25);outline:none}
.form button:active{transform:translateY(0) scale(.98)}
.form button:disabled{background:#7f8286;cursor:wait;transform:none}
.form p{margin:0;text-align:center}
.form p.success{color:#087b20}
.form p.error{color:#b42318}

.feature{margin-top:12px}
.feature-copy{position:absolute;inset:0;color:#fff}
.feature h2{position:absolute;top:40%;right:3%;max-width:47%;margin:0;font-size:4.25rem;font-weight:600;line-height:.94;text-align:right}
.feature p{position:absolute;bottom:5%;left:3%;max-width:62%;margin:0;font-size:2rem;line-height:1.16}
.feature .whatsapp-link{position:absolute;right:1.5%;bottom:1%;width:20%;min-width:112px;max-width:202px;padding:0;border-radius:0;background:transparent;line-height:0}
.whatsapp-link img{display:block;width:100%;height:auto}
.feature .whatsapp-link:hover,.feature .whatsapp-link:focus-visible{border-radius:999px;outline:2px solid #fff;outline-offset:3px;filter:brightness(1.05);transform:translateY(-2px)}

.services{display:grid;grid-template-columns:repeat(4,1fr);margin-top:42px;font-size:1.9rem;line-height:1.08;text-align:center}
.services span+span{border-left:1px solid #aaa}
footer{margin-top:60px;color:#999;font-size:1.5rem;text-align:center}
footer b{padding:0 16px;font-weight:400}

@media(max-width:650px){
  .page{padding:16px}
  .hero h1{bottom:10px;font-size:1.1rem}
  .form{grid-template-columns:1fr;gap:10px;padding:16px 12px 18px;border-radius:18px}
  .form label,.wide,.form button,.form p{grid-column:1}
  .form label{font-size:.92rem}
  input,select,textarea{min-height:41px;margin-top:5px;padding:9px 11px;font-size:.9rem}
  .phone{grid-template-columns:112px minmax(0,1fr)}
  .phone select,.phone input{min-width:0}
  textarea{min-height:92px}
  .form button{width:min(78%,260px);min-height:44px;margin-top:2px;padding:8px;font-size:1.05rem}
  .feature h2{top:37%;right:3%;max-width:46%;font-size:1.9rem;line-height:.92}
  .feature p{bottom:4%;left:3%;max-width:64%;font-size:.8rem;line-height:1.1}
  .feature .whatsapp-link{right:1.8%;bottom:2.5%;width:21%;min-width:0;max-width:none}
  .services{margin-top:24px;font-size:.83rem}
  .services span{padding:0 4px}
  footer{margin-top:34px;font-size:1rem}
  footer b{padding:0 7px}
}