.hero{position:relative;padding:var(--space-9) var(--space-4) var(--space-8);text-align:center;overflow:hidden;isolation:isolate}.hero::before{content:"";position:absolute;inset:-40% -20% auto;height:120%;z-index:-1;background:radial-gradient(ellipse 50% 40% at 50% 30%,rgba(37,99,235,0.22),transparent 70%),radial-gradient(ellipse 30% 30% at 80% 10%,rgba(56,189,248,0.12),transparent 70%);pointer-events:none}.hero.left{text-align:left}.hero h1{max-width:18ch;margin:0 auto var(--space-4);font-size:var(--text-display);font-weight:800;line-height:1.08;letter-spacing:-0.02em}.hero.left h1{margin-left:0}.hero .lead{margin:0 auto var(--space-6);font-size:clamp(1.05rem,2vw,1.25rem)}.hero.left .lead{margin-left:0}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.hero.left .hero-actions{justify-content:flex-start}.hero-split{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:var(--space-7);max-width:var(--container-wide);margin:0 auto}.hero-visual{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-background-card);box-shadow:var(--shadow-lg);overflow:hidden}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:var(--space-4)}.feature{padding:var(--space-5);background:var(--surface-card);box-shadow:var(--highlight);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--duration) var(--ease),transform var(--duration) var(--ease)}a.feature{display:block;color:inherit}@media (hover: hover) and (pointer: fine){a.feature:hover{color:inherit;border-color:var(--color-primary);transform:translateY(-3px)}}.feature>i:first-child{display:block;margin-bottom:var(--space-4);font-size:1.5rem;color:var(--color-accent)}.feature h3{margin-bottom:var(--space-2);font-size:var(--text-lg);font-weight:700}.feature p{font-size:var(--text-base);color:var(--color-text-muted)}.feature .more{display:inline-flex;align-items:center;gap:6px;margin-top:var(--space-3);font-size:var(--text-sm);font-weight:600;color:var(--color-accent)}.spotlight{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:var(--space-6);padding:var(--space-7);background:radial-gradient(ellipse 60% 80% at 100% 0%,rgba(37,99,235,0.18),transparent 70%),var(--color-background-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.spotlight h2{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800;line-height:1.15}.spotlight img{width:100%;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.check-list{list-style:none;padding:0;margin:var(--space-4) 0 var(--space-5)}.check-list li{position:relative;padding-left:28px;color:var(--color-text-muted)}.check-list li::before{content:"";position:absolute;left:4px;top:0.45em;width:10px;height:6px;border-left:2px solid var(--color-success);border-bottom:2px solid var(--color-success);transform:rotate(-45deg)}.stats-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-4);padding:var(--space-5) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);text-align:center}.quick-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:var(--space-3)}.quick-link{position:relative;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);font-weight:700;color:var(--color-text);background:var(--surface-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--highlight),0 0 0 1px transparent,0 0 12px 2px transparent;transition:border-color var(--duration-glow) var(--ease-glow),box-shadow var(--duration-glow) var(--ease-glow),transform var(--duration-fast) var(--ease)}@media (hover: hover) and (pointer: fine){.quick-link:hover{color:var(--color-text);border-color:rgba(110,214,255,0.45);box-shadow:var(--highlight),0 0 0 1px rgba(110,214,255,0.2),0 0 12px 2px rgba(110,214,255,0.15)}}.quick-link:focus-visible{outline:none;border-color:rgb(61,156,255);box-shadow:var(--highlight),0 0 0 1px var(--glow-focus),0 0 10px 2px rgba(61,156,255,0.45)}.quick-link:active,.quick-link.pressed{transform:translateY(1px);background:linear-gradient(180deg,rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 55%),var(--color-background-card);border-color:rgba(110,214,255,0.45);box-shadow:inset 0 2px 6px rgba(0,0,0,0.5),0 0 0 1px rgba(110,214,255,0.18),0 0 8px 1px rgba(110,214,255,0.1);transition-duration:0.05s}.quick-link.active,.quick-link[aria-current=page]{color:var(--color-text);background:linear-gradient(180deg,rgba(85,130,255,0.16) 0%,rgba(85,130,255,0.06) 100%),var(--color-background-card);border-color:rgba(122,156,255,0.55);box-shadow:var(--highlight),0 0 0 1px rgba(122,156,255,0.2),0 0 14px rgba(85,130,255,0.2)}.quick-link.active i:first-child,.quick-link[aria-current=page] i:first-child{color:var(--blue-300)}.quick-link i{font-size:1.25rem;color:var(--color-accent)}.quick-link i:last-child{margin-left:auto;font-size:var(--text-sm);color:var(--color-text-subtle)}.cta-band{padding:var(--space-7) var(--space-5);text-align:center;background:radial-gradient(ellipse 70% 100% at 50% 100%,rgba(37,99,235,0.25),transparent 70%),var(--color-background-card);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.cta-band h2{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:800}.cta-band .lead{margin:0 auto var(--space-5)}@media (max-width: 900px){.hero-split,.spotlight{grid-template-columns:1fr}.spotlight{padding:var(--space-5)}}@media (max-width: 768px){.hero{padding:var(--space-8) var(--space-4) var(--space-7)}}
