:root{--color-bg-950:#050505;--color-bg-900:#0a0a0a;--color-bg-800:#141414;--color-bg-700:#1e1e1e;--color-bg-600:#282828;--color-text-50:#f5f5f5;--color-text-100:#e5e5e5;--color-text-200:#ccc;--color-text-300:#a3a3a3;--color-text-400:#8a8a8a;--color-text-500:#7f7f7f;--color-accent-cyan-light:#67f0ff;--color-accent-cyan:#00e5ff;--color-accent-cyan-dark:#00b8d4;--color-accent-magenta-light:#e070ff;--color-accent-magenta:#c050ff;--color-accent-magenta-dark:#9c27b0;--font-mono:"JetBrains Mono","Fira Code","SF Mono","Cascadia Code",ui-monospace,monospace;--font-sans:"Inter","SF Pro",system-ui,-apple-system,sans-serif;--shadow-glow-cyan:0 0 20px rgba(0,229,255,.3);--shadow-card:0 1px 3px rgba(0,0,0,.5);--shadow-card-hover:0 4px 20px rgba(0,0,0,.7);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--duration-glitch:3s;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg-950);color:var(--color-text-200);font-family:var(--font-sans);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased}body:before{background:url(../pexels-haugsveenphoto-1361215.jpg) 50%/cover no-repeat;content:"";inset:0;mix-blend-mode:lighten;opacity:.15;pointer-events:none;position:fixed;z-index:-1}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--color-bg-950)}::-webkit-scrollbar-thumb{background:var(--color-bg-600);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-500)}.page{margin:0 auto;max-width:960px;padding:0 2rem}.landing{display:flex;flex-direction:column;height:100vh;overflow:hidden;padding:8vh 0 7vh}.hero{padding:0;text-align:center}.hero-content{position:relative;z-index:2}.hero h1{color:var(--color-text-50);font-size:4rem;font-weight:700;letter-spacing:-.02em;line-height:1.1}.hero h1,.tagline{font-family:var(--font-mono)}.tagline{color:var(--color-accent-cyan);font-size:1.25rem;margin-top:.5rem}.sub{color:var(--color-text-300);font-family:var(--font-sans);font-size:.875rem;margin-left:auto;margin-right:auto;margin-top:1rem;max-width:560px}.section{padding:2.5rem 0}.section h2{color:var(--color-text-50);font-family:var(--font-mono);font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}.install-section{padding:2.5rem 0 4.5rem;text-align:center}.install-label{color:var(--color-text-500);font-family:var(--font-mono);font-size:.75rem;font-weight:600;letter-spacing:.1em;margin-bottom:.75rem;text-transform:uppercase}.install-hint{color:var(--color-text-500);font-family:var(--font-sans);font-size:.8rem;margin-top:.75rem}.install-hint a{color:var(--color-accent-cyan);text-decoration:none}.install-hint a:hover{color:var(--color-accent-cyan-light)}.install-cmd{align-items:center;background:var(--color-bg-800);border:1px solid var(--color-bg-600);border-radius:6px;color:var(--color-text-50);cursor:pointer;display:inline-flex;font-family:var(--font-mono);font-size:.875rem;gap:1rem;padding:.6rem 1.5rem;transition:background var(--duration-fast) var(--ease-out)}.copy-icon{color:var(--color-text-500);flex-shrink:0;transition:color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.install-cmd:hover .copy-icon{color:var(--color-text-200)}.install-cmd:active{background:var(--color-bg-700)}.install-cmd:active .copy-icon{transform:scale(.8)}.video-section{align-items:center;display:flex;flex:1;justify-content:center;min-height:0}.video-wrapper{aspect-ratio:16/9;border-radius:8px;height:100%;max-height:100%;max-width:100%;overflow:hidden;width:auto}.video-wrapper iframe{display:block;height:100%;width:100%}.card{background:var(--color-bg-800);border:1px solid var(--color-bg-600);border-radius:8px;box-shadow:var(--shadow-card);padding:1.25rem;transition:box-shadow var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out)}.card:hover{border-color:var(--color-bg-600);box-shadow:var(--shadow-card-hover)}.card h3{color:var(--color-text-100);font-family:var(--font-mono);font-size:1rem;font-weight:600;margin-bottom:.5rem}.card p{color:var(--color-text-400);font-family:var(--font-sans);font-size:.875rem;line-height:1.6}.flow{align-items:flex-start;display:flex;gap:.75rem}.flow-step{flex:1}.step-num{align-items:center;background:var(--color-accent-cyan);border-radius:50%;color:var(--color-bg-950);display:flex;font-family:var(--font-mono);font-size:.8rem;font-weight:700;height:28px;justify-content:center;margin-bottom:.75rem;width:28px}.flow-arrow{color:var(--color-text-500);flex-shrink:0;font-size:1.25rem;padding-top:2.5rem}.features{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.code-block{background:var(--color-bg-950);border:1px solid var(--color-bg-700);border-radius:8px;max-width:600px;overflow:hidden}.code-header{background:var(--color-bg-800);border-bottom:1px solid var(--color-bg-700);color:var(--color-text-500);font-family:var(--font-mono);font-size:.75rem;font-weight:600;letter-spacing:.1em;padding:.75rem 1.5rem;text-transform:uppercase}.code-block pre{font-size:.875rem;line-height:1.8;overflow-x:auto;padding:1.25rem 1.5rem}.code-block code{color:var(--color-text-300);font-family:var(--font-mono);font-size:.875rem;line-height:1.5}.c-comment{color:var(--color-text-500)}.c-cmd{color:var(--color-accent-cyan)}.c-string{color:var(--color-accent-magenta)}.footer{color:var(--color-text-500);font-family:var(--font-sans);font-size:.875rem;padding:2.5rem 0;text-align:center}@keyframes glitch{0%,to{clip-path:inset(0 0 0 0);transform:translate(0)}5%{clip-path:inset(40% 0 20% 0);transform:translate(-2px,1px)}10%{clip-path:inset(10% 0 60% 0);transform:translate(2px,-1px)}15%{clip-path:inset(80% 0 0 0);transform:translate(-1px,2px)}20%{clip-path:inset(0 0 0 0);transform:translate(0)}}@keyframes glitch-shadow{0%,to{text-shadow:none}5%{text-shadow:2px 0 var(--color-accent-cyan),-2px 0 var(--color-accent-magenta)}10%{text-shadow:-2px 0 var(--color-accent-cyan),2px 0 var(--color-accent-magenta)}15%{text-shadow:1px 0 var(--color-accent-magenta),-1px 0 var(--color-accent-cyan)}20%{text-shadow:none}}.glitch{animation:glitch var(--duration-glitch) ease-in-out infinite,glitch-shadow var(--duration-glitch) ease-in-out infinite}.scanlines:after{background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.05) 0,rgba(0,0,0,.05) 4px);content:"";inset:0;pointer-events:none;position:absolute;z-index:1}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0}.fade-in.visible{animation:fade-in-up .6s var(--ease-out) forwards}.testimonials{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.landing{position:relative;z-index:1}.testimonial{background:#ffffff1a;border-radius:8px;opacity:.7;padding:1rem;position:absolute;width:200px}.stars{color:var(--color-text-200);font-size:1.1rem;letter-spacing:.1em;margin-top:.25rem}.testimonial p{color:var(--color-text-50);font-family:var(--font-sans);font-size:.85rem;line-height:1.5}.left-1{left:8%;top:12%}.left-2{left:4%;top:42%}.left-3{left:5%;top:72%}.right-1{right:8%;top:8%}.right-2{right:4%;top:38%}.right-3{right:5%;top:68%}.left-1{--r:-2deg}.right-1{--r:1.5deg}.left-2{--r:1deg}.right-2{--r:-1.5deg}.left-3{--r:-.5deg}.right-3{--r:2deg}.testimonial{transform:rotate(var(--r,0deg))}.testimonials{display:none}@media(min-width:1200px){.testimonials{display:block}}@media(prefers-reduced-motion:reduce){.fade-in,.glitch{animation:none!important;opacity:1!important}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(max-width:1024px){.landing{padding:3vh 0 5vh}}@media(max-width:768px){.landing{padding:3.5vh 0 4vh}.hero h1{font-size:2.5rem}.tagline{font-size:1rem}.install-section{padding:1.5rem 0 2rem}.flow{flex-direction:column}.flow-arrow{padding:0;text-align:center;transform:rotate(90deg);width:100%}.features{grid-template-columns:1fr}}