.hero{padding:8rem 2rem 2.5rem;text-align:center;position:relative;color:var(--color-ink);display:flex;align-items:center}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 75% 20%,rgba(242,207,120,.12),transparent 60%)}.hero:before{content:none}.hero-content{position:relative;z-index:2;max-width:1200px;margin:0 auto;width:100%}.hero-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.2;letter-spacing:-.025em;margin-bottom:1rem;color:var(--color-midnight)}.hero-description{max-width:780px;font-size:1.15rem;color:var(--color-muted);line-height:1.7;margin:0 auto}.hero-stars{display:flex;justify-content:center;gap:1rem;font-size:2.5rem;line-height:1;margin-bottom:1.25rem;flex-wrap:wrap}.hero-star{color:var(--color-indigo);transition:transform .2s ease}.hero-star:hover{transform:translateY(-3px)}.hero-variant-stars,.hero-variant-generator,.hero-variant-blog,.hero-variant-about,.hero-variant-image{position:relative;isolation:isolate;background:linear-gradient(180deg,var(--color-sky),var(--color-surface) 600px)}.hero-dark{background:var(--sky-gradient);color:#fff}.hero-dark .hero-title,.hero-title.white-text{color:#fff}.hero-dark .hero-description,.hero-description.white-text,.hero-dark .hero-subtitle{color:#dce2f0}@media (max-width: 768px){.hero{padding:6rem 1rem 2rem}.hero-description{font-size:1rem}.hero-stars{font-size:2rem;gap:.8rem}}@media (max-width: 480px){.hero-title{font-size:1.8rem}.hero-stars{font-size:1.7rem;gap:.6rem}}:root{--color-midnight: #111b34;--color-indigo: #4356a5;--color-indigo-deep: #303f80;--color-starlight: #f2cf78;--color-ink: #202c45;--color-muted: #58657b;--color-surface: #f5f7fc;--color-border: #dce2f0;--color-sky: #e9eef9;--brand-gradient: linear-gradient(135deg, var(--color-indigo), var(--color-indigo-deep));--sky-gradient: linear-gradient(145deg, var(--color-midnight), #253563);font-family:Arial,Helvetica,sans-serif;color:var(--color-ink);background:var(--color-surface);font-synthesis:none}*{padding:0;margin:0;box-sizing:border-box}body{min-width:0;line-height:1.6}button,input,select,textarea{font:inherit}:focus-visible{outline:3px solid var(--color-indigo);outline-offset:4px}::selection{color:var(--color-midnight);background:var(--color-starlight)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.legal-title{color:var(--color-midnight);font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.2;letter-spacing:-.025em;margin-bottom:1.5rem}