:root{--bg: #0C0C0E;--bg-elevated: #141418;--bg-card: #1A1A20;--border: #2A2A32;--text: #E8E6E3;--text-muted: #8A8A95;--text-dim: #76767F;--accent: #E8A838;--accent-glow: #E8A83830;--accent-subtle: #E8A83815;--green: #4ADE80;--green-dim: #4ADE8020;--blue: #60A5FA;--blue-dim: #60A5FA20;--pink: #F472B6;--pink-dim: #F472B620;--purple: #A78BFA;--purple-dim: #A78BFA20}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;line-height:1.6}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:1}header{position:fixed;top:0;left:0;right:0;z-index:100}nav{padding:20px 40px;backdrop-filter:blur(20px);background:#0c0c0ecc;border-bottom:1px solid var(--border)}.nav-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}.nav-logo-svg{display:flex;align-items:center}.nav-logo-svg svg{height:22px;width:auto}.logo-bracket{height:22px;width:auto;opacity:0;max-width:0;transition:opacity .25s ease,max-width .25s ease;overflow:hidden;flex-shrink:0}.nav-logo:hover .logo-bracket{opacity:1;max-width:12px}.footer-logo-wrap:hover .logo-bracket{opacity:1;max-width:9px}.nav-links{display:flex;gap:32px;align-items:center}.nav-links a{color:var(--text-muted);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--text)}.nav-cta{background:var(--accent)!important;color:var(--bg)!important;padding:8px 20px;border-radius:8px;font-weight:600!important;transition:transform .2s,box-shadow .2s!important}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 4px 20px var(--accent-glow)}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:140px 40px 80px;position:relative}.hero:before{content:"";position:absolute;top:-200px;left:50%;transform:translate(-50%);width:800px;height:800px;background:radial-gradient(ellipse,var(--accent-glow) 0%,transparent 70%);pointer-events:none}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:var(--accent-subtle);border:1px solid #E8A83830;border-radius:100px;font-size:13px;font-weight:500;color:var(--accent);margin-bottom:32px}.hero-badge:before{content:"";width:6px;height:6px;background:var(--accent);border-radius:50%;animation:pulse 2s ease infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero h1{font-family:DM Sans,sans-serif;font-size:clamp(48px,7vw,88px);font-weight:700;line-height:1.05;letter-spacing:-3px;max-width:900px}.hero h1 .highlight{background:linear-gradient(135deg,var(--accent) 0%,#F0C060 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:clamp(17px,2vw,20px);color:var(--text-muted);max-width:560px;margin-top:24px;line-height:1.7}.hero-actions{display:flex;gap:16px;margin-top:48px}.btn-primary{background:var(--accent);color:var(--bg);padding:14px 32px;border-radius:12px;font-weight:600;font-size:15px;text-decoration:none;transition:all .25s;border:none;cursor:pointer}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--accent-glow)}.btn-secondary{background:var(--bg-card);color:var(--text);padding:14px 32px;border-radius:12px;font-weight:500;font-size:15px;text-decoration:none;border:1px solid var(--border);transition:all .25s}.btn-secondary:hover{border-color:var(--text-dim);transform:translateY(-2px)}a,button{--brace-color: #E7A83C}.btn-primary,.nav-cta{--brace-color: var(--bg)}a:not(.nav-logo):before,a:not(.nav-logo):after,button:not(.nav-toggle):not(.copy-btn):before,button:not(.nav-toggle):not(.copy-btn):after{display:inline-block;color:var(--brace-color);overflow:hidden;max-width:0;opacity:0;transition:max-width .25s ease,opacity .2s ease;vertical-align:bottom;white-space:nowrap}a:not(.nav-logo):before,button:not(.nav-toggle):not(.copy-btn):before{content:"{ "}a:not(.nav-logo):after,button:not(.nav-toggle):not(.copy-btn):after{content:" }"}a:not(.nav-logo):hover:before,a:not(.nav-logo):hover:after,button:not(.nav-toggle):not(.copy-btn):hover:before,button:not(.nav-toggle):not(.copy-btn):hover:after{max-width:.75em;opacity:1}.hero-install{margin-top:48px;display:flex;align-items:center;gap:12px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:14px 24px;font-family:JetBrains Mono,monospace;font-size:14px;color:var(--text-muted)}.hero-install span{color:var(--green)}.hero-install code{color:var(--text)}.hero-install .copy-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:4px;transition:color .2s;font-size:16px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.hero-install .copy-btn:hover{color:var(--accent)}.terminal-section{padding:0 40px 120px;display:flex;justify-content:center}.terminal{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;max-width:750px;width:100%;overflow:hidden;box-shadow:0 40px 80px -20px #00000080}.terminal-bar{display:flex;align-items:center;gap:8px;padding:14px 20px;border-bottom:1px solid var(--border)}.terminal-dot{width:12px;height:12px;border-radius:50%}.terminal-dot:nth-child(1){background:#ff5f57}.terminal-dot:nth-child(2){background:#febc2e}.terminal-dot:nth-child(3){background:#28c840}.terminal-title{flex:1;text-align:center;font-size:12px;color:var(--text-dim);font-family:JetBrains Mono,monospace}.terminal-body{padding:24px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:2}.terminal-body .prompt{color:var(--accent)}.terminal-body .cmd{color:var(--text)}.terminal-body .flag{color:var(--blue)}.terminal-body .comment{color:var(--text-dim)}.terminal-body .output{color:var(--green)}.terminal-body .output-muted{color:var(--text-muted)}.terminal-body .num{color:var(--pink)}.stats-bar{padding:60px 40px;display:flex;justify-content:center;gap:60px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-wrap:wrap;max-width:1200px;margin:0 auto}.stat{text-align:center}.stat-number{font-size:48px;font-weight:700;letter-spacing:-2px;background:linear-gradient(135deg,var(--text) 0%,var(--text-muted) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-label{font-size:14px;color:var(--text-dim);margin-top:4px;font-weight:500}.features{padding:120px 40px;max-width:1200px;margin:0 auto}.section-label{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--accent);margin-bottom:16px}.section-title{font-size:clamp(32px,4vw,48px);font-weight:700;letter-spacing:-2px;margin-bottom:16px}.section-sub{font-size:18px;color:var(--text-muted);max-width:500px;margin-bottom:64px;line-height:1.7}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:36px 32px;transition:all .3s;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;transition:opacity .3s}.feature-card:hover{border-color:var(--accent-glow);transform:translateY(-4px);box-shadow:0 20px 40px -10px #0000004d}.feature-card:hover:before{opacity:1}.feature-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:20px}.feature-card h3{font-size:18px;font-weight:600;margin-bottom:10px;letter-spacing:-.3px}.feature-card p{font-size:14px;color:var(--text-muted);line-height:1.7}.how-it-works{padding:120px 40px;max-width:1200px;margin:0 auto}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:64px;position:relative}.steps:before{content:"";position:absolute;top:36px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--border),var(--border),transparent)}.step{text-align:center;position:relative}.step-num{width:72px;height:72px;border-radius:50%;background:var(--bg-card);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-size:24px;font-weight:700;color:var(--accent);margin:0 auto 24px;position:relative;z-index:1;transition:all .3s}.step:hover .step-num{border-color:var(--accent);box-shadow:0 0 30px var(--accent-glow)}.step h3{font-size:17px;font-weight:600;margin-bottom:8px}.step p{font-size:14px;color:var(--text-muted);line-height:1.6}.step p code{color:var(--accent)}.comparison{padding:120px 40px;max-width:900px;margin:0 auto}.comparison-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;overflow:hidden}.comparison-table th,.comparison-table td{padding:18px 28px;text-align:left;font-size:14px;border-bottom:1px solid var(--border)}.comparison-table thead th{background:var(--bg-elevated);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}.comparison-table thead th:last-child{color:var(--accent)}.comparison-table tbody tr:last-child td{border-bottom:none}.comparison-table tbody td:first-child{color:var(--text-muted);font-weight:500}.comparison-table .check{color:var(--green);font-size:18px}.comparison-table .cross{color:var(--text-dim);font-size:18px}.preview{padding:120px 40px;text-align:center;max-width:1100px;margin:0 auto}.preview-window{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;overflow:hidden;margin-top:64px;box-shadow:0 40px 80px -20px #00000080}.preview-bar{display:flex;align-items:center;gap:8px;padding:14px 20px;border-bottom:1px solid var(--border);background:var(--bg-card)}.preview-content{padding:40px;display:grid;grid-template-columns:200px 1fr;gap:32px;min-height:400px;text-align:left}.preview-sidebar{border-right:1px solid var(--border);padding-right:32px}.preview-sidebar-item{padding:10px 14px;border-radius:8px;font-size:13px;color:var(--text-muted);margin-bottom:4px;display:flex;align-items:center;gap:10px;cursor:default}.preview-sidebar-item.active{background:var(--accent-subtle);color:var(--accent);font-weight:500}.preview-main h3{font-size:22px;font-weight:600;margin-bottom:24px;letter-spacing:-.5px}.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}.preview-stat{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:20px}.preview-stat-label{font-size:12px;color:var(--text-dim);margin-bottom:6px}.preview-stat-value{font-size:28px;font-weight:700;letter-spacing:-1px}.preview-stat-value.green{color:var(--green)}.preview-stat-value.blue{color:var(--blue)}.preview-stat-value.accent{color:var(--accent)}.preview-bar-chart{display:flex;align-items:flex-end;gap:6px;height:120px;padding:20px;background:var(--bg);border:1px solid var(--border);border-radius:12px}.preview-bar-item{flex:1;border-radius:4px 4px 0 0;min-height:8px;opacity:0;animation:barGrow .5s ease forwards}@keyframes barGrow{0%{opacity:0;transform:scaleY(0);transform-origin:bottom}to{opacity:.7;transform:scaleY(1);transform-origin:bottom}}.pricing{padding:120px 40px;max-width:900px;margin:0 auto;text-align:center}.pricing-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:64px}.pricing-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:40px 36px;text-align:left;transition:all .3s;position:relative}.pricing-card.featured{border-color:var(--accent);box-shadow:0 0 60px var(--accent-glow)}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--accent);color:var(--bg);font-size:12px;font-weight:600;padding:4px 16px;border-radius:100px;white-space:nowrap}.pricing-tier{font-size:14px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.pricing-price{font-size:48px;font-weight:700;letter-spacing:-2px;margin-bottom:4px}.pricing-price span{font-size:16px;color:var(--text-muted);font-weight:400;letter-spacing:0}.pricing-desc{font-size:14px;color:var(--text-muted);margin-bottom:28px;line-height:1.6}.pricing-features{list-style:none;margin-bottom:32px}.pricing-features li{padding:8px 0;font-size:14px;color:var(--text-muted);display:flex;align-items:center;gap:10px}.pricing-features li:before{content:"✓";color:var(--green);font-weight:700}.pricing-card .btn-primary,.pricing-card .btn-secondary{display:block;text-align:center;width:100%}.cta{padding:120px 40px;text-align:center;position:relative;max-width:1000px;margin:0 auto}.cta:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:600px;height:400px;background:radial-gradient(ellipse,var(--accent-glow) 0%,transparent 70%);pointer-events:none}.cta h2{font-size:clamp(32px,4vw,52px);font-weight:700;letter-spacing:-2px;margin-bottom:20px}.cta p{font-size:18px;color:var(--text-muted);margin-bottom:40px;max-width:480px;margin-left:auto;margin-right:auto}footer{border-top:1px solid var(--border);padding:48px 40px;display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.footer-logo-wrap,.footer-logo-svg{display:flex;align-items:center}.footer-logo-svg svg{height:16px;width:auto}.footer-logo-wrap .logo-bracket{height:16px}.footer-left{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.footer-craft{font-size:13px;color:var(--text-dim)}.footer-craft a{color:var(--text-muted);text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:2px;transition:color .2s,text-decoration-color .2s}.footer-craft a:hover{color:var(--accent);text-decoration-color:var(--accent)}.footer-links{display:flex;gap:24px}.footer-links a{color:var(--text-muted);text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:2px;font-size:13px;transition:color .2s,text-decoration-color .2s}.footer-links a:hover{color:var(--text);text-decoration-color:var(--text-muted)}.nav-toggle{display:none;background:none;border:none;color:var(--text);font-size:24px;cursor:pointer;padding:4px;line-height:1}.reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}@media(max-width:900px){.features-grid{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}.steps:before{display:none}.pricing-cards,.preview-content{grid-template-columns:1fr}.preview-sidebar{display:none}.stats-bar{gap:40px}nav{padding:16px 20px}.nav-toggle{display:block}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--bg-elevated);border-bottom:1px solid var(--border);padding:16px 20px;gap:0}.nav-links.open{display:flex}.nav-links a{padding:12px 0;border-bottom:1px solid var(--border)}.nav-links a:last-child{border-bottom:none}.nav-cta{text-align:center;margin-top:12px;padding:14px 20px!important;border-radius:10px}.features,.how-it-works,.comparison,.preview,.pricing,.cta{padding:80px 24px}.hero{padding:120px 24px 60px}.terminal-section{padding:0 24px 80px}.stats-bar{padding:40px 24px}footer{flex-direction:column;gap:20px;text-align:center;padding:36px 24px}.footer-left{align-items:center}.footer-links{justify-content:center}}@media(max-width:600px){.hero-actions{flex-direction:column;align-items:center}.hero-actions a{width:100%;text-align:center}.steps{grid-template-columns:1fr}.comparison-table{font-size:12px}.comparison-table th,.comparison-table td{padding:12px 16px}.hero-install{font-size:12px;padding:12px 16px}.nav-logo-svg svg{height:18px}.nav-logo .logo-bracket{height:18px}.footer-logo-svg svg{height:16px}.footer-logo-wrap .logo-bracket{height:16px}}