:root{--bg-primary:#0a0a0a;--bg-card:#ffffff08;--bg-inner:#ffffff05;--border-subtle:#ffffff14;--border-medium:#ffffff1f;--border-strong:#ffffff40;--text-primary:#fff;--text-secondary:#d4d4d4;--text-muted:#a3a3a3;--text-dim:#737373;--accent-white:#fff;--accent-light:#e5e5e5;--accent-mid:#a3a3a3;--accent-dark:#525252;--glow-white:0 0 40px #ffffff0a;--glow-hover:0 0 60px #ffffff12;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--transition-smooth:all .4s cubic-bezier(.25, .46, .45, .94)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Space Grotesk,sans-serif;line-height:1.7;overflow-x:hidden}.page-wrapper{max-width:1280px;margin:0 auto;padding:2rem 1rem}@media (width>=768px){.page-wrapper{padding:3rem 2rem}}@media (width>=1024px){.page-wrapper{padding:4rem 3rem}}.content-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=768px){.content-grid{grid-template-columns:1fr 1fr;gap:2.5rem}}.col-span-full{grid-column:1/-1}.site-header{text-align:center;border-bottom:1px solid var(--border-subtle);margin-bottom:4rem;padding-bottom:3rem;position:relative}.site-header:after{content:"";background:linear-gradient(90deg, transparent, var(--accent-white), transparent);width:120px;height:1px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.site-header h1{letter-spacing:.08em;text-transform:uppercase;color:var(--text-primary);margin-bottom:.75rem;font-size:2.5rem;font-weight:700;line-height:1.2}@media (width>=768px){.site-header h1{font-size:3.5rem}}@media (width>=1024px){.site-header h1{font-size:4rem}}.site-header h2{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:1.5rem;font-size:1.25rem;font-weight:300}@media (width>=768px){.site-header h2{font-size:1.5rem}}.site-header p{max-width:720px;color:var(--text-dim);margin:0 auto;font-size:1rem;font-weight:300;line-height:1.8}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--glow-white);transition:var(--transition-smooth);opacity:0;padding:2rem;transform:translateY(30px)}.card.visible{opacity:1;transform:translateY(0)}.card:hover{border-color:var(--border-medium);box-shadow:var(--glow-hover);transform:translateY(-4px)}.card.visible:hover{transform:translateY(-4px)}@media (width>=768px){.card{padding:2.5rem}.card--large{padding:3rem}}.section-title{color:var(--text-primary);letter-spacing:.06em;text-transform:uppercase;margin-bottom:1rem;padding-bottom:.75rem;font-size:1.35rem;font-weight:600;position:relative}.section-title:after{content:"";background:var(--accent-white);width:40px;height:1px;position:absolute;bottom:0;left:0}.section-desc{color:var(--text-dim);margin-bottom:2rem;font-size:.9rem;font-weight:300;line-height:1.8}.pipeline-container{flex-direction:column;align-items:center;gap:1rem;display:flex}@media (width>=768px){.pipeline-container{flex-direction:row;align-items:stretch;gap:0}}.pipeline-step{background:var(--bg-inner);border:1px solid var(--border-subtle);border-top:2px solid var(--accent-white);border-radius:var(--radius-md);text-align:center;width:100%;transition:var(--transition-smooth);flex:1;padding:1.75rem 1.5rem;position:relative}.pipeline-step:hover{border-color:var(--border-medium);background:#ffffff0d;transform:translateY(-3px)}.step-number{color:#ffffff14;font-variant-numeric:tabular-nums;margin-bottom:.75rem;font-size:2.5rem;font-weight:700;line-height:1}.step-title{color:var(--text-primary);letter-spacing:.04em;margin-bottom:.5rem;font-size:1rem;font-weight:600}.step-desc{color:var(--text-dim);font-size:.8rem;font-weight:300;line-height:1.6}.pipeline-connector{color:var(--accent-dark);flex-shrink:0;justify-content:center;align-items:center;padding:.5rem 0;font-size:1.5rem;display:flex}@media (width>=768px){.pipeline-connector{padding:0 .75rem;font-size:1.25rem}.pipeline-connector span{display:inline-block;transform:rotate(0)}}.chart-container{width:100%;max-width:700px;height:350px;margin:0 auto;position:relative}@media (width<=768px){.chart-container{height:280px}}.plotly-container{width:100%;height:400px}.stack-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=640px){.stack-grid{grid-template-columns:1fr 1fr}}@media (width>=1024px){.stack-grid{grid-template-columns:repeat(4,1fr)}}.stack-card{background:var(--bg-inner);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:var(--transition-smooth);padding:1.5rem}.stack-card:hover{border-color:var(--border-medium);background:#ffffff0a;transform:translateY(-2px)}.stack-card-title{color:var(--text-primary);border-bottom:1px solid var(--border-subtle);letter-spacing:.04em;text-transform:uppercase;margin-bottom:1rem;padding-bottom:.75rem;font-size:.95rem;font-weight:600}.stack-card ul{padding:0;list-style:none}.stack-card li{color:var(--text-muted);padding:.35rem 0 .35rem 1.25rem;font-size:.85rem;font-weight:300;position:relative}.stack-card li:before{content:"◦";color:var(--accent-dark);font-size:1rem;position:absolute;left:0}.arch-container{background:var(--bg-inner);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:2rem;position:relative;overflow:hidden}.arch-grid{text-align:center;z-index:1;grid-template-columns:1fr;gap:2rem;display:grid;position:relative}@media (width>=768px){.arch-grid{grid-template-columns:repeat(3,1fr)}}.arch-node{flex-direction:column;align-items:center;display:flex}.arch-node-box{border:1px dashed var(--border-medium);border-radius:var(--radius-sm);width:100%;transition:var(--transition-smooth);background:#ffffff08;margin-bottom:1rem;padding:1.25rem}.arch-node-box:hover{border-color:var(--accent-white);background:#ffffff0f}.arch-node-box h4{color:var(--text-primary);letter-spacing:.04em;font-size:.9rem;font-weight:600}.arch-node-box p{color:var(--text-dim);margin-top:.5rem;font-size:.75rem;font-weight:300;line-height:1.6}.arch-connector{color:var(--accent-dark);font-size:1.5rem}.arch-executor{border:1px dashed var(--border-strong);border-radius:var(--radius-sm);text-align:center;z-index:1;width:100%;max-width:600px;transition:var(--transition-smooth);background:#ffffff08;margin-top:1rem;margin-left:auto;margin-right:auto;padding:1.25rem;position:relative}.arch-executor:hover{border-color:var(--accent-white);background:#ffffff0f}.arch-executor h4{color:var(--text-primary);letter-spacing:.04em;font-size:.9rem;font-weight:600}.arch-executor p{color:var(--text-dim);margin-top:.5rem;font-size:.8rem;font-weight:300;line-height:1.6}.site-footer{text-align:center;border-top:1px solid var(--border-subtle);color:var(--text-dim);letter-spacing:.06em;margin-top:4rem;margin-bottom:3rem;padding-top:2rem;font-size:.8rem;font-weight:300;position:relative}.site-footer:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:80px;height:1px;position:absolute;top:-1px;left:50%;transform:translate(-50%)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}body:before{content:"";pointer-events:none;z-index:9999;opacity:.015;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;width:100%;height:100%;position:fixed;top:0;left:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}::selection{color:var(--text-primary);background:#ffffff26}