.navbar{z-index:1000;padding:16px 0;transition:all .3s;position:fixed;top:0;left:0;right:0}.navbar-scrolled{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#05060ad9;padding:12px 0}.navbar-inner{justify-content:space-between;align-items:center;display:flex}.navbar-brand{align-items:baseline;gap:8px;display:flex}.navbar-logo{letter-spacing:-.02em;background:linear-gradient(135deg, #fff 0%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:800}.navbar-sub{color:var(--text-muted);letter-spacing:.02em;font-size:11px;font-weight:500}.navbar-links{gap:32px;display:flex}.navbar-link{color:var(--text-secondary);letter-spacing:.01em;font-size:13.5px;font-weight:500;transition:color .2s}.navbar-link:hover{color:var(--text-primary)}.navbar-cta{padding:9px 20px;font-size:13px}@media (width<=768px){.navbar-links{display:none}.navbar-cta{padding:8px 16px;font-size:12px}}.footer{z-index:1;border-top:1px solid var(--border);padding:48px 0;position:relative}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.footer-brand,.footer-brand-link{align-items:baseline;gap:8px;display:flex}.footer-logo{background:linear-gradient(135deg, #fff, var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:800}.footer-sub{color:var(--text-muted);font-size:10px;font-weight:500}.footer-links{gap:24px;display:flex}.footer-link{color:var(--text-muted);font-size:13px;font-weight:500;transition:color .2s}.footer-link:hover{color:var(--text-secondary)}.footer-copy{color:var(--text-muted);opacity:.6;font-size:12px}@media (width<=768px){.footer-inner{text-align:center;flex-direction:column}.footer-links{flex-wrap:wrap;justify-content:center}}.star-field{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.hero{z-index:1;align-items:center;min-height:100vh;padding-top:160px;padding-bottom:100px;display:flex;position:relative}.hero-inner{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.hero-badge{background:var(--accent-subtle);color:var(--accent);letter-spacing:.02em;border:1px solid #8b5cf61f;border-radius:20px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 16px 6px 10px;font-size:12px;font-weight:600;display:inline-flex}.hero-badge-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-dot}.hero-title{letter-spacing:-.03em;margin-bottom:24px;font-size:clamp(36px,5vw,60px);font-weight:900;line-height:1.08}.hero-gradient{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-cyan) 50%, var(--accent-green) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary);max-width:520px;margin-bottom:36px;font-size:17px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.btn-lg{border-radius:var(--radius-md);padding:14px 32px;font-size:15px}.hero-visual{justify-content:center;align-items:center;width:100%;height:400px;display:flex;position:relative}.hero-orbit-ring{border:1px solid #8b5cf60f;border-radius:50%;width:300px;height:180px;animation:30s linear infinite spin-slow;position:absolute}.hero-orbit-ring-2{border-color:#3b82f60a;width:400px;height:240px;animation-duration:45s;animation-direction:reverse}.hero-core{z-index:2;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute}.hero-core-icon{font-size:36px;animation:3s ease-in-out infinite float}.hero-core-label{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-size:11px;font-weight:700}.hero-platform{border-radius:var(--radius-sm);will-change:transform;border-color:#ffffff0a;align-items:center;gap:8px;padding:10px 16px;transition:opacity .3s;display:flex;position:absolute}.hero-platform-icon{filter:drop-shadow(0 0 6px var(--platform-color));font-size:18px}.hero-platform-name{color:var(--text-secondary);font-size:12.5px;font-weight:600}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (width<=968px){.hero-inner{text-align:center;grid-template-columns:1fr}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-visual{height:300px}}@media (width<=480px){.hero{padding-top:120px}.hero-actions{flex-direction:column;align-items:stretch}.btn-lg{justify-content:center}}.how-it-works{z-index:1;position:relative}.how-header{text-align:center;margin-bottom:64px}.how-header .section-subtitle{margin:0 auto}.how-steps{grid-template-columns:repeat(3,1fr);gap:24px;display:grid;position:relative}.how-card{text-align:center;padding:36px 28px;position:relative}.how-card-num{font-size:11px;font-weight:700;font-family:var(--font-mono);color:var(--accent);letter-spacing:.08em;margin-bottom:20px}.how-card-icon{filter:drop-shadow(0 0 12px #8b5cf64d);margin-bottom:20px;font-size:32px}.how-card-title{letter-spacing:-.01em;margin-bottom:12px;font-size:18px;font-weight:700}.how-card-desc{color:var(--text-secondary);font-size:14px;line-height:1.7}.how-connector{display:none}@media (width>=769px){.how-connector{background:linear-gradient(90deg, var(--accent) 0%, transparent 100%);opacity:.3;width:24px;height:1px;display:block;position:absolute;top:50%;right:-13px}}@media (width<=768px){.how-steps{grid-template-columns:1fr;max-width:420px;margin:0 auto}}.features{z-index:1;position:relative}.features-header{text-align:center;margin-bottom:64px}.features-header .section-subtitle{margin:0 auto}.features-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.features-grid .feature-card:nth-child(4){grid-column:1/2}.features-grid .feature-card:nth-child(5){grid-column:2/3}.feature-card{padding:32px 28px;position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg, transparent, var(--feature-color), transparent);opacity:0;height:1px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.feature-card:hover:before{opacity:.4}.feature-icon-wrap{border-radius:var(--radius-md);border:1px solid var(--border);background:#ffffff08;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:20px;display:flex}.feature-icon{filter:drop-shadow(0 0 8px var(--feature-color));font-size:20px}.feature-title{letter-spacing:-.01em;margin-bottom:10px;font-size:16px;font-weight:700}.feature-desc{color:var(--text-secondary);font-size:13.5px;line-height:1.7}@media (width<=968px){.features-grid{grid-template-columns:repeat(2,1fr)}.features-grid .feature-card:nth-child(4),.features-grid .feature-card:nth-child(5){grid-column:auto}}@media (width<=600px){.features-grid{grid-template-columns:1fr}}.demo{z-index:1;position:relative}.demo-header{text-align:center;margin-bottom:56px}.demo-header .section-subtitle{margin:0 auto}.demo-browser{border-radius:var(--radius-xl);border:1px solid var(--border);background:#0d0e12;max-width:800px;margin:0 auto;overflow:hidden;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff08}.demo-browser-bar{border-bottom:1px solid var(--border);background:#ffffff05;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.demo-dots{gap:6px;display:flex}.demo-dot{border-radius:50%;width:10px;height:10px}.demo-dot-red{background:#ff5f56}.demo-dot-yellow{background:#ffbd2e}.demo-dot-green{background:#27c93f}.demo-url{color:var(--text-muted);background:#ffffff0a;border-radius:6px;align-items:center;gap:6px;padding:5px 16px;font-size:12px;font-weight:500;display:flex}.demo-url-lock{font-size:10px}.demo-content{flex-direction:column;justify-content:space-between;min-height:420px;padding:24px 20px;display:flex;position:relative}.demo-chat{margin-bottom:24px}.demo-message{gap:12px;display:flex}.demo-avatar{background:#ffffff0a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.demo-bubble{color:var(--text-secondary);padding-top:6px;font-size:14px;line-height:1.6}.demo-prompt-area{position:relative}.demo-prompter-bar{justify-content:flex-end;align-items:center;gap:6px;margin-bottom:8px;display:flex}.demo-type-pill{border:1px solid var(--border);color:var(--text-muted);background:#ffffff0a;border-radius:6px;padding:4px 10px;font-size:10.5px;font-weight:500}.demo-improve-btn{color:#ffffffb3;background:#ffffff0d;border:1px solid #8b5cf633;border-radius:7px;padding:5px 12px;font-size:11px;font-weight:600;box-shadow:0 0 10px #8b5cf61a}.demo-gear{color:var(--text-muted);font-size:12px}.demo-input-box{border-radius:var(--radius-md);border:1px solid var(--border);background:#ffffff08;align-items:center;padding:14px 16px;display:flex}.demo-input-text{color:var(--text-secondary);font-size:14px}.demo-input-cursor{background:var(--accent);width:2px;height:18px;margin-left:2px;animation:1s infinite cursor-blink}.demo-preview{border-radius:var(--radius-md);background:#1a1b1f;border:1px solid #ffffff0f;width:min(420px,100% - 40px);animation:.6s 1s both demo-slide-in;position:absolute;bottom:130px;right:20px;overflow:hidden;box-shadow:0 12px 40px #00000080}.demo-preview-header{color:#fffc;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:10px 14px;font-size:12px;font-weight:600;display:flex}.demo-score{color:#f87171cc;font-size:10.5px;font-weight:500}.demo-score strong{font-weight:700}.demo-preview-body{padding:4px 0}.demo-preview-section{padding:6px 14px}.demo-preview-label{text-transform:uppercase;letter-spacing:.06em;color:#ffffff40;margin-bottom:4px;font-size:9px;font-weight:700}.demo-label-improved{color:#8b5cf699}.demo-preview-text{border-radius:6px;padding:6px 8px;font-size:11.5px;line-height:1.6}.demo-original{color:#ffffff59;background:#ffffff05}.demo-improved{color:#ffffffbf;background:#8b5cf608;border:1px solid #8b5cf614}.demo-preview-actions{border-top:1px solid #ffffff0a;gap:6px;padding:8px 14px 10px;display:flex}.demo-action-primary,.demo-action-secondary{text-align:center;border-radius:6px;flex:1;padding:6px 10px;font-size:11px;font-weight:600}.demo-action-primary{color:#fff;background:#8b5cf6cc}.demo-action-secondary{color:#93c5fdcc;background:#3b82f61a}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes demo-slide-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=600px){.demo-preview{width:100%;margin-top:12px;position:relative;bottom:auto;right:auto}}.docs-preview{z-index:1;position:relative}.docs-header{text-align:center;margin-bottom:56px}.docs-header .section-subtitle{margin:0 auto}.docs-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:48px;display:grid}.doc-card{flex-direction:column;padding:32px 28px;display:flex}.doc-icon{margin-bottom:16px;font-size:28px}.doc-title{margin-bottom:10px;font-size:16px;font-weight:700}.doc-desc{color:var(--text-secondary);flex:1;font-size:13.5px;line-height:1.7}.doc-link{color:var(--accent);margin-top:16px;font-size:13px;font-weight:600;transition:gap .2s;display:inline-block}.doc-card:hover .doc-link{text-decoration:underline}.docs-cta{text-align:center}@media (width<=768px){.docs-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto 48px}}.prompt-examples{z-index:1;position:relative}.pe-header{text-align:center;margin-bottom:56px}.pe-header .section-subtitle{margin:0 auto}.pe-list{flex-direction:column;gap:20px;max-width:960px;margin:0 auto;display:flex}.pe-card{padding:0;overflow:hidden}.pe-comparison{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:0;display:grid}.pe-side{padding:24px}.pe-weak{background:#f8717104}.pe-improved{background:#8b5cf605}.pe-side-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.pe-side-label{text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:700}.pe-label-weak{color:#f87171b3}.pe-label-improved{color:#8b5cf6cc}.pe-score{font-size:11px;font-weight:700;font-family:var(--font-mono);letter-spacing:.02em;border-radius:4px;padding:2px 8px}.pe-score-low{color:#f87171d9;background:#f8717114;border:1px solid #f871711f}.pe-score-mid{color:#fbbf24d9;background:#fbbf2414;border:1px solid #fbbf241f}.pe-score-high{color:#34d399d9;background:#34d39914;border:1px solid #34d3991f}.pe-prompt-box{border-radius:var(--radius-sm);font-family:var(--font-mono);padding:14px 16px;font-size:12.5px;line-height:1.65}.pe-prompt-box code{font-family:inherit;font-size:inherit;color:inherit}.pe-prompt-weak{color:#fff6;background:#ffffff05;border:1px solid #f8717114}.pe-prompt-improved{color:#fffc;background:#8b5cf608;border:1px solid #8b5cf61a}.pe-arrow{border-left:1px solid var(--border);border-right:1px solid var(--border);background:#ffffff03;justify-content:center;align-items:center;padding:0 8px;display:flex}.pe-improvements{border-top:1px solid var(--border);flex-wrap:wrap;align-items:flex-start;gap:12px;padding:14px 24px;display:flex}.pe-improvements-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);flex-shrink:0;padding-top:4px;font-size:10px;font-weight:700}.pe-tags{flex-wrap:wrap;gap:6px;display:flex}.pe-tag{border:1px solid var(--border);background:#ffffff08;border-radius:5px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;transition:all .2s;display:inline-flex}.pe-tag:hover{border-color:var(--border-hover);background:#ffffff0d}.pe-tag-name{color:#8b5cf6bf;font-weight:700}.pe-tag-detail{color:var(--text-secondary);font-weight:400}@media (width<=768px){.pe-comparison{grid-template-columns:1fr}.pe-arrow{border-left:none;border-right:none;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:8px 0;transform:rotate(90deg)}.pe-side{padding:20px}.pe-improvements{flex-direction:column;padding:16px 20px}}.prompt-rules{z-index:1;position:relative}.pr-header{text-align:center;margin-bottom:56px}.pr-header .section-subtitle{margin:0 auto}.pr-grid{grid-template-columns:repeat(3,1fr);gap:16px;max-width:960px;margin:0 auto;display:grid}.pr-grid .pr-card:nth-child(4){grid-column:1/2}.pr-grid .pr-card:nth-child(5){grid-column:2/3}.pr-card{flex-direction:column;padding:24px 22px;display:flex}.pr-card-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.pr-card-icon{font-size:18px}.pr-card-title{letter-spacing:-.01em;font-size:15px;font-weight:700}.pr-card-desc{color:var(--text-secondary);flex:1;margin-bottom:16px;font-size:13px;line-height:1.65}.pr-example{flex-direction:column;gap:6px;display:flex}.pr-example-row{font-family:var(--font-mono);border-radius:6px;align-items:flex-start;gap:8px;padding:8px 10px;font-size:11px;line-height:1.5;display:flex}.pr-example-row code{font-family:inherit;font-size:inherit}.pr-example-bad{color:#ffffff59;background:#f871710a;border:1px solid #f871710f}.pr-example-bad .pr-example-label{color:#f8717199;flex-shrink:0;font-weight:700}.pr-example-good{color:#ffffffb3;background:#34d3990a;border:1px solid #34d39914}.pr-example-good .pr-example-label{color:#34d399b3;flex-shrink:0;font-weight:700}@media (width<=968px){.pr-grid{grid-template-columns:repeat(2,1fr)}.pr-grid .pr-card:nth-child(4),.pr-grid .pr-card:nth-child(5){grid-column:auto}}@media (width<=600px){.pr-grid{grid-template-columns:1fr}}.architecture{z-index:1;position:relative}.arch-header{text-align:center;margin-bottom:56px}.arch-header .section-subtitle{margin:0 auto}.arch-flow{flex-direction:column;align-items:center;gap:0;margin-bottom:80px;display:flex;position:relative}.arch-flow:before{content:"";z-index:0;background:linear-gradient(#8b5cf626,#10b98126);width:1px;position:absolute;top:24px;bottom:24px;left:50%;transform:translate(-50%)}.arch-flow-item{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}.arch-flow-node{width:48px;height:48px;box-shadow:0 0 16px color-mix(in srgb, var(--node-color) 15%, transparent);background:#ffffff08;border:1px solid #ffffff0f;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.arch-flow-node:hover{border-color:color-mix(in srgb, var(--node-color) 30%, transparent);box-shadow:0 0 24px color-mix(in srgb, var(--node-color) 25%, transparent);transform:scale(1.08)}.arch-flow-icon{font-size:18px}.arch-flow-label{color:var(--text-secondary);text-align:center;max-width:200px;margin-top:8px;font-size:12.5px;font-weight:600}.arch-flow-arrow{opacity:.6;margin:6px 0}.arch-cards-header{text-align:center;margin-bottom:32px}.arch-cards-title{letter-spacing:-.01em;color:var(--text-primary);font-size:20px;font-weight:700}.arch-cards{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.arch-card{padding:24px 20px;position:relative;overflow:hidden}.arch-card:after{content:"";background:var(--card-accent);opacity:0;height:2px;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.arch-card:hover:after{opacity:.4}.arch-card-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.arch-card-num{font-family:var(--font-mono);color:var(--card-accent);letter-spacing:.06em;opacity:.7;font-size:10px;font-weight:700}.arch-card-icon{filter:drop-shadow(0 0 6px var(--card-accent));font-size:18px}.arch-card-title{letter-spacing:-.01em;margin-bottom:12px;font-size:14.5px;font-weight:700}.arch-card-list{margin:0;padding:0;list-style:none}.arch-card-list li{color:var(--text-secondary);margin-bottom:6px;padding-left:14px;font-size:12.5px;line-height:1.6;position:relative}.arch-card-list li:before{content:"›";color:var(--card-accent);opacity:.6;font-weight:700;position:absolute;left:0}@media (width<=968px){.arch-cards{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.arch-cards{grid-template-columns:1fr}.arch-flow-label{font-size:11.5px}}.tech-stack{z-index:1;position:relative}.tech-header{text-align:center;margin-bottom:56px}.tech-header .section-subtitle{margin:0 auto}.tech-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.tech-group-label{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);opacity:.7;margin-bottom:10px;padding-left:2px;font-size:10px;font-weight:700}.tech-group{flex-direction:column;gap:8px;display:flex}.tech-item{border-radius:var(--radius-md);align-items:center;gap:12px;padding:14px 16px;display:flex}.tech-item-icon{border-radius:var(--radius-sm);border:1px solid var(--border);background:#ffffff08;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex}.tech-item-name{color:var(--text-primary);margin-bottom:2px;font-size:13px;font-weight:600}.tech-item-detail{color:var(--text-muted);font-size:11px;font-family:var(--font-mono)}@media (width<=968px){.tech-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.tech-grid{grid-template-columns:1fr}}.security{z-index:1;position:relative}.security-inner{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}.security-info .section-subtitle{margin-bottom:0}.security-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.security-card{border-radius:var(--radius-md);padding:20px 18px}.security-card-icon{margin-bottom:12px;font-size:22px}.security-card-title{letter-spacing:-.01em;margin-bottom:6px;font-size:13.5px;font-weight:700}.security-card-desc{color:var(--text-secondary);font-size:12px;line-height:1.65}@media (width<=968px){.security-inner{grid-template-columns:1fr}}@media (width<=600px){.security-grid{grid-template-columns:1fr}}.roadmap{z-index:1;position:relative}.roadmap-header{text-align:center;margin-bottom:56px}.roadmap-header .section-subtitle{margin:0 auto}.roadmap-timeline{flex-direction:column;gap:0;max-width:640px;margin:0 auto;display:flex}.roadmap-item{gap:20px;display:flex}.roadmap-dot-col{flex-direction:column;flex-shrink:0;align-items:center;width:20px;padding-top:18px;display:flex}.roadmap-dot{border:2px solid var(--rm-color);z-index:1;background:#ffffff14;border-radius:50%;flex-shrink:0;width:10px;height:10px;position:relative}.roadmap-dot-done{background:var(--rm-color)}.roadmap-line{background:#ffffff0f;flex:1;width:1px;min-height:12px}.roadmap-content{border-radius:var(--radius-md);flex:1;margin-bottom:12px;padding:16px 20px}.roadmap-content-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.roadmap-title{letter-spacing:-.01em;font-size:14px;font-weight:700}.roadmap-badge{text-transform:uppercase;letter-spacing:.06em;color:var(--badge-color);background:color-mix(in srgb, var(--badge-color) 8%, transparent);border:1px solid color-mix(in srgb, var(--badge-color) 15%, transparent);white-space:nowrap;border-radius:4px;flex-shrink:0;padding:3px 8px;font-size:10px;font-weight:700}.roadmap-desc{color:var(--text-secondary);font-size:12.5px;line-height:1.6}.download{z-index:1;position:relative}.download-card{text-align:center;border-radius:var(--radius-xl);background:#8b5cf608;border:1px solid #8b5cf61a;padding:80px 40px;position:relative;overflow:hidden}.download-glow{pointer-events:none;background:radial-gradient(circle,#8b5cf614 0%,#0000 70%);width:400px;height:400px;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.download-content{z-index:1;position:relative}.download-title{letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(28px,4vw,40px);font-weight:800}.download-subtitle{color:var(--text-secondary);max-width:480px;margin-bottom:32px;margin-left:auto;margin-right:auto;font-size:16px;line-height:1.7}.download-btn{margin-bottom:12px}.download-guide-btn{margin-bottom:24px;padding:10px 24px;font-size:13px}.download-browsers{justify-content:center;align-items:center;gap:12px;display:flex}.download-browser{color:var(--text-muted);align-items:center;gap:6px;font-size:13px;font-weight:500;display:inline-flex}.download-browser-icon{font-size:16px}.download-divider{color:var(--text-muted);opacity:.5}.contact{z-index:1;position:relative}.contact-inner{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}.contact-info .section-subtitle{margin-bottom:32px}.contact-links{flex-direction:column;gap:12px;display:flex}.contact-link-card{align-items:center;gap:14px;padding:16px 20px;transition:all .2s;display:flex}.contact-link-card:hover{transform:translate(4px)}.contact-link-icon{font-size:20px}.contact-link-title{margin-bottom:2px;font-size:14px;font-weight:600}.contact-link-sub{color:var(--text-muted);font-size:12px}.contact-form{padding:32px}.form-group{margin-bottom:20px}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.form-input{border-radius:var(--radius-sm);border:1px solid var(--border);width:100%;color:var(--text-primary);font-family:var(--font-sans);background:#ffffff08;outline:none;padding:11px 14px;font-size:14px;transition:all .2s}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:#8b5cf64d;box-shadow:0 0 0 3px #8b5cf60f}.form-textarea{resize:vertical;min-height:100px}.form-submit{justify-content:center;width:100%}@media (width<=768px){.contact-inner{grid-template-columns:1fr}}.install-page{z-index:1;min-height:100vh;position:relative}.install-hero{padding:140px 0 60px}.install-back{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:32px;font-size:13px;font-weight:500;transition:color .2s;display:inline-flex}.install-back:hover{color:var(--text-secondary)}.install-hero-content{max-width:600px}.install-badge{color:#fbbf24d9;text-transform:uppercase;letter-spacing:.06em;background:#fbbf240f;border:1px solid #fbbf241f;border-radius:20px;align-items:center;gap:8px;margin-bottom:20px;padding:5px 14px 5px 10px;font-size:11px;font-weight:700;display:inline-flex}.install-badge-dot{background:#fbbf24b3;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-badge}.install-title{letter-spacing:-.03em;margin-bottom:16px;font-size:clamp(32px,5vw,52px);font-weight:900;line-height:1.1}.install-subtitle{color:var(--text-secondary);max-width:520px;font-size:16px;line-height:1.7}.install-section{padding:60px 0}.install-section-title{letter-spacing:-.02em;margin-bottom:32px;font-size:22px;font-weight:800}.install-browsers{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.install-browser-card{padding:24px;position:relative;overflow:hidden}.install-browser-card:before{content:"";background:var(--browser-color);opacity:.4;height:2px;position:absolute;top:0;left:0;right:0}.install-browser-header{align-items:center;gap:14px;margin-bottom:16px;display:flex}.install-browser-icon{font-size:28px}.install-browser-name{font-size:16px;font-weight:700}.install-browser-version{font-size:11px;font-family:var(--font-mono);color:var(--text-muted);margin-top:2px}.install-browser-features{margin:0;padding:0;list-style:none}.install-browser-features li{color:var(--text-secondary);padding:4px 0 4px 16px;font-size:13px;position:relative}.install-browser-features li:before{content:"✓";color:var(--accent-green);font-size:11px;font-weight:700;position:absolute;left:0}.install-steps{flex-direction:column;gap:0;max-width:700px;display:flex}.install-step{gap:20px;display:flex}.install-step-rail{flex-direction:column;flex-shrink:0;align-items:center;width:36px;display:flex}.install-step-num{background:var(--accent-subtle);width:36px;height:36px;font-family:var(--font-mono);color:var(--accent);z-index:1;border:1px solid #8b5cf626;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.install-step-line{background:#8b5cf61a;flex:1;width:1px;min-height:16px}.install-step-content{border-radius:var(--radius-md);flex:1;margin-bottom:12px;padding:18px 22px}.install-step-title{letter-spacing:-.01em;margin-bottom:6px;font-size:15px;font-weight:700}.install-step-desc{color:var(--text-secondary);margin-bottom:10px;font-size:13px;line-height:1.6}.install-step-code{background:#8b5cf60f;border:1px solid #8b5cf61a;border-radius:6px;margin-bottom:10px;padding:6px 14px;display:inline-block}.install-step-code code{font-family:var(--font-mono);color:#8b5cf6d9;font-size:12px;font-weight:600}.install-step-note{color:var(--text-muted);font-size:11.5px;font-style:italic;display:block}.install-faq{flex-direction:column;gap:12px;max-width:700px;display:flex}.install-faq-item{border-radius:var(--radius-md);padding:20px 24px}.install-faq-q{margin-bottom:8px;font-size:14px;font-weight:700}.install-faq-a{color:var(--text-secondary);font-size:13px;line-height:1.65}.install-faq-a code{font-family:var(--font-mono);border:1px solid var(--border);color:var(--text-primary);background:#ffffff0a;border-radius:4px;padding:1px 6px;font-size:11.5px}.install-section-cta{padding-bottom:80px}@keyframes pulse-badge{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}@media (width<=768px){.install-hero{padding-top:110px}.install-browsers{grid-template-columns:1fr}.install-step-rail{width:28px}.install-step-num{width:28px;height:28px;font-size:10px}}.docs-page{z-index:1;min-height:100vh;display:flex;position:relative}.docs-sidebar{-webkit-backdrop-filter:blur(24px);border-right:1px solid var(--border);z-index:100;background:#05060aeb;width:240px;height:100vh;position:fixed;top:0;left:0;overflow-y:auto}.docs-sidebar-inner{flex-direction:column;height:100%;padding:24px 0;display:flex}.docs-sidebar-brand{border-bottom:1px solid var(--border);align-items:center;gap:10px;margin-bottom:16px;padding:0 20px 20px;display:flex}.docs-sidebar-logo{font-size:20px}.docs-sidebar-title{letter-spacing:-.01em;font-size:15px;font-weight:700}.docs-toc{flex-direction:column;flex:1;gap:2px;padding:0 12px;display:flex}.docs-toc-item{text-align:left;border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s;display:block;position:relative}.docs-toc-item:hover{color:var(--text-primary);background:#ffffff08}.docs-toc-active{color:var(--accent)!important;background:var(--accent-subtle)!important}.docs-toc-active:before{content:"";background:var(--accent);border-radius:2px;width:2px;position:absolute;top:4px;bottom:4px;left:0}.docs-sidebar-footer{border-top:1px solid var(--border);margin-top:12px;padding:16px 20px 0}.docs-back-link{color:var(--text-secondary);font-size:13px;font-weight:500;transition:color .2s}.docs-back-link:hover{color:var(--accent)}.docs-content{flex:1;min-width:0;max-width:960px;margin-left:240px;padding:0 48px 80px}.docs-mobile-back{display:none}.docs-section{padding:72px 0 0}.docs-section:first-of-type{padding-top:40px}.docs-hero-section{padding-bottom:24px;padding-top:100px!important}.docs-badge{background:var(--accent-subtle);color:var(--accent);letter-spacing:.02em;border:1px solid #8b5cf61f;border-radius:20px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px 6px 10px;font-size:12px;font-weight:600;display:inline-flex}.docs-badge-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s infinite docs-pulse}@keyframes docs-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.docs-hero-title{letter-spacing:-.03em;margin-bottom:16px;font-size:clamp(32px,4.5vw,52px);font-weight:900;line-height:1.1}.docs-gradient{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-cyan) 50%, var(--accent-green) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.docs-hero-subtitle{color:var(--text-secondary);max-width:560px;font-size:17px;line-height:1.7}.docs-section-title{letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(24px,3.5vw,36px);font-weight:800;line-height:1.15}.docs-section-subtitle{color:var(--text-secondary);max-width:560px;margin-bottom:28px;font-size:15px;line-height:1.7}.docs-prose p{color:var(--text-secondary);margin-bottom:28px;font-size:15px;line-height:1.8}.docs-prose strong{color:var(--text-primary)}.docs-info-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.docs-info-card{padding:24px 20px}.docs-info-card .docs-info-icon{margin-bottom:12px;font-size:22px;display:block}.docs-info-card h4{margin-bottom:8px;font-size:14px;font-weight:700}.docs-info-card p{color:var(--text-secondary);margin-bottom:0;font-size:13px;line-height:1.7}.docs-flow{flex-direction:column;align-items:center;gap:0;padding:32px 0;display:flex}.docs-flow-item{text-align:center;flex-direction:column;align-items:center;display:flex}.docs-flow-node{border:1px solid var(--border);background:#ffffff08;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s;display:flex;position:relative}.docs-flow-node:after{content:"";background:radial-gradient(circle, var(--node-color), transparent 70%);opacity:.12;z-index:-1;border-radius:50%;position:absolute;inset:-3px}.docs-flow-node:hover{border-color:var(--border-hover);box-shadow:0 0 24px #8b5cf626}.docs-flow-icon{font-size:22px}.docs-flow-label{color:var(--text-secondary);margin-top:10px;font-size:13px;font-weight:600}.docs-flow-arrow{opacity:.6;margin:8px 0}.docs-features-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.docs-feature-card{padding:28px 24px;position:relative;overflow:hidden}.docs-feature-card:before{content:"";background:linear-gradient(90deg, transparent, var(--feature-color), transparent);opacity:0;height:1px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.docs-feature-card:hover:before{opacity:.4}.docs-feature-icon-wrap{border-radius:var(--radius-md);border:1px solid var(--border);background:#ffffff08;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:16px;font-size:18px;display:flex}.docs-feature-title{letter-spacing:-.01em;margin-bottom:8px;font-size:15px;font-weight:700}.docs-feature-desc{color:var(--text-secondary);font-size:13px;line-height:1.7}.docs-install-steps{flex-direction:column;gap:0;display:flex}.docs-install-step{gap:16px;display:flex}.docs-install-rail{flex-direction:column;flex-shrink:0;align-items:center;width:40px;display:flex}.docs-install-num{width:36px;height:36px;font-size:12px;font-weight:700;font-family:var(--font-mono);background:var(--accent-subtle);color:var(--accent);border:1px solid #8b5cf626;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.docs-install-line{background:linear-gradient(#8b5cf633,#0000);flex:1;width:1px;margin:4px 0}.docs-install-body{flex:1;margin-bottom:12px;padding:20px}.docs-install-body h4{margin-bottom:6px;font-size:14px;font-weight:700}.docs-install-body p{color:var(--text-secondary);font-size:13px;line-height:1.7}.docs-compare{align-items:center;gap:20px;display:flex}.docs-compare-card{flex:1;padding:24px 20px}.docs-compare-label{text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;margin-bottom:16px;font-size:12px;font-weight:700;display:flex}.docs-compare-dot{border-radius:50%;width:8px;height:8px}.docs-compare-dot-weak{background:#ef4444;box-shadow:0 0 8px #ef444466}.docs-compare-label-weak{color:#ef4444}.docs-compare-dot-strong{background:#10b981;box-shadow:0 0 8px #10b98166}.docs-compare-label-strong{color:#10b981}.docs-compare-code{border-radius:var(--radius-sm);border:1px solid var(--border);background:#ffffff05;margin-bottom:12px;padding:14px 16px}.docs-compare-code code{font-family:var(--font-mono);color:var(--text-primary);font-size:13px;line-height:1.6}.docs-compare-code-strong{background:#10b98108;border-color:#10b98126}.docs-compare-note{color:var(--text-muted);font-size:12px;font-style:italic}.docs-compare-arrow{opacity:.5;flex-shrink:0}.docs-tech-grid{flex-direction:column;gap:10px;display:flex}.docs-tech-card{align-items:center;gap:16px;padding:18px 20px;display:flex;position:relative;overflow:hidden}.docs-tech-card:before{content:"";background:var(--tech-color);opacity:.5;width:2px;position:absolute;top:0;bottom:0;left:0}.docs-tech-icon{flex-shrink:0;font-size:22px}.docs-tech-label{margin-bottom:2px;font-size:14px;font-weight:700}.docs-tech-desc{color:var(--text-secondary);font-size:12.5px}.docs-security-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.docs-security-card{text-align:center;padding:24px 20px}.docs-security-icon{margin-bottom:14px;font-size:28px;display:block}.docs-security-card h4{margin-bottom:8px;font-size:14px;font-weight:700}.docs-security-card p{color:var(--text-secondary);font-size:13px;line-height:1.7}.docs-about{align-items:center;gap:20px;padding:28px 24px;display:flex}.docs-about-avatar{background:linear-gradient(135deg, var(--accent), var(--accent-cyan));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:18px;font-weight:800;display:flex}.docs-about-name{margin-bottom:4px;font-size:16px;font-weight:700}.docs-about-bio{color:var(--text-secondary);font-size:14px;line-height:1.7}.docs-roadmap{flex-direction:column;gap:10px;display:flex}.docs-roadmap-item{align-items:center;gap:14px;padding:16px 20px;display:flex}.docs-roadmap-icon{flex-shrink:0;font-size:20px}.docs-roadmap-label{flex:1;font-size:14px;font-weight:600}.docs-roadmap-status{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);background:#8b5cf614;border:1px solid #8b5cf61f;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:600}.docs-coming-soon{color:var(--text-muted);vertical-align:middle;font-size:.55em;font-weight:500}.docs-github{align-items:center;gap:16px;padding:24px 20px;display:flex}.docs-github-icon{flex-shrink:0;font-size:28px}.docs-github p{color:var(--text-secondary);font-size:14px;line-height:1.7}.docs-contact-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.docs-contact-card{align-items:center;gap:16px;padding:20px;transition:all .2s;display:flex}.docs-contact-card:hover{border-color:var(--border-hover)}.docs-contact-icon{flex-shrink:0;font-size:24px}.docs-contact-card h4{margin-bottom:2px;font-size:14px;font-weight:700}.docs-contact-card p{color:var(--text-secondary);font-size:12.5px}.docs-bottom-cta{justify-content:center;gap:12px;padding-bottom:40px;display:flex;padding-top:60px!important}@media (width<=968px){.docs-sidebar{display:none}.docs-content{max-width:100%;margin-left:0;padding:0 24px 60px}.docs-mobile-back{padding:80px 0 0;display:block}.docs-hero-section{padding-top:24px!important}.docs-info-grid,.docs-features-grid,.docs-security-grid{grid-template-columns:1fr}.docs-compare{flex-direction:column}.docs-compare-arrow{transform:rotate(90deg)}.docs-compare-card{width:100%}.docs-contact-grid{grid-template-columns:1fr}}@media (width<=480px){.docs-bottom-cta{flex-direction:column;align-items:stretch}.docs-bottom-cta .btn{justify-content:center}.docs-about{text-align:center;flex-direction:column}}.app{min-height:100vh;position:relative}:root{--bg-primary:#05060a;--bg-secondary:#0a0c14;--bg-card:#ffffff05;--bg-glass:#ffffff08;--text-primary:#ffffffeb;--text-secondary:#ffffff8c;--text-muted:#ffffff4d;--accent:#8b5cf6;--accent-glow:#8b5cf666;--accent-subtle:#8b5cf614;--accent-blue:#3b82f6;--accent-cyan:#06b6d4;--accent-green:#10b981;--border:#ffffff0f;--border-hover:#ffffff1a;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Consolas", monospace;--section-padding:120px 0;--container-width:1200px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}img{max-width:100%;display:block}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 24px}.section{padding:var(--section-padding);position:relative}.section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);align-items:center;gap:8px;margin-bottom:16px;font-size:12px;font-weight:600;display:inline-flex}.section-label:before{content:"";background:var(--accent);opacity:.5;width:20px;height:1px;display:inline-block}.section-title{letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(28px,4vw,44px);font-weight:800;line-height:1.15}.section-subtitle{color:var(--text-secondary);max-width:600px;font-size:clamp(15px,2vw,18px);line-height:1.7}.glass-card{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);transition:all .3s}.glass-card:hover{border-color:var(--border-hover);box-shadow:0 8px 32px #0000004d}.btn{border-radius:var(--radius-sm);white-space:nowrap;align-items:center;gap:8px;padding:12px 28px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 0 20px var(--accent-glow)}.btn-primary:hover{box-shadow:0 0 30px var(--accent-glow);background:#7c3aed;transform:translateY(-1px)}.btn-secondary{color:var(--text-secondary);border:1px solid var(--border);background:#ffffff0a}.btn-secondary:hover{color:var(--text-primary);border-color:var(--border-hover);background:#ffffff14}@media (width<=768px){:root{--section-padding:80px 0}.container{padding:0 16px}}