:root{--bg-primary:#0a0b0e;--bg-secondary:#12141c;--bg-tertiary:#191c28;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--accent-green:#10b981;--accent-green-glow:#10b98126;--accent-blue:#3b82f6;--accent-blue-glow:#3b82f633;--accent-cyan:#06b6d4;--accent-purple:#8b5cf6;--border-color:#242838;--glass-bg:#12141cb3;--glass-border:#ffffff0d;--font-family:"Outfit", system-ui, -apple-system, sans-serif;letter-spacing:.2px;background-color:var(--bg-primary);color:var(--text-primary)}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{border:none;width:100%;margin:0}.landing-container{width:100%;min-height:100vh;padding:0 40px;position:relative;overflow:hidden}@media (width<=768px){.landing-container{padding:0 20px}}.bg-glow{filter:blur(140px);z-index:0;pointer-events:none;border-radius:50%;position:absolute}.top-left{background:radial-gradient(circle, var(--accent-blue-glow) 0%, transparent 70%);width:400px;height:400px;top:-100px;left:-100px}.bottom-right{background:radial-gradient(circle, var(--accent-green-glow) 0%, transparent 70%);width:500px;height:500px;bottom:-150px;right:-100px}.navbar{z-index:10;justify-content:space-between;align-items:center;padding:30px 0;display:flex;position:relative}.logo-section{align-items:center;gap:10px;font-size:22px;font-weight:700;display:flex}.logo-text .highlight{color:var(--accent-green);background:linear-gradient(135deg, var(--accent-green) 0%, var(--accent-cyan) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.nav-links{gap:30px;display:flex}.nav-links a{color:var(--text-secondary);font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--text-primary)}.badge-shield{background:var(--bg-tertiary);border:1px solid var(--border-color);letter-spacing:1px;color:var(--accent-cyan);border-radius:30px;padding:8px 16px;font-size:12px;font-weight:700}@media (width<=768px){.nav-links{display:none}}.hero{z-index:10;grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;padding:80px 0 120px;display:grid;position:relative}@media (width<=1024px){.hero{grid-template-columns:1fr;gap:40px;padding:40px 0 80px}}.security-tag{color:var(--accent-green);background:#10b98114;border:1px solid #10b98133;border-radius:30px;align-items:center;gap:8px;margin-bottom:25px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.tag-pulse{background-color:var(--accent-green);width:8px;height:8px;box-shadow:0 0 8px var(--accent-green);border-radius:50%;animation:2s infinite pulse-ring}@keyframes pulse-ring{0%{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1.15)}to{opacity:.5;transform:scale(.95)}}.hero h1{letter-spacing:-1.5px;margin-bottom:25px;font-size:54px;font-weight:800;line-height:1.15}@media (width<=768px){.hero h1{font-size:38px}}.gradient-text{background:linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-cyan) 50%, var(--accent-green) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-description{color:var(--text-secondary);max-width:580px;margin-bottom:40px;font-size:19px;line-height:1.6}.cta-container{flex-wrap:wrap;gap:20px;display:flex}.btn{cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:16px 28px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent-green) 0%, var(--accent-cyan) 100%);color:#000;box-shadow:0 4px 20px #10b9814d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #10b98166}.btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-tertiary);transform:translateY(-2px)}.btn-icon{width:20px;height:20px}.hero-mockup{justify-content:center;display:flex;position:relative}.mockup-frame{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;width:100%;max-width:520px;position:relative;overflow:hidden;box-shadow:0 30px 60px #0009}.mockup-header{border-bottom:1px solid var(--glass-border);background:#ffffff08;align-items:center;gap:8px;padding:14px 20px;display:flex}.dot{border-radius:50%;width:10px;height:10px}.dot.red{background-color:#ef4444}.dot.yellow{background-color:#f59e0b}.dot.green{background-color:#10b981}.mockup-title{letter-spacing:1px;color:var(--text-secondary);margin-left:10px;font-size:11px;font-weight:700}.mockup-body{padding:24px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;line-height:1.7}.console-line{color:var(--text-secondary);margin-bottom:14px}.console-line.text-green{color:var(--accent-green)}.console-line.text-blue{color:var(--accent-blue)}.console-line.text-cyan{color:var(--accent-cyan)}.console-status-bar{border-top:1px solid var(--glass-border);color:var(--text-secondary);justify-content:space-between;margin-top:30px;padding-top:15px;font-size:11px;font-weight:700;display:flex}.shredding-pulse{color:var(--accent-green);align-items:center;gap:6px;display:flex}.shredding-pulse:before{content:"";background-color:var(--accent-green);border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse-ring;display:inline-block}.features-section{z-index:10;padding:100px 0;position:relative}.section-title{text-align:center;letter-spacing:-1px;margin-bottom:15px;font-size:40px;font-weight:800}.section-subtitle{color:var(--text-secondary);text-align:center;max-width:650px;margin-bottom:60px;margin-left:auto;margin-right:auto;font-size:18px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;display:grid}.feature-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:40px 30px;transition:all .3s}.feature-card:hover{border-color:var(--accent-blue-glow);transform:translateY(-5px);box-shadow:0 10px 30px #3b82f60d}.feature-icon{margin-bottom:25px;font-size:36px}.feature-card h3{margin-bottom:15px;font-size:22px;font-weight:700}.feature-card p{color:var(--text-secondary);font-size:15px;line-height:1.6}.specs-section{z-index:10;padding:100px 0;position:relative}.specs-tabs{flex-wrap:wrap;justify-content:center;gap:15px;margin-bottom:50px;display:flex}.tab-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:30px;padding:14px 28px;font-size:15px;font-weight:600;transition:all .3s}.tab-btn:hover,.tab-btn.active{background:var(--text-primary);color:#000;border-color:var(--text-primary)}.specs-tab-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;max-width:960px;margin:0 auto;padding:50px;box-shadow:0 20px 40px #0003}@media (width<=768px){.specs-tab-content{padding:30px 20px}}.spec-detail-wrapper{grid-template-columns:1.2fr 1fr;align-items:center;gap:50px;display:grid}@media (width<=768px){.spec-detail-wrapper{grid-template-columns:1fr;gap:45px}}.icon-container{color:var(--accent-cyan);background:#06b6d414;border-radius:14px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:25px;display:flex}.spec-icon{width:32px;height:32px}.spec-detail-info h3{margin-bottom:15px;font-size:28px;font-weight:800}.spec-detail-info p{color:var(--text-secondary);margin-bottom:25px;font-size:16px;line-height:1.6}.spec-bullet-list{list-style:none}.spec-bullet-list li{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:10px;font-size:14px;font-weight:600;display:flex}.spec-diagram-box{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:250px;padding:40px;display:flex;position:relative}.diagram-node{border:1px solid var(--border-color);letter-spacing:.5px;background:#ffffff05;border-radius:8px;padding:12px 24px;font-size:13px;font-weight:700}.diagram-node.node-master{border-color:var(--accent-blue);box-shadow:0 0 15px #3b82f626}.diagram-node.node-active{border-color:var(--accent-green);box-shadow:0 0 15px #10b98133}.diagram-flow-arrow{color:var(--text-secondary);font-size:20px;animation:2s infinite bounce-y}@keyframes bounce-y{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.landing-footer{border-top:1px solid var(--border-color);z-index:10;margin-top:80px;padding:100px 0 60px;position:relative}.footer-content{text-align:center}.footer-content h2{letter-spacing:-.5px;margin-bottom:15px;font-size:36px;font-weight:800}.footer-content p{color:var(--text-secondary);margin-bottom:35px;font-size:17px}.license-badge{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--accent-cyan);border-radius:30px;padding:10px 20px;font-size:13px;font-weight:700}.footer-copyright{color:var(--text-secondary);margin-top:50px;font-size:13px}.animate-slide-up{animation:.8s cubic-bezier(.16,1,.3,1) forwards slide-up}.animate-fade-in{animation:1s ease-out forwards fade-in}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.legal-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;margin-left:20px;font-size:13px;text-decoration:underline;transition:color .3s}.legal-btn:hover{color:var(--text-primary)}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#050608d9;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;animation:.3s ease-out fade-in;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;flex-direction:column;width:100%;max-width:800px;max-height:85vh;animation:.4s cubic-bezier(.16,1,.3,1) slide-up;display:flex;overflow:hidden;box-shadow:0 40px 100px #000c}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:25px 30px;display:flex}.modal-header h2{color:var(--text-primary);margin:0;font-size:20px;font-weight:800}.close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:28px;transition:color .3s}.close-btn:hover{color:var(--text-primary)}.modal-body-text{color:var(--text-secondary);text-align:left;padding:30px;font-size:14px;line-height:1.7;overflow-y:auto}.modal-body-text h3{color:var(--text-primary);margin:25px 0 10px;font-size:16px;font-weight:700}.modal-body-text p{margin-bottom:15px}.modal-body-text ul{margin-bottom:15px;margin-left:20px}.modal-body-text li{margin-bottom:6px}.legal-warning-box{color:#fca5a5;background:#ef444414;border:1px solid #ef444440;border-radius:12px;margin-bottom:25px;padding:20px;font-size:13.5px;line-height:1.6}.modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;padding:20px 30px;display:flex}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}