:root{--bg:#0d0820;--bg-surface:#160e2e;--bg-alt:#1a0f38;--bg-card:#1e1240;--border:#783cdc40;--border-glow:#f5a82059;--text:#b8aed0;--text-h:#f0ecfa;--text-muted:#7a6e90;--accent:#f5a820;--accent-2:#ff6b00;--accent-glow:#f5a8202e;--accent-hover:#ffbe4a;--purple:#8b5cf6;--purple-light:#c084fc;--purple-glow:#8b5cf633;--shadow-sm:0 2px 8px #00000080;--shadow-md:0 8px 24px #0009;--shadow-glow:0 0 32px #f5a82026, 0 8px 24px #00000080;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:17px/1.6 var(--sans);letter-spacing:.15px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box}body{margin:0}h1,h2,h3{font-family:var(--heading);color:var(--text-h);margin:0;font-weight:600;line-height:1.15}h1{letter-spacing:-1.5px;font-size:clamp(36px,6vw,64px)}h2{letter-spacing:-.5px;font-size:clamp(22px,3vw,34px)}h3{font-size:18px}p{margin:0}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}code{font-family:var(--mono);color:var(--purple-light);background:#8b5cf626;border-radius:4px;padding:2px 7px;font-size:14px}#site{flex-direction:column;min-height:100svh;display:flex}main{flex:1}.site-nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0d0820d9;align-items:center;gap:32px;height:64px;padding:0 clamp(16px,4vw,64px);display:flex;position:sticky;top:0}.nav-brand{align-items:center;gap:10px;margin-right:auto;font-size:18px;font-weight:700;text-decoration:none;display:flex;color:var(--text-h)!important}.nav-logo{object-fit:cover;border-radius:6px;width:32px;height:32px}.nav-links{gap:4px;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:var(--text);border-radius:6px;padding:6px 14px;font-size:15px;transition:color .2s,background .2s}.nav-links a:hover,.nav-links a.router-link-active{color:var(--text-h);background:var(--purple-glow)}.nav-links a.router-link-exact-active{color:var(--accent)}.nav-cta{background:var(--accent);white-space:nowrap;border-radius:8px;align-items:center;padding:8px 18px;font-size:14px;font-weight:700;transition:background .2s,box-shadow .2s;display:inline-flex;color:#0d0820!important}.nav-cta:hover{background:var(--accent-hover);box-shadow:0 0 16px #f5a82066}@media (width<=768px){.nav-links{display:none}}.btn{cursor:pointer;border:2px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent);color:#0d0820;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#0d0820;box-shadow:0 0 24px #f5a82066}.btn-outline{color:var(--accent);border-color:var(--accent);background:0 0}.btn-outline:hover{background:var(--accent-glow);color:var(--accent-hover);border-color:var(--accent-hover)}.btn-ghost{color:var(--text);border-color:var(--border);background:0 0}.btn-ghost:hover{color:var(--text-h);border-color:var(--purple-light);background:var(--purple-glow)}.btn.disabled{opacity:.45;pointer-events:none}.eyebrow{letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:16px;font-size:12px;font-weight:700;display:inline-block}.highlight{color:var(--accent)}.hero-lede{color:var(--text);max-width:560px;margin:16px 0 32px;font-size:clamp(16px,2vw,20px);line-height:1.65}.page-wrap{max-width:1100px;margin:0 auto;padding:0 clamp(16px,4vw,48px) 64px}.hero-section{justify-content:space-between;align-items:center;gap:40px;max-width:1100px;margin:0 auto;padding:80px clamp(16px,4vw,48px) 64px;display:flex;position:relative;overflow:hidden}.hero-glow{pointer-events:none;background:radial-gradient(60% 60% at 70%,#f5a8200f 0%,#0000 70%),radial-gradient(50% 50% at 20%,#8b5cf614 0%,#0000 70%);position:absolute;inset:-200px}.hero-content{flex:1;max-width:540px}.hero-actions{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.hero-platforms{color:var(--text-muted);font-size:13px}.hero-image-wrap{flex-shrink:0;position:relative}.hero-image-glow{pointer-events:none;background:radial-gradient(circle,#f5a8202e 0%,#0000 70%);position:absolute;inset:-30%}.hero-image{width:clamp(220px,28vw,360px);box-shadow:var(--shadow-glow);border-radius:20px;position:relative}@media (width<=768px){.hero-section{text-align:center;flex-direction:column;padding-top:48px}.hero-content{max-width:100%}.hero-lede{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-image{width:200px}}.strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-surface);grid-template-columns:repeat(4,1fr);display:grid}.strip-item{text-align:center;border-right:1px solid var(--border);flex-direction:column;align-items:center;gap:4px;padding:28px 16px;font-size:14px;display:flex}.strip-item:last-child{border-right:none}.strip-icon{margin-bottom:4px;font-size:24px}.strip-item strong{color:var(--text-h);font-size:15px}.strip-item span{color:var(--text-muted)}@media (width<=768px){.strip{grid-template-columns:repeat(2,1fr)}.strip-item:nth-child(2){border-right:none}.strip-item:nth-child(3){border-top:1px solid var(--border)}}.home-section{max-width:1100px;margin:0 auto;padding:64px clamp(16px,4vw,48px)}.alt-section{background:var(--bg-surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);max-width:100%}.alt-section>*{max-width:1100px;margin-left:auto;margin-right:auto}.alt-section.home-section{max-width:100%}.alt-section.home-section .section-title,.alt-section.home-section .section-sub,.alt-section.home-section .tech-row,.alt-section.home-section .req-table-wrap{max-width:1100px;margin-left:auto;margin-right:auto}.section-title{text-align:center;margin-bottom:8px}.section-sub{text-align:center;color:var(--text-muted);margin-bottom:40px;font-size:17px}.section-cta{text-align:center;margin-top:40px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:28px 24px;transition:border-color .2s,box-shadow .2s}.feature-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow)}.feature-icon{margin-bottom:12px;font-size:28px;display:block}.feature-card h3{margin-bottom:8px;font-size:16px}.feature-card p{color:var(--text-muted);font-size:14px;line-height:1.55}@media (width<=900px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.feature-grid{grid-template-columns:1fr}}.tech-row{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:32px;display:flex}.tech-badge{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;flex-direction:column;align-items:center;gap:4px;min-width:140px;padding:20px 28px;display:flex}.tech-badge-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:700}.tech-badge-value{color:var(--accent);font-size:16px;font-weight:600}.cta-section{text-align:center;border-top:1px solid var(--border);background:linear-gradient(135deg,#8b5cf614 0%,#f5a8200f 100%);padding:80px clamp(16px,4vw,48px)}.cta-section h2{margin-bottom:12px}.cta-section p{color:var(--text-muted);margin-bottom:32px;font-size:17px}.page-hero{text-align:center;max-width:1100px;margin:0 auto;padding:64px clamp(16px,4vw,48px) 48px}.page-hero h1{margin:16px 0 0}.page-hero .hero-lede{margin-left:auto;margin-right:auto}.features-section{flex-direction:column;gap:48px;max-width:1100px;margin:0 auto;padding:0 clamp(16px,4vw,48px) 48px;display:flex}.features-group-title{color:var(--accent);border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:10px;font-size:20px}.features-list{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.features-item{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;align-items:flex-start;gap:16px;padding:20px;transition:border-color .2s;display:flex}.features-item:hover{border-color:var(--border-glow)}.features-item-icon{flex-shrink:0;margin-top:2px;font-size:22px}.features-item strong{color:var(--text-h);margin-bottom:4px;display:block}.features-item p{color:var(--text-muted);font-size:14px}@media (width<=700px){.features-list{grid-template-columns:1fr}}.pricing-section{padding:0 clamp(16px,4vw,48px) 48px}.pricing-cards{align-items:stretch;gap:20px;max-width:1000px;margin:0 auto;display:flex}.pricing-card{background:var(--bg-card);border:1px solid var(--border);border-radius:18px;flex-direction:column;flex:1;gap:8px;padding:36px 28px;transition:box-shadow .2s;display:flex;position:relative}.pricing-card.featured{border-color:var(--accent);box-shadow:0 0 40px #f5a82026}.pricing-badge{background:var(--accent);color:#0d0820;letter-spacing:1px;text-transform:uppercase;border-radius:20px;padding:4px 14px;font-size:12px;font-weight:700;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.pricing-icon{font-size:32px}.pricing-name{margin:4px 0;font-size:22px}.pricing-price{margin:8px 0}.price-amount{color:var(--accent);letter-spacing:-1px;font-size:40px;font-weight:700}.price-period{color:var(--text-muted);margin-left:4px;font-size:14px}.pricing-desc{color:var(--text-muted);margin-bottom:16px;font-size:14px}.pricing-header{margin-bottom:8px}.pricing-features{flex-direction:column;flex:1;gap:10px;margin:0 0 24px;padding:0;list-style:none;display:flex}.pricing-feature-item{align-items:flex-start;gap:8px;font-size:14px;display:flex}.check{color:var(--accent);flex-shrink:0;font-weight:700}@media (width<=768px){.pricing-cards{flex-direction:column}}.faq-list{flex-direction:column;gap:24px;max-width:720px;margin:32px auto 0;display:flex}.faq-question{color:var(--text-h);margin-bottom:8px;font-size:17px}.faq-answer{color:var(--text-muted);font-size:15px;line-height:1.65}.about-story{align-items:center;gap:48px;display:flex}.about-image-col{flex-shrink:0;position:relative}.about-logo-glow{pointer-events:none;background:radial-gradient(circle,#f5a82033 0%,#0000 70%);position:absolute;inset:-20%}.about-logo-img{width:220px;box-shadow:var(--shadow-glow);border-radius:20px;position:relative}.about-text-col{flex-direction:column;gap:16px;display:flex}.about-text-col h2{margin-bottom:8px}.about-text-col p{color:var(--text);line-height:1.7}@media (width<=768px){.about-story{text-align:center;flex-direction:column;align-items:center}}.principles-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px;display:grid}.principle-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:24px}.principle-icon{margin-bottom:10px;font-size:28px;display:block}.principle-card h3{margin-bottom:8px}.principle-card p{color:var(--text-muted);font-size:14px}@media (width<=900px){.principles-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.principles-grid{grid-template-columns:1fr}}.company-block{text-align:center;flex-direction:column;align-items:center;gap:20px;max-width:680px;margin:32px auto 0;display:flex}.company-logo{border-radius:12px;height:72px}.company-block p{color:var(--text);line-height:1.7}.download-cards{flex-wrap:wrap;justify-content:center;gap:20px;max-width:860px;margin:0 auto;display:flex}.download-card{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:18px;flex-direction:column;flex:1;align-items:center;gap:10px;min-width:220px;max-width:280px;padding:36px 24px;transition:border-color .2s,box-shadow .2s;display:flex}.download-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow)}.download-icon{margin-bottom:4px;font-size:40px}.download-card h2{font-size:22px}.download-detail{color:var(--text-muted);font-size:13px}.download-version{color:var(--text-muted);font-size:12px}.req-table-wrap{margin-top:32px;overflow-x:auto}.req-table{border-collapse:collapse;width:100%;font-size:15px}.req-table th{text-align:left;border-bottom:2px solid var(--border);color:var(--text-muted);letter-spacing:1.5px;text-transform:uppercase;padding:12px 16px;font-size:12px}.req-table td{border-bottom:1px solid var(--border);color:var(--text);padding:14px 16px}.req-table tr:last-child td{border-bottom:none}.install-steps{flex-direction:column;gap:20px;max-width:680px;margin:32px auto 0;display:flex}.install-step{align-items:flex-start;gap:20px;display:flex}.step-num{background:var(--accent);color:#0d0820;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-top:2px;font-size:16px;font-weight:700;display:flex}.install-step strong{color:var(--text-h);margin-bottom:4px;display:block}.install-step p{color:var(--text-muted);font-size:14px}.site-footer{border-top:1px solid var(--border);background:var(--bg-surface);padding:48px clamp(16px,4vw,64px)}.footer-inner{text-align:center;flex-direction:column;align-items:center;gap:24px;max-width:1100px;margin:0 auto;display:flex}.footer-brand{align-items:center;gap:10px;display:flex}.footer-logo{object-fit:cover;border-radius:8px;width:36px;height:36px}.footer-name{color:var(--text-h);font-size:16px;font-weight:700}.footer-links{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.footer-links a{color:var(--text-muted);border-radius:6px;padding:4px 12px;font-size:14px;transition:color .2s}.footer-links a:hover{color:var(--text-h)}.footer-copy{color:var(--text-muted);font-size:13px}