.plugin-hero{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white;padding:80px 20px 100px;position:relative;overflow:hidden}.plugin-hero::before{content:'';position:absolute;width:600px;height:600px;background:radial-gradient(circle, rgba(255,255,255,0.1), transparent);border-radius:50%;top:-300px;right:-200px}.hero-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}.hero-text h1{font-size:3.2rem;font-weight:800;margin-bottom:20px;letter-spacing:-1px}.hero-text .tagline{font-size:1.3rem;margin-bottom:40px;opacity:0.95;line-height:1.6}.hero-image{position:relative}.examples-section{padding:80px 20px;background:linear-gradient(to bottom, #f8f9fa, white)}.examples-grid-simple{display:grid;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));gap:20px;max-width:1100px;margin:0 auto}.example-tile{background:white;border-radius:12px;padding:20px;text-decoration:none;color:inherit;border:2px solid #e8e8e8;transition:all 0.3s ease;display:block}.example-tile:hover{transform:translateY(-5px);border-color:#667eea;box-shadow:0 10px 25px rgba(102,126,234,0.15)}.example-tile-content h4{font-size:1.1rem;font-weight:700;color:#1a1a1a;margin-bottom:8px}.example-tile .example-url{font-size:0.9rem;color:#667eea;margin-bottom:12px;display:block}.example-status{display:inline-block;font-size:0.85rem;color:#28a745;font-weight:600;background:#e8f5e9;padding:4px 12px;border-radius:20px}@media (max-width: 968px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-text h1{font-size:2.5rem}.hero-buttons{justify-content:center}}@media (max-width: 768px){.examples-grid-simple{grid-template-columns:1fr}}