:root{--bg-main:#fafafa;--text-main:#1a1a1a;--text-muted:#555;--accent-primary:#635bff;--highlight-color:#fde047;--border-color:#e5e5e5;--success:#10b981;--warning:#f59e0b;--danger:#ef4444}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{color:var(--text-main);font-family:Playfair Display,serif;font-weight:500}h1{margin-bottom:1.5rem;font-size:3.5rem;line-height:1.2}h2{margin-bottom:1.5rem;font-size:2.5rem}h3{margin-bottom:1rem;font-size:1.8rem}p{color:var(--text-muted);margin-bottom:1.5rem;font-size:1.1rem}.highlight{background-color:var(--highlight-color);padding:0 .2rem;font-style:italic;font-weight:600}.container{max-width:1200px;margin:0 auto;padding:0 5%}.text-center{text-align:center}.mt-4{margin-top:4rem}.mb-2{margin-bottom:2rem}.hub-layout{min-height:100vh;display:flex}.sidebar{z-index:100;background-color:#fff;border-right:none;flex-direction:column;width:280px;height:100vh;padding:1.5rem;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar .logo{margin-bottom:1.5rem}.sidebar-nav{flex-direction:column;flex:1;gap:.8rem;display:flex}.nav-folder{margin-bottom:.2rem}.folder-btn{cursor:pointer;width:100%;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;padding:.6rem .8rem;font-family:inherit;font-size:.75rem;font-weight:600;transition:background-color .2s,color .2s;display:flex}.folder-btn:hover{color:var(--text-main);background-color:#f3f4f6}.folder-icon{width:14px;height:14px;transition:transform .2s}.nav-folder.is-open .folder-icon{transform:rotate(90deg)}.folder-content{border-left:2px solid #f0f0f0;flex-direction:column;gap:.2rem;margin-top:.2rem;margin-left:1.2rem;padding-left:.5rem;display:none}.nav-folder.is-open .folder-content{display:flex}.folder-content a{color:var(--text-main);border-radius:6px;padding:.4rem .8rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:block}.folder-content a:hover{color:var(--accent-primary);background-color:#f9fafb}.folder-content a.is-active{color:#111827;background-color:#fff7ed;font-weight:600;box-shadow:inset 2px 0 #ff8c42}.sidebar-footer{margin-top:auto;padding-top:2rem}.main-content{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{backdrop-filter:blur(8px);z-index:50;background-color:#fffc;border-bottom:none;justify-content:space-between;align-items:center;height:64px;padding:0 3rem;display:flex;position:sticky;top:0}.breadcrumbs{align-items:center;gap:.6rem;font-family:Inter,sans-serif;font-size:.9rem;display:flex}.breadcrumb-path{color:var(--text-muted);font-weight:500}.breadcrumb-link{text-decoration:none;transition:color .2s}.breadcrumb-link:hover{color:var(--accent-primary)}.breadcrumb-separator{color:#d4d4d8;font-size:1.1rem;font-weight:300}.breadcrumb-active{color:var(--text-main);font-weight:600}.topbar-right .topbar-link{color:var(--text-muted);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.topbar-right .topbar-link:hover{color:var(--text-main)}.content-wrapper{flex:1}.logo{color:var(--text-main);align-items:center;gap:.8rem;text-decoration:none;display:flex}.logo-main{letter-spacing:-.05em;font-size:1.5rem;font-weight:800}.logo-sub{color:#666;text-transform:uppercase;letter-spacing:.15em;margin-top:3px;margin-left:.2rem;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600}.btn-primary{background-color:var(--accent-primary);color:#fff;border-radius:4px;padding:.8rem 2rem;font-weight:500;text-decoration:none;transition:background-color .2s,transform .2s;display:inline-block}.btn-primary:hover{background-color:#4f46e5;transform:translateY(-2px)}.btn-secondary{color:var(--text-main);border:1px solid var(--border-color);background-color:#0000;border-radius:4px;padding:.8rem 2rem;font-weight:500;text-decoration:none;transition:border-color .2s;display:inline-block}.btn-secondary:hover{border-color:#999}.btn-arch{color:#111827;letter-spacing:.01em;background:linear-gradient(#fff 0%,#f3f4f6 100%);border:1px solid #d1d5db;border-radius:8px;justify-content:center;align-items:center;padding:1rem 3.5rem;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 1px 2px #0000000d,0 8px 24px #0000000a,inset 0 2px #fff}.btn-arch:hover{background:#fff;border-color:#9ca3af;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d,0 16px 32px #00000014,inset 0 2px #fff}.section{padding:6rem 0}.hero{text-align:center;z-index:1;max-width:1000px;margin:0 auto;padding:10rem 0 8rem;position:relative}.hero:before{content:"";opacity:.6;z-index:-1;background-image:linear-gradient(#e5e7eb 1px,#0000 1px),linear-gradient(90deg,#e5e7eb 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:-100px -50vw 0;mask-image:radial-gradient(circle,#000 0%,#0000 70%)}.split-section{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.code-box{color:#d4d4d4;background-color:#1e1e1e;border-radius:12px;padding:2rem;font-family:Consolas,Courier New,monospace;font-size:.85rem;line-height:1.5;box-shadow:0 20px 40px #0000001a}.code-box .highlight-red{color:#fff;background-color:#e03131;border-radius:2px;padding:0 4px}.check-list{margin-top:1.5rem;list-style:none}.check-list li{color:var(--text-muted);margin-bottom:1rem;padding-left:2rem;position:relative}.check-list li:before{content:"✓";color:var(--text-main);font-weight:700;position:absolute;left:0}.technical-badge{color:var(--text-muted);letter-spacing:.1em;border:1px solid var(--border-color);backdrop-filter:blur(4px);background:#fffc;border-radius:50px;align-items:center;gap:.5rem;margin-bottom:2.5rem;padding:.3rem .8rem;font-family:Consolas,Courier New,monospace;font-size:.75rem;display:inline-flex;box-shadow:0 2px 10px #00000005}.blinking-dot{background-color:var(--success);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-dot}@keyframes pulse-dot{0%{opacity:1;box-shadow:0 0 #10b98166}70%{opacity:.3;box-shadow:0 0 0 4px #10b98100}to{opacity:1;box-shadow:0 0 #10b98100}}.ruler-bottom{background-image:linear-gradient(90deg,#00000026 1px,#0000 1px),linear-gradient(90deg,#0000000d 1px,#0000 1px);background-position:bottom;background-repeat:repeat-x;background-size:50px 100%,10px 50%;height:12px;position:absolute;bottom:0;left:10%;right:10%}.side-coordinate{letter-spacing:.2em;color:#ccc;white-space:nowrap;pointer-events:none;font-family:Consolas,monospace;font-size:.65rem;position:absolute;top:50%;left:-40px;transform:translateY(-50%)rotate(-90deg)}.cad-titleblock{color:var(--text-main);background:#fff;border:2px solid #e5e5e5;flex-direction:column;font-family:Inter,sans-serif;display:flex;box-shadow:0 4px 30px #00000005}.tb-row{border-bottom:1px solid #e5e5e5;display:flex}.tb-row:last-child{border-bottom:none}.tb-cell{border-right:1px solid #e5e5e5;flex-direction:column;flex:1;justify-content:flex-start;padding:1.2rem 1.5rem;display:flex}.tb-cell:last-child{border-right:none}.tb-label{text-transform:uppercase;color:#888;letter-spacing:.08em;margin-bottom:.5rem;font-size:.65rem;font-weight:600}.tb-value{color:#111;font-size:.95rem;font-weight:600;line-height:1.5}.tb-span-2{flex:2}.tb-span-3{flex:3}.tb-span-4{flex:4}.page-container{max-width:1200px;margin:3rem 4rem 6rem}.page-container h1{text-align:left;border-bottom:1px solid var(--border-color);margin-bottom:2rem;padding-bottom:1rem;font-size:2.8rem}.page-container p{max-width:850px}.page-container h2{margin:3rem 0 1rem;font-size:1.8rem}.page-container ul{color:var(--text-muted);margin-bottom:1.5rem;margin-left:1.5rem}.page-container p a,.page-container li a{color:var(--text-main);background-color:#ffe4cc;border-bottom:2px solid #ffb380;border-radius:3px;margin:0 -.1rem;padding:.1rem .3rem;font-weight:500;text-decoration:none;transition:all .2s}.page-container p a:hover,.page-container li a:hover{background-color:#fca;border-bottom-color:#ff8c42}.site-footer{color:var(--text-main);border-top:1px solid var(--border-color);background-color:#fff;padding:6rem 0 2rem;font-size:.95rem}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:4rem;margin-bottom:4rem;display:grid}.footer-brand{max-width:320px}.logo-footer{margin-bottom:1.5rem}.footer-desc{color:var(--text-muted);font-size:.95rem;line-height:1.6}.footer-links h4{color:var(--text-main);text-transform:none;letter-spacing:normal;margin-bottom:1.5rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600}.footer-links ul{margin:0;padding:0;list-style:none}.footer-links li{margin-bottom:.8rem}.footer-links a{color:var(--text-muted);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--accent-primary)}.footer-bottom{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-top:2rem;font-size:.85rem;display:flex}.footer-copy{color:var(--text-muted)}.footer-status{color:var(--text-muted);align-items:center;gap:.5rem;display:flex}.status-dot{background-color:#10b981;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #10b98166}.tb-row{flex-direction:column}.tb-cell{border-bottom:1px solid #e5e5e5;border-right:none}.tb-cell:last-child{border-bottom:none}@media (width<=900px){.hub-layout{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border-color);width:100%;height:auto;padding-bottom:2rem;position:relative}.topbar{padding:0 1.5rem}.split-section{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:3rem}.footer-bottom{text-align:center;flex-direction:column;gap:1rem}h1{font-size:2.5rem}}.pipeline-timeline{margin-top:2rem;padding-left:2rem;position:relative}.pipeline-timeline:before{content:"";background:var(--border-color);width:2px;position:absolute;top:.5rem;bottom:.5rem;left:.5rem}.timeline-step{color:var(--text-main);margin-bottom:2rem;font-size:1.05rem;line-height:1.6;position:relative}.timeline-step:before{content:"";border:2px solid var(--accent-primary);z-index:1;background:#fff;border-radius:50%;width:.8rem;height:.8rem;position:absolute;top:.45rem;left:-1.85rem}.timeline-step:last-child{margin-bottom:0}.timeline-step strong{font-weight:600}.cta-btn[data-astro-cid-ju4pidww]{color:#fff;background-color:#635bff;border-radius:8px;justify-content:center;align-items:center;padding:1.2rem 2.5rem;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 10px 25px #635bff4d}.cta-btn[data-astro-cid-ju4pidww]:hover{color:#fff;background-color:#534be5;transform:translateY(-3px);box-shadow:0 15px 35px #635bff66}