@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600;700&family=IBM+Plex+Serif:ital,wght@0,400;0,600;1,400&display=swap";:root{--bg:#0a1628;--surface:#131f34;--surface-2:#0d1a2a;--fg:#e8edf5;--muted:#7a8ba8;--copper:#c97d60;--green:#2ecc71;--border:#25354d;--amber:#e6a817;--font-mono:"JetBrains Mono", "Courier New", monospace;--font-serif:"IBM Plex Serif", Georgia, serif;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:36px;--text-4xl:48px;--text-5xl:64px;--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;--radius-sm:3px;--radius:6px;--radius-lg:10px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--font-serif);font-size:var(--text-base);-webkit-font-smoothing:antialiased;line-height:1.65}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}h1,h2,h3,h4,h5{font-family:var(--font-mono);color:var(--fg);font-weight:600;line-height:1.2}code,pre,.mono{font-family:var(--font-mono)}code{color:var(--copper);border-radius:var(--radius-sm);background:#c97d601f;padding:1px 5px;font-size:.88em}pre{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-5) var(--space-6);font-size:var(--text-sm);color:var(--fg);line-height:1.7;overflow-x:auto}pre code{color:inherit;font-size:inherit;background:0 0;padding:0}a{color:var(--copper);text-decoration:none;transition:color .15s}a:hover{color:var(--fg)}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);width:220px;min-width:220px;height:100vh;padding:var(--space-6) 0;z-index:100;flex-direction:column;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-logo{align-items:center;gap:var(--space-3);padding:0 var(--space-5) var(--space-6);border-bottom:1px solid var(--border);margin-bottom:var(--space-4);color:var(--fg);text-decoration:none;display:flex}.sidebar-logo img{width:32px;height:32px}.sidebar-logo-text{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600;line-height:1.3}.sidebar-nav{padding:0 var(--space-3);flex-direction:column;gap:2px;display:flex}.sidebar-nav a{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--muted);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border-bottom:none;transition:color .15s,background .15s;display:block}.sidebar-nav a:hover{color:var(--fg);background:#ffffff0a}.sidebar-nav a.active{color:var(--copper)}.main-content{flex:1;min-width:0;overflow-y:auto}.content-inner{max-width:820px;padding:0 var(--space-10) var(--space-16);margin:0 auto}.top-header{padding:var(--space-4) var(--space-10);border-bottom:1px solid var(--border);justify-content:flex-end;align-items:center;gap:var(--space-4);background:var(--bg);z-index:50;display:flex;position:sticky;top:0}.synth-badge{align-items:center;gap:var(--space-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);cursor:default;font-weight:600;display:flex;position:relative}.synth-badge .status-dot{background:var(--green);width:7px;height:7px;box-shadow:0 0 6px var(--green);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.synth-badge .status-label{color:var(--green)}.synth-badge:hover .synth-detail{display:flex}.synth-detail{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);gap:var(--space-2);white-space:nowrap;z-index:200;flex-direction:column;display:none;position:absolute;top:calc(100% + 6px);right:0}.synth-detail-item{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--muted);display:flex}.synth-detail-item .check{color:var(--green)}.hero{padding:var(--space-16) 0 var(--space-12);border-bottom:1px solid var(--border);margin-bottom:var(--space-12)}.hero-eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--copper);text-transform:uppercase;letter-spacing:.12em;margin-bottom:var(--space-4)}.hero h1{font-size:clamp(var(--text-2xl), 5vw, var(--text-4xl));margin-bottom:var(--space-6);color:var(--fg);font-weight:700;line-height:1.1}.hero h1 .accent{color:var(--copper)}.hero-subtitle{font-size:var(--text-lg);color:var(--muted);max-width:600px;margin-bottom:var(--space-8);line-height:1.6}.hero-actions{gap:var(--space-4);flex-wrap:wrap;display:flex}.btn{font-family:var(--font-mono);font-size:var(--text-sm);padding:var(--space-3) var(--space-5);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:var(--space-2);border:1px solid #0000;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--copper);color:var(--bg);border-color:var(--copper)}.btn-primary:hover{color:var(--bg);background:#d98e72}.btn-secondary{color:var(--muted);border-color:var(--border);background:0 0}.btn-secondary:hover{color:var(--fg);border-color:var(--muted)}.waveform-container{margin-top:var(--space-10);height:60px;position:relative;overflow:hidden}.section{margin-bottom:var(--space-16);scroll-margin-top:80px}.section-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--copper);text-transform:uppercase;letter-spacing:.12em;margin-bottom:var(--space-3)}.section h2{font-size:var(--text-2xl);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.section h3{font-size:var(--text-lg);margin-top:var(--space-8);margin-bottom:var(--space-4);color:var(--fg)}.section p{color:var(--muted);margin-bottom:var(--space-5);max-width:68ch}.section p strong{color:var(--fg);font-weight:600}.arch-diagram{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-8);margin:var(--space-6) 0;overflow-x:auto}.arch-flow{align-items:center;gap:0;min-width:600px;display:flex}.arch-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-4) var(--space-5);text-align:center;min-width:110px}.arch-block-title{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--copper);margin-bottom:var(--space-1);font-weight:600}.arch-block-sub{font-family:var(--font-mono);color:var(--muted);font-size:10px}.arch-arrow{color:var(--muted);font-family:var(--font-mono);font-size:var(--text-xs);padding:0 var(--space-2);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;display:flex}.arch-arrow-line{background:var(--border);width:100%;height:1px;position:relative}.arch-arrow-line:after{content:"▶";color:var(--border);font-size:9px;position:absolute;top:-6px;right:-4px}.param-table{border-collapse:collapse;width:100%;font-family:var(--font-mono);font-size:var(--text-sm);margin:var(--space-6) 0}.param-table th{text-align:left;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--copper);color:var(--copper);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em}.param-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);color:var(--muted);vertical-align:top}.param-table td:first-child{color:var(--green);white-space:nowrap}.param-table td:nth-child(2){color:var(--fg);white-space:nowrap}.param-table tr:last-child td{border-bottom:none}.resource-table{border-collapse:collapse;width:100%;font-family:var(--font-mono);font-size:var(--text-sm);margin:var(--space-6) 0}.resource-table th{text-align:left;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border);color:var(--muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;background:var(--surface)}.resource-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);color:var(--muted)}.resource-table td:first-child{color:var(--fg)}.resource-table .val-green{color:var(--green)}.resource-table .val-copper{color:var(--copper)}.file-tree{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-5);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.9}.file-tree .dir{color:var(--copper)}.file-tree .file{color:var(--muted)}.file-tree .file-main{color:var(--green)}.file-tree .comment{color:#3d5068}.compliance-grid{gap:var(--space-4);margin:var(--space-6) 0;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.compliance-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4) var(--space-5)}.compliance-item-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-2)}.compliance-item-value{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--green);font-weight:600}.download-grid{gap:var(--space-4);margin:var(--space-6) 0;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.download-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-5);cursor:pointer;text-decoration:none;transition:border-color .15s;display:block}.download-card:hover{border-color:var(--copper);color:var(--fg)}.download-card-name{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--green);margin-bottom:var(--space-1)}.download-card-desc{font-family:var(--font-serif);font-size:var(--text-sm);color:var(--muted);line-height:1.5}.mobile-header{display:none}@media (width<=768px){.sidebar{display:none}.sidebar.open{z-index:500;width:260px;height:100vh;display:flex;position:fixed;top:0;left:0;box-shadow:4px 0 24px #00000080}.mobile-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);background:var(--bg);z-index:50;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.mobile-logo{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600;display:flex}.mobile-logo img{width:24px;height:24px}.hamburger{border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-2);cursor:pointer;color:var(--muted);background:0 0;font-size:16px;line-height:1}.top-header{display:none}.content-inner{padding:0 var(--space-5) var(--space-12)}.hero h1{font-size:var(--text-2xl)}.hero-actions{flex-direction:column}.arch-flow{min-width:500px}}