/* Minimalist, mobile-first CSS for Raxi Win */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
    line-height: 1.6;
    color: #1e1e1e;
    background: #fafafa;
}
.container { max-width: 960px; margin: 0 auto; padding: 0 1rem; }
img { max-width: 100%; height: auto; }

/* Header */
.site-header { background: #0f172a; color: #fff; }
.nav-container { display: flex; justify-content: space-between; align-items: center; padding: 0.75rem 0; }
.logo img { width: 140px; height: auto; }
.main-nav ul { list-style: none; display: flex; gap: 1.5rem; }
.main-nav a { color: #cbd5e1; text-decoration: none; font-weight: 500; }
.main-nav a:hover { color: #fff; }
.hamburger { display: none; flex-direction: column; gap: 5px; background: none; border: none; cursor: pointer; }
.hamburger span { display: block; width: 25px; height: 3px; background: #fff; }

@media (max-width: 768px) {
    .main-nav { display: none; }
    .main-nav.open { display: block; position: absolute; top: 60px; left: 0; width: 100%; background: #0f172a; }
    .main-nav ul { flex-direction: column; padding: 1rem; }
    .hamburger { display: flex; }
}

/* Hero */
.hero { background: #1e293b; color: #fff; padding: 3rem 0; text-align: center; }
.hero h1 { font-size: 2.2rem; margin-bottom: 0.5rem; }
.hero p { font-size: 1.1rem; margin-bottom: 1.5rem; }
.hero-cta { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }
.btn { background: #3b82f6; color: #fff; padding: 0.75rem 1.5rem; border-radius: 6px; text-decoration: none; font-weight: 600; }
.btn-outline { background: transparent; border: 2px solid #fff; }

/* Content */
.content { padding: 2rem 0; }
.content h2 { font-size: 1.8rem; margin: 2rem 0 1rem; border-bottom: 2px solid #e2e8f0; padding-bottom: 0.25rem; }
.content h3 { font-size: 1.4rem; margin: 1.5rem 0 0.75rem; }
.content p { margin-bottom: 1rem; }
.content ul, .content ol { margin-left: 1.5rem; margin-bottom: 1rem; }

/* Tables */
.comparison-table { width: 100%; border-collapse: collapse; margin: 1rem 0; }
.comparison-table th, .comparison-table td { border: 1px solid #cbd5e1; padding: 0.5rem; text-align: left; }
.comparison-table thead { background: #f1f5f9; }

/* FAQ Accordion */
.faq-accordion details { margin-bottom: 0.75rem; border: 1px solid #e2e8f0; border-radius: 6px; }
.faq-accordion summary { padding: 0.75rem 1rem; font-weight: 600; background: #f8fafc; cursor: pointer; }
.faq-accordion p { padding: 0.5rem 1rem 1rem; }

/* Footer */
.site-footer { background: #0f172a; color: #cbd5e1; padding: 2rem 0; margin-top: 3rem; }
.footer-grid { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 1rem; }
.footer-links a { color: #94a3b8; text-decoration: none; margin-right: 1rem; }

/* Misc */
.breadcrumb { margin-bottom: 1.5rem; font-size: 0.9rem; }
.author-box { background: #f1f5f9; padding: 1rem; border-radius: 6px; margin: 2rem 0; }
.disclaimer-box { border-left: 4px solid #f59e0b; background: #fff7ed; padding: 1rem; margin: 2rem 0; }