.hero-content{text-align:center;max-width:1400px;margin:0 auto var(--space-16)}.hero-subtitle{max-width:1000px}.hero-bg{background:radial-gradient(ellipse 700px 600px at 55% 25%,rgba(236,72,153,.17) 0%,transparent 65%),radial-gradient(ellipse 600px 450px at 25% 60%,rgba(99,102,241,.17) 0%,transparent 70%),radial-gradient(ellipse 450px 350px at 80% 70%,rgba(168,85,247,.14) 0%,transparent 70%)}.hero-content{max-width:1060px}.hero-subtitle{max-width:780px}.custom-api-feature-icon{width:36px;height:36px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.custom-api-feature-icon svg{width:18px;height:18px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-top:var(--space-12)}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);transition:all var(--transition-slow);box-shadow:var(--shadow-sm)}.feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.feature-card-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center}.feature-card-icon svg{width:20px;height:20px}.feature-card h3{font-size:var(--text-lg);font-weight:700;color:var(--text)}.feature-card p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;flex:1}.feature-card-badge{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 10px;border-radius:var(--radius-full);align-self:flex-start}.format-features{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-4);margin-top:var(--space-10)}.format-feature-card{display:flex;flex-direction:column;gap:var(--space-2);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-5)}.format-feature-card .card-title{font-size:var(--text-sm);color:var(--text)}.format-feature-card p{font-size:var(--text-sm);line-height:1.5;color:var(--text-secondary)}.zugriff-features{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-top:var(--space-10)}.zugriff-card{display:flex;flex-direction:column;gap:var(--space-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-5)}.zugriff-card .card-title{font-size:var(--text-sm);font-weight:700;color:var(--text)}.zugriff-card p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.zugriff-mockup{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-top:var(--space-8)}.zugriff-path{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.zugriff-path-header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border);font-size:var(--text-sm);font-weight:600;color:var(--text)}.zugriff-path-header svg{width:16px;height:16px}.zugriff-path-badge{margin-left:auto;font-size:10px;font-weight:700;padding:2px 10px;border-radius:var(--radius-full)}.zugriff-path-body{padding:16px;display:flex;flex-direction:column;gap:10px}.zugriff-chat-msg{font-size:var(--text-sm);line-height:1.5}.zugriff-chat-user{align-self:flex-end;background:#14b8a614;border:1px solid rgba(20,184,166,.15);color:var(--text);padding:8px 12px;border-radius:var(--radius-lg);border-bottom-right-radius:4px;max-width:85%}.zugriff-chat-agent{align-self:flex-start;max-width:75%}.zugriff-chat-img{position:relative;width:100%;padding-bottom:100%;border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden}.zugriff-form-row{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--border-light);border-radius:var(--radius-md)}.zugriff-form-label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;min-width:52px}.zugriff-form-value{font-size:var(--text-sm);color:var(--text)}.zugriff-form-btn{margin-top:4px;padding:10px;text-align:center;background:var(--gradient-brand);color:#fff;font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-lg)}.zugriff-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:4px}.zugriff-gallery-item{aspect-ratio:16/9;border-radius:var(--radius-md);border:1px solid var(--border)}.example-grid{display:flex;flex-direction:column;gap:var(--space-8);margin-top:var(--space-12)}.example-card{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--space-8);align-items:center;background:var(--border-light);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:var(--space-8);transition:all var(--transition-slow)}.example-card:hover{box-shadow:var(--shadow-md)}.example-prompt{display:flex;flex-direction:column;gap:var(--space-4)}.example-style-badge{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:4px 12px;border-radius:var(--radius-full);align-self:flex-start}.example-prompt-text{display:inline-flex;align-items:center;gap:8px;font-size:var(--text-sm);color:var(--text);line-height:1.6;padding:10px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.example-prompt-text svg{width:14px;height:14px;color:var(--text-muted);flex-shrink:0}.example-tags{display:flex;gap:var(--space-2);flex-wrap:wrap}.example-tag{font-size:11px;font-weight:600;padding:3px 10px;border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border);color:var(--text-secondary)}.example-format{font-size:var(--text-sm);color:var(--text-muted);font-weight:500}.example-image{border-radius:var(--radius-xl);position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}.example-image-inner{width:100%;padding-bottom:56.25%;position:relative}.example-image-label{position:absolute;bottom:12px;right:12px;font-size:10px;font-weight:700;padding:4px 10px;border-radius:var(--radius-full);background:#00000080;color:#fff;backdrop-filter:blur(4px)}@media(max-width:768px){.feature-grid{grid-template-columns:1fr}.format-features,.zugriff-features{grid-template-columns:repeat(2,1fr)}.zugriff-mockup,.example-card{grid-template-columns:1fr}}@media(max-width:480px){.format-features,.zugriff-features{grid-template-columns:1fr}}