.hero-status{text-align:center;padding:var(--space-xl)0 var(--space-lg);margin-bottom:var(--space-lg)}.hero-status-indicator{width:72px;height:72px;margin-bottom:var(--space-md);justify-content:center;align-items:center;display:inline-flex;position:relative}.hero-status-indicator .pulse-ring{background:var(--color-primary);opacity:0;border-radius:50%;width:100%;height:100%;animation:4s ease-out infinite pulse-ring;position:absolute}.hero-status-indicator .pulse-ring:nth-child(2){animation-delay:1.5s}.hero-status-indicator .status-dot{background:var(--gradient-primary);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative;box-shadow:0 0 30px #10b98159}.hero-status-indicator .status-dot svg{color:#fff;width:28px;height:28px}.hero-status-indicator.issues .pulse-ring{background:var(--color-error)}.hero-status-indicator.issues .status-dot{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 0 30px #ef444459}.hero-status h1{letter-spacing:-.02em;margin-bottom:.25rem;font-size:1.75rem;font-weight:600}.hero-status h1.online{background:linear-gradient(135deg,#10b981 0%,#34d399 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-status h1.issues{background:linear-gradient(135deg,#ef4444 0%,#f87171 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-status .hero-subtitle{color:var(--color-text-secondary);margin-bottom:var(--space-md);font-size:.95rem}.hero-meta{justify-content:center;align-items:center;gap:var(--space-md);color:var(--color-text-tertiary);font-size:.8rem;display:flex}.hero-meta span{align-items:center;gap:.5rem;display:flex}.refresh-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8rem;display:inline-flex}.refresh-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-btn.refreshing svg{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.services-section{margin-bottom:var(--space-xl)}.services-section>h2{margin-bottom:var(--space-md);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.services-list{flex-direction:column;gap:.375rem;display:flex}.service-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);justify-content:space-between;align-items:center;padding:.875rem 1.25rem;display:flex}.service-card:hover{border-color:var(--color-border-hover);transform:translate(4px)}.service-left{align-items:center;gap:1rem;display:flex}.service-status-icon{border-radius:50%;flex-shrink:0;width:10px;height:10px}.service-status-icon.operational{background:var(--color-success);box-shadow:0 0 10px var(--color-success)}.service-status-icon.degraded{background:var(--color-warning);box-shadow:0 0 10px var(--color-warning)}.service-status-icon.outage{background:var(--color-error);box-shadow:0 0 10px var(--color-error)}.service-status-icon.maintenance{background:var(--color-maintenance);box-shadow:0 0 10px var(--color-maintenance)}.service-info h3{color:var(--color-text);margin:0;font-size:.9rem;font-weight:500}.service-info p{color:var(--color-text-tertiary);margin:0;font-size:.75rem}.service-right{align-items:center;gap:1rem;display:flex}.uptime-bar{align-items:center;gap:1px;height:18px;display:flex}.uptime-segment{width:3px;height:100%;transition:all var(--transition-fast);cursor:pointer;border-radius:1px}.uptime-segment:hover{transform:scaleY(1.2)}.uptime-segment.operational{background:var(--color-success)}.uptime-segment.degraded{background:var(--color-warning)}.uptime-segment.outage{background:var(--color-error)}.uptime-segment.maintenance{background:var(--color-maintenance)}.uptime-percent{color:var(--color-success);text-align:right;min-width:45px;font-size:.8rem;font-weight:500}.api-promo{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;margin-bottom:var(--space-xl)}.api-promo h2{margin-bottom:.25rem;font-size:1rem;font-weight:600}.api-promo p{color:var(--color-text-secondary);margin-bottom:var(--space-md);font-size:.9rem}.api-example{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:var(--space-lg);text-align:left;padding:.875rem 1.25rem;overflow-x:auto}.api-example code{font-family:var(--font-mono);color:var(--color-primary);font-size:.85rem}.faq-section{margin-bottom:var(--space-xl)}.faq-section>h2{margin-bottom:var(--space-md);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.faq-list{gap:var(--space-sm);flex-direction:column;display:flex}.faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.faq-item summary{cursor:pointer;color:var(--color-text);transition:background var(--transition-fast);justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.9rem;font-weight:500;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:hover{background:var(--color-hover)}.faq-item summary svg{width:20px;height:20px;color:var(--color-text-secondary);transition:transform var(--transition-fast)}.faq-item[open] summary svg{transform:rotate(180deg)}.faq-answer{color:var(--color-text-secondary);padding:0 1rem .75rem;font-size:.85rem;line-height:1.6}.status-banner,.status-intro,.services-header,.services-table,.service-row,.status-faq{display:none}@media (max-width:768px){.hero-status h1{font-size:1.5rem}.hero-status-indicator{width:60px;height:60px}.hero-status-indicator .status-dot{width:48px;height:48px}.hero-status-indicator .status-dot svg{width:24px;height:24px}.hero-meta{gap:var(--space-xs);flex-direction:column}.service-card{align-items:flex-start;gap:var(--space-md);flex-direction:column}.service-right{justify-content:space-between;width:100%}.uptime-bar{flex:1}}