.hero{width:min(95%,1500px);margin:auto;min-height:92vh;display:grid;grid-template-columns:minmax(380px,42%) 1fr;align-items:center;gap:90px;padding:140px 0 60px;position:relative;z-index:2;box-sizing:border-box}
.hero-content{max-width:600px;box-sizing:border-box}
.hero h1{margin:0 0 25px;font-size:66px;font-weight:700;line-height:1.08;letter-spacing:-.5px;color:#fff}
.hero p{max-width:650px;font-size:22px;color:#c8d7ef;line-height:1.7}
.hero-buttons{margin-top:40px;display:flex;justify-content:center;gap:20px}

.primary-btn,.secondary-btn{padding:14px 34px;border-radius:999px;text-decoration:none;font-size:16px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;transition:.35s;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);position:relative;overflow:hidden;box-sizing:border-box}
.primary-btn{color:#fff;background:linear-gradient(135deg,rgba(22,196,255,.75),rgba(0,120,255,.45));border:1px solid rgba(255,255,255,.25)}
.primary-btn:hover{transform:translateY(-4px);background:linear-gradient(135deg,rgba(22,196,255,.95),rgba(0,120,255,.65))}
.secondary-btn{color:#fff;background:rgba(255,255,255,.12);border:1.5px solid rgba(255,255,255,.35);box-shadow:0 8px 30px rgba(0,0,0,.35),inset 0 0 20px rgba(255,255,255,.1)}
.secondary-btn:hover{transform:translateY(-4px);background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.55)}

.hero-image{display:flex;justify-content:center;align-items:center;perspective:1200px}
.hero-image img{width:100%;max-width:1200px;height:auto;display:block;object-fit:contain;animation:floating 6s ease-in-out infinite;will-change:translate,scale;transition:scale .45s,box-shadow .45s}

@keyframes floating{0%,100%{translate:0}50%{translate:0 -20px}}

@media(max-width:1400px){
.hero{gap:60px}
.hero h1{font-size:52px}
.hero-image img{max-width:900px}
}

@media(max-width:1024px){
.hero{grid-template-columns:1fr;text-align:center;gap:60px;padding-top:160px}
.hero-content{max-width:640px;margin:auto}
.hero-buttons{justify-content:center}
.hero-image img{max-width:750px}
}

@media(max-width:768px){
.hero{width:92%;padding-top:130px}
.hero h1{font-size:42px;line-height:1.15}
.hero p{font-size:18px}
.hero-buttons{flex-direction:column;align-items:center;gap:16px}
.primary-btn,.secondary-btn{width:260px}
.hero-image img{max-width:100%}
}

@media(max-width:480px){
.hero h1{font-size:34px}
.hero p{font-size:16px}
.primary-btn,.secondary-btn{width:100%}
}

@media(max-width:380px){
.hero{width:94%;padding-top:110px}
.hero-content{max-width:100%}
.hero h1{font-size:28px}
.hero p{font-size:14px;line-height:1.6}
.hero-buttons{margin-top:28px;gap:12px}
.primary-btn,.secondary-btn{padding:12px 24px;font-size:15px}
}

@media(min-width:1800px){
.hero{width:min(90%,1850px);grid-template-columns:780px 1fr;gap:100px;min-height:min(92vh,880px)}
.hero-content{max-width:780px}
.hero h1{font-size:70px}
.hero p{font-size:22px;max-width:700px}
.hero-image img{max-width:1400px}
.primary-btn,.secondary-btn{padding:17px 42px;font-size:18px}
}