@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Outfit:wght@400;500;600;700&display=swap";:root{--bg-color:#050505;--surface-color:#0d0d0d;--surface-hover:#141414;--text-primary:#ededed;--text-secondary:#a1a1aa;--text-muted:#71717a;--accent:#e4e4e7;--accent-color:#38bdf8;--border-color:#ffffff14;--border-hover:#ffffff26;--font-sans:"Inter", system-ui, sans-serif;--font-display:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}::selection{background:var(--accent-color);color:#000}h1,h2,h3,h4,.font-display{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);font-weight:500}.section-title{margin-bottom:1.5rem;font-size:3rem;line-height:1.1}.section-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.125rem;font-weight:300}@keyframes fadeUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeUp}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.container{max-width:1100px;margin:0 auto;padding:0 1.5rem}section{padding:8rem 0;position:relative}.tech-bg{background-image:linear-gradient(var(--border-color) 1px, transparent 1px), linear-gradient(90deg, var(--border-color) 1px, transparent 1px);opacity:.15;z-index:-1;background-size:50px 50px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 80%);mask-image:radial-gradient(circle,#000,#0000 80%)}.navbar{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.5rem 0;display:flex}.nav-links a{color:var(--text-secondary);font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--text-primary)}.btn-primary{background:var(--text-primary);color:var(--bg-color);border:1px solid var(--text-primary);cursor:pointer;border-radius:4px;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary:hover{color:var(--text-primary);background:0 0}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-secondary:hover{border-color:var(--border-hover);background:var(--surface-hover)}.tech-tag{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-color);background:0 0;border:1px solid #38bdf833;border-radius:2px;margin-bottom:1rem;padding:.3rem .6rem;font-size:.75rem;display:inline-block}.grid-layout{grid-template-columns:1fr;gap:1.5rem;margin-top:3rem;display:grid}@media (width>=768px){.grid-layout{grid-template-columns:repeat(3,1fr)}}.tech-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:6px;padding:2rem;transition:all .3s;position:relative;overflow:hidden}.tech-card:hover{border-color:var(--border-hover);background:var(--surface-hover)}.tech-card:before{content:"";background:var(--accent-color);transform-origin:0;width:100%;height:2px;transition:transform .3s;position:absolute;top:0;left:0;transform:scaleX(0)}.tech-card:hover:before{transform:scaleX(1)}.tech-icon-wrapper{color:var(--text-primary);margin-bottom:1.5rem}.service-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:6px;flex-direction:column;padding:2.5rem 2rem;transition:border-color .2s;display:flex}.service-card:hover{border-color:var(--border-hover)}.service-card.highlight{background:var(--surface-color);border-color:#fff3}.service-price{font-family:var(--font-display);color:var(--text-primary);margin:1.5rem 0;font-size:2.5rem;font-weight:500}.service-price span{color:var(--text-muted);font-size:1rem}.service-features{flex-grow:1;margin:1.5rem 0;list-style:none}.service-features li{color:var(--text-secondary);align-items:flex-start;gap:.75rem;margin-bottom:1rem;font-size:.9rem;display:flex}.service-features svg{color:var(--text-primary);flex-shrink:0;margin-top:.2rem}.text-center{text-align:center}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.text-muted{color:var(--text-muted)}.text-sm{font-size:.875rem}.text-xl{font-size:1.25rem}.font-display{font-family:var(--font-display)}.mx-auto{margin-left:auto;margin-right:auto}.comparison-wrapper{border:1px solid var(--border-color);background:var(--surface-color);-webkit-user-select:none;user-select:none;border-radius:8px;width:100%;height:400px;position:relative;overflow:hidden}.comparison-after,.comparison-before{height:100%;position:absolute;top:0;bottom:0;left:0;overflow:hidden}.comparison-after{background:#020617;justify-content:center;align-items:center;width:100%;display:flex}.comparison-before{border-right:1px solid var(--border-color);background:#0f0a0a}.comparison-content{width:100%;min-width:800px;height:100%;position:relative}.system-architecture{justify-content:center;align-items:center;gap:2rem;height:100%;padding:0 2rem;display:flex}.arch-node{color:var(--accent-color);font-family:var(--font-display);letter-spacing:.05em;white-space:nowrap;background:#38bdf80d;border:1px solid #38bdf84d;border-radius:6px;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem 2rem;font-size:.9rem;display:flex;box-shadow:0 0 20px #38bdf81a}.arch-line{background:linear-gradient(90deg,#0000,#38bdf880,#0000);width:60px;height:2px;position:relative}.arch-line:after{content:"";background:var(--accent-color);width:8px;height:8px;box-shadow:0 0 10px var(--accent-color);border-radius:50%;animation:2s infinite pulse-node;position:absolute;top:-3px;left:50%}@keyframes pulse-node{0%{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}to{opacity:.5;transform:scale(.8)}}.chaos-mess{background-image:radial-gradient(circle,#ef44440d 0%,#0000 70%);width:100%;height:100%;position:relative}.chaos-card{color:#fca5a5;white-space:nowrap;background:#181111;border:1px solid #3f1515;border-radius:4px;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-size:.85rem;transition:transform .2s;display:flex;position:absolute;box-shadow:5px 5px 15px #00000080}.comparison-range{opacity:0;cursor:ew-resize;z-index:10;width:100%;height:100%;margin:0;position:absolute;top:0;left:0}.comparison-thumb{background:var(--accent-color);pointer-events:none;z-index:5;width:2px;box-shadow:0 0 15px var(--accent-color);position:absolute;top:0;bottom:0;transform:translate(-50%)}.thumb-button{background:var(--bg-color);border:1px solid var(--accent-color);border-radius:50%;justify-content:space-between;align-items:center;width:48px;height:48px;padding:0 8px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #000c}.thumb-arrow{border-top:6px solid #0000;border-bottom:6px solid #0000;width:0;height:0}.thumb-arrow.left{border-right:7px solid var(--accent-color)}.thumb-arrow.right{border-left:7px solid var(--accent-color)}.slider-label{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);border:1px solid var(--border-color);z-index:4;background:#00000080;border-radius:4px;padding:.35rem .85rem;font-size:.75rem;position:absolute;top:1.5rem}.slider-label.before{color:#ef4444;border-color:#ef44444d;left:1.5rem}.slider-label.after{color:var(--accent-color);border-color:#38bdf84d;right:1.5rem}