/**
 * ISOFT Consulting — Hero Section
 */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;background:linear-gradient(160deg,var(--dark) 0%,#0F2438 50%,#152A3D 100%);overflow:hidden;padding:120px 0 80px}
.hero::before{content:'';position:absolute;top:-20%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(0,180,216,.08) 0%,transparent 70%);pointer-events:none}
.hero::after{content:'';position:absolute;bottom:-10%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,rgba(0,212,170,.05) 0%,transparent 70%);pointer-events:none}
.hero .container{position:relative;z-index:1}
.hero-grid{display:grid;grid-template-columns:1fr;gap:48px;align-items:center}
@media(min-width:992px){.hero-grid{grid-template-columns:1fr 1fr;gap:60px}}
.hero-content{max-width:560px}
.hero-label{display:inline-block;font-family:var(--font-body);font-weight:600;font-size:.75rem;color:var(--accent);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:20px;padding:6px 16px;background:rgba(0,180,216,.1);border-radius:20px}
.hero-title{color:#fff;margin-bottom:20px}
.hero-subtitle{color:var(--text-light);font-size:1.1rem;line-height:1.75;margin-bottom:32px;max-width:520px}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap}
.hero-visual{display:none;align-items:center;justify-content:center}
.hero-visual-inner{position:relative;width:100%;max-width:480px;aspect-ratio:4/3;background:linear-gradient(135deg,rgba(0,180,216,.12) 0%,rgba(0,212,170,.08) 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.08)}
.hero-visual-icon{font-size:5rem;color:rgba(0,180,216,.25)}
.hero-visual-dots{position:absolute;top:20px;right:20px;display:grid;grid-template-columns:repeat(4,8px);gap:8px}
.hero-visual-dots span{width:8px;height:8px;border-radius:50%;background:rgba(0,180,216,.3)}
.hero-visual-dots span:nth-child(3n){background:rgba(0,212,170,.3)}
@media(min-width:992px){.hero-visual{display:flex}}
@media(max-width:768px){.hero{min-height:auto;padding:100px 0 60px}.hero-title{font-size:1.75rem}.hero-subtitle{font-size:1rem}}
@media(max-width:576px){.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}}