.hero-section{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-background{background:linear-gradient(to bottom right,var(--primary-deep-blue),var(--primary-navy),var(--primary-slate));position:absolute;inset:0}.hero-pattern{opacity:.1;position:absolute;inset:0}.hero-pattern-svg{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='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.hero-content{z-index:10;text-align:center;max-width:80rem;margin-left:auto;margin-right:auto;padding:5rem 1rem;position:relative}@media (min-width:640px){.hero-content{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.hero-content{padding-left:2rem;padding-right:2rem}}.hero-content-wrapper{max-width:72rem;margin-left:auto;margin-right:auto}.hero-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--neutral-white);background-color:#ffffff1a;border:1px solid #fff3;border-radius:9999px;align-items:center;margin-bottom:2rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;display:inline-flex;box-shadow:0 10px 15px -3px #0000001a}.hero-badge-dot{background-color:var(--accent-saffron);border-radius:9999px;width:.5rem;height:.5rem;margin-right:.75rem;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hero-headline{font-size:2.5rem;font-family:var(--font-display);color:var(--neutral-white);letter-spacing:-.025em;margin-bottom:2rem;font-weight:800;line-height:1.1}@media (min-width:768px){.hero-headline{font-size:3.5rem}}@media (min-width:1024px){.hero-headline{font-size:4.5rem}}.hero-headline-gradient{background:linear-gradient(to right,var(--accent-saffron),var(--accent-gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subheadline{color:var(--secondary-lighter-grey);max-width:48rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:1.125rem;font-weight:300;line-height:1.625}@media (min-width:768px){.hero-subheadline{font-size:1.25rem}}.hero-cta-group{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;margin-bottom:3rem;display:flex}@media (min-width:640px){.hero-cta-group{flex-direction:row}}.hero-secondary-button{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--neutral-white);background-color:#ffffff1a;border:1px solid #ffffff4d}.hero-secondary-button:hover{background-color:var(--neutral-white);color:var(--primary-deep-blue)}.hero-stats-grid{grid-template-columns:1fr;gap:1.5rem;max-width:80rem;margin-top:5rem;margin-left:auto;margin-right:auto;display:grid}@media (min-width:640px){.hero-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.hero-stats-grid{grid-template-columns:repeat(4,1fr)}}.hero-stat-card{text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;padding:2rem;transition:all .3s ease-in-out}.hero-stat-card:hover{background-color:#ffffff1a}.hero-stat-value{color:var(--accent-saffron);font-size:1.875rem;font-weight:700;font-family:var(--font-display);margin-bottom:.5rem}@media (min-width:768px){.hero-stat-value{font-size:2.25rem}}.hero-stat-label{color:var(--secondary-lighter-grey);font-size:.875rem;font-weight:500}.hero-scroll-indicator{z-index:20;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.hero-scroll-content{flex-direction:column;align-items:center;display:flex}.hero-scroll-text{color:#fff9;margin-bottom:.5rem;font-size:.875rem}.hero-scroll-mouse{border:2px solid #ffffff4d;border-radius:9999px;justify-content:center;align-items:flex-start;width:1.5rem;height:2.5rem;padding:.5rem;animation:1.5s infinite scroll-bounce;display:flex}@keyframes scroll-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.hero-scroll-dot{background-color:var(--neutral-white);border-radius:9999px;width:.375rem;height:.375rem}