.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding-top:64px;background:#050a18}.city-canvas{position:absolute;inset:0;z-index:0}.city-svg{width:100%;height:100%;display:block}.cloud{fill:#94a3b8}.cloud-1{animation:cloud-drift-1 60s linear infinite}.cloud-2{animation:cloud-drift-2 80s linear infinite}.cloud-3{animation:cloud-drift-3 70s linear infinite}@keyframes cloud-drift-1{0%{transform:translateX(-300px)}100%{transform:translateX(1900px)}}@keyframes cloud-drift-2{0%{transform:translateX(200px)}100%{transform:translateX(-2000px)}}@keyframes cloud-drift-3{0%{transform:translateX(-200px)}100%{transform:translateX(1800px)}}.stars-layer{animation:stars-twinkle 4s ease-in-out infinite alternate}@keyframes stars-twinkle{0%{opacity:.5}100%{opacity:.9}}.bld-rise{animation:building-construct 1.2s cubic-bezier(.34,1.56,.64,1) backwards;animation-delay:var(--rise-delay, 0s)}@keyframes building-construct{0%{opacity:0;transform:translateY(60px) scaleY(0);transform-origin:bottom}40%{opacity:1;transform:translateY(10px) scaleY(.85)}70%{transform:translateY(-5px) scaleY(1.02)}100%{opacity:1;transform:translateY(0) scaleY(1)}}.win-flicker-1{animation:win-pulse-1 6s ease-in-out infinite}.win-flicker-2{animation:win-pulse-2 8s ease-in-out infinite}.win-flicker-3{animation:win-pulse-3 7s ease-in-out infinite}@keyframes win-pulse-1{0%,100%{opacity:1}30%{opacity:.7}60%{opacity:.9}80%{opacity:.75}}@keyframes win-pulse-2{0%,100%{opacity:.85}25%{opacity:1}50%{opacity:.7}75%{opacity:.95}}@keyframes win-pulse-3{0%,100%{opacity:.9}35%{opacity:.65}65%{opacity:1}85%{opacity:.8}}.blink-light{animation:blink-red 2s ease-in-out infinite}@keyframes blink-red{0%,100%,40%{opacity:1;fill:#ef4444}20%,60%{opacity:.15;fill:#7f1d1d}}.signal-wave{animation:signal-expand 3s ease-out infinite}.sw-1{animation-delay:0s}.sw-2{animation-delay:1s}.sw-3{animation-delay:2s}@keyframes signal-expand{0%{opacity:.6;r:5}100%{opacity:0;r:60}}.neon-sign{animation:neon-pulse 3s ease-in-out infinite alternate}@keyframes neon-pulse{0%{opacity:.4}50%{opacity:.8}100%{opacity:.5}}.crane-1{animation:crane-swing 8s ease-in-out infinite;transform-origin:1455px 620px}.crane-2{animation:crane-swing 10s ease-in-out infinite;animation-delay:-3s;transform-origin:674px 620px}@keyframes crane-swing{0%,100%{transform:rotate(0)}50%{transform:rotate(3deg)}}.crane-cable{animation:cable-sway 4s ease-in-out infinite}@keyframes cable-sway{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}.smoke{animation:smoke-rise 5s ease-out infinite}.s1{animation-delay:0s}.s2{animation-delay:1.5s}.s3{animation-delay:3s}@keyframes smoke-rise{0%{opacity:.15;transform:translateY(0) scale(1)}50%{opacity:.08;transform:translateY(-20px) translateX(5px) scale(1.5)}100%{opacity:0;transform:translateY(-45px) translateX(12px) scale(2.5)}}.car-r1{animation:drive-right 9s linear infinite}.car-r2{animation:drive-right 13s linear infinite;animation-delay:-5s}.car-r3{animation:drive-right 11s linear infinite;animation-delay:-3s}.bus-r1{animation:drive-right 16s linear infinite;animation-delay:-8s}.car-l1{animation:drive-left 10s linear infinite;animation-delay:-2s}.car-l2{animation:drive-left 12s linear infinite;animation-delay:-6s}.car-d1{animation:drive-down 10s linear infinite;animation-delay:-4s}.car-headlight{filter:url(#windowGlow)}@keyframes drive-right{0%{transform:translateX(0)}100%{transform:translateX(1700px)}}@keyframes drive-left{0%{transform:translateX(0)}100%{transform:translateX(-1700px)}}@keyframes drive-down{0%{transform:translateY(0)}100%{transform:translateY(950px)}}.water-shimmer{animation:water-wave 5s ease-in-out infinite}@keyframes water-wave{0%,100%{d:path("M0 850 Q400 840, 800 855 Q1200 845, 1600 850");opacity:.15}50%{d:path("M0 852 Q400 860, 800 845 Q1200 855, 1600 848");opacity:.25}}.hero-vignette{position:absolute;inset:0;background:radial-gradient(ellipse 50% 40% at 50% 45%,rgba(5,10,24,.55) 0,transparent 100%),radial-gradient(ellipse 85% 75% at 50% 50%,transparent 25%,rgba(5,10,24,.5) 60%,rgba(5,10,24,.9) 100%);pointer-events:none;z-index:2}.hero-particles{position:absolute;inset:0;z-index:3;pointer-events:none}.particle{position:absolute;width:3px;height:3px;background:#0ea5e9;border-radius:50%;opacity:0;animation:particle-float linear infinite}@keyframes particle-float{0%{opacity:0;transform:translateY(0) translateX(0)}10%{opacity:.5}90%{opacity:.3}100%{opacity:0;transform:translateY(-300px) translateX(40px)}}.hero-content{position:relative;z-index:10;text-align:center;padding:var(--space-2xl) var(--space-xl);max-width:760px;animation:hero-fade-in 1.5s ease-out .8s backwards;background:radial-gradient(ellipse at center,rgba(5,10,24,.92) 0,rgba(5,10,24,.82) 55%,rgba(5,10,24,0) 100%);border-radius:24px;padding-top:var(--space-3xl);padding-bottom:var(--space-3xl)}.hero-title{margin-bottom:var(--space-lg)}.hero-title-main{display:block;font-size:clamp(2.8rem, 7vw, 5rem);font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,#7dd3fc 0,#6ee7b7 40%,#fde68a 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;margin-bottom:var(--space-sm);filter:drop-shadow(0 0 40px rgba(14, 165, 233, .4))}.hero-title-sub{display:block;font-size:clamp(1.2rem, 2.8vw, 1.75rem);color:#fff;font-weight:500;letter-spacing:.02em;text-shadow:0 2px 12px rgba(0,0,0,.8)}.hero-description{font-size:clamp(1.05rem, 1.7vw, 1.2rem);color:#fff;line-height:1.8;margin-bottom:var(--space-xl);max-width:580px;margin-left:auto;margin-right:auto;background:rgba(2,6,16,.75);padding:1rem 1.5rem;border-radius:12px;border:1px solid rgba(14,165,233,.12)}.hero-cta{display:flex;justify-content:center}@keyframes hero-fade-in{0%{opacity:0;transform:translateY(40px)}100%{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero{min-height:95vh}.hero-content{padding:var(--space-lg)}.car-d1,.car-l2,.car-r3,.crane-2{display:none}}@media (max-width:480px){.hero{min-height:90vh}}@media (prefers-reduced-motion:reduce){.cloud,.crane,.particle,.signal-wave,.smoke,.vehicle,.water-shimmer{animation:none!important}.bld-rise{animation:none!important;opacity:1}.blink-light{animation:none!important;opacity:.7}.win-flicker-1,.win-flicker-2,.win-flicker-3{animation:none!important;opacity:.8}.neon-sign{animation:none!important;opacity:.6}.stars-layer{animation:none!important;opacity:.7}.hero-content{animation:none!important;opacity:1}}