@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--primary: #2B7CD3;--primary-light: #3B8FE0;--secondary: #1A2C40;--accent: #E87D0E;--bg: #F4F6F9;--surface: #FFFFFF;--surface-hover: #EDF1F6;--fg: #1A2C40;--muted: #5B6B7D;--border: #DCE3EB;--border-strong: #B8C5D2;--cat-account: #2B7CD3;--cat-access: #6C4AB6;--cat-software: #0D9E8E;--cat-network: #2B7CD3;--cat-hardware: #E87D0E;--cat-security: #D14545;--font-display: "Space Grotesk", Georgia, sans-serif;--font-body: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-4xl: 3rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(26, 44, 64, .06);--shadow: 0 2px 8px rgba(26, 44, 64, .08);--shadow-lg: 0 8px 30px rgba(26, 44, 64, .12);--ease: cubic-bezier(.4, 0, .2, 1);--transition: .2s var(--ease)}@media(prefers-color-scheme:dark){:root{--bg: #12161C;--surface: #1E2530;--surface-hover: #272F3C;--fg: #E8EDF2;--muted: #8B98A8;--border: #2C3543;--border-strong: #3D4A5C;--primary: #3B8FE0}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.75;color:var(--fg);background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pcb-grid-bg{background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:40px 40px;background-position:-1px -1px;opacity:.4}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--muted)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}.app{min-height:100vh;display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:100;background:var(--surface);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:box-shadow var(--transition)}.header-inner{max-width:1100px;margin:0 auto;padding:var(--space-4) var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.logo{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.logo-mark{font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);color:#fff;background:var(--primary);padding:4px 8px;border-radius:var(--radius-sm);letter-spacing:-.5px;line-height:1}.logo-text{font-family:var(--font-display);font-weight:600;font-size:var(--text-lg);color:var(--fg);letter-spacing:-.3px}.header-nav{display:flex;gap:var(--space-6);align-items:center}.nav-link{font-size:var(--text-sm);color:var(--muted);text-decoration:none;font-weight:500;transition:color var(--transition);cursor:pointer}.nav-link:hover{color:var(--fg)}.nav-link.active{color:var(--primary)}.hero{position:relative;overflow:hidden;background:var(--surface);border-bottom:1px solid var(--border)}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero-inner{position:relative;max-width:760px;margin:0 auto;padding:var(--space-20) var(--space-6) var(--space-16);text-align:center}.hero-title{font-family:var(--font-display);font-size:clamp(var(--text-2xl),5vw,var(--text-4xl));font-weight:600;letter-spacing:-1px;color:var(--fg);margin-bottom:var(--space-3)}.hero-subtitle{font-size:var(--text-lg);color:var(--muted);margin-bottom:var(--space-10)}.search-wrap{position:relative;display:flex;align-items:center;max-width:560px;margin:0 auto}.search-icon{position:absolute;left:var(--space-4);color:var(--muted);pointer-events:none;flex-shrink:0}.search-input{width:100%;font-family:var(--font-mono);font-size:var(--text-base);padding:var(--space-4) var(--space-12) var(--space-4) var(--space-12);border:2px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--fg);transition:border-color var(--transition),box-shadow var(--transition);box-shadow:var(--shadow-sm)}.search-input::placeholder{color:var(--muted)}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #2b7cd31f}.search-clear{position:absolute;right:var(--space-3);background:var(--border);border:none;border-radius:var(--radius-full);width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted);transition:background var(--transition),color var(--transition)}.search-clear:hover{background:var(--border-strong);color:var(--fg)}.search-meta{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--muted)}.category-grid{max-width:1100px;margin:0 auto;padding:var(--space-12) var(--space-6) var(--space-4);display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.cat-card{position:relative;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-5) var(--space-5) var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition);overflow:hidden}.cat-card:hover{border-color:var(--cat-accent, var(--border-strong));box-shadow:var(--shadow);transform:translateY(-2px)}.cat-card-stripe{position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--cat-accent, var(--primary));border-radius:0 2px 2px 0}.cat-card-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius);background:color-mix(in srgb,var(--cat-accent, var(--primary)) 12%,transparent);color:var(--cat-accent, var(--primary));flex-shrink:0}.cat-card-name{font-family:var(--font-display);font-weight:600;font-size:var(--text-base);color:var(--fg)}.cat-card-count{font-size:var(--text-xs);color:var(--muted);margin-left:auto;white-space:nowrap}.faq-main{flex:1;max-width:820px;margin:0 auto;padding:var(--space-8) var(--space-6) var(--space-12);width:100%}.category-section{margin-bottom:var(--space-10)}.category-section:last-of-type{margin-bottom:var(--space-12)}.cat-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.cat-icon-wrap{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--cat-accent, var(--primary)) 12%,transparent);color:var(--cat-accent, var(--primary));flex-shrink:0}.cat-heading{font-family:var(--font-display);font-weight:600;font-size:var(--text-xl);color:var(--fg);letter-spacing:-.3px}.cat-count-badge{font-size:var(--text-xs);font-weight:500;color:var(--muted);background:var(--bg);border:1px solid var(--border);padding:2px 8px;border-radius:var(--radius-full)}.accordion-list{display:flex;flex-direction:column;gap:var(--space-2)}.accordion{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color var(--transition),box-shadow var(--transition)}.accordion.open{border-color:color-mix(in srgb,var(--cat-accent, var(--primary)) 40%,transparent);box-shadow:var(--shadow-sm)}.accordion-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-5);background:none;border:none;cursor:pointer;text-align:left;transition:background var(--transition)}.accordion-trigger:hover{background:var(--surface-hover)}.accordion-question{font-family:var(--font-body);font-size:var(--text-base);font-weight:500;color:var(--fg);line-height:1.5}.accordion-chevron{display:flex;align-items:center;justify-content:center;color:var(--muted);flex-shrink:0;transition:transform var(--transition),color var(--transition)}.accordion-chevron.rotated{transform:rotate(180deg);color:var(--cat-accent, var(--primary))}.accordion-panel{overflow:hidden;transition:max-height .25s var(--ease),opacity .2s var(--ease);padding-left:var(--space-5)}.accordion-answer{position:relative;padding:0 var(--space-5) var(--space-5) var(--space-5);margin-left:3px;font-size:var(--text-base);color:var(--muted);line-height:1.75;max-width:65ch}.accordion-answer:before{content:"";position:absolute;left:0;top:0;bottom:var(--space-5);width:2px;background:var(--cat-accent, var(--primary));border-radius:var(--radius-full);box-shadow:0 0 8px color-mix(in srgb,var(--cat-accent, var(--primary)) 50%,transparent)}.no-results{text-align:center;padding:var(--space-16) var(--space-6)}.no-results-icon{color:var(--border-strong);margin-bottom:var(--space-4)}.no-results h2{font-family:var(--font-display);font-weight:600;font-size:var(--text-xl);color:var(--fg);margin-bottom:var(--space-2)}.no-results p{color:var(--muted);margin-bottom:var(--space-6)}.btn-secondary{font-family:var(--font-body);font-weight:500;font-size:var(--text-sm);padding:var(--space-3) var(--space-6);border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface);color:var(--fg);cursor:pointer;transition:border-color var(--transition),box-shadow var(--transition)}.btn-secondary:hover{border-color:var(--primary);box-shadow:0 0 0 3px #2b7cd31a}.cta-section{max-width:820px;margin:0 auto var(--space-12);padding:0 var(--space-6);width:100%}.cta-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-8) var(--space-8) var(--space-8) var(--space-10);background:var(--secondary);border-radius:var(--radius-lg);overflow:hidden}.cta-stripe{position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--accent);box-shadow:0 0 12px #e87d0e80}.cta-content h2{font-family:var(--font-display);font-weight:600;font-size:var(--text-xl);color:#fff;margin-bottom:var(--space-2)}.cta-content p{font-size:var(--text-sm);color:#ffffffb3;line-height:1.6;max-width:48ch}.cta-btn{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-weight:600;font-size:var(--text-base);padding:var(--space-4) var(--space-8);border-radius:var(--radius);background:var(--accent);color:#fff;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:filter var(--transition),transform var(--transition);box-shadow:0 4px 14px #e87d0e59}.cta-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.footer{border-top:1px solid var(--border);background:var(--surface)}.footer-inner{max-width:1100px;margin:0 auto;padding:var(--space-8) var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.footer-text{font-size:var(--text-sm);color:var(--muted)}.footer-links{display:flex;gap:var(--space-4)}.footer-links a{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--primary);text-decoration:none;transition:color var(--transition)}.footer-links a:hover{color:var(--accent)}@media(max-width:900px){.category-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.header-nav{display:none}.hero-inner{padding-top:var(--space-12);padding-bottom:var(--space-10)}.category-grid{grid-template-columns:1fr}.cta-inner{flex-direction:column;text-align:center;align-items:center;padding:var(--space-6)}.cta-content p{max-width:100%}.footer-inner{flex-direction:column;text-align:center}}@media(max-width:480px){.header-inner{padding:var(--space-3) var(--space-4)}.hero-inner,.faq-main,.category-grid,.cta-section{padding-left:var(--space-4);padding-right:var(--space-4)}.accordion-trigger{padding:var(--space-4)}.accordion-answer{padding:0 var(--space-4) var(--space-4) var(--space-4)}}