.hero-critical{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#0f172a);display:flex;align-items:center;position:relative;overflow:hidden}.hero-content{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 20px}.hero-title{font-size:clamp(2rem,8vw,4rem);font-weight:700;color:#fff;line-height:1.1;margin-bottom:1.5rem}.hero-pattern{background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");will-change:transform}.hero-image{backface-visibility:hidden}.hero-button,.hero-content,.hero-image{transform:translateZ(0)}.hero-button{will-change:transform}.hero-button:hover{transform:translateZ(0) translateY(-4px)}