@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root,[data-theme=dark]{--c-base: #09090b;--c-raised: #111118;--c-surface: #14141e;--c-subcard: rgba(255,255,255,.035);--c-subcard-border: rgba(255,255,255,.08);--c-overlay: #1c1c28;--c-sidebar: #0d0d14;--c-input: rgba(255,255,255,.04);--c-modal: #111118;--c-border: rgba(255,255,255,.07);--c-border-mid: rgba(255,255,255,.12);--c-border-hi: rgba(255,255,255,.18);--c-text-1: #fafafa;--c-text-2: #a1a1aa;--c-text-3: #71717a;--c-on-accent: #ffffff;--brand-500: #7c3aed;--brand-400: #8b5cf6;--brand-300: #a78bfa;--brand-glow: rgba(124,58,237,.35);--indigo: #6366f1;--cyan: #22d3ee;--emerald: #10b981;--amber: #f59e0b;--rose: #f43f5e;--orange: #f97316;--grad-brand: linear-gradient(135deg, #7c3aed, #6366f1);--grad-success: linear-gradient(135deg, #10b981, #06b6d4);--sh-sm: 0 2px 8px rgba(0,0,0,.5);--sh-md: 0 8px 24px rgba(0,0,0,.55);--sh-lg: 0 20px 48px rgba(0,0,0,.65);--sh-xl: 0 32px 80px rgba(0,0,0,.75);--sh-brand: 0 4px 24px rgba(124,58,237,.35)}[data-theme=light]{--c-base: #f8fafc;--c-raised: #ffffff;--c-surface: #ffffff;--c-subcard: #f1f5f9;--c-subcard-border: #e2e8f0;--c-overlay: #e2e8f0;--c-sidebar: #ffffff;--c-input: #f1f5f9;--c-modal: #ffffff;--c-border: #e2e8f0;--c-border-mid: #cbd5e1;--c-border-hi: #94a3b8;--c-text-1: #0f172a;--c-text-2: #334155;--c-text-3: #64748b;--c-on-accent: #ffffff;--brand-500: #6d28d9;--brand-400: #7c3aed;--brand-300: #6366f1;--brand-glow: rgba(109,40,217,.15);--indigo: #4f46e5;--cyan: #0284c7;--emerald: #059669;--amber: #d97706;--rose: #dc2626;--grad-brand: linear-gradient(135deg, #7c3aed, #4f46e5);--grad-success: linear-gradient(135deg, #059669, #0284c7);--sh-sm: 0 1px 3px rgba(0,0,0,.06);--sh-md: 0 4px 12px rgba(0,0,0,.05);--sh-lg: 0 10px 28px rgba(0,0,0,.07);--sh-xl: 0 20px 48px rgba(0,0,0,.1);--sh-brand: 0 4px 16px rgba(109,40,217,.22)}:root{--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-2xl: 26px;--r-full: 9999px;--dur-1: .1s;--dur-2: .2s;--dur-3: .32s;--dur-4: .48s;--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100vh;background:var(--c-base);color:var(--c-text-1);font-family:var(--font-sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}.landing-page-container{width:100%;min-height:100vh;position:relative;overflow-x:hidden}.parallax-bg-layer{position:fixed;top:-300px;left:-200px;right:-200px;bottom:-300px;pointer-events:none;z-index:0;will-change:transform;transition:opacity var(--dur-3)}[data-theme=dark] .parallax-bg-orb1{background:radial-gradient(circle 850px at 75% 15%,rgba(124,58,237,.18) 0%,rgba(99,102,241,.07) 50%,transparent 80%),radial-gradient(circle 750px at 20% 60%,rgba(34,211,238,.1) 0%,rgba(124,58,237,.05) 50%,transparent 80%)}[data-theme=light] .parallax-bg-orb1{background:radial-gradient(circle 850px at 75% 15%,rgba(124,58,237,.07) 0%,rgba(99,102,241,.03) 50%,transparent 80%),radial-gradient(circle 750px at 20% 60%,rgba(99,102,241,.05) 0%,transparent 80%)}[data-theme=dark] .parallax-bg-orb2{background:radial-gradient(circle 950px at 50% 88%,rgba(124,58,237,.15) 0%,rgba(99,102,241,.08) 50%,transparent 85%),radial-gradient(circle 650px at 85% 45%,rgba(16,185,129,.06) 0%,transparent 75%)}[data-theme=light] .parallax-bg-orb2{background:radial-gradient(circle 950px at 50% 88%,rgba(124,58,237,.05) 0%,rgba(99,102,241,.03) 50%,transparent 85%),radial-gradient(circle 650px at 85% 45%,rgba(5,150,105,.04) 0%,transparent 75%)}[data-theme=dark] .parallax-bg-grid{background-image:radial-gradient(circle,rgba(255,255,255,.045) 1px,transparent 1px);background-size:32px 32px}[data-theme=light] .parallax-bg-grid{background-image:radial-gradient(circle,rgba(99,102,241,.06) 1px,transparent 1px);background-size:32px 32px}.landing-navbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:.85rem 2.5rem;background:#09090bc7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--c-border)}[data-theme=light] .landing-navbar{background:#ffffffe0}.landing-nav-brand{display:flex;align-items:center;gap:.65rem}.brand-logo{width:36px;height:36px;background:var(--grad-brand);border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:var(--sh-brand)}.brand-name{font-size:1.15rem;font-weight:800;color:var(--c-text-1);letter-spacing:-.02em}.landing-nav-links{display:flex;align-items:center;gap:1.75rem}.landing-nav-links a{color:var(--c-text-2);text-decoration:none;font-size:.88rem;font-weight:500;transition:color var(--dur-2)}.landing-nav-links a:hover{color:var(--c-text-1)}.landing-hero{position:relative;z-index:1;padding:5rem 2rem 3.5rem;max-width:1120px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center}.landing-hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .95rem;background:#7c3aed1a;border:1px solid rgba(124,58,237,.25);border-radius:var(--r-full);font-size:.8rem;font-weight:600;color:var(--brand-300);margin-bottom:1.5rem}.landing-hero-title{font-size:3rem;font-weight:900;line-height:1.15;letter-spacing:-.04em;color:var(--c-text-1);margin-bottom:1.25rem}.text-gradient-brand{background:var(--grad-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-hero-subtitle{font-size:1.1rem;color:var(--c-text-2);max-width:720px;line-height:1.6;margin-bottom:2rem}.hero-install-box{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-xl);padding:1.1rem 1.4rem;max-width:680px;width:100%;box-shadow:var(--sh-md);margin-bottom:2rem;text-align:left}.hero-install-label{font-size:.72rem;font-weight:700;color:var(--c-text-3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem}.hero-install-code-row{display:flex;align-items:center;justify-content:space-between;background:var(--c-input);border:1px solid var(--c-border);border-radius:var(--r-md);padding:.65rem .9rem;gap:1rem}.hero-install-code-row code{font-family:var(--font-mono);font-size:.86rem;color:var(--brand-300);word-break:break-all}.hero-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:3.5rem;flex-wrap:wrap}.btn{padding:.6rem 1.2rem;border-radius:var(--r-md);font-weight:600;font-size:.88rem;cursor:pointer;border:none;transition:all var(--dur-2);display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-family:var(--font-sans);text-decoration:none}.btn-primary{background:var(--grad-brand);color:#fff;box-shadow:var(--sh-brand)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #7c3aed73}.btn-secondary{background:var(--c-input);color:var(--c-text-1);border:1px solid var(--c-border)}.btn-secondary:hover{background:var(--c-overlay);border-color:var(--c-border-mid);transform:translateY(-1px)}.btn-sm{padding:.4rem .75rem;font-size:.78rem;border-radius:var(--r-sm)}.hero-mockup-frame{width:100%;max-width:1020px;background:var(--c-surface);border:1px solid var(--c-border-hi);border-radius:var(--r-2xl);box-shadow:var(--sh-xl);overflow:hidden;margin:0 auto}.mockup-header{background:var(--c-input);padding:.65rem 1rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--c-border)}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot-red{background:#ff5f56}.dot-yellow{background:#ffbd2e}.dot-green{background:#27c93f}.mockup-title{font-size:.76rem;color:var(--c-text-3);font-family:var(--font-mono);margin-left:.5rem}.mockup-body{padding:1.25rem}.screenshot-placeholder-frame{width:100%;background:var(--c-subcard);border:2px dashed var(--c-border-mid);border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;padding:2.5rem 1.5rem;text-align:center;transition:border-color var(--dur-2)}.screenshot-placeholder-frame:hover{border-color:#7c3aed66}.placeholder-content{display:flex;flex-direction:column;align-items:center;gap:.5rem;max-width:540px}.placeholder-icon{font-size:2.2rem;margin-bottom:.2rem;opacity:.8}.placeholder-title{font-size:1.05rem;font-weight:800;color:var(--c-text-1)}.placeholder-caption{font-size:.82rem;color:var(--c-text-2);line-height:1.5}.placeholder-tag{font-size:.68rem;font-weight:700;color:var(--brand-300);background:#7c3aed1a;border:1px solid rgba(124,58,237,.2);border-radius:var(--r-full);padding:.2rem .65rem;margin-top:.4rem}.landing-section{position:relative;z-index:1;max-width:1060px;margin:0 auto;padding:4.5rem 2rem}.section-header{text-align:center;margin-bottom:2.75rem}.section-title{font-size:2rem;font-weight:800;color:var(--c-text-1);letter-spacing:-.03em;margin-bottom:.4rem}.section-subtitle{font-size:.95rem;color:var(--c-text-2)}.req-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.25rem}.req-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-xl);padding:1.35rem;display:flex;align-items:flex-start;gap:1rem;box-shadow:var(--sh-sm)}.req-card-highlight{border-color:#7c3aed59;background:var(--c-subcard)}.req-card h3{font-size:.95rem;font-weight:800;color:var(--c-text-1);margin-bottom:.25rem}.req-card p{font-size:.8rem;color:var(--c-text-2);line-height:1.45}.install-tabs-nav{display:flex;justify-content:center;gap:.75rem;margin-bottom:1.75rem;flex-wrap:wrap}.install-tab-btn{background:var(--c-input);border:1px solid var(--c-border);color:var(--c-text-2);padding:.65rem 1.25rem;border-radius:var(--r-lg);font-size:.88rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all var(--dur-2);font-family:var(--font-sans)}.install-tab-btn.active{background:#7c3aed1f;border-color:#7c3aed4d;color:var(--brand-300);font-weight:700}.install-content-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-2xl);padding:2.25rem;box-shadow:var(--sh-md);display:flex;flex-direction:column;gap:2.25rem}.step-block{display:flex;gap:1.25rem;align-items:flex-start}.step-num{width:38px;height:38px;border-radius:50%;background:var(--grad-brand);color:#fff;font-weight:800;font-size:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--sh-brand)}.step-details{flex:1;min-width:0}.step-details h3{font-size:1.15rem;font-weight:800;color:var(--c-text-1);margin-bottom:.35rem}.step-details p{font-size:.88rem;color:var(--c-text-2);line-height:1.6}.script-checklist{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.check-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--c-text-1)}.features-container{display:flex;flex-direction:column;gap:3.5rem}.feature-detail-card{display:grid;grid-template-columns:1fr 1fr;gap:2.25rem;align-items:center;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-2xl);padding:2.25rem;box-shadow:var(--sh-md)}@media(max-width:860px){.feature-detail-card{grid-template-columns:1fr}}.feature-reverse{grid-template-areas:"media text"}.feature-reverse .feature-text{grid-area:text}.feature-reverse .feature-media{grid-area:media}.feature-chip{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--brand-300);background:#7c3aed1a;border:1px solid rgba(124,58,237,.22);border-radius:var(--r-full);padding:.25rem .65rem;margin-bottom:.85rem}.feature-text h3{font-size:1.4rem;font-weight:800;color:var(--c-text-1);margin-bottom:.65rem}.feature-text p{font-size:.9rem;color:var(--c-text-2);line-height:1.6}.code-block{background:var(--c-input);border:1px solid var(--c-border);border-radius:var(--r-md);padding:.9rem 1.1rem;font-family:var(--font-mono);font-size:.85rem;color:var(--c-text-1)}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-xl);padding:1.5rem;overflow-x:auto}.request-table{width:100%;border-collapse:collapse;text-align:left;font-size:.88rem}.request-table th{padding:.75rem 1rem;border-bottom:1px solid var(--c-border);color:var(--c-text-3);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.request-table td{padding:.85rem 1rem;border-bottom:1px solid var(--c-border);color:var(--c-text-1)}.request-table tr:last-child td{border-bottom:none}.glow-chip{display:inline-flex;align-items:center;padding:.15rem .52rem;border-radius:var(--r-full);font-size:.68rem;font-weight:700;border:1px solid}.glow-chip-violet{background:#7c3aed1a;color:var(--brand-300);border-color:#7c3aed40}.landing-footer{background:var(--c-sidebar);border-top:1px solid var(--c-border);padding:3.5rem 2rem 2.5rem;text-align:center;position:relative;z-index:1}.footer-content{max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.footer-brand{display:flex;align-items:center;gap:.65rem}.footer-tagline{font-size:.86rem;color:var(--c-text-2);max-width:520px}.footer-links{display:flex;gap:1.5rem;flex-wrap:wrap}.footer-links a{color:var(--c-text-2);text-decoration:none;font-size:.85rem;transition:color var(--dur-2)}.footer-links a:hover{color:var(--c-text-1)}.footer-copy{font-size:.76rem;color:var(--c-text-3);margin-top:.75rem}.media-frame{width:100%;border-radius:var(--r-xl);overflow:hidden;background:var(--c-surface);border:1px solid var(--c-border);box-shadow:var(--sh-md);position:relative;transition:transform var(--dur-2),border-color var(--dur-2)}.media-frame:hover{border-color:#7c3aed59;transform:translateY(-2px)}.media-image-element,.media-video-element{width:100%;height:auto;display:block;object-fit:cover;border-radius:var(--r-xl) var(--r-xl) 0 0}.media-caption{padding:.65rem 1rem;background:var(--c-input);border-top:1px solid var(--c-border);font-size:.8rem;color:var(--c-text-2);text-align:center}.carousel-container{width:100%;display:flex;flex-direction:column;gap:.65rem}.carousel-viewport{position:relative;width:100%;border-radius:var(--r-xl);overflow:hidden;background:var(--c-surface);border:1px solid var(--c-border);box-shadow:var(--sh-md);aspect-ratio:16 / 10}.carousel-slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}.carousel-slide.active{pointer-events:auto}.carousel-slide img,.carousel-slide video{width:100%;height:100%;object-fit:cover}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:38px;height:38px;border-radius:50%;background:#09090bbf;border:1px solid var(--c-border-hi);color:#fff;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all var(--dur-2)}.carousel-arrow:hover{background:var(--brand-500);border-color:var(--brand-300);transform:translateY(-50%) scale(1.1)}.carousel-arrow-left{left:12px}.carousel-arrow-right{right:12px}.carousel-counter-chip{position:absolute;top:12px;right:12px;z-index:10;background:#09090bbf;border:1px solid var(--c-border-mid);color:var(--brand-300);font-size:.72rem;font-weight:700;padding:.2rem .65rem;border-radius:var(--r-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.carousel-dots{display:flex;justify-content:center;gap:.45rem;margin-top:.35rem}.carousel-dot{width:9px;height:9px;border-radius:50%;background:var(--c-border-mid);border:none;cursor:pointer;transition:all var(--dur-2)}.carousel-dot.active{width:24px;border-radius:99px;background:var(--brand-300);box-shadow:0 0 12px var(--brand-glow)}.clickable-media{cursor:pointer;position:relative}.expand-hover-badge{position:absolute;top:12px;left:12px;z-index:15;background:#09090bbf;border:1px solid var(--c-border-hi);color:#fff;font-size:.72rem;font-weight:700;padding:.25rem .65rem;border-radius:var(--r-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transform:translateY(-4px);transition:all var(--dur-2);pointer-events:none}.clickable-media:hover .expand-hover-badge{opacity:1;transform:translateY(0)}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000e0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;padding:2rem;animation:lightboxFade .25s var(--ease-out)}@keyframes lightboxFade{0%{opacity:0}to{opacity:1}}.lightbox-content{background:var(--c-surface);border:1px solid var(--c-border-hi);border-radius:var(--r-2xl);max-width:1200px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--sh-xl);overflow:hidden;animation:lightboxZoom .3s cubic-bezier(.16,1,.3,1)}@keyframes lightboxZoom{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.lightbox-header{padding:.85rem 1.35rem;background:var(--c-input);border-bottom:1px solid var(--c-border);display:flex;align-items:center;justify-content:space-between}.lightbox-title{font-size:.95rem;font-weight:700;color:var(--c-text-1)}.lightbox-close-btn{background:#ffffff14;border:1px solid var(--c-border-mid);color:var(--c-text-1);width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all var(--dur-2)}.lightbox-close-btn:hover{background:var(--rose);border-color:var(--rose);color:#fff;transform:scale(1.1)}.lightbox-media-container{padding:1.25rem;display:flex;align-items:center;justify-content:center;overflow:auto;max-height:75vh;background:#0006}.lightbox-media-element{max-width:100%;max-height:70vh;object-fit:contain;border-radius:var(--r-md);box-shadow:var(--sh-lg)}.lightbox-caption{padding:.75rem 1.35rem;background:var(--c-input);border-top:1px solid var(--c-border);font-size:.85rem;color:var(--c-text-2);text-align:center}.animated-bg-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.animated-particle-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1}.animated-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;opacity:.6}[data-theme=dark] .animated-grid-overlay{background-image:radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1px);background-size:36px 36px}[data-theme=light] .animated-grid-overlay{background-image:radial-gradient(circle,rgba(99,102,241,.07) 1px,transparent 1px);background-size:36px 36px}.aurora-orb{position:absolute;border-radius:50%;filter:blur(120px);will-change:transform;opacity:.85}[data-theme=dark] .aurora-orb-1{width:800px;height:800px;background:radial-gradient(circle,rgba(124,58,237,.22) 0%,rgba(99,102,241,.1) 60%,transparent 80%);top:-200px;right:-100px;animation:floatAurora1 18s ease-in-out infinite alternate}[data-theme=light] .aurora-orb-1{width:800px;height:800px;background:radial-gradient(circle,rgba(124,58,237,.08) 0%,rgba(99,102,241,.04) 60%,transparent 80%);top:-200px;right:-100px;animation:floatAurora1 18s ease-in-out infinite alternate}[data-theme=dark] .aurora-orb-2{width:750px;height:750px;background:radial-gradient(circle,rgba(34,211,238,.15) 0%,rgba(124,58,237,.08) 60%,transparent 80%);bottom:-200px;left:-150px;animation:floatAurora2 22s ease-in-out infinite alternate}[data-theme=light] .aurora-orb-2{width:750px;height:750px;background:radial-gradient(circle,rgba(99,102,241,.06) 0%,rgba(34,211,238,.03) 60%,transparent 80%);bottom:-200px;left:-150px;animation:floatAurora2 22s ease-in-out infinite alternate}[data-theme=dark] .aurora-orb-3{width:600px;height:600px;background:radial-gradient(circle,rgba(16,185,129,.1) 0%,rgba(99,102,241,.08) 60%,transparent 80%);top:40%;left:55%;animation:floatAurora3 26s ease-in-out infinite alternate}[data-theme=light] .aurora-orb-3{width:600px;height:600px;background:radial-gradient(circle,rgba(5,150,105,.04) 0%,rgba(99,102,241,.03) 60%,transparent 80%);top:40%;left:55%;animation:floatAurora3 26s ease-in-out infinite alternate}@keyframes floatAurora1{0%{transform:translate(0) scale(1)}50%{transform:translate(-120px,140px) scale(1.15)}to{transform:translate(100px,80px) scale(.95)}}@keyframes floatAurora2{0%{transform:translate(0) scale(1)}50%{transform:translate(140px,-120px) scale(1.2)}to{transform:translate(-80px,-60px) scale(.9)}}@keyframes floatAurora3{0%{transform:translate(0) scale(.9)}50%{transform:translate(-160px,-100px) scale(1.1)}to{transform:translate(120px,120px) scale(1)}}