@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{--bg-main: #0b0b11;--bg-panel: #111118;--bg-panel-hover: #18181f;--bg-input: #0e0e15;--border-color: #22222e;--border-focus: #7c3aed;--text-primary: #ede9fe;--text-secondary: #9d8ec4;--text-tertiary: #524d6b;--accent-primary: #7c3aed;--accent-secondary: #a78bfa;--tier-hero: #f59e0b;--tier-core: #818cf8;--tier-security: #f43f5e;--tier-utility: #34d399;--tier-hero-bg: #1c1405;--tier-core-bg: #16163a;--tier-security-bg: #1f0814;--tier-utility-bg: #041c12;--intent-info: #818cf8;--intent-trust: #a78bfa;--intent-howto: #34d399;--intent-best: #f59e0b;--intent-debug: #fb923c;--intent-security: #f43f5e;--intent-comparison: #c084fc;--intent-advanced: #6b6892;--font-sans: "Inter", sans-serif;--font-heading: "IBM Plex Sans", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--navbar-bg: rgba(11, 11, 17, .88);--panel-hover-border: rgba(167, 139, 250, .2);--panel-hover-shadow: rgba(124, 58, 237, .15)}[data-theme=light]{--bg-main: #f8fafc;--bg-panel: #ffffff;--bg-panel-hover: #f1f5f9;--bg-input: #f1f5f9;--border-color: #e2e8f0;--border-focus: #3b82f6;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--accent-primary: #2563eb;--accent-secondary: #0284c7;--tier-hero: #d97706;--tier-core: #4f46e5;--tier-security: #dc2626;--tier-utility: #059669;--tier-hero-bg: #fffbeb;--tier-core-bg: #eef2ff;--tier-security-bg: #fef2f2;--tier-utility-bg: #ecfdf5;--intent-info: #2563eb;--intent-trust: #7c3aed;--intent-howto: #059669;--intent-best: #d97706;--intent-debug: #ea580c;--intent-security: #dc2626;--intent-comparison: #7c3aed;--intent-advanced: #64748b;--navbar-bg: rgba(255, 255, 255, .85);--panel-hover-border: rgba(0, 0, 0, .1);--panel-hover-shadow: rgba(0, 0, 0, .06)}*{box-sizing:border-box;margin:0;padding:0}.skip-link{position:absolute;top:-100%;left:0;z-index:9999;padding:12px 20px;background:var(--accent-primary);color:#fff;font-weight:600;font-size:1rem;text-decoration:none;border-radius:0 0 8px;min-width:44px;min-height:44px;display:flex;align-items:center}.skip-link:focus{top:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-sans);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;color:var(--text-primary);margin-bottom:1rem;line-height:1.2}a{color:var(--accent-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-secondary)}button{font-family:var(--font-sans);cursor:pointer;border:none;background:none}code,pre{font-family:var(--font-mono);font-size:.9em}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}[class*=block],[class*=Panel],[class*=Panel]>div{transition:border-color .2s,box-shadow .2s}[class*=block]:hover,[class*=Panel]:hover{border-color:var(--panel-hover-border);box-shadow:0 4px 20px var(--panel-hover-shadow)}.panel{background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:12px;padding:24px}.text-gradient{background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-hero{font-size:3rem;letter-spacing:-.02em}input,textarea,select{background-color:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-mono);padding:12px 16px;border-radius:8px;width:100%;outline:none;transition:border-color .2s}input:focus,textarea:focus{border-color:var(--border-focus)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.navbar{background-color:var(--navbar-bg);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100}.nav-container{display:flex;align-items:center;justify-content:space-between;gap:24px;height:64px}.nav-brand{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.nav-brand-link{color:var(--text-tertiary);font-size:.72rem;letter-spacing:.04em;text-transform:uppercase}.nav-brand-link:hover{color:var(--accent-secondary)}.nav-menu{display:flex;align-items:center;justify-content:center;flex:1;min-width:0}.nav-menu-toggle{display:none;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-panel);color:var(--text-primary);transition:background-color .2s,border-color .2s,transform .2s}.nav-menu-toggle:hover{background:var(--bg-panel-hover);border-color:var(--panel-hover-border)}.nav-menu-toggle-icon{display:inline-flex;flex-direction:column;gap:3px;width:16px}.nav-menu-toggle-icon span{display:block;width:100%;height:2px;border-radius:999px;background:currentColor;transition:transform .2s,opacity .2s}.nav-menu.is-open .nav-menu-toggle-icon span:nth-child(1){transform:translateY(5px) rotate(45deg)}.nav-menu.is-open .nav-menu-toggle-icon span:nth-child(2){opacity:0}.nav-menu.is-open .nav-menu-toggle-icon span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}.nav-links{display:flex;gap:18px;align-items:center;flex-wrap:wrap;justify-content:center}.nav-link{color:var(--text-secondary);font-weight:500;font-size:.95rem;padding:6px 0;white-space:nowrap;transition:color .2s;position:relative}.nav-group{position:relative}.nav-group-trigger{list-style:none;display:inline-flex;align-items:center;gap:6px}.nav-group-trigger::-webkit-details-marker{display:none}.nav-group-trigger:after{content:"▾";font-size:.7rem;line-height:1;transition:transform .2s}.nav-group[open] .nav-group-trigger:after,.nav-group:hover .nav-group-trigger:after,.nav-group:focus-within .nav-group-trigger:after{transform:rotate(180deg)}.nav-dropdown{position:absolute;top:calc(100% + 12px);left:0;min-width:220px;padding:10px;border-radius:14px;border:1px solid var(--border-color);background:var(--bg-panel);box-shadow:0 20px 40px #0000003d;display:grid;gap:6px;opacity:0;visibility:hidden;transform:translateY(8px);pointer-events:none;transition:opacity .2s,visibility .2s,transform .2s;z-index:20}.nav-group:hover .nav-dropdown,.nav-group:focus-within .nav-dropdown,.nav-group[open] .nav-dropdown{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.nav-group:not([open]):hover .nav-dropdown,.nav-group:not([open]):focus-within .nav-dropdown{opacity:0;visibility:hidden;transform:translateY(8px);pointer-events:none}.nav-dropdown-link{color:var(--text-secondary);font-weight:500;font-size:.92rem;padding:8px 12px;border-radius:10px;transition:background-color .2s,color .2s}.nav-dropdown-link:hover,.nav-dropdown-link.active{color:var(--text-primary);background-color:var(--bg-panel-hover)}.nav-link:hover{color:var(--text-primary)}.nav-link.active{color:var(--text-primary);font-weight:600}.nav-link.active:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background-color:var(--accent-secondary);border-radius:2px 2px 0 0}.nav-group-trigger:after{content:"";width:.45rem;height:.45rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s}.nav-group[open] .nav-group-trigger:after,.nav-group:hover .nav-group-trigger:after,.nav-group:focus-within .nav-group-trigger:after{transform:translateY(1px) rotate(225deg)}.nav-group .nav-group-trigger:not(.active):after,.nav-group[open] .nav-group-trigger:not(.active):after,.nav-group:hover .nav-group-trigger:not(.active):after,.nav-group:focus-within .nav-group-trigger:not(.active):after{content:none;border:0;width:auto;height:auto;transform:none}.nav-group .nav-group-trigger.active:after,.nav-group[open] .nav-group-trigger.active:after,.nav-group:hover .nav-group-trigger.active:after,.nav-group:focus-within .nav-group-trigger.active:after{content:"";position:absolute;bottom:-4px;left:0;right:0;width:auto;height:2px;border:0;background-color:var(--accent-secondary);border-radius:2px 2px 0 0;transform:none}.trust-banner{background-color:var(--tier-utility-bg);border-bottom:1px solid rgba(16,185,129,.2);padding:8px 0}.trust-container{display:flex;align-items:center;justify-content:center;gap:12px;font-size:.85rem;color:var(--intent-howto)}.trust-link{color:var(--intent-howto);text-decoration:underline;margin-left:8px}.footer{margin-top:64px;padding:48px 0;border-top:1px solid var(--border-color);background-color:var(--bg-panel)}.footer-container{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.footer-tagline{color:var(--text-secondary)}.footer-links{display:flex;gap:24px}.footer-links a{color:var(--text-tertiary);font-size:.9rem}.footer-links a:hover{color:var(--accent-primary)}@media(max-width:1100px){.nav-container{display:flex!important;flex-wrap:wrap;align-items:center;height:auto;padding:12px 16px;gap:12px}.nav-brand{order:1;flex:1 1 auto;min-width:0;align-items:flex-start!important}.nav-menu{order:3;flex:1 1 100%;width:100%;justify-content:flex-start}.nav-menu-toggle{display:inline-flex;order:2;margin-left:0;align-self:flex-start}.nav-container>div:last-child{order:2}.nav-links{display:none;width:100%;flex-direction:column;align-items:stretch;gap:8px;padding:12px;margin-top:2px;margin-left:0;border:1px solid var(--border-color);border-radius:18px;background:var(--bg-panel);box-shadow:0 16px 36px #0000002e}.nav-menu.is-open .nav-links{display:flex}.nav-link{padding:8px 0}.nav-group{width:100%}.nav-group-trigger{width:100%;justify-content:space-between}.nav-dropdown{position:static;min-width:0;margin-top:8px;opacity:1;visibility:visible;transform:none;pointer-events:auto;box-shadow:none;display:none}.nav-group[open] .nav-dropdown{display:grid}.nav-link.active:after{bottom:-2px}.footer{padding:32px 0;margin-top:32px}.footer-links{flex-wrap:wrap;justify-content:center;gap:8px 16px}}