.hero{min-height:100vh;background:linear-gradient(170deg,#0a1628,#0f1d35 30%,#162444 55%,#0d1a30);display:flex;align-items:center;justify-content:center;text-align:center;padding:7rem 2rem 5rem;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 600px 400px at 25% 35%,rgba(58,139,253,.12),transparent),radial-gradient(ellipse 500px 350px at 75% 55%,rgba(34,211,238,.08),transparent),radial-gradient(ellipse 400px 300px at 50% 80%,rgba(139,92,246,.06),transparent)}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(58,139,253,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(58,139,253,.03) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 800px 500px at 50% 50%,black 20%,transparent 70%);mask-image:radial-gradient(ellipse 800px 500px at 50% 50%,black 20%,transparent 70%)}.hero-content{position:relative;z-index:1;max-width:960px}.hero-overline{font-family:var(--font-mono);font-size:.78rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--accent-cyan);margin-bottom:1.5rem;display:inline-flex;align-items:center;gap:10px}.hero-overline:before,.hero-overline:after{content:"";width:24px;height:1px;background:#22d3ee66}.hero h1{font-size:clamp(2.4rem,5vw,3.8rem);font-weight:800;color:var(--white);line-height:1.25;margin-bottom:1.5rem;letter-spacing:-.5px}.hero h1 .hl{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-desc{font-size:1.12rem;color:#fff9;max-width:680px;margin:0 auto 3rem;line-height:1.8}.gen-cards{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:900px;margin:0 auto 3rem}.gen-card{border-radius:16px;padding:2.5rem;text-align:left;border:1px solid rgba(255,255,255,.08);background:#ffffff08;transition:all .35s;text-decoration:none;display:block;position:relative;overflow:hidden}.gen-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .35s}.gen-card:nth-child(1):before{background:radial-gradient(ellipse at 30% 70%,rgba(34,211,238,.08),transparent 60%)}.gen-card:nth-child(2):before{background:radial-gradient(ellipse at 70% 70%,rgba(245,158,11,.08),transparent 60%)}.gen-card:hover{border-color:#ffffff2e;transform:translateY(-6px);box-shadow:0 20px 60px #00000040}.gen-card:hover:before{opacity:1}.gen-card-inner{position:relative;z-index:1}.gen-label{font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:3px;display:block;margin-bottom:.8rem}.gen-card:nth-child(1) .gen-label{color:var(--accent-cyan)}.gen-card:nth-child(2) .gen-label{color:var(--accent-amber)}.gen-card h2{font-size:1.5rem;font-weight:800;color:var(--white);margin-bottom:.6rem}.gen-card .gen-subtitle{font-size:.95rem;color:#ffffff8c;margin-bottom:1.5rem;line-height:1.6}.gen-card .gen-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.gen-tag{font-size:.72rem;font-weight:600;padding:.25rem .7rem;border-radius:100px;border:1px solid rgba(255,255,255,.12);color:#fff9}.gen-card-cta{font-size:.88rem;font-weight:700;color:var(--white);display:inline-flex;align-items:center;gap:8px;transition:gap .2s}.gen-card:hover .gen-card-cta{gap:14px}.gen-card:nth-child(1) .gen-card-cta{color:var(--accent-cyan)}.gen-card:nth-child(2) .gen-card-cta{color:var(--accent-amber)}.hero-stats{display:flex;gap:3.5rem;justify-content:center;flex-wrap:wrap}.hero-stat{text-align:center}.hero-stat .num{font-family:var(--font-mono);font-size:2.2rem;font-weight:700;color:var(--accent-cyan);display:block}.hero-stat .label{font-size:.82rem;color:#fff6}.overview{background:var(--gray-50)}.overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.overview-card{background:var(--white);border-radius:14px;padding:2rem;border:1px solid var(--gray-200);transition:all .25s}.overview-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000000f}.overview-card h3{font-size:1rem;font-weight:700;margin-bottom:.5rem;color:var(--primary);display:flex;align-items:center;gap:8px}.overview-card h3 span{font-size:1.2rem}.overview-card p{font-size:.88rem;color:var(--gray-500);line-height:1.7}@media (max-width: 900px){.hero{padding:6rem 1.5rem 4rem}.hero h1{font-size:2rem}.gen-cards{grid-template-columns:1fr}.hero-stats{gap:1.5rem}.overview-grid{grid-template-columns:1fr}}