*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans SC,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root,[data-theme=light]{--site-bg: #fafafa;--site-bg-elevated: #ffffff;--site-bg-subtle: #f4f4f5;--site-text: #18181b;--site-text-secondary: #52525b;--site-text-tertiary: #a1a1aa;--site-border: #e4e4e7;--nav-bg: rgba(255,255,255,.82);--nav-border: rgba(0,0,0,.06);--card-bg: #ffffff;--card-border: #f0f0f0;--card-shadow: 0 1px 2px rgba(0,0,0,.03);--card-hover-shadow: 0 6px 16px rgba(0,0,0,.06);--hero-bg: #0a0a0b;--footer-bg: #111113;--footer-text: #71717a;--accent: #6366f1;--accent-hover: #4f46e5;--accent-subtle: #eef2ff;--table-stripe: #fafafa;--table-header-bg: #f8f9fa;--check-color: #22c55e}[data-theme=dark]{--site-bg: #0a0a0b;--site-bg-elevated: #141416;--site-bg-subtle: #1a1a1d;--site-text: #e4e4e7;--site-text-secondary: #a1a1aa;--site-text-tertiary: #52525b;--site-border: #27272a;--nav-bg: rgba(10,10,11,.82);--nav-border: rgba(255,255,255,.06);--card-bg: #141416;--card-border: #1e1e21;--card-shadow: none;--card-hover-shadow: 0 6px 20px rgba(0,0,0,.4);--hero-bg: #0a0a0b;--footer-bg: #050506;--footer-text: #3f3f46;--accent: #818cf8;--accent-hover: #6366f1;--accent-subtle: rgba(99,102,241,.1);--table-stripe: #111113;--table-header-bg: #141416;--check-color: #4ade80}[data-theme] *{transition:background-color .25s ease,border-color .25s ease,color .15s ease,box-shadow .25s ease}.site-page{background:var(--site-bg);color:var(--site-text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans SC,sans-serif;-webkit-font-smoothing:antialiased}.site-nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--nav-border)}.site-nav-inner{max-width:1080px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:56px}.site-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;box-shadow:var(--card-shadow);transition:box-shadow .3s ease,transform .3s ease;height:100%}.site-card:hover{box-shadow:var(--card-hover-shadow);transform:translateY(-2px)}.compare-table{width:100%;border-collapse:collapse;font-size:14px}.compare-table th{padding:14px 20px;text-align:left;border-bottom:1px solid var(--site-border);background:var(--table-header-bg);font-weight:600;color:var(--site-text)}.compare-table td{padding:12px 20px;border-bottom:1px solid var(--card-border);font-size:13px;color:var(--site-text-secondary)}.compare-table tr:nth-child(2n) td{background:var(--table-stripe)}.site-footer{background:var(--footer-bg);padding:36px 24px;text-align:center}.site-footer a{color:var(--footer-text);text-decoration:none;font-size:13px;transition:color .2s}.site-footer a:hover{color:var(--accent)}.nav-links{display:flex;align-items:center;gap:4px}.nav-hamburger{display:none;background:none;border:1px solid var(--site-border);color:var(--site-text-secondary);width:32px;height:32px;border-radius:8px;cursor:pointer;align-items:center;justify-content:center;font-size:16px;line-height:1;padding:0}.nav-mobile-panel{display:none;position:absolute;top:100%;left:0;right:0;background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--nav-border);padding:8px 24px 12px}.nav-mobile-panel.open{display:block}.nav-mobile-panel button{display:block;width:100%;text-align:left;background:none;border:none;color:var(--site-text-secondary);font-size:14px;padding:10px 0;cursor:pointer;border-bottom:1px solid var(--site-border)}.nav-mobile-panel button:last-child{border-bottom:none}.nav-tagline{font-size:10px;color:var(--site-text-tertiary);display:block}@media(max-width:640px){.site-nav-inner{padding:0 16px}.nav-links{display:none}.nav-hamburger{display:flex}.nav-tagline{display:none}.site-nav{position:sticky}}@media(max-width:640px){.compare-table th,.compare-table td{padding:10px 12px;font-size:12px}}.accent-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:8px;vertical-align:middle}
