/* ========================== AI HERO ========================== */ .ai-hero{ position:relative; min-height:650px; border-radius:24px; overflow:hidden; margin-bottom:70px; background-image: linear-gradient( rgba(10,15,25,.55), rgba(10,15,25,.65) ), url('/sites/default/files/2026-08/Banner%20v1.jpg'); background-size:cover; background-position:center; box-shadow:0 20px 45px rgba(0,0,0,.15); } .hero-overlay{ min-height:650px; background: linear-gradient( 135deg, rgba(120,47,64,.85), rgba(33,37,52,.55) ); display:flex; align-items:center; } .hero-content{ max-width:820px; padding:80px; color:white; } .hero-badge{ display:inline-block; padding:10px 20px; border-radius:999px; background:rgba(255,255,255,.15); backdrop-filter:blur(6px); font-size:.8rem; letter-spacing:2px; font-weight:700; margin-bottom:25px; } .hero-content h1{ color:white; font-size:4.25rem; line-height:1.05; margin:0 0 25px; font-weight:800; } .hero-content h1 span{ display:block; color:#CEB888; } .hero-lead{ font-size:1.35rem; line-height:1.8; max-width:700px; margin-bottom:40px; color:rgba(255,255,255,.95); } .hero-highlights{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin:40px 0; } .highlight{ padding:20px; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.18); backdrop-filter:blur(6px); border-radius:16px; text-align:center; } .highlight strong{ display:block; font-size:1.3rem; color:white; margin-bottom:6px; } .highlight span{ font-size:.85rem; color:rgba(255,255,255,.85); } .hero-actions{ display:flex; gap:16px; flex-wrap:wrap; margin-top:20px; } .hero-btn{ display:inline-block; padding:16px 30px; border-radius:50px; font-weight:700; text-decoration:none; transition:.3s ease; } .hero-btn-primary{ background:white; color:#782F40; } .hero-btn-primary:hover{ transform:translateY(-3px); } .hero-btn-secondary{ border:2px solid white; color:white; } .hero-btn-secondary:hover{ background:white; color:#782F40; } @media(max-width:992px){ .hero-content{ padding:50px 35px; } .hero-content h1{ font-size:3rem; } .hero-highlights{ grid-template-columns:repeat(2,1fr); } } @media(max-width:650px){ .hero-content h1{ font-size:2.3rem; } .hero-lead{ font-size:1.05rem; } .hero-highlights{ grid-template-columns:1fr; } }