.hero-section{color:#fff;text-align:center;background:linear-gradient(125deg,#0f9d7ad6 0%,#0b745bdb 55%,#1e7deab8 100%),url(/banner.png) 50%/cover no-repeat;border-top:1px solid #ffffff40;border-bottom:1px solid #0f172a24;border-radius:0;align-items:center;padding:1.4rem 1rem;display:flex;position:relative;overflow:clip;box-shadow:0 6px 18px #0f172a1f}.hero-section .hero-content{max-width:var(--max-width);z-index:2;margin:0 auto;position:relative}.hero-section h1{color:#fff;margin:0 0 .85rem;font-size:clamp(1.55rem,1.2vw + 1.2rem,2.1rem);font-weight:700;line-height:1.2}.hero-section p{color:var(--text-on-primary);max-width:800px;margin:0 auto;font-size:1rem;line-height:1.5}@media (min-width:768px){.hero-section h1{font-size:2rem}.hero-section p{font-size:1.25rem}}@media (min-width:1024px){.hero-section h1{font-size:2rem}}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.hero-button-primary,.hero-button-secondary{transition:all var(--duration-fast)var(--ease-standard);border-radius:999px;padding:.64rem 1.3rem;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-block}.hero-button-primary{color:var(--primary-color);background:#fff}.hero-button-primary:hover{background:#eff8ff;transform:translateY(-1px)}.hero-button-secondary{color:var(--text-on-primary);background:0 0;border:2px solid #fff}.hero-button-secondary:hover{background:#ffffff24;transform:translateY(-1px)}