:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}:root{--color-bg-primary: #ffffff;--color-bg-secondary: #f8f8f8;--color-text-primary: #000000;--color-text-secondary: #4a4a4a;--color-accent-cyan: #00d4ff;--color-accent-teal: #00ffc6;--color-accent-orange: #ff6b35;--color-accent-purple: #a855f7;--color-grid: rgba(0, 0, 0, .08)}.landing-container{width:100%;min-height:100vh;background:var(--color-bg-primary);color:var(--color-text-primary);overflow-x:hidden}.hero-section{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:2rem}.hero-content{position:relative;z-index:2;max-width:900px;text-align:center;animation:fadeInUp 1s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.logo-container{margin-bottom:3rem;animation:fadeIn 1s ease-out .2s both}.logo-wrapper{position:relative;display:inline-block;margin-bottom:.75rem}.logo-text{font-size:clamp(3rem,8vw,6rem);font-weight:900;letter-spacing:.15em;background:linear-gradient(135deg,#000,#1a1a1a,#000 60%,#2a2a2a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block;filter:drop-shadow(0 4px 20px rgba(0,0,0,.15))}.logo-underline{position:absolute;bottom:-8px;left:0;width:100%;height:4px;background:linear-gradient(90deg,transparent,#000000,#000000,transparent);border-radius:2px;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.5;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.05)}}.logo-tagline{font-size:clamp(.875rem,1.5vw,1.125rem);color:var(--color-text-secondary);letter-spacing:.3em;text-transform:uppercase;font-weight:500;opacity:.8}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hero-title{font-size:clamp(2.5rem,6vw,5rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem}.title-gradient{background:linear-gradient(135deg,#000,#2a2a2a,#000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp 1s ease-out calc(.3s + var(--delay, 0s)) both}.title-gradient:nth-child(1){--delay: .1s}.title-gradient:nth-child(2){--delay: .2s}.title-gradient:nth-child(3){--delay: .3s}.hero-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:var(--color-text-secondary);margin-bottom:2.5rem;max-width:700px;line-height:1.6;animation:fadeIn 1s ease-out .8s both}.launch-badge{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:#0000000d;border:2px solid rgba(0,0,0,.8);border-radius:50px;animation:fadeIn 1s ease-out 1s both}.pulse-dot{width:10px;height:10px;background:#000;border-radius:50%;animation:pulse 2s ease-in-out infinite;box-shadow:0 0 #000000b3}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #000000b3}50%{transform:scale(1.1);box-shadow:0 0 0 10px #0000}}.launch-text{font-size:1rem;font-weight:600;color:#000;letter-spacing:.05em}.scroll-indicator{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);z-index:2;animation:fadeIn 1.5s ease-out 1.5s both}.scroll-line{width:2px;height:60px;background:linear-gradient(180deg,transparent 0%,#000000 50%,transparent 100%);animation:scrollMove 2s ease-in-out infinite}@keyframes scrollMove{0%,to{transform:translateY(-10px);opacity:0}50%{transform:translateY(10px);opacity:1}}.features-section{position:relative;padding:8rem 2rem;background:var(--color-bg-primary);z-index:3}.feature-card{display:grid;grid-template-columns:1fr 1fr;gap:4rem;max-width:1200px;margin:0 auto 8rem;align-items:center;opacity:0;animation:fadeInUp .8s ease-out forwards;animation-timeline:view();animation-range:entry 0% cover 30%}.feature-card:last-child{margin-bottom:0}.feature-card-reverse{grid-template-columns:1fr 1fr}.feature-card-reverse .feature-content{order:2}.feature-card-reverse .feature-image-wrapper{order:1}.feature-content{padding:2rem}.feature-icon-wrapper{display:inline-flex;padding:1rem;background:#0000000d;border:2px solid rgba(0,0,0,.15);border-radius:16px;margin-bottom:1.5rem;transition:transform .3s ease,background .3s ease,border-color .3s ease}.feature-icon-wrapper:hover{transform:scale(1.1) rotate(5deg);background:#00000014;border-color:#0000004d}.feature-icon{width:32px;height:32px;color:#000}.feature-title{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;margin-bottom:1.5rem;color:#000}.feature-description{font-size:1.125rem;line-height:1.8;color:var(--color-text-secondary)}.feature-visual-wrapper{position:relative;border-radius:20px;overflow:hidden;height:400px;box-shadow:0 10px 40px #0000001a;transition:transform .3s ease,box-shadow .3s ease;border:2px solid rgba(0,0,0,.1);background:linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(0deg,rgba(0,0,0,.03) 1px,transparent 1px);background-size:30px 30px;animation:gridMoveSlow 30s linear infinite;display:flex}@keyframes gridMoveSlow{0%{background-position:0 0,0 0}to{background-position:30px 30px,30px 30px}}.feature-visual-wrapper:hover{transform:translateY(-10px);box-shadow:0 20px 60px #00000026;border-color:#0003}.feature-visual-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background-size:200% 200%;animation:gradientShift 8s ease infinite;mix-blend-mode:multiply}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.footer{background:var(--color-bg-secondary);padding:1rem;border-top:2px solid rgba(0,0,0,.1)}.footer-content{max-width:1200px;margin:0 auto;text-align:center}.footer-logo{font-size:1.5rem;font-weight:800;letter-spacing:.15em;color:#000;margin-bottom:1rem}.footer-text{font-size:1rem;color:var(--color-text-secondary);margin-bottom:1rem}.footer-divider{width:60px;height:2px;background:linear-gradient(90deg,transparent,#000000,transparent);margin:2rem auto}.footer-copyright{font-size:.875rem;color:var(--color-text-secondary);opacity:.6}@media(max-width:768px){.feature-card,.feature-card-reverse{grid-template-columns:1fr;gap:2rem}.feature-card-reverse .feature-content{order:1}.feature-card-reverse .feature-image-wrapper{order:2}.feature-image-wrapper{height:300px}.hero-title{font-size:2.5rem}.features-section{padding:4rem 1rem}.feature-card{margin-bottom:4rem}}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(0,0,0,.12) 1px,transparent 1px),linear-gradient(0deg,rgba(0,0,0,.12) 1px,transparent 1px);background-size:50px 50px;background-position:0 0,0 0;animation:gridDrift 18s linear infinite,pulseGlow 6s ease-in-out infinite alternate;z-index:0;filter:brightness(.9)}@keyframes gridDrift{0%{background-position:0 0,0 0}to{background-position:100px 100px,100px 100px}}@keyframes pulseGlow{0%{opacity:.9;filter:brightness(1)}to{opacity:1;filter:brightness(1.2)}}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#ffffffd9,#f0f0f0cc 40%,#ffffffe6),linear-gradient(135deg,#0000000d,#ffffff0d);mix-blend-mode:overlay;animation:overlayDrift 12s ease-in-out infinite alternate;z-index:1}@keyframes overlayDrift{0%{background-position:0% 50%}to{background-position:100% 50%}}.feature-image{width:100%;height:100%;object-fit:cover;display:block;position:relative;z-index:1;flex-shrink:0}