.toppage{min-height:100vh;display:flex;flex-direction:column}.main{flex:1;display:flex;max-width:1200px;margin:0 auto;width:100%}.sidebar-column{width:200px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--color-border);background:var(--color-surface)}.header-title{padding:1rem 1rem .75rem;text-align:left;border-bottom:1px solid var(--color-border)}.logo{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text)}.logo-sub{display:block;font-size:.75rem;color:var(--color-muted);font-weight:400;margin-top:.1rem}.sidebar{padding:1rem;flex:1}.sidebar-group{margin-bottom:1.25rem}.sidebar-group:last-child{margin-bottom:0}.sidebar-title{margin:0 0 .5rem;font-size:.9rem;font-weight:600;color:var(--color-text)}.sidebar-list{list-style:none;margin:0;padding:0}.sidebar-list li{margin:0}.sidebar-link{display:block;padding:.4rem 0;font-size:.9rem;color:var(--color-primary);text-decoration:none}.sidebar-link:hover{text-decoration:underline}.sidebar-item{display:block;padding:.4rem 0;font-size:.9rem;color:var(--color-muted)}.main-content{flex:1;min-width:0;padding:2rem 1.5rem}.hero{text-align:center;margin-bottom:3rem}.hero-title{font-size:1.75rem;font-weight:600;margin:0 0 .5rem;color:var(--color-text)}.hero-desc{color:var(--color-muted);margin:0;font-size:1rem}.section-title{font-size:1.1rem;font-weight:600;margin:0 0 1rem;color:var(--color-text)}.flow-diagram{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:1.25rem;background:var(--color-surface);border-radius:8px;border:1px solid var(--color-border)}.flow-diagram.flow-triangle{justify-content:center;gap:1rem}.flow-system-block{padding:.75rem 1.25rem;background:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:8px;text-align:center;min-width:180px}.flow-system-heading{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:var(--color-primary-hover)}.flow-system-sub{display:block;font-size:.75rem;color:var(--color-muted)}.flow-node{padding:.6rem 1rem;border-radius:6px;font-size:.9rem;text-align:center;min-width:120px;color:var(--color-text)}.flow-node strong{display:block;margin-bottom:.15rem}.flow-node small{display:block;font-size:.75rem;color:var(--color-muted);font-weight:400}.flow-node.input{background:#dcfce7;border:1px solid #22c55e;color:#166534}.flow-node.blackbox{background:var(--color-primary-light);border:1px solid var(--color-primary);color:var(--color-primary-hover)}.flow-node.output{background:#f3e8ff;border:1px solid #a855f7;color:#6b21a8}.flow-arrow{color:var(--color-muted);font-size:1.25rem}.computing-flow-section{margin-bottom:2.5rem}.flow-four-parts{display:flex;align-items:stretch;justify-content:center;gap:0;max-width:640px;margin:0 auto}.flow-memos{display:flex;align-items:center;justify-content:center;gap:0;max-width:640px;margin:.5rem auto 0}.flow-memo-item{font-size:.7rem;color:var(--color-muted);font-style:italic;min-width:90px;text-align:center}.flow-memos .flow-memo-item:nth-child(3){min-width:160px}.flow-connector-invisible{flex:1;min-width:24px;max-width:48px;border-bottom:none;opacity:0}.flow-part{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:1rem 1.25rem;text-align:center}.flow-part-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#fffffff2}.flow-part-name{font-size:.85rem;font-weight:600;color:#fff}.flow-part-link{font-size:.75rem;color:#ffffffe6;text-decoration:underline}.flow-part-link:hover{color:#fff}.flow-part-input{background:#0d9488;border:2px solid #a7c4b5;border-radius:12px;min-width:90px}.flow-part-input .flow-part-icon{font-size:1.25rem;color:#fff}.flow-connector{flex:1;min-width:24px;max-width:48px;align-self:center;border-bottom:2px dashed #5eead4;opacity:.8}.flow-part-central{flex:0 0 auto;padding:0;background:#0f766e;border:2px solid #7c3aed;border-radius:8px;min-width:160px;overflow:hidden}.flow-central-processor,.flow-central-storage{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.75rem 1rem}.flow-central-processor{background:#00000026}.flow-central-storage{background:#00000014}.flow-central-connector{height:0;margin:0 .75rem;border-top:2px dashed rgba(255,255,255,.45);align-self:stretch}.flow-part-icon.flow-icon-cpu{font-size:0;width:28px;height:28px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f97316' stroke-width='1.5'%3E%3Crect x='4' y='4' width='16' height='16' rx='1'/%3E%3Cline x1='9' y1='8' x2='9' y2='16'/%3E%3Cline x1='15' y1='8' x2='15' y2='16'/%3E%3Cline x1='8' y1='9' x2='16' y1='9'/%3E%3Cline x1='8' y1='15' x2='16' y1='15'/%3E%3C/svg%3E") center/contain no-repeat}.flow-part-icon.flow-icon-memory{font-size:0;width:28px;height:28px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.5'%3E%3Cellipse cx='12' cy='8' rx='4' ry='2'/%3E%3Cellipse cx='12' cy='14' rx='4' ry='2'/%3E%3Cpath d='M8 8v6M16 8v6M8 10h8M8 12h8'/%3E%3C/svg%3E") center/contain no-repeat}.flow-central-storage .flow-aura-btn{margin-top:.25rem;padding:.2rem .4rem;font-size:.7rem;background:#fff3;border:1px solid rgba(255,255,255,.4);border-radius:4px;color:#fff}.flow-central-storage .flow-aura-btn:hover{background:#ffffff4d}.flow-part-output{background:#0d9488;border:2px solid #a7c4b5;border-radius:12px;min-width:90px}.flow-part-output .flow-part-icon{font-size:1.25rem;color:#fff}.triangle-section{margin-bottom:2.5rem}.triangle-desc{color:var(--color-muted);font-size:.9rem;margin:0 0 1rem;text-align:center}.triangle-cycle{position:relative;width:240px;height:220px;margin:0 auto}.triangle-cycle-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.tri-node{position:absolute;width:88px;min-height:36px;padding:.4rem .75rem;border-radius:6px;font-size:.9rem;font-weight:500;text-align:center;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #0000000f;transform:translate(-50%,-50%);background:#fff;border:1px solid #e5e7eb;color:#111827}.tri-brand{left:50%;top:13.6%}.tri-production{left:16.7%;top:77.3%}.tri-consumer{left:83.3%;top:77.3%}.systems-section{margin-bottom:2.5rem}.systems-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem}.system-item{margin:0}.system-link{display:block;padding:.75rem 1rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);transition:border-color .15s,background .15s}.system-link:hover{border-color:var(--color-primary);background:var(--color-primary-light);text-decoration:none;color:var(--color-text)}.system-name{font-weight:600;margin-right:.5rem;color:var(--color-primary)}.system-full{font-size:.85rem;color:var(--color-muted)}.system-note{display:block;font-size:.75rem;color:var(--color-muted);margin-top:.25rem}.output-section{margin-bottom:2rem}.output-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.output-card{padding:1rem;min-width:200px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;text-align:center;color:#111827}.output-card-tall{width:220px;min-height:100px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.output-axis{display:flex;justify-content:center;gap:1.5rem;margin-top:1rem}.output-axis-item{font-size:.9rem;color:var(--color-muted)}.footer{margin-top:auto;padding:1rem 1.5rem;border-top:1px solid var(--color-border);text-align:center;color:var(--color-muted);font-size:.85rem}.footer p{margin:0}@media(max-width:768px){.main{flex-direction:column}.sidebar-column{width:100%;border-right:none;border-bottom:1px solid var(--color-border)}.sidebar{padding:1rem 1.5rem}.sidebar-list{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.flow-four-parts{flex-direction:column;align-items:center;gap:.5rem}.flow-connector{min-width:0;width:2px;min-height:20px;max-height:24px;border-bottom:none;border-left:2px dashed #5eead4}}@media(max-width:640px){.flow-diagram.flow-triangle{flex-direction:column;align-items:stretch}.flow-arrow{text-align:center}}:root{--color-bg: #ffffff;--color-surface: #f9fafb;--color-surface-hover: #f3f4f6;--color-border: #e5e7eb;--color-text: #111827;--color-text-secondary: #374151;--color-muted: #6b7280;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-light: #eff6ff;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline;color:var(--color-primary-hover)}