:root{--bg-deep: #020408;--bg-panel: #0b101a;--bg-surface: #131b29;--primary: #2563eb;--primary-bright: #3b82f6;--accent: #00f0ff;--accent-glow: rgba(0, 240, 255, .4);--text-main: #f0f4f8;--text-dim: #94a3b8;--text-mono: #64748b;--border-light: rgba(255, 255, 255, .06);--border-highlight: rgba(59, 130, 246, .3);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--nav-height: 64px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-deep);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}.spotlight-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none;background-color:var(--bg-deep);background-image:radial-gradient(800px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(37,99,235,.06),transparent 40%),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:100% 100%,50px 50px,50px 50px}a{text-decoration:none;color:inherit;transition:all .2s ease;cursor:pointer}h1,h2,h3,h4,h5{font-weight:700;letter-spacing:-.02em;color:var(--text-main)}.font-mono{font-family:var(--font-mono)}.container{max-width:1300px;margin:0 auto;padding:0 24px}.section{padding:60px 0;position:relative;border-bottom:1px solid var(--border-light)}.text-center{text-align:center}.mb-8{margin-bottom:2rem}.mb-4{margin-bottom:1rem}.text-gradient{background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.navbar{position:sticky;top:0;height:var(--nav-height);z-index:1000;background:#020408d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light)}.nav-container{display:flex;justify-content:space-between;align-items:center;height:100%}.nav-actions{display:flex;align-items:center;gap:16px}.logo{font-family:var(--font-mono);font-weight:800;font-size:1.3rem;letter-spacing:-.5px;display:flex;align-items:center;gap:8px;color:#fff}.logo span{color:var(--primary-bright)}.nav-links{display:flex;gap:28px}.nav-item{font-size:.85rem;color:var(--text-dim);font-weight:500;cursor:pointer}.nav-item:hover{color:#fff}.lang-switch{font-family:var(--font-mono);background:#ffffff0d;border:1px solid var(--border-light);color:var(--text-dim);padding:4px 10px;font-size:.75rem;border-radius:4px;cursor:pointer;transition:all .2s}.lang-switch:hover{background:#ffffff1a;color:#fff}.mobile-menu-btn{display:none;background:transparent;border:none;color:#fff;cursor:pointer;padding:4px}.mobile-menu-overlay{position:fixed;top:var(--nav-height);left:0;width:100%;height:calc(100vh - var(--nav-height));background:#020408f2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:999;transform:translate(100%);transition:transform .3s ease-in-out;display:flex;flex-direction:column;padding:20px 32px}.mobile-menu-overlay.open{transform:translate(0)}.mobile-menu-content{display:flex;flex-direction:column;gap:24px;font-size:1.2rem;font-weight:600}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.modal-panel{background:var(--bg-panel);border:1px solid var(--border-light);padding:32px;border-radius:16px;width:90%;max-width:360px;position:relative;box-shadow:0 20px 50px #00000080;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.modal-close{position:absolute;top:16px;right:16px;background:transparent;border:none;color:var(--text-dim);cursor:pointer;padding:4px}.modal-close:hover{color:#fff}.qr-container{background:#fff;padding:16px;border-radius:8px;width:200px;height:200px;margin:0 auto;box-shadow:0 0 20px #ffffff0d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.hero{padding:80px 0 60px;min-height:70vh;display:flex;align-items:center;position:relative}.hero:before{content:"";position:absolute;top:50%;left:30%;transform:translate(-50%,-50%);width:400px;height:400px;background:radial-gradient(circle,rgba(37,99,235,.1),transparent 60%);pointer-events:none;z-index:-1}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}.hero-label{font-family:var(--font-mono);color:var(--accent);font-size:.75rem;margin-bottom:16px;display:inline-flex;align-items:center;gap:8px;padding:4px 10px;background:#00f0ff14;border:1px solid rgba(0,240,255,.2);border-radius:20px}.hero-label:before{content:"";width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 8px var(--accent)}.hero h1{font-size:3rem;line-height:1.1;margin-bottom:20px}.hero p{font-size:1.05rem;color:var(--text-dim);max-width:95%;margin-bottom:32px;font-weight:300}.btn-group{display:flex;gap:12px;flex-wrap:wrap}.btn{padding:10px 24px;font-family:var(--font-sans);font-size:.9rem;font-weight:600;border-radius:4px;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.btn-primary{background:var(--primary);color:#fff;border:1px solid var(--primary-bright);box-shadow:0 0 15px #2563eb33}.btn-primary:hover{background:var(--primary-bright);box-shadow:0 0 25px #2563eb66;transform:translateY(-2px)}.btn-outline{background:#ffffff08;color:#fff;border:1px solid var(--border-light)}.btn-outline:hover{border-color:var(--text-dim);background:#ffffff0f}.stats-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px;padding-top:20px;border-top:1px solid var(--border-light)}.stat-item h4{font-family:var(--font-mono);font-size:.7rem;color:var(--text-mono);margin-bottom:4px;text-transform:uppercase}.stat-item p{font-size:1.25rem;color:#fff;font-weight:700}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.card{background:var(--bg-panel);border:1px solid var(--border-light);border-radius:8px;padding:24px;position:relative;transition:all .3s ease;display:flex;flex-direction:column}.card:hover{transform:translateY(-4px);border-color:var(--border-highlight);box-shadow:0 8px 25px -8px #00000080}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.card-tag{font-family:var(--font-mono);font-size:.65rem;color:var(--accent);border:1px solid rgba(0,240,255,.2);padding:2px 6px;border-radius:4px;background:#00f0ff0d}.card h3{font-size:1.1rem;margin-bottom:8px;color:#fff}.card p{color:var(--text-dim);font-size:.9rem;margin-bottom:20px;flex-grow:1;line-height:1.5}.card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid rgba(255,255,255,.03)}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:6px}.status-stable{background:#10b981;box-shadow:0 0 6px #10b981}.status-beta{background:#3b82f6;box-shadow:0 0 6px #3b82f6}.status-service{background:#f59e0b}.status-active{background:#ec4899;box-shadow:0 0 6px #ec4899}.status-lab{background:#8b5cf6}.status-text{font-family:var(--font-mono);font-size:.7rem;color:var(--text-dim)}.features-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:50px;align-items:center}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.feature-item{padding:20px;border-left:2px solid var(--border-light);background:linear-gradient(90deg,rgba(255,255,255,.01),transparent);transition:border-color .3s}.feature-item:hover{border-left-color:var(--accent)}.feature-item h3{font-size:1.1rem;margin-bottom:8px;color:#fff}.workflow-container{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.workflow-step{flex:1;min-width:240px;background:var(--bg-panel);border:1px solid var(--border-light);padding:24px;border-radius:8px;position:relative}.workflow-step:not(:last-child):after{content:"→";position:absolute;right:-16px;top:50%;transform:translateY(-50%);color:var(--text-dim);font-size:1.2rem;z-index:1}.workflow-number{font-family:var(--font-mono);font-size:2.5rem;color:#ffffff0d;font-weight:700;position:absolute;top:10px;right:20px}.workflow-step h3{font-size:1rem;margin-bottom:8px;color:#fff}.workflow-step p{font-size:.85rem;color:var(--text-dim);line-height:1.5}.footer{background:#000;border-top:1px solid var(--border-light);padding:40px 0 20px;font-size:.8rem;color:var(--text-mono)}.disclaimer-box{background:#ffffff05;border:1px solid var(--border-light);padding:24px;border-radius:8px;margin-bottom:30px;color:var(--text-dim)}.disclaimer-box h4{color:#f59e0b;margin-bottom:8px;font-size:.85rem;font-weight:600}.disclaimer-box p{font-size:.75rem;line-height:1.5;white-space:pre-line}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;border-top:1px solid var(--border-light);padding-top:20px}.footer-links{display:flex;gap:24px}.tech-graphic-container{width:100%;aspect-ratio:16/10;background:var(--bg-panel);border:1px solid var(--border-light);border-radius:8px;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000080;transition:transform .1s linear;transform:perspective(1000px) rotateX(calc((var(--mouse-y) - 300px) * -.01deg)) rotateY(calc((var(--mouse-x) - 50vw) * .01deg))}@keyframes scan{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.radar-sweep{position:absolute;top:50%;left:50%;width:140%;height:140%;margin-top:-70%;margin-left:-70%;background:conic-gradient(from 0deg,transparent 0%,transparent 80%,rgba(0,240,255,.05) 100%);border-radius:50%;animation:scan 6s linear infinite;z-index:1}.radar-grid{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(var(--border-light) 1px,transparent 1px),radial-gradient(var(--border-light) 1px,transparent 1px);background-size:40px 40px;background-position:0 0,20px 20px;opacity:.4}.sys-interface{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;font-family:var(--font-mono);pointer-events:none;background:linear-gradient(#12101000 50%,#0000001a 50%);background-size:100% 4px}.sys-log-panel{position:absolute;bottom:20px;left:20px;width:240px;font-size:10px;color:var(--text-dim)}.sys-log-header{color:var(--accent);margin-bottom:8px;display:flex;align-items:center;gap:6px;font-weight:700;letter-spacing:.5px}.sys-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;animation:blink 2s infinite}.sys-log-content{display:flex;flex-direction:column;gap:4px}.sys-log-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sys-cursor{animation:blink 1s step-end infinite;color:var(--accent)}.sys-metrics-panel{position:absolute;top:20px;right:20px;width:140px;display:flex;flex-direction:column;gap:8px}.sys-metric-row{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--text-mono)}.sys-label{width:50px}.sys-bar-bg{flex-grow:1;height:4px;background:#ffffff1a;margin:0 8px;border-radius:2px;overflow:hidden}.sys-bar-fill{height:100%;background:var(--primary-bright);transition:width .5s ease}.sys-val{width:30px;text-align:right;color:#fff}.sys-val-text{color:var(--accent)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media(max-width:900px){.container{padding:0 20px}.section{padding:50px 0}.desktop-only{display:none!important}.mobile-menu-btn{display:block}.hero{padding:60px 0 40px;min-height:auto;text-align:center;display:block}.hero-grid{grid-template-columns:1fr;gap:40px;text-align:left}.hero h1{font-size:2.2rem}.tech-graphic-container{display:none}.stats-bar{grid-template-columns:1fr;gap:16px;text-align:center}.btn-group{justify-content:flex-start}.grid{grid-template-columns:1fr}.features-layout{grid-template-columns:1fr;gap:30px}.feature-list{grid-template-columns:1fr;gap:20px}.faq-grid{grid-template-columns:1fr!important}.workflow-step:not(:last-child):after{display:none}.footer-bottom{flex-direction:column;text-align:center}.footer-links{justify-content:center}}