:root{--bg-white: #ffffff;--bg-tint: #f5f5f7;--bg-tint-2: #e8e8ed;--bg-black: #000000;--bg-dark-grey: #1d1d1f;--text-primary: #1d1d1f;--text-secondary: #6e6e73;--text-tertiary: #a1a1a6;--text-on-dark: #f5f5f7;--blue: #0071e3;--blue-dark: #0077ed;--indigo: #5e5ce6;--border-light: rgba(0, 0, 0, .08);--border-dark: rgba(255, 255, 255, .12);--glass-border: rgba(255, 255, 255, .2);--card-shadow: 0 4px 12px rgba(0, 0, 0, .05);--card-shadow-lg: 0 12px 32px rgba(0, 0, 0, .12);--float-shadow: 0 20px 60px rgba(0, 0, 0, .18);--radius-sm: 12px;--radius: 20px;--radius-lg: 30px;--section-padding: 100px;--container-width: 1100px;--ease: cubic-bezier(.4, 0, .2, 1);--transition-fast: .2s var(--ease);--transition-base: .3s var(--ease);--card-transition: all .4s var(--ease);--ls-heading: -.015em;--ls-tight: -.022em}@keyframes heroSlideUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes meshPulse{0%{opacity:.6}to{opacity:1}}.reveal{opacity:0;transform:translateY(28px);transition:opacity .6s var(--ease),transform .6s var(--ease)}.reveal.scale-up{transform:scale(.97) translateY(20px)}.reveal.is-visible{opacity:1;transform:translate(0) scale(1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,system-ui,Helvetica Neue,Arial,sans-serif;line-height:1.47059;font-weight:400;letter-spacing:-.022em;color:var(--text-primary);background:var(--bg-white)}h1,h2,h3,h4,h5,h6{letter-spacing:var(--ls-heading);line-height:1.1;font-weight:600}nav{position:sticky;top:0;z-index:1000;height:52px;background:#ffffffb8;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border-light);transition:background var(--transition-base)}nav.scrolled{background:#ffffffe0}.nav-container{max-width:var(--container-width);margin:0 auto;padding:0 1.5rem;height:100%;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.625rem;font-size:1.2rem;font-weight:600;color:var(--text-primary);text-decoration:none;letter-spacing:-.03em}.logo-image img{height:24px;width:auto;display:block}.nav-links{display:flex;gap:1.5rem;align-items:center}.nav-links a{text-decoration:none;color:var(--text-primary);font-size:.75rem;font-weight:400;opacity:.8;transition:opacity var(--transition-fast)}.nav-links a:not(.cta-button):hover{opacity:1}.cta-button{background:var(--blue);color:#fff!important;padding:.4rem .9rem;border-radius:980px;font-size:.75rem;font-weight:400;opacity:1!important;transition:background var(--transition-fast),transform var(--transition-fast)}.cta-button:hover{background:var(--blue-dark)}.cta-button:active{transform:scale(.97)}.hero{position:relative;min-height:100svh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;color:#fff;background:#000;padding:5rem 1.5rem}.hero:before,.hero:after{content:"";position:absolute;inset:0;pointer-events:none}.hero:before{z-index:1;background:radial-gradient(circle at 15% 25%,rgba(0,113,227,.18) 0%,transparent 45%),radial-gradient(circle at 85% 35%,rgba(94,92,230,.12) 0%,transparent 40%),radial-gradient(circle at 50% 80%,rgba(0,113,227,.1) 0%,transparent 50%);filter:blur(60px);animation:meshPulse 12s ease-in-out infinite alternate}.hero:after{z-index:2;background:radial-gradient(circle at 75% 75%,rgba(94,92,230,.08) 0%,transparent 35%),radial-gradient(circle at 25% 85%,rgba(0,113,227,.06) 0%,transparent 30%);filter:blur(40px);animation:meshPulse 15s ease-in-out infinite alternate-reverse}.hero.about{min-height:60vh}.hero.about:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0006,#000c),url(../assets/hero-about.jpg) center/cover no-repeat;opacity:.6;z-index:0}.hero-container{position:relative;z-index:3;max-width:800px;margin:0 auto}.hero h1{font-size:clamp(3rem,8vw,5rem);font-weight:700;letter-spacing:var(--ls-tight);line-height:1.05;margin-bottom:1.5rem;animation:heroSlideUp 1s var(--ease) both}.hero p{font-size:clamp(1.25rem,2.5vw,1.5rem);color:var(--text-on-dark);opacity:.7;max-width:640px;margin:0 auto 3rem;font-weight:400;animation:heroSlideUp 1s var(--ease) .2s both}.btn-primary{display:inline-flex;align-items:center;background:var(--blue);color:#fff;padding:1.1rem 2.2rem;border-radius:980px;text-decoration:none;font-size:1.0625rem;font-weight:500;transition:all var(--transition-base);animation:heroSlideUp 1s var(--ease) .4s both}.btn-primary:hover{background:var(--blue-dark);transform:scale(1.02)}.btn-primary:active{transform:scale(.98)}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:var(--ls-tight);color:var(--text-primary);margin-bottom:1rem}.section-header p{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.value-props{padding:var(--section-padding) 1.5rem;background:var(--bg-white)}.props-container{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:var(--container-width);margin:0 auto}.prop-card{background:var(--bg-tint);border-radius:var(--radius);padding:3rem 2rem;text-align:left;transition:var(--card-transition);border:1px solid transparent}.prop-card:hover{background:var(--bg-white);transform:translateY(-5px);box-shadow:var(--card-shadow-lg);border-color:var(--border-light)}.prop-image{width:64px;height:64px;background:var(--bg-white);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:2rem;box-shadow:var(--card-shadow);transition:transform var(--transition-base)}.prop-image img{width:32px;height:32px;object-fit:contain}.prop-card:hover .prop-image{transform:scale(1.1) rotate(-3deg)}.prop-card h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.prop-card p{color:var(--text-secondary);font-size:1.0625rem;line-height:1.5;font-weight:400}.screenshot-carousel{background:var(--bg-tint);padding:var(--section-padding) 1.5rem;overflow:hidden}.carousel-container{max-width:var(--container-width);margin:0 auto}.carousel-wrapper{position:relative;margin:3rem 0;display:flex;align-items:center;gap:1.5rem}.carousel-track-container{overflow:hidden;flex:1;border-radius:var(--radius-lg);box-shadow:0 30px 100px #0000001f;background:#000;position:relative}.carousel-track{display:flex;transition:transform .9s cubic-bezier(.65,0,.35,1)}.carousel-slide{min-width:100%;position:relative;overflow:hidden;aspect-ratio:16/10}.carousel-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.5) 0%,transparent 50%);pointer-events:none;z-index:1}.carousel-image-wrapper img{width:100%;height:100%;display:block;object-fit:cover;transition:transform 12s ease-out;opacity:.95}.carousel-slide.active .carousel-image-wrapper img{transform:scale(1.08)}.carousel-caption{position:absolute;bottom:2rem;left:2rem;right:2rem;padding:2rem;background:#000000a6;backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius);color:#fff;transform:translateY(30px);opacity:0;transition:all .8s var(--ease) .2s;pointer-events:none;z-index:2}.carousel-slide.active .carousel-caption{transform:translateY(0);opacity:1}.carousel-caption h3{font-size:1.5rem;margin-bottom:.5rem;color:#fff;font-weight:600;letter-spacing:var(--ls-heading)}.carousel-caption p{font-size:1.0625rem;color:#ffffffd9;font-weight:400;line-height:1.4}.carousel-btn{width:52px;height:52px;border-radius:50%;border:none;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);z-index:10;box-shadow:0 4px 12px #00000014}.carousel-btn:hover{background:#fff;transform:scale(1.1);box-shadow:0 8px 24px #0000001f}.carousel-btn:active{transform:scale(.95)}.carousel-indicators{display:flex;justify-content:center;gap:.75rem;margin-top:2.5rem}.indicator{width:8px;height:8px;border-radius:50%;border:none;background:#0000001a;cursor:pointer;transition:all var(--transition-base)}.indicator.active{width:32px;border-radius:4px;background:var(--text-primary)}@media(max-width:768px){.carousel-wrapper{gap:.75rem}.carousel-btn{display:none}.carousel-caption{bottom:1.25rem;left:1.25rem;right:1.25rem;padding:1.5rem;background:#000000bf}.carousel-caption h3{font-size:1.25rem}.carousel-caption p{font-size:.9375rem}}.features{background:var(--bg-white);padding:var(--section-padding) 1.5rem}.features-grid{max-width:var(--container-width);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.feature-box{background:var(--bg-tint);border-radius:var(--radius);padding:2.5rem;transition:var(--card-transition);border:1px solid transparent}.feature-box:hover{background:var(--bg-white);transform:translateY(-5px);box-shadow:var(--card-shadow-lg);border-color:var(--border-light)}.feature-image{width:48px;height:48px;margin-bottom:1.5rem;transition:transform var(--transition-base)}.feature-image img{width:100%;height:100%;object-fit:contain}.feature-box:hover .feature-image{transform:scale(1.1)}.feature-box h4{font-size:1.25rem;margin-bottom:.75rem;color:var(--text-primary)}.feature-box p{font-size:1rem;color:var(--text-secondary);line-height:1.5}.open-source{background:var(--bg-black);padding:var(--section-padding) 1.5rem;color:#fff}.open-source h2{text-align:center;margin-bottom:1rem}.open-source p.subtitle{text-align:center;max-width:600px;margin:0 auto 4rem;opacity:.6;font-size:1.25rem}.open-source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:var(--container-width);margin:0 auto}.open-source-card{background:#ffffff0a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-dark);border-radius:var(--radius);padding:3rem 2rem;transition:var(--card-transition)}.open-source-card:hover{background:#ffffff14;transform:translateY(-5px);border-color:var(--glass-border)}.open-source-image{width:56px;height:56px;margin-bottom:2rem;opacity:.9}.open-source-image img{width:100%;height:100%;object-fit:contain}.open-source-card h3{font-size:1.5rem;margin-bottom:1rem}.open-source-card p{color:#fff9;line-height:1.6}.technology{background:var(--bg-tint);padding:var(--section-padding) 1.5rem}.tech-header h2{text-align:center;margin-bottom:1rem}.tech-header p{text-align:center;max-width:640px;margin:0 auto 4rem;color:var(--text-secondary)}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;max-width:var(--container-width);margin:0 auto 3rem}.tech-item{background:var(--bg-white);border-radius:var(--radius);padding:2rem;text-align:center;transition:var(--card-transition);border:1px solid transparent}.tech-item:hover{transform:translateY(-5px);box-shadow:var(--card-shadow-lg);border-color:var(--border-light)}.tech-image{width:48px;height:48px;margin:0 auto 1.25rem}.tech-image img{width:100%;height:100%;object-fit:contain}.tech-item h4{font-size:1rem;margin-bottom:.25rem}.tech-item p{font-size:.75rem;color:var(--text-secondary);font-weight:400}.tech-benefits{background:var(--bg-white);border-radius:var(--radius-lg);padding:4rem;max-width:var(--container-width);margin:0 auto;box-shadow:var(--card-shadow)}.tech-benefits h3{text-align:center;margin-bottom:3rem;font-size:1.5rem}.benefits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem}.benefit-item{display:flex;gap:1.5rem}.benefit-icon{font-size:1.5rem}.benefit-text strong{display:block;margin-bottom:.25rem;font-size:1.125rem}.benefit-text{font-size:1rem;color:var(--text-secondary);line-height:1.5}.demo-section{position:relative;padding:120px 1.5rem;background:#000;overflow:hidden}.demo-section:before{content:"";position:absolute;inset:0;background:url(../assets/hero-alt.png) center/cover no-repeat;opacity:.4;filter:grayscale(1)}.demo-content{position:relative;z-index:2;max-width:700px;margin:0 auto;text-align:center;background:#ffffff1a;-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:5rem 3rem;color:#fff}.demo-content h2{font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:1.5rem}.demo-content p{font-size:1.25rem;margin-bottom:3rem;opacity:.7;line-height:1.6}.submit-btn{display:inline-flex;background:#fff;color:#000;padding:1rem 2.5rem;border-radius:980px;text-decoration:none;font-size:1.125rem;font-weight:500;transition:all var(--transition-base)}.submit-btn:hover{transform:scale(1.05);box-shadow:0 0 40px #fff3}footer{background:var(--bg-tint);padding:5rem 1.5rem 3rem;color:var(--text-secondary)}.footer-content{max-width:var(--container-width);margin:0 auto}.footer-logo{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:3rem;color:var(--text-primary);font-weight:600;font-size:1.25rem;text-decoration:none}.footer-logo img{height:24px}.footer-bottom{border-top:1px solid var(--border-light);padding-top:2rem;text-align:center;font-size:.75rem;opacity:.6}@media(max-width:1024px){.props-container,.features-grid,.open-source-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){:root{--section-padding: 60px}.props-container,.features-grid,.open-source-grid,.benefits-grid{grid-template-columns:1fr}.tech-benefits{padding:2rem}.demo-content{padding:3rem 1.5rem}}