:root{--bg:#07050f;--bg-accent:#0f0b1e;--fg:#f3f4f6;--fg-muted:#9ca3af;--primary:#00f0ff;--primary-rgb:0, 240, 255;--primary-hover:#00d2e0;--secondary:#a855f7;--secondary-rgb:168, 85, 247;--secondary-hover:#9333ea;--glass-bg:#ffffff05;--glass-bg-hover:#ffffff0a;--glass-border:#ffffff12;--glow-cyan:#00f0ff14;--glow-purple:#a855f714;--border-radius:12px;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg);color:var(--fg);font-family:Inter,sans-serif;overflow-x:hidden}body{min-height:100vh;position:relative;overflow-x:hidden}.blob{filter:blur(130px);z-index:-1;opacity:.45;pointer-events:none;border-radius:50%;width:500px;height:500px;animation:20s infinite alternate floatBlobs;position:absolute}.blob-1{background:radial-gradient(circle, var(--glow-cyan) 0%, #0000 70%);top:-100px;right:-50px}.blob-2{background:radial-gradient(circle, var(--glow-purple) 0%, #0000 70%);animation-delay:-10s;bottom:200px;left:-150px}@keyframes floatBlobs{0%{transform:translate(0)scale(1)}to{transform:translate(80px,50px)scale(1.15)}}h1,h2,h3,h4{letter-spacing:-.02em;font-family:Outfit,sans-serif;font-weight:700;line-height:1.15}p{color:var(--fg-muted);font-size:16px;line-height:1.6}.gradient-text{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-center{text-align:center}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.btn{cursor:pointer;transition:var(--transition);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:12px 24px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn-sm{padding:8px 16px;font-size:13px}.btn-block{width:100%;display:flex}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#07050f;font-weight:700;box-shadow:0 4px 15px #00f0ff40}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00f0ff66}.btn-secondary{background:var(--glass-bg);border-color:var(--glass-border);color:var(--fg)}.btn-secondary:hover{background:var(--glass-bg-hover);border-color:#ffffff26;transform:translateY(-2px)}.btn-icon{fill:currentColor;width:18px;height:18px;margin-right:8px}.main-header{-webkit-backdrop-filter:blur(10px);z-index:100;background:#07050f4d;border-bottom:1px solid #ffffff08;height:80px;position:fixed;top:0;left:0;right:0}.header-container{justify-content:space-between;align-items:center;max-width:1200px;height:100%;margin:0 auto;padding:0 24px;display:flex}.logo{color:var(--fg);letter-spacing:-.01em;align-items:center;font-family:Outfit,sans-serif;font-size:20px;font-weight:700;text-decoration:none;display:flex}.logo-icon{width:26px;height:26px;fill:var(--primary);margin-right:8px}.nav-links{gap:32px;display:flex}.nav-links a{color:var(--fg-muted);transition:var(--transition);font-size:14px;font-weight:500;text-decoration:none}.nav-links a:hover{color:var(--primary)}@keyframes shrinkHeader{to{-webkit-backdrop-filter:blur(20px);background:#07050fd9;border-bottom:1px solid #ffffff14;height:60px;box-shadow:0 4px 30px #0000004d}}@supports (animation-timeline:scroll()) and (animation-range:0% 100%){.main-header{animation:linear both shrinkHeader;animation-timeline:scroll(root);animation-range:0 80px}}.section-padding{padding:100px 0}.section-title{margin-bottom:16px;font-size:38px}.section-subtitle{max-width:600px;margin:0 auto 60px}.hero-section{padding:160px 0 100px}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;display:grid}.hero-info{flex-direction:column;display:flex}.tagline{letter-spacing:.15em;color:var(--primary);margin-bottom:16px;font-size:11px;font-weight:700}.hero-info h1{margin-bottom:24px;font-size:54px;line-height:1.1}.hero-desc{margin-bottom:40px;font-size:18px}.hero-ctas{gap:16px;margin-bottom:24px;display:flex}.system-requirements{color:var(--fg-muted);gap:12px;font-size:12px;display:flex}.divider{color:#ffffff26}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);border-radius:var(--border-radius);box-shadow:0 8px 32px #0000004d}.simulator-card{width:100%}.simulator-header{border-bottom:1px solid var(--glass-border);align-items:center;padding:12px 16px;display:flex}.dot{border-radius:50%;width:10px;height:10px;margin-right:6px}.dot.red{background-color:#ff5f56}.dot.yellow{background-color:#ffbd2e}.dot.green{background-color:#27c93f}.simulator-title{color:var(--fg-muted);margin-left:12px;font-size:12px;font-weight:500}.simulator-body{padding:24px}.sim-row{flex-direction:column;margin-bottom:16px;display:flex}.sim-row label{color:var(--fg-muted);margin-bottom:8px;font-size:12px;font-weight:500}.sim-row textarea{border:1px solid var(--glass-border);width:100%;height:90px;color:var(--fg);resize:none;transition:var(--transition);background:#0000004d;border-radius:6px;outline:none;padding:10px;font-family:Fira Code,monospace;font-size:12px}.sim-row textarea:focus{border-color:var(--primary);box-shadow:0 0 10px #00f0ff1a}.sim-slider-label{color:var(--fg-muted);justify-content:space-between;margin-bottom:8px;font-size:12px;display:flex}input[type=range]{-webkit-appearance:none;background:0 0;width:100%}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background:#ffffff1a;border-radius:3px;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{background:var(--primary);cursor:pointer;-webkit-appearance:none;width:16px;height:16px;box-shadow:0 0 8px var(--primary);transition:var(--transition);border-radius:50%;margin-top:-5px}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.sim-row-checkbox{-webkit-user-select:none;user-select:none;align-items:center;margin-bottom:16px;display:flex}.checkbox-container{cursor:pointer;color:var(--fg-muted);transition:var(--transition);align-items:center;font-size:13px;display:flex}.checkbox-container:hover{color:var(--fg)}.checkbox-container input{width:16px;height:16px;accent-color:var(--primary);cursor:pointer;margin-right:10px}.checkbox-text{font-weight:500}#sim-start{margin:10px 0 20px}.editor-view{background:#05030ab3;border:1px solid #ffffff0d;border-radius:8px;height:120px;margin-bottom:12px;font-family:Fira Code,monospace;font-size:11px;display:flex;overflow-y:auto}.editor-gutter{color:#ffffff26;-webkit-user-select:none;user-select:none;background:#0003;flex-direction:column;align-items:center;width:30px;padding:10px 0;display:flex}.editor-content{color:#a9b2c3;white-space:pre-wrap;word-break:break-all;flex:1;padding:10px}.caret{background-color:var(--primary);vertical-align:middle;width:6px;height:13px;margin-left:2px;animation:.8s step-end infinite blinkCaret;display:inline-block}@keyframes blinkCaret{0%,to{background-color:#0000}50%{background-color:var(--primary)}}#sim-status{text-align:center;color:var(--fg-muted);font-size:12px}.features-grid{grid-template-columns:repeat(2,1fr);gap:30px;display:grid}.feature-card{transition:var(--transition);padding:32px;position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(135deg, rgba(var(--primary-rgb), .03) 0%, rgba(var(--secondary-rgb), .03) 100%);opacity:0;width:100%;height:100%;transition:var(--transition);position:absolute;top:0;left:0}.feature-card:hover{border-color:#ffffff26;transform:translateY(-6px)}.feature-card:hover:before{opacity:1}.feature-icon-wrapper{border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:20px;display:flex}.feature-icon-wrapper.cyan{color:var(--primary);background:#00f0ff14}.feature-icon-wrapper.purple{color:var(--secondary);background:#a855f714}.feature-icon{fill:currentColor;width:24px;height:24px}.feature-card h3{margin-bottom:12px;font-size:20px}.feature-card p{font-size:14px}.billing-toggle-container{justify-content:center;align-items:center;gap:16px;margin-bottom:50px;display:flex}.toggle-label{color:var(--fg-muted);transition:var(--transition);font-size:14px;font-weight:500}.toggle-label.active{color:var(--fg);font-weight:700}.toggle-switch{border:1px solid var(--glass-border);cursor:pointer;width:50px;height:28px;transition:var(--transition);background:#ffffff14;border-radius:14px;position:relative}.toggle-handle{background:var(--primary);width:20px;height:20px;transition:var(--transition);box-shadow:0 0 8px var(--primary);border-radius:50%;position:absolute;top:3px;left:4px}.toggle-switch.active{background:#a855f726}.toggle-switch.active .toggle-handle{background:var(--secondary);box-shadow:0 0 8px var(--secondary);left:24px}.pricing-grid{grid-template-columns:repeat(2,1fr);gap:30px;max-width:900px;margin:0 auto;display:grid}.pricing-card{flex-direction:column;padding:40px;display:flex;position:relative}.pricing-card.highlighted{border-color:#a855f74d;box-shadow:0 8px 32px #a855f70d}.plan-badge{text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--glass-border);color:var(--fg-muted);background:#ffffff0d;border-radius:30px;padding:4px 10px;font-size:10px;font-weight:800;position:absolute;top:16px;right:16px}.pricing-card.highlighted .plan-badge{color:var(--secondary);background:#a855f726;border-color:#a855f74d}.pricing-card h3{margin-bottom:16px;font-size:22px}.plan-price{align-items:baseline;margin-bottom:20px;display:flex}.plan-price .currency{color:var(--primary);margin-right:4px;font-size:24px;font-weight:600}.pricing-card.highlighted .plan-price .currency{color:var(--secondary)}.plan-price .price-val{letter-spacing:-.02em;font-family:Outfit,sans-serif;font-size:48px;font-weight:800}.plan-price .period{color:var(--fg-muted);margin-left:8px;font-size:14px}.plan-desc{margin-bottom:30px;font-size:14px}.plan-features{flex:1;margin-bottom:40px;list-style:none}.plan-features li{color:var(--fg-muted);align-items:center;margin-bottom:12px;font-size:14px;display:flex}.plan-features .bullet{color:var(--primary);margin-right:10px;font-weight:700}.pricing-card.highlighted .plan-features .bullet{color:var(--secondary)}.steps-container{grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px;display:grid}.step-card{text-align:center;flex-direction:column;align-items:center;display:flex}.step-num{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);-webkit-text-fill-color:transparent;opacity:.8;-webkit-background-clip:text;margin-bottom:16px;font-family:Outfit,sans-serif;font-size:40px;font-weight:800}.step-card h4{margin-bottom:10px;font-size:18px}.step-card p{max-width:280px;font-size:14px}.modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:1000;opacity:0;visibility:hidden;pointer-events:none;background:#030208d9;justify-content:center;align-items:center;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;visibility:visible;pointer-events:auto}.modal-card{background:var(--bg-accent);border:1px solid var(--glass-border);border-radius:var(--border-radius);width:90%;max-width:440px;padding:32px;transition:transform .3s;position:relative;transform:translateY(20px);box-shadow:0 20px 40px #000c}.modal-overlay.active .modal-card{transform:translateY(0)}.modal-close-btn{color:var(--fg-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;font-size:24px;position:absolute;top:16px;right:16px}.modal-close-btn:hover{color:var(--fg)}.modal-header{margin-bottom:24px}.modal-header h3{margin-bottom:6px;font-size:22px}.modal-header p{font-size:13px}.plan-summary-box{border:1px solid var(--glass-border);background:#ffffff05;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 20px;display:flex}.plan-summary-details{text-align:left;flex-direction:column;gap:4px;display:flex}.plan-summary-label{text-transform:uppercase;letter-spacing:.05em;color:var(--fg-muted);font-size:11px}#summary-plan-name{color:var(--fg);font-size:15px;font-weight:600}.summary-price{color:var(--primary);font-size:20px;font-weight:700}.form-group{flex-direction:column;margin-bottom:16px;display:flex}.form-group label{text-transform:uppercase;letter-spacing:.05em;color:var(--fg-muted);margin-bottom:8px;font-size:11px;font-weight:600}.form-control{border:1px solid var(--glass-border);color:var(--fg);transition:var(--transition);background:#0006;border-radius:6px;outline:none;padding:12px 16px;font-size:14px}.form-control:focus{border-color:var(--primary);box-shadow:0 0 10px #00f0ff26}.form-row{gap:16px;display:flex}.form-row .col{flex:1}.payment-success-view{text-align:center;flex-direction:column;align-items:center;padding:10px 0;display:none}.success-icon-wrapper{color:#27c93f;background:#27c93f1a;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:20px;display:flex;box-shadow:0 0 20px #27c93f33}.success-icon{fill:currentColor;width:32px;height:32px}.payment-success-view h4{margin-bottom:8px;font-size:20px}.payment-success-view p{margin-bottom:24px;font-size:13px}.license-key-box{background:#0000004d;border:1px dashed #27c93f66;border-radius:6px;flex-direction:column;align-items:center;gap:12px;width:100%;margin-bottom:24px;padding:16px;display:flex}.license-key-box span{color:#27c93f;letter-spacing:.05em;font-family:Fira Code,monospace;font-size:14px;font-weight:700}.main-footer{border-top:1px solid var(--glass-border);background:#04020a;padding:40px 0}.footer-content{justify-content:space-between;align-items:center;display:flex}.footer-logo{color:var(--fg);align-items:center;font-family:Outfit,sans-serif;font-size:16px;font-weight:700;display:flex}.footer-logo .logo-icon{width:20px;height:20px;margin-right:6px}.footer-copy{font-size:12px}@media (width<=900px){.hero-grid{grid-template-columns:1fr;gap:40px}.hero-info h1{font-size:42px}.features-grid{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr;max-width:500px}.steps-container{grid-template-columns:1fr;gap:30px}.main-header{height:70px}.nav-links{display:none}}.setup-accordion{max-width:800px;transition:var(--transition);border:1px solid #ffffff0d;margin-top:40px;margin-left:auto;margin-right:auto;overflow:hidden}.setup-accordion[open]{border-color:#ffffff1a}.setup-summary{color:var(--fg-muted);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:16px 24px;font-size:13px;font-weight:500;list-style:none;display:flex}.setup-summary::-webkit-details-marker{display:none}.setup-summary:hover{color:var(--primary);background:#ffffff03}.accordion-arrow{fill:currentColor;width:18px;height:18px;transition:transform .3s}.setup-accordion[open] .accordion-arrow{transform:rotate(180deg)}.setup-content{text-align:left;border-top:1px solid #ffffff05;padding:0 24px 24px}.setup-content p{color:var(--fg-muted);margin-top:16px;font-size:13px;line-height:1.5}.setup-alert-steps{color:var(--fg-muted);margin-top:12px;margin-left:20px;font-size:13px;line-height:1.6}.setup-alert-steps li{margin-bottom:6px}.logo-img{object-fit:contain;border-radius:6px;width:28px;height:28px;margin-right:10px}.footer-logo-img{width:22px;height:22px;margin-right:8px}