*,:before,:after,::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset: ;--un-shadow:0 0 #0000;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:#93c5fd80;--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.section-shell{max-width:1080px;margin-left:auto;margin-right:auto;padding:5rem 1.25rem}.btn-primary{border-width:2px;border-color:var(--accent-color);background-color:var(--accent-color) ;--un-text-opacity:1;color:rgb(0 0 0/var(--un-text-opacity)) ;letter-spacing:2px;text-transform:uppercase;--un-shadow:0 0 15px var(--un-shadow-color,var(--glow-color));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);justify-content:center;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1.5rem;font-weight:900;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-secondary{border-width:2px;border-color:var(--border-color);color:var(--text-primary) ;letter-spacing:2px;text-transform:uppercase;background-color:#0000;justify-content:center;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1.5rem;font-weight:900;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-secondary:hover{border-color:var(--text-primary);background-color:var(--text-primary) ;color:var(--bg-base) }.btn-primary:hover{background-color:var(--bg-base) ;color:var(--accent-color) ;--un-shadow:0 0 30px var(--un-shadow-color,var(--glow-color));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow)}@media (width>=640px){.section-shell{padding-left:2rem;padding-right:2rem}}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.inset-x-0{left:0;right:0}.top-0{top:0}.isolate{isolation:isolate}.z-30{z-index:30}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.m-0{margin:0}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-20{margin-bottom:5rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mt-12{margin-top:3rem}.mt-24{margin-top:6rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.inline-block{display:inline-block}.h-11{height:2.75rem}.h-18{height:4.5rem}.h1{height:.25rem}.h2{height:.5rem}.h3{height:.75rem}.h4{height:1rem}.max-w-\[500px\]{max-width:500px}.min-h-screen{min-height:100vh}.w-11{width:2.75rem}.w-full{width:100%}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.table{display:table}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-10{gap:2.5rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-\[var\(--border-color\)\]{border-color:var(--border-color)}.hover\:border-\[var\(--text-primary\)\]:hover{border-color:var(--text-primary)}.rounded-md{border-radius:.375rem}.bg-\[var\(--bg-base\)\]{background-color:var(--bg-base) }.bg-\[var\(--nav-bg\)\]{background-color:var(--nav-bg) }.bg-transparent{background-color:#0000}.\!px-5{padding-left:1.25rem!important;padding-right:1.25rem!important}.\!py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.px-\[clamp\(1\.25rem\,4vw\,5rem\)\]{padding-left:clamp(1.25rem,4vw,5rem);padding-right:clamp(1.25rem,4vw,5rem)}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pb-10{padding-bottom:2.5rem}.pt-16{padding-top:4rem}.pt-24{padding-top:6rem}.pt-36{padding-top:9rem}.text-center{text-align:center}.\!text-\[1\.2rem\]{font-size:1.2rem!important}.text-\[0\.85rem\]{font-size:.85rem}.text-\[1\.1rem\]{font-size:1.1rem}.text-\[1\.2rem\]{font-size:1.2rem}.text-\[2\.8rem\]{font-size:2.8rem}.text-\[3rem\]{font-size:3rem}.text-\[4rem\]{font-size:4rem}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.text-\[clamp\(5rem\,15vw\,10rem\)\]{font-size:clamp(5rem,15vw,10rem)}.text-\[var\(--accent-color\)\]{color:var(--accent-color) }.text-\[var\(--border-color\)\]{color:var(--border-color) }.text-\[var\(--text-primary\)\]{color:var(--text-primary) }.text-\[var\(--text-secondary\)\]{color:var(--text-secondary) }.leading-\[0\.85\]{line-height:.85}.leading-\[1\.6\]{line-height:1.6}.leading-\[1\.7\]{line-height:1.7}.leading-\[1\.8\]{line-height:1.8}.leading-none{line-height:1}.tracking-\[1px\]{letter-spacing:1px}.tracking-\[2px\]{letter-spacing:2px}.tracking-\[4px\]{letter-spacing:4px}.uppercase{text-transform:uppercase}.opacity-80{opacity:.8}.outline-none{outline-offset:2px;outline:2px solid #0000}.backdrop-blur-xl{--un-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}@media (width>=768px){.md\:order-1{order:1}.md\:order-2{order:2}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-base:#09090b;--bg-surface:#111113;--bg-surface-hover:#1a1a1e;--text-primary:#fff;--text-secondary:#a1a1aa;--nav-bg:#09090bd1;--border-color:#27272a;--accent-color:#cf0;--accent-hover:#b8e600;--glow-color:#ccff0026;--code-bg:#000;--font-display:"Bebas Neue", sans-serif;--font-mono:"JetBrains Mono", monospace;--font-ui:"Noto Sans SC", sans-serif}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-base:#f4f4f5;--bg-surface:#fff;--bg-surface-hover:#fafafa;--text-primary:#09090b;--text-secondary:#52525b;--nav-bg:#f4f4f5d1;--border-color:#d4d4d8;--accent-color:#84cc16;--accent-hover:#65a30d;--glow-color:#84cc1626;--code-bg:#18181b}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg-base);background-image:radial-gradient(circle at 50% -20%, var(--glow-color) 0%, transparent 60%);min-width:320px;min-height:100vh;color:var(--text-primary);font-family:var(--font-ui);margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img{max-width:100%;display:block}code{font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace}#app{min-height:100vh}.brand-glow{text-shadow:0 0 28px var(--glow-color)}.surface-panel{box-shadow:none}.grid-bg{z-index:-2;pointer-events:none;background-image:linear-gradient(90deg,#ffffff08 1px,#0000 1px),linear-gradient(#ffffff08 1px,#0000 1px);background-size:50px 50px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000 10%,#0000 90%);mask-image:linear-gradient(#000 10%,#0000 90%)}.motion-up,.motion-down{opacity:0;animation-duration:.8s;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:forwards}.motion-up{animation-name:fade-up}.motion-down{animation-name:fade-down}.feature-card{background:var(--bg-surface);border:1px solid var(--border-color);text-align:left;padding:40px 30px;transition:border-color .3s,transform .3s}.feature-card:hover{border-color:var(--accent-color);transform:translateY(-5px)}.terminal-box{background:var(--code-bg);border:1px solid var(--border-color);font-family:var(--font-mono);color:var(--text-secondary);padding:20px;font-size:.9rem;line-height:1.8}.terminal-box .term-header{border-bottom:1px solid var(--border-color);color:var(--accent-color);margin-bottom:15px;padding-bottom:10px;font-size:.8rem;display:block}.terminal-box .prompt{color:#fff}.terminal-box .cmd{color:var(--accent-color)}.terminal-box .ok{color:#5f5}.terminal-box .err{color:#f55}.stat-item h3{font-family:var(--font-display);color:var(--text-primary);letter-spacing:1px;margin:0 0 5px;font-size:4rem;line-height:1}.stat-item p{font-family:var(--font-mono);color:var(--accent-color);text-transform:uppercase;letter-spacing:2px;margin:0;font-size:.9rem}.step-card{border-top:2px solid var(--border-color);padding-top:30px;transition:border-color .3s}.step-card:hover{border-color:var(--accent-color)}.step-card .num{font-family:var(--font-display);color:var(--text-secondary);margin-bottom:20px;font-size:4rem;line-height:1;transition:color .3s}.step-card:hover .num{color:var(--accent-color)}.step-card .ui-img{border:1px solid var(--border-color);opacity:.6;width:100%;margin-top:25px;transition:opacity .3s,border-color .3s;display:block}.step-card:hover .ui-img{opacity:1;border-color:var(--accent-color)}.hero-img-wrapper{perspective:1200px;justify-content:center;margin-top:80px;display:flex}.hero-img{border:1px solid var(--border-color);width:100%;max-width:1000px;box-shadow:0 0 50px var(--glow-color);transition:transform .5s,box-shadow .5s,border-color .5s;transform:rotateX(8deg)}.hero-img:hover{border-color:var(--accent-color);transform:rotateX(0);box-shadow:0 0 80px #ccff0026}.gallery-item{min-height:18rem}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:transform .45s,filter .45s}.gallery-item:hover img{filter:saturate(1.08);transform:scale(1.04)}.gallery-caption{transition:transform .3s;transform:translateY(100%)}.gallery-item:hover .gallery-caption{transform:translateY(0)}.cta-card:before{content:"";background:radial-gradient(circle, var(--glow-color), transparent 70%);pointer-events:none;opacity:.9;border-radius:999px;width:240px;height:240px;position:absolute;inset:-35% auto auto -10%}.code-block{background:var(--code-bg);border:1px solid #ffffff14;box-shadow:inset 0 0 0 1px #ffffff05}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.glitch-hover:hover{animation:.3s glitch}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(2px,-2px)}60%{transform:translate(-1px,-1px)}80%{transform:translate(1px,1px)}to{transform:translate(0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-down{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.stat-item h3{font-size:3rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}