:root{--sbw: 0px;--columns: 6;--margin: 16px;--gutter: 8px;--column: calc( (100vw - var(--sbw) - var(--margin) * 2 - var(--gutter) * (var(--columns) - 1)) / var(--columns) );--bg: #000000;--bg-deep: #060606;--card-bg: rgba(255, 255, 255, .04);--text: #f0ece4;--text-muted: rgba(240, 236, 228, .6);--text-dim: rgba(240, 236, 228, .35);--accent: #9b6bff;--accent-hover: #b08aff;--accent-glow: rgba(155, 107, 255, .3);--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .14);--frosted-bg: rgba(0, 0, 0, .5);--frosted-blur: 12px;--font: "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "Fira Code", monospace;--radius-sm: 4px;--radius: 8px;--radius-lg: 16px;--radius-pill: 999px;--ease-expo-out: cubic-bezier(.16, 1.08, .38, .98);--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-reveal: .8s;--duration-fast: .3s;--duration-expand: .5s;--section-py: clamp(60px, 10vh, 96px);--section-px: var(--margin)}html{font-size:min(4.2667vw,20.3px)}@media(min-width:800px){:root{--columns: 24;--margin: 40px;--gutter: 12px}html{font-size:1.1111vw}}@media(min-width:1280px){html{font-size:18.7px}}@media(pointer:fine){:root{--sbw: 17px}}*,*: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);color:var(--text);background:var(--bg);line-height:1.6;overflow-x:hidden}a{color:var(--accent);text-decoration:none;transition:color var(--duration-fast)}a:hover{color:var(--accent-hover)}button{font-family:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}body.no-webgpu{background:#000}body.no-webgpu #bg-canvas{display:none}body.no-webgpu:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 40% 40% at 50% 40%,rgba(155,107,255,.08) 0%,transparent 70%),radial-gradient(ellipse 60% 50% at 45% 45%,rgba(88,60,180,.06) 0%,transparent 60%),radial-gradient(circle at 50% 42%,rgba(200,180,255,.12) 0%,transparent 20%)}.margin-px-1{padding-left:var(--margin);padding-right:var(--margin)}.margin-pl-1{padding-left:var(--margin)}.span-w-3{width:calc(var(--column) * 3 + var(--gutter) * 2)}.span-w-4{width:calc(var(--column) * 4 + var(--gutter) * 3)}.span-w-5{width:calc(var(--column) * 5 + var(--gutter) * 4)}.span-w-6{width:calc(var(--column) * 6 + var(--gutter) * 5)}.span-w-8{width:calc(var(--column) * 8 + var(--gutter) * 7)}.span-w-10{width:calc(var(--column) * 10 + var(--gutter) * 9)}.span-w-12{width:calc(var(--column) * 12 + var(--gutter) * 11)}.span-w-14{width:calc(var(--column) * 14 + var(--gutter) * 13)}.span-w-16{width:calc(var(--column) * 16 + var(--gutter) * 15)}.span-w-18{width:calc(var(--column) * 18 + var(--gutter) * 17)}.span-w-20{width:calc(var(--column) * 20 + var(--gutter) * 19)}.span-w-24{width:calc(var(--column) * 24 + var(--gutter) * 23)}main{position:relative;z-index:2;background:linear-gradient(to bottom,transparent 0vh,rgba(0,0,0,.35) 100vh,rgba(0,0,0,.45) 100%)}.section{position:relative;padding:var(--section-py) var(--section-px)}.section-inner{width:100%;max-width:1100px;margin:0 auto}.section-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin-bottom:1rem}.section-heading{font-size:1.9rem;font-weight:600;color:var(--text);line-height:1.15;letter-spacing:-.02em;margin-bottom:2.5rem}.section-subtitle{color:var(--text-muted);font-size:.75rem;line-height:1.6;margin-top:-1.5rem;margin-bottom:2rem;max-width:32rem}@media(min-width:800px){.section-heading{font-size:2.5rem}}#bg-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.grain-overlay{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}.nav{--nav-scroll: 0;position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1rem var(--margin);background:transparent;border-bottom:1px solid transparent}.nav.scrolled{background:rgba(6,6,6,calc(.35 * var(--nav-scroll)));backdrop-filter:blur(calc(var(--frosted-blur) * var(--nav-scroll)));-webkit-backdrop-filter:blur(calc(var(--frosted-blur) * var(--nav-scroll)));border-bottom-color:rgba(255,255,255,calc(.06 * var(--nav-scroll)))}.nav-brand{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.3rem;font-weight:800;color:var(--text);text-decoration:none;text-transform:uppercase;letter-spacing:.18em;transform:scaleY(.75);transform-origin:center}.nav-accent{display:inline-flex;align-items:center;justify-content:center;width:1.15em;height:1.15em;background:var(--accent);border-radius:50%;color:#fff;font-weight:700;box-shadow:0 0 12px var(--accent-glow)}.nav-links{display:flex;align-items:center;gap:1.4rem}.nav-links a{color:var(--text-muted);font-size:.75rem;text-decoration:none;transition:color var(--duration-fast)}.nav-links a:hover{color:var(--text)}.nav-cta{background:transparent!important;color:var(--accent)!important;border:1px solid var(--accent);padding:.45rem 1.1rem;border-radius:var(--radius-pill);font-weight:600;font-size:.75rem;transition:background var(--duration-fast)}.nav-cta:hover{background:var(--accent)!important;color:#fff!important;box-shadow:0 0 15px #9b6bff40}.nav-burger{display:none;background:none;border:none;color:var(--text);width:44px;height:44px;cursor:pointer;position:relative;-webkit-tap-highlight-color:transparent}.nav-burger span,.nav-burger:before,.nav-burger:after{display:block;width:20px;height:2px;background:var(--text);border-radius:1px;position:absolute;left:6px;transition:transform var(--duration-fast)}.nav-burger:before{content:"";top:15px}.nav-burger span{top:21px}.nav-burger:after{content:"";top:27px}.hero{position:relative;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 var(--margin);overflow:hidden}.hero-content{position:relative;z-index:1;text-align:center;padding-bottom:clamp(3rem,8vh,5.5rem);max-width:50rem}.hero-brand{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:clamp(3rem,8vw,6rem);font-weight:800;color:var(--text);text-transform:uppercase;letter-spacing:.18em;transform:scaleY(.75);transform-origin:center;margin-bottom:1rem}.hero-heading{font-size:clamp(2.4rem,6vw,4.2rem);font-weight:600;color:var(--text);line-height:1.1;letter-spacing:-.03em;margin-bottom:1.2rem}.hero-subtitle{color:var(--text-muted);font-size:clamp(.85rem,1.4vw,1.05rem);line-height:1.6;margin-bottom:2rem}.btn{display:inline-block;font-family:inherit;font-weight:500;text-decoration:none;cursor:pointer;letter-spacing:.04em;transition:all .25s ease}.btn-primary{background:transparent;color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-pill)}.btn-primary:hover{background:var(--accent);color:#fff;box-shadow:0 0 20px #9b6bff4d;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);box-shadow:0 0 10px #9b6bff33}.btn-lg{padding:.75rem 2.4rem;font-size:.85rem;font-size:.9rem}.scroll-indicator{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);color:var(--text-dim);animation:scroll-bounce 2s ease-in-out infinite}@keyframes scroll-bounce{0%,to{opacity:.3;transform:translate(-50%) translateY(0)}50%{opacity:.7;transform:translate(-50%) translateY(8px)}}.marquee-section{padding:clamp(2.5rem,5vh,4rem) 0;overflow:hidden}.marquee-overflow{overflow:hidden;width:100%}.marquee-track{display:inline-flex;gap:var(--gutter);padding-left:var(--margin);animation:marquee 40s linear infinite;will-change:transform}.marquee-track:hover{animation-play-state:paused}.marquee-card{flex:0 0 auto;width:calc(var(--column) * 3 + var(--gutter) * 2);aspect-ratio:4 / 3;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);display:flex;align-items:flex-end;justify-content:center;padding:.75rem;overflow:hidden;transition:border-color var(--duration-fast)}.marquee-card:hover{border-color:var(--border-hover)}.marquee-label{font-size:.65rem;color:var(--text-muted);text-align:center}@media(min-width:800px){.marquee-card{width:calc(var(--column) * 4 + var(--gutter) * 3)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.specs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:2rem}.spec-card{padding:2rem 1.5rem;display:flex;flex-direction:column;gap:.4rem;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.spec-card:nth-child(2n){border-right:none}.spec-value{font-size:2rem;font-weight:700;color:var(--text);letter-spacing:-.02em;line-height:1}.spec-unit{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.specs-detail{color:var(--text-muted);font-size:.72rem;line-height:1.7;max-width:40rem}@media(min-width:800px){.specs-grid{grid-template-columns:repeat(4,1fr)}.spec-card:nth-child(2n){border-right:1px solid var(--border)}.spec-card:nth-child(4n){border-right:none}.spec-card:nth-child(n+3){border-bottom:none}.spec-card{padding:2.5rem 2rem}.spec-value{font-size:2.8rem}}.features-card{background:#9b6bff0d;border:1px solid rgba(155,107,255,.12);border-radius:var(--radius-lg);padding:clamp(1.5rem,3vw,3rem)}.features-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.features-header .section-heading{margin-bottom:0}.accordion-item,.faq-item{border-bottom:1px solid var(--border);position:relative}.accordion-item:last-child,.faq-item:last-child{border-bottom:none}.accordion-item input[type=checkbox],.faq-item input[type=checkbox]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.accordion-item label,.faq-item label{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1.2rem 0;cursor:pointer;user-select:none}.accordion-title{font-size:.9rem;font-weight:600;color:var(--text)}.accordion-chevron,.chevron{display:flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;font-size:1.1rem;color:var(--text-muted);transition:transform var(--duration-expand) var(--ease-expo-out);flex-shrink:0}.accordion-item article,.faq-item article{display:grid;overflow:hidden;grid-template-rows:0fr;transition:grid-template-rows var(--duration-expand) var(--ease-expo-out)}.accordion-body,.faq-answer{min-height:0}.accordion-body p,.faq-answer p{color:var(--text-muted);font-size:.72rem;line-height:1.7;padding-bottom:1.2rem}.accordion-item input:checked~article,.faq-item input:checked~article{grid-template-rows:1fr}.accordion-item input:checked~label .accordion-chevron,.faq-item input:checked~label .chevron{transform:rotate(45deg)}@media(min-width:800px){.accordion-title{font-size:1.1rem}.accordion-item label,.faq-item label{padding:1.5rem 0}}.gallery-grid{display:grid;grid-template-columns:1fr;gap:var(--gutter)}.gallery-item{border-radius:var(--radius);overflow:hidden}.gallery-thumb-wrap{position:relative;aspect-ratio:16 / 10;background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:border-color var(--duration-fast),transform .3s var(--ease-out),box-shadow .3s var(--ease-out)}.gallery-thumb-wrap:hover{border-color:var(--border-hover);transform:scale(1.02);box-shadow:0 8px 32px #0006}.gallery-thumb-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.gallery-name{position:absolute;bottom:0;left:0;right:0;padding:.6rem .8rem;font-size:.65rem;color:var(--text-muted);background:none;pointer-events:none;z-index:4;transition:opacity .4s var(--ease-out)}.gallery-thumb-wrap:hover .gallery-name{opacity:0}.gallery-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#ffffff1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;transition:background var(--duration-fast)}.gallery-play-btn:active{background:#ffffff38}.gallery-lightbox{position:fixed;inset:0;z-index:1000;background:#0000;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .4s var(--ease-out)}.gallery-lightbox.visible{background:#000000d9}.gallery-lightbox iframe{width:90vw;height:56.25vw;max-height:85vh;max-width:calc(85vh * 16 / 9);border:1px solid var(--border);border-radius:16px;pointer-events:none;transform:scale(.85);opacity:0;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s var(--ease-out)}.gallery-lightbox.visible iframe{transform:scale(1);opacity:1}@media(min-width:800px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1280px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}.tech-layout{display:flex;flex-direction:column;gap:2.5rem}.tech-column{flex:1}.tech-heading{font-size:.9rem;font-weight:600;color:var(--text);margin-bottom:.6rem;margin-top:1.5rem}.tech-heading:first-child{margin-top:0}.tech-body{color:var(--text-muted);font-size:.72rem;line-height:1.7}.tech-stats{display:flex;flex-direction:row;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.tech-stat{flex:1;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:.3rem;text-align:center;border-right:1px solid var(--border)}.tech-stat:last-child{border-right:none}.tech-stat-value{font-size:1.6rem;font-weight:700;color:var(--accent);line-height:1}.tech-stat-label{font-size:.6rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}@media(min-width:800px){.tech-layout{flex-direction:row;gap:3rem}.tech-column{flex:3}.tech-stats{flex:1;flex-direction:column}.tech-heading{font-size:1.05rem}}.testimonials{text-align:center}.quote-carousel{position:relative;min-height:8rem;margin-bottom:1.5rem}.quote-item{opacity:0;transform:translateY(10px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out);position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.quote-item.active{opacity:1;transform:translateY(0);position:relative}.quote-text{font-size:clamp(1.1rem,2.2vw,1.7rem);font-weight:500;color:var(--text);line-height:1.4;letter-spacing:-.01em;max-width:36rem;margin-bottom:1rem}.quote-author{font-size:.7rem;color:var(--text-dim);font-style:normal;text-transform:uppercase;letter-spacing:.08em}.quote-dots{display:flex;justify-content:center;gap:.5rem}.quote-dot{width:6px;height:6px;border-radius:50%;border:none;background:var(--text-dim);cursor:pointer;padding:19px;background-clip:content-box;transition:background var(--duration-fast);-webkit-tap-highlight-color:transparent}.quote-dot.active{background:var(--accent);background-clip:content-box}.steps-row{display:flex;flex-direction:column;align-items:center;gap:2rem;position:relative}.step{text-align:center;max-width:20rem;position:relative}.step-number{display:inline-flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;font-size:.8rem;font-weight:600;color:var(--accent);border:2px solid var(--accent);border-radius:50%;background:transparent;margin-bottom:1rem;position:relative;z-index:1}.step-title{font-size:1rem;font-weight:600;color:var(--text);margin-bottom:.5rem}.step-body{color:var(--text-muted);font-size:.72rem;line-height:1.6}@media(min-width:800px){.steps-row{flex-direction:row;justify-content:center;gap:3rem}.steps-row:before{content:"";position:absolute;top:1.6rem;left:20%;right:20%;height:1px;background:var(--border);z-index:0}}.faq-layout{display:flex;flex-direction:column;gap:2rem}.faq-sidebar .section-heading{margin-bottom:0}.faq-item label{font-size:.9rem;font-weight:500;color:var(--text)}.faq-item label span:first-child{flex:1}.chevron{display:flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;font-size:1.1rem;color:var(--text-muted);transition:transform var(--duration-expand) var(--ease-expo-out);flex-shrink:0}@media(min-width:800px){.faq-layout{flex-direction:row}.faq-sidebar{flex:0 0 40%;position:sticky;top:6rem;align-self:flex-start;max-height:calc(100dvh - 8rem)}.faq-accordion{flex:1}.faq-item label{font-size:1.1rem;padding:1.5rem 0}}.cta-section{position:relative;min-height:60vh;display:flex;align-items:center;justify-content:center}.cta-gradient{position:absolute;inset:0;background:radial-gradient(ellipse at center bottom,rgba(155,107,255,.08) 0%,transparent 60%);pointer-events:none}.cta-inner{text-align:center;position:relative;z-index:1}.cta-inner .section-subtitle{margin:-1rem auto 2rem;text-align:center}.footer{display:flex;justify-content:center;gap:1.5rem;padding:2rem var(--margin);color:var(--text-dim);font-size:.7rem;border-top:1px solid var(--border)}.footer a{color:var(--text-dim);transition:color var(--duration-fast)}.footer a:hover{color:var(--text-muted)}.reveal{opacity:0;transform:translateY(40px);transition:opacity var(--duration-reveal) var(--ease-out),transform var(--duration-reveal) var(--ease-out)}.reveal[data-delay="1"]{transition-delay:.1s}.reveal[data-delay="2"]{transition-delay:.2s}.reveal[data-delay="3"]{transition-delay:.3s}.reveal[data-delay="4"]{transition-delay:.4s}.reveal[data-delay="5"]{transition-delay:.5s}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal-fade{opacity:0;transition:opacity var(--duration-reveal) var(--ease-out)}.reveal-fade.revealed{opacity:1}.reveal-scale{opacity:0;transform:scale(.95);transition:opacity var(--duration-reveal) var(--ease-out),transform var(--duration-reveal) var(--ease-out)}.reveal-scale.revealed{opacity:1;transform:scale(1)}#bg-canvas{opacity:0;transition:opacity 1.5s var(--ease-out)}#bg-canvas.loaded{opacity:1}@media(max-width:799px){.nav-links{display:none}.nav-burger{display:block}body.nav-open .nav-links{display:flex;flex-direction:column;position:fixed;inset:56px 0 0;background:#000000f5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:2rem 1.5rem;gap:1.2rem;z-index:99;overflow-y:auto}body.nav-open .nav-links a{display:block;font-size:1rem;color:var(--text)}.section{min-height:0;padding:var(--section-py) var(--margin)}.section-heading{font-size:1.5rem;margin-bottom:1.5rem}.hero{min-height:85dvh}.hero-heading{font-size:2rem}.hero-subtitle{font-size:.85rem}.steps-row{flex-direction:column;gap:1.5rem}.steps-row:before{display:none}.gallery-grid{grid-template-columns:1fr}.faq-layout{flex-direction:column}.footer{flex-direction:column;align-items:center;gap:.5rem}.tech-layout{flex-direction:column}.tech-stats{flex-direction:row}.cfg-split{grid-template-columns:1fr}.cfg-preview-col{position:static}}@media(max-width:480px){.hero{min-height:500px}.hero-heading{font-size:1.8rem}.btn-lg{padding:.7rem 1.8rem;font-size:.85rem}.marquee-card{width:calc(var(--column) * 4 + var(--gutter) * 3)}}
