*{margin:0;padding:0;box-sizing:border-box}
html{height:100%;height:100dvh}
body{height:100%;min-height:-webkit-fill-available;font-family:'Sora',sans-serif;background:#0a0a0a;color:#fff;position:fixed;width:100%;overflow:hidden}

.hero{height:100%;height:100dvh;display:grid;grid-template-columns:45fr 55fr;align-items:center;padding:clamp(1.5rem,3vw,2.5rem);padding-bottom:max(1.5rem,env(safe-area-inset-bottom));gap:clamp(2rem,5vw,4rem)}

.hero__bg{display:flex;align-items:center;justify-content:center;position:relative}
.hero__bg::before{content:'';position:absolute;inset:-20%;background:radial-gradient(circle at 40% 50%,#ff4500 0%,transparent 70%),radial-gradient(circle at 60% 70%,#ff8c00 0%,transparent 60%);opacity:.18;filter:blur(90px);animation:pulse 7s ease-in-out infinite alternate}
@keyframes pulse{to{opacity:.28;transform:scale(1.1)}}

.hero__logo-img{width:100%;max-width:450px;height:auto;object-fit:contain;filter:drop-shadow(0 0 70px rgba(255,69,0,.45)) contrast(1.12) brightness(1.08) saturate(1.1);animation:float 9s ease-in-out infinite;will-change:transform}
@keyframes float{0%,100%{transform:translateY(0) rotate(-2deg) scale(1)}50%{transform:translateY(-18px) rotate(2deg) scale(1.02)}}

.hero__content{display:flex;flex-direction:column;gap:clamp(1rem,2.5vh,2rem);max-width:580px}

.hero__title{line-height:.88;margin-bottom:clamp(.3rem,1vh,.8rem)}
.hero__title-small{display:block;font-family:'Bebas Neue',sans-serif;font-size:clamp(1.4rem,3.5vw,2rem);color:#ff6b35;letter-spacing:.32em;font-weight:400;margin-bottom:.3rem}
.hero__title-large{display:block;font-family:'Bebas Neue',sans-serif;font-size:clamp(3.5rem,9vw,7.5rem);font-weight:400;letter-spacing:.06em;background:linear-gradient(135deg,#fff 25%,#ff8c00 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 25px rgba(255,140,0,.35))}

.hero__text{font-size:clamp(.95rem,2vw,1.15rem);line-height:1.65;color:rgba(255,255,255,.78);font-weight:300}

.form{margin-bottom:clamp(.5rem,1.5vh,1rem)}
.form__group{display:flex;gap:.7rem;margin-bottom:.6rem}
.form__group input{flex:1;background:rgba(255,255,255,.06);border:2px solid rgba(255,107,53,.35);padding:clamp(1rem,2.2vh,1.2rem) 1.2rem;font-family:'Sora',sans-serif;font-size:clamp(.9rem,1.6vw,1rem);color:#fff;font-weight:600;letter-spacing:.05em;transition:all .35s cubic-bezier(.4,0,.2,1);border-radius:2px}
.form__group input::placeholder{color:rgba(255,255,255,.35);font-weight:300}
.form__group input:focus{outline:none;border-color:#ff6b35;background:rgba(255,107,53,.1);box-shadow:0 0 0 3px rgba(255,107,53,.15)}

#sendBtn{background:linear-gradient(135deg,#ff4500 0%,#ff6b35 100%);border:none;padding:clamp(1rem,2.2vh,1.2rem) clamp(1.8rem,3.5vw,2.5rem);font-family:'Bebas Neue',sans-serif;font-size:clamp(1.1rem,2.2vw,1.3rem);letter-spacing:.16em;color:#000;cursor:pointer;display:flex;align-items:center;gap:.7rem;font-weight:400;transition:all .35s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:0 4px 15px rgba(255,69,0,.3);border-radius:2px}
#sendBtn:hover{background:linear-gradient(135deg,#ff6b35 0%,#ff8c00 100%);transform:translateY(-3px);box-shadow:0 8px 30px rgba(255,69,0,.5)}
#sendBtn:active{transform:translateY(-1px)}
#sendBtn svg{transition:transform .3s}
#sendBtn:hover svg{transform:translateX(5px)}

.form__status{min-height:1.8rem;font-size:clamp(.8rem,1.6vw,.9rem);font-weight:600;letter-spacing:.05em;padding-top:.2rem}
.form__status.success{color:#00ff88}
.form__status.error{color:#ff4500}

.actions{display:flex;gap:.8rem;margin-bottom:clamp(.8rem,2vh,1.5rem)}
.btn{flex:1;padding:clamp(.9rem,2vh,1.1rem);background:rgba(255,255,255,.06);border:2px solid rgba(255,107,53,.25);font-family:'Bebas Neue',sans-serif;font-size:clamp(.95rem,2vw,1.1rem);letter-spacing:.16em;color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:.6rem;transition:all .35s cubic-bezier(.4,0,.2,1);border-radius:2px}
.btn:hover{transform:translateY(-3px);border-color:currentColor;background:rgba(255,255,255,.08)}
.btn--call:hover{color:#2196f3;border-color:#2196f3;box-shadow:0 8px 22px rgba(33,150,243,.25)}
.btn--wa:hover{color:#25d366;border-color:#25d366;box-shadow:0 8px 22px rgba(37,211,102,.25)}

.social{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center}
.social a{width:44px;height:44px;background:rgba(255,255,255,.05);border:1px solid rgba(255,107,53,.18);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.55);transition:all .35s cubic-bezier(.4,0,.2,1);border-radius:2px}
.social a:hover{transform:translateY(-4px) scale(1.12);color:#ff6b35;border-color:#ff6b35;background:rgba(255,107,53,.1);box-shadow:0 6px 18px rgba(255,107,53,.2)}

@media(max-width:1024px){
.hero{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:clamp(1.5rem,3.5vh,2.5rem);padding:clamp(1rem,2.5vw,1.8rem);padding-bottom:max(1rem,env(safe-area-inset-bottom))}
.hero__bg{order:1}
.hero__logo-img{max-width:55vw;min-width:300px}
.hero__content{order:2}
}

@media(max-width:768px){
.hero{gap:clamp(1.2rem,3vh,2rem);padding:clamp(.8rem,2vw,1.5rem);padding-bottom:max(.8rem,env(safe-area-inset-bottom))}
.hero__logo-img{max-width:65vw;min-width:280px}
.form__group{flex-direction:column;gap:.6rem}
#sendBtn{width:100%;justify-content:center}
.actions{flex-direction:column;gap:.6rem}
.social{gap:.6rem}
.social a{width:42px;height:42px}
}

@media(max-width:480px){
.hero{gap:clamp(1rem,2.5vh,1.8rem);padding:clamp(.6rem,1.5vw,1.2rem);padding-bottom:max(.6rem,env(safe-area-inset-bottom))}
.hero__logo-img{max-width:70vw;min-width:260px}
.social a{width:40px;height:40px}
}

@media(max-height:700px){
.hero{gap:clamp(.8rem,2vh,1.5rem);padding:clamp(.8rem,2vw,1.5rem);padding-bottom:max(.8rem,env(safe-area-inset-bottom))}
.hero__logo-img{max-width:min(40vh,350px)}
.form__group input,#sendBtn,.btn{padding:clamp(.8rem,1.8vh,1rem)}
.social a{width:40px;height:40px}
}

@supports(-webkit-touch-callout:none){body{height:-webkit-fill-available}}

@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}