body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1e293b;color:#f8fafc;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:700;letter-spacing:-1px}code{font-family:Pixeled,Courier New,monospace}.ca-header{background-color:#165dff;color:#fff;font-size:.9rem;font-weight:700;left:0;padding:.25rem 2rem;position:fixed;right:0;text-align:left;top:0;z-index:1001}.ca-header-content{margin:0 auto;max-width:1280px}.navbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border-bottom:none;left:0;padding:1rem 2rem;position:fixed;right:0;top:28px;transition:all .3s ease;z-index:1000}.navbar.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bf2;border-bottom:1px solid #165dff33}.nav-content{justify-content:space-between;margin:0 auto;max-width:1280px}.logo,.nav-content{align-items:center;display:flex}.logo{color:#f8fafc;font-size:1.5rem;font-weight:700;gap:.5rem;text-decoration:none}.pixel-logo{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:40px;width:40px}.pixel{border-radius:2px;transition:all .3s ease}.pixel:hover{animation:pixelExplosion .5s ease-out;transform:scale(1.2) rotate(180deg)}@keyframes pixelExplosion{0%{transform:scale(1)}50%{opacity:.8;transform:scale(2) rotate(180deg)}to{opacity:1;transform:scale(1.2) rotate(180deg)}}.nav-links{align-items:center;display:flex;gap:2rem}.nav-links a{color:#f8fafc;font-weight:500;position:relative;text-decoration:none;transition:color .3s ease}.nav-links a:hover{color:#165dff}.nav-links a:after{background:linear-gradient(90deg,#165dff,#36d399);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-links a:hover:after{animation:pixelProgress .3s ease-out;width:100%}@keyframes pixelProgress{0%{background:#165dff}to{background:linear-gradient(90deg,#165dff,#36d399)}}.cta-button{background:linear-gradient(135deg,#165dff,#36d399);border:none;border-radius:8px;color:#f8fafc;cursor:pointer;font-weight:600;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:transform .3s ease}.cta-button:before{background:#f8fafc33;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.cta-button:hover:before{left:100%}.cta-button:hover{transform:scale(1.05)}.mobile-menu-toggle{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:none;flex-direction:column;gap:4px;justify-content:center;min-height:44px;min-width:44px;padding:12px;transition:background-color .3s ease;z-index:1001}.mobile-menu-toggle:active,.mobile-menu-toggle:hover{background:#165dff1a}.hamburger-line{background:#f8fafc;border-radius:2px;height:3px;transform-origin:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:24px}.mobile-menu-toggle.active .hamburger-line:first-child{background:#36d399;transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity:0;transform:scale(0)}.mobile-menu-toggle.active .hamburger-line:nth-child(3){background:#36d399;transform:rotate(-45deg) translate(7px,-6px)}.mobile-nav-overlay{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bfa;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:28px;transform:translateY(-100%);transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden;z-index:999}.mobile-nav-overlay.active{opacity:1;transform:translateY(0);visibility:visible}.mobile-nav-overlay a{border:1px solid #0000;border-radius:12px;color:#f8fafc;font-size:1.25rem;font-weight:500;margin:.5rem 0;padding:1rem 2rem;position:relative;text-align:center;text-decoration:none;transition:all .3s ease;width:280px}.mobile-nav-overlay a:before{background:linear-gradient(135deg,#165dff1a,#36d3991a);border-radius:12px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.mobile-nav-overlay a:active:before,.mobile-nav-overlay a:hover:before{opacity:1}.mobile-nav-overlay a:active,.mobile-nav-overlay a:hover{border-color:#36d3994d;color:#36d399;transform:scale(1.02)}.mobile-nav-overlay .cta-button{background:linear-gradient(135deg,#165dff,#36d399);border:none;border-radius:12px;color:#f8fafc;font-size:1.1rem;font-weight:600;margin-top:2rem;padding:1rem 2rem;transition:all .3s ease;width:280px}.mobile-nav-overlay .cta-button:active,.mobile-nav-overlay .cta-button:hover{box-shadow:0 10px 30px #165dff66;transform:scale(1.05)}.cta-button,.expand-button,.filter-btn,.learn-more-button,.primary-button,.secondary-button{-webkit-tap-highlight-color:transparent;min-height:44px;touch-action:manipulation;-webkit-user-select:none;user-select:none}.cta-button:active,.expand-button:active,.filter-btn:active,.learn-more-button:active,.primary-button:active,.secondary-button:active{transform:scale(.98);transition:transform .1s ease}.hero{align-items:center;background:radial-gradient(ellipse at center top,#165dff26 0,#1e293bcc 40%,#1e293b 100%),linear-gradient(135deg,#36d3990d,#ff6b9b0d 50%,#ffd7000d);display:flex;min-height:100vh;overflow:hidden;padding:8rem 2rem 4rem;position:relative}.hero:before{animation:backgroundFloat 15s ease-in-out infinite;background-image:radial-gradient(circle at 20% 20%,#165dff1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#36d3991a 0,#0000 50%),radial-gradient(circle at 60% 40%,#ff6b9b14 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}@keyframes backgroundFloat{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-10px) rotate(1deg)}66%{transform:translateY(10px) rotate(-1deg)}}.hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1280px;padding:0 2rem}.hero-text h1{-webkit-text-fill-color:#0000;animation:textGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#f8fafc,#165dff 50%,#36d399);background-clip:text;-webkit-background-clip:text;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.2;margin-bottom:1.5rem;text-shadow:0 4px 8px #0000004d}@keyframes textGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.1)}}.hero-text p{color:#f8fafce6;font-size:1.25rem;line-height:1.6;margin-bottom:2rem;text-shadow:0 2px 4px #0003}.button-group{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.primary-button{border-radius:8px;overflow:hidden;position:relative;transition:transform .3s ease}.primary-button:before{background:#f8fafc33;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.primary-button:hover:before{left:100%}.primary-button:hover{transform:scale(1.05)}.secondary-button{border:2px solid #165dff99;border-radius:8px;color:#f8fafc;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.secondary-button:before{background:linear-gradient(135deg,#165dff1a,#36d3991a);content:"";height:100%;left:0;position:absolute;top:0;transition:width .4s ease;width:0;z-index:-1}.secondary-button:hover{box-shadow:0 8px 24px #36d39933;color:#36d399;transform:translateY(-2px)}.secondary-button:hover:before{width:100%}.brain-container,.hero-visual{align-items:center;display:flex;justify-content:center}.brain-container{height:300px;position:relative;width:300px}.brain-aura{animation:auraExpand 4s ease-in-out infinite;background:radial-gradient(circle,#165dff33 0,#36d3991a 30%,#ff6b9b0d 60%,#0000 100%);border-radius:50%;height:350px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:350px;z-index:-1}@keyframes auraExpand{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:.3;transform:translate(-50%,-50%) scale(1.2)}}.pixel-brain{grid-gap:3px;animation:rotate 20s linear infinite;display:grid;gap:3px;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(5,1fr);height:200px;transform-style:preserve-3d;width:200px}.brain-pixel{animation:pixelPulse 2s ease-in-out infinite;border-radius:3px;box-shadow:0 2px 8px #0000004d;height:100%;position:relative;transition:all .3s ease;width:100%}.brain-pixel:after{background:linear-gradient(45deg,#f8fafc4d,#0000);border-radius:inherit;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.brain-pixel:hover:after{opacity:1}@keyframes pixelPulse{0%,to{box-shadow:0 0 5px #165dff4d;opacity:.3;transform:scale(1)}50%{box-shadow:0 0 15px #165dffcc;opacity:1;transform:scale(1.2)}}.container{margin:0 auto;max-width:1280px;padding:0 2rem}.problem-statement{background:linear-gradient(135deg,#1e293bf2,#165dff0d 50%,#1e293bf2);padding:6rem 2rem;position:relative}.problem-statement h2{color:#f8fafc;font-size:clamp(32px,4vw,48px);line-height:1.3;margin-bottom:3rem;text-align:center}.problem-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.problem-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bcc;border:1px solid #ff6b9b33;border-radius:12px;padding:2rem;text-align:center;transition:all .4s ease}.problem-item:hover{border-color:#ff6b9b66;box-shadow:0 12px 32px #ff6b9b26;transform:translateY(-4px)}.problem-icon{display:block;filter:grayscale(.3);font-size:2.5rem;margin-bottom:1rem;transition:filter .3s ease}.problem-item:hover .problem-icon{animation:iconPulse .6s ease;filter:grayscale(0)}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.solution{background:#1e293b;padding:5rem 0}.solution h2{color:#f8fafc;font-size:clamp(32px,4vw,48px);line-height:1.3;margin-bottom:3rem;text-align:center}.solution-demo{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin-top:3rem}.demo-card{background:#165dff1a;border:1px solid #165dff33;border-radius:12px;padding:2rem;text-align:center}.demo-visual{background:#1a1a2e;border-radius:12px;height:400px;overflow:hidden;position:relative;width:100%}.demo-visual.traditional{align-items:center;background:#f5f5f5;display:flex;justify-content:center;padding:20px}.traditional{background:#6b72801a}.pixelmind{background:#165dff1a}.static-text{color:#333;font-size:16px;line-height:1.6}.static-text ol{margin-top:10px;padding-left:20px}.static-text li{margin-bottom:8px}.interactive-3d{position:relative}.dna-helix{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(10,1fr)}.nucleotide{animation:dnaFloat 2s ease-in-out infinite;border-radius:2px;height:12px;width:12px}@keyframes dnaFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.interaction-hint{bottom:-30px;color:#36d399;font-size:.9rem;left:50%;position:absolute;transform:translateX(-50%)}.features{background:#1e293b;padding:5rem 0}.features h2{color:#f8fafc;font-size:clamp(32px,4vw,48px);line-height:1.3;margin-bottom:3rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bcc;border:1px solid #165dff33;border-radius:12px;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.feature-card:before{background:linear-gradient(135deg,#165dff1a,#36d3990d 50%,#ff6b9b0d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease;z-index:-1}.feature-card:hover:before{opacity:1}.feature-card:hover{border-color:#36d39966;box-shadow:0 16px 48px #165dff33;transform:translateY(-8px) scale(1.02)}.feature-icon{animation:iconBounce 2s ease-in-out infinite;display:block;font-size:3rem;margin-bottom:1rem}@keyframes iconBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.05)}}.feature-card h3{color:#f8fafc;font-size:1.5rem;margin-bottom:1rem}.feature-card p{color:#f8fafc;line-height:1.6}.featured-showcases{background:#1e293b;padding:5rem 0}.showcases-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(2,1fr);margin-top:2rem}.showcase-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1e293be6;border:1px solid #165dff4d;border-radius:16px;padding:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.showcase-card:before{background:linear-gradient(135deg,#165dff14,#36d39914 50%,#ff6b9b14);bottom:0;transition:opacity .4s ease;z-index:-1}.showcase-card:hover{border-color:#36d39980;box-shadow:0 20px 60px #165dff40;transform:translateY(-12px) scale(1.03)}.showcase-visual{align-items:center;background:#165dff0d;display:flex;height:400px;justify-content:center;margin-bottom:.5rem;width:100%}.showcase-demo{height:100%}.showcase-card h3{color:#f8fafc;font-size:1.25rem;margin:0;padding:1rem}.showcase-card p{color:#94a3b8;font-size:1rem;margin:0;padding:0 1rem}.showcase-actions{justify-content:flex-end}.learn-more-button{border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.learn-more-button:hover{transform:translateY(-2px)}@media (max-width:768px){.showcase-actions{justify-content:center}.learn-more-button{text-align:center;width:100%}.nav-links{display:none}.mobile-menu-toggle{display:flex}.logo span{font-size:1.2rem}.pixel-logo{height:32px;width:32px}.navbar{padding:.75rem 1rem;top:28px}.navbar.scrolled{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1e293bfa}.mobile-nav-overlay{top:28px}.hero{min-height:90vh;padding:7rem 0 4rem}.hero-content{flex-direction:column;gap:3rem;padding:0 1rem;text-align:center}.hero-text h1{font-size:clamp(28px,8vw,40px);line-height:1.2;margin-bottom:1.5rem}.hero-text p{font-size:clamp(16px,4vw,18px);line-height:1.6;margin-bottom:2rem;max-width:100%}.button-group{align-items:center;flex-direction:column;gap:1rem;width:100%}.primary-button,.secondary-button{font-size:1rem;max-width:280px;padding:1rem 2rem;text-align:center;width:100%}.brain-container{height:200px;margin:0 auto;max-width:280px}.pixel-brain{height:100%;width:100%}.brain-pixel{height:12px;width:12px}.container{max-width:100%;padding:0 1rem}.problem-grid{gap:2rem;grid-template-columns:1fr;margin-top:2rem}.problem-item{padding:2rem 1.5rem;text-align:center}.problem-icon{font-size:3rem;margin-bottom:1rem}.features-grid{gap:1.5rem;grid-template-columns:1fr}.feature-card{padding:2rem 1.5rem;text-align:center}.feature-icon{font-size:3rem;margin-bottom:1rem}.solution-demo{flex-direction:column;gap:2rem}.demo-card{max-width:none;width:100%}.tech-cta{flex-direction:column;gap:1.5rem;text-align:center}.showcases-grid{gap:2rem;grid-template-columns:1fr}.mobile-nav-overlay{gap:1.5rem;padding:6rem 2rem 2rem}.mobile-nav-overlay a{border-bottom:1px solid #165dff1a;font-size:1.1rem;padding:1rem 0}.mobile-nav-overlay .cta-button{margin-top:1rem;max-width:280px;padding:1rem 2rem;width:100%}}@media (max-width:480px){.navbar{padding:.5rem 1rem}.logo span{font-size:1.1rem}.pixel-logo{gap:1px;height:28px;width:28px}.hero{min-height:85vh;padding:5rem 0 3rem}.hero-content{gap:2rem;padding:0 .75rem}.hero-text h1{font-size:clamp(24px,7vw,32px);margin-bottom:1rem}.hero-text p{font-size:clamp(14px,4vw,16px);margin-bottom:1.5rem}.button-group{gap:.75rem}.primary-button,.secondary-button{font-size:.95rem;max-width:100%;padding:.875rem 1.5rem}.page-hero{padding:4rem 0 3rem}.page-hero h1{font-size:clamp(24px,6vw,32px);margin-bottom:1rem}.page-hero p{font-size:clamp(14px,4vw,16px)}.container{padding:0 .75rem}.brain-container{height:160px;max-width:240px}.brain-pixel{height:10px;width:10px}.problem-item{padding:1.5rem 1rem}.problem-icon{font-size:2.5rem}.feature-card{padding:1.5rem 1rem}.feature-icon{font-size:2.5rem}.mobile-nav-overlay{gap:1rem;padding:5rem 1.5rem 2rem}.mobile-nav-overlay a{font-size:1rem;padding:.875rem 0}.mobile-nav-overlay .cta-button{font-size:.95rem;padding:.875rem 1.5rem}}@media (max-width:768px) and (orientation:landscape){.hero{min-height:100vh;padding:4rem 0 2rem}.hero-content{align-items:center;flex-direction:row;gap:2rem}.hero-text{flex:1 1;text-align:left}.brain-container{flex:0 0 200px;height:150px}.button-group{flex-direction:row;gap:1rem;justify-content:flex-start}.primary-button,.secondary-button{min-width:140px;width:auto}}@media (min-width:481px) and (max-width:768px){.features-grid,.problem-grid,.showcases-grid{gap:2rem;grid-template-columns:repeat(2,1fr)}.solution-demo{flex-direction:row;gap:2rem}.demo-card{flex:1 1}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#1e293b}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#165dff,#36d399);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#36d399,#ff6b9b)}::selection{background-color:#165dff;color:#f8fafc}.footer{background:#0f1419;border-top:1px solid #165dff33;margin-top:4rem;padding:4rem 0 2rem}.footer-content{display:flex;flex-direction:column;gap:4rem;margin:0 auto;max-width:1280px;padding:0 2rem}.footer-main{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 2fr}.footer-brand{max-width:400px}.footer-logo{align-items:center;display:flex;gap:.75rem;margin-bottom:1.5rem}.footer-logo .pixel-logo{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:32px;width:32px}.footer-logo .pixel{border-radius:2px;transition:all .3s ease}.footer-logo span{color:#f8fafc;font-size:1.25rem;font-weight:700}.footer-description{color:#f8fafc;font-style:italic;line-height:1.6;margin-bottom:2rem;opacity:.9}.footer-mission h4{color:#36d399;font-size:1.1rem;margin-bottom:1rem}.footer-mission p{color:#f8fafc;line-height:1.6;opacity:.9}.footer-links{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(4,1fr)}.footer-section h4{color:#f8fafc;font-size:1.1rem;font-weight:600;margin-bottom:1.5rem}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section li{margin-bottom:1rem}.footer-section a{color:#f8fafc;display:inline-block;font-size:.95rem;opacity:.8;text-decoration:none;transition:all .3s ease}.footer-section a:hover{color:#36d399;opacity:1;transform:translateX(5px)}.footer-bottom{align-items:flex-start;border-top:1px solid #165dff1a;display:flex;justify-content:space-between;padding-top:2rem}.footer-legal{display:flex;flex-direction:column;gap:1rem}.footer-legal p{color:#f8fafc;font-size:.9rem;margin:0;opacity:.7}.footer-legal-links{display:flex;gap:2rem}.footer-legal-links a{color:#f8fafc;font-size:.9rem;opacity:.7;text-decoration:none;transition:all .3s ease}.footer-legal-links a:hover{color:#36d399;opacity:1}.footer-social{max-width:300px}.footer-social h4{color:#f8fafc;font-size:1.1rem;font-weight:600;margin-bottom:1.5rem}.social-links{display:flex;flex-direction:column;gap:.75rem}.social-link{align-items:center;background:#165dff1a;border:1px solid #165dff33;border-radius:8px;color:#f8fafc;display:flex;font-size:.95rem;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:all .3s ease}.social-link:hover{background:#165dff33;box-shadow:0 8px 20px #165dff33;transform:translateY(-2px)}.social-link span:first-child{font-size:1.2rem}@media (max-width:1024px){.footer-main{gap:3rem;grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(2,1fr)}.footer-bottom{align-items:center;flex-direction:column;gap:2rem;text-align:center}.footer-legal-links{justify-content:center}.footer-social{max-width:none;width:100%}.social-links{margin:0 auto;max-width:300px}}@media (max-width:768px){.footer-links{gap:2rem;grid-template-columns:1fr}.footer-content{padding:0 1rem}.pixel-brain{animation-duration:30s}.brain-pixel{animation-duration:4s}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeSpeed}}@media (max-width:768px){@media (prefers-reduced-motion:reduce){.brain-pixel,.hamburger-line,.mobile-nav-overlay a,.pixel-brain{animation:none;transition:none}}}.expand-button:focus,.filter-btn:focus,.learn-more-button:focus,.mobile-menu-toggle:focus,.primary-button:focus,.secondary-button:focus{outline:2px solid #36d399;outline-offset:2px}.mobile-nav-overlay a:focus{border-color:#36d39980;outline:2px solid #36d399;outline-offset:4px}html{scroll-behavior:smooth}@media (max-width:768px){html{scroll-behavior:auto}}@media (max-width:768px) and (orientation:landscape) and (max-height:500px){.mobile-nav-overlay{justify-content:flex-start;overflow-y:auto;padding:4rem 1rem 2rem}.mobile-nav-overlay a{font-size:1.1rem;margin:.25rem 0;padding:.75rem 1.5rem;width:240px}.mobile-nav-overlay .cta-button{font-size:1rem;margin-top:1rem;padding:.75rem 1.5rem;width:240px}}.experience-now-btn{animation:gradientShift 3s ease infinite;background:linear-gradient(135deg,#165dff,#36d399 50%,#ff6b9b);background-size:200% 200%;box-shadow:0 8px 32px #165dff4d;overflow:hidden;position:relative;transform:translateY(0);transition:all .4s cubic-bezier(.4,0,.2,1)}.experience-now-btn:hover{box-shadow:0 16px 48px #165dff66,0 0 0 1px #f8fafc1a;transform:translateY(-4px) scale(1.05)}.experience-now-btn:active{transform:translateY(-2px) scale(1.02)}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.btn-icon{animation:iconFloat 2s ease-in-out infinite;display:inline-block;margin-right:8px}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.btn-glow{background:linear-gradient(90deg,#0000,#f8fafc66,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .8s ease;width:100%}.experience-now-btn:hover .btn-glow{left:100%}.ai-example{background:linear-gradient(135deg,#1e293bfa,#165dff14 30%,#36d3990d 70%,#1e293bfa);overflow:hidden;padding:6rem 2rem;position:relative}.ai-example:before{animation:backgroundFloat 20s ease-in-out infinite;background-image:radial-gradient(circle at 25% 25%,#165dff26 0,#0000 50%),radial-gradient(circle at 75% 75%,#36d3991a 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.ai-example h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f8fafc,#165dff 50%,#36d399);background-clip:text;-webkit-background-clip:text;font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem;text-align:center}.section-subtitle{color:#f8fafccc;font-size:1.2rem;line-height:1.6;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.section-subtitle em{color:#36d399;font-style:italic;font-weight:600}.example-showcase{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.example-visual{background:#000;border:1px solid #165dff4d;border-radius:16px;box-shadow:0 20px 60px #0000004d;overflow:hidden;position:relative}.example-visual:before{background:linear-gradient(135deg,#165dff1a,#0000 50%,#36d3991a);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.example-description h3{color:#f8fafc;font-size:1.8rem;margin-bottom:1rem}.example-description>p{color:#f8fafce6;font-size:1.1rem;line-height:1.7;margin-bottom:2rem}.example-features{margin-bottom:2rem}.feature-point{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.feature-bullet{animation:iconFloat 2s ease-in-out infinite;min-width:24px}.feature-point p{color:#f8fafccc;line-height:1.5;margin:0}.example-cta{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bcc;border:1px solid #165dff33;border-radius:12px;padding:1.5rem}.cta-text{color:#f8fafce6;line-height:1.6;margin-bottom:1.5rem}.cta-text strong{color:#36d399}@media (max-width:768px){.ai-example{padding:4rem 1rem}.example-showcase{gap:2rem;grid-template-columns:1fr}.example-visual{order:-1}.section-subtitle{font-size:1rem;margin-bottom:2rem}.example-description h3{font-size:1.5rem}.feature-point{gap:.75rem}.feature-bullet{font-size:1rem;min-width:20px}}@media (max-width:480px){.ai-example{padding:3rem 1rem}.example-cta{padding:1rem}.feature-point{margin-bottom:.75rem}}.hero,.page-hero{padding-top:120px}.page-hero{background:linear-gradient(135deg,#1e293b,#334155);padding:120px 0 80px;text-align:center}.page-hero h1{font-size:clamp(40px,5vw,64px);line-height:1.2}.page-hero h1,.page-hero h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#165dff,#36d399 50%,#ff6b9b);-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem}.page-hero h2{font-size:clamp(32px,4vw,48px);line-height:1.3}.page-hero p{color:#f8fafc;font-size:clamp(18px,3vw,22px);line-height:1.6;margin:0 auto;max-width:800px}.demo-container{background:#1a1a1a;border-radius:12px;box-shadow:0 8px 32px #0000004d;overflow:hidden;position:relative;transition:all .3s ease}.demo-container:hover{box-shadow:0 12px 40px #165dff33;transform:translateY(-2px)}.demo-container iframe{border:none;display:block;height:100%;width:100%}.insights-page{min-height:100vh;padding-top:80px}.insights-hero{background:linear-gradient(135deg,#1e293b,#334155);padding:80px 0;text-align:center}.insights-hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#165dff,#36d399 50%,#ff6b9b);-webkit-background-clip:text;background-clip:text;font-size:clamp(40px,5vw,64px);line-height:1.2;margin-bottom:1.5rem}.insights-hero p{color:#f8fafc;font-size:clamp(18px,3vw,22px);line-height:1.6;margin:0 auto;max-width:800px}.insights-content{background:#1e293b;padding:4rem 0}.featured-article{background:#165dff1a;border:1px solid #165dff33;border-radius:16px;margin-bottom:4rem;padding:3rem;transition:all .3s ease}.featured-article:hover{box-shadow:0 20px 40px #165dff33;transform:translateY(-5px)}.featured-label{background:linear-gradient(135deg,#165dff,#36d399);border-radius:20px;color:#f8fafc;display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:1.5rem;padding:.5rem 1rem}.featured-article h2{color:#f8fafc;font-size:clamp(28px,4vw,36px);line-height:1.3;margin-bottom:1rem}.featured-article p{color:#f8fafc;font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.article-meta{align-items:center;color:#36d399;font-size:.95rem;gap:1rem}.article-meta,.article-tags{display:flex;margin-bottom:1.5rem}.article-tags{gap:.5rem}.tag{background:#36d3991a;border:1px solid #36d39933;border-radius:12px;color:#36d399;font-size:.9rem;padding:.25rem .75rem}.read-article-btn{background:linear-gradient(135deg,#165dff,#36d399);border:none;border-radius:8px;color:#f8fafc;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.read-article-btn:hover{box-shadow:0 10px 25px #165dff4d;transform:scale(1.05)}.insights-section h2{color:#f8fafc;font-size:clamp(28px,4vw,36px);line-height:1.3;margin-bottom:2rem}.category-filters{background:#165dff0d;border:1px solid #165dff1a;border-radius:16px;display:flex;flex-wrap:wrap;gap:1rem;margin:2rem 0;padding:1.5rem}.filter-btn{background:#0000;border:1px solid #165dff33;border-radius:25px;color:#94a3b8;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.filter-btn:hover{background:#165dff1a;border-color:#165dff4d;color:#f8fafc}.filter-btn.active{background:linear-gradient(135deg,#165dff33,#36d39933);border-color:#165dff;color:#f8fafc}.articles-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:2rem}.article-card{background:#165dff0d;border:1px solid #165dff1a;border-radius:12px;cursor:pointer;padding:2rem;transition:all .3s ease}.article-card:hover{border-color:#165dff4d;box-shadow:0 15px 35px #165dff33;transform:translateY(-5px)}.article-card h3{color:#f8fafc;font-size:1.5rem;line-height:1.4;margin-bottom:1rem}.article-card p{color:#f8fafc;line-height:1.6;margin-bottom:1.5rem}.article-card .article-meta{margin-bottom:1rem}.article-card .article-tags{margin-bottom:0}.newsletter-signup{background:linear-gradient(135deg,#165dff,#36d399);border-radius:16px;margin-top:4rem;padding:3rem;text-align:center}.newsletter-signup h3{color:#f8fafc;font-size:2rem;margin-bottom:1rem}.newsletter-signup p{color:#f8fafc;font-size:1.1rem;margin-bottom:2rem;opacity:.9}.newsletter-form{display:flex;gap:1rem;margin:0 auto;max-width:400px}.newsletter-input{background:#f8fafc1a;border:1px solid #f8fafc33;border-radius:8px;color:#f8fafc;flex:1 1;font-size:1rem;padding:.75rem 1rem}.newsletter-input::placeholder{color:#f8fafc99}.newsletter-btn{background:#f8fafc;border:none;border-radius:8px;color:#165dff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.newsletter-btn:hover{box-shadow:0 8px 20px #f8fafc4d;transform:scale(1.05)}.about-page{padding-top:80px}.mission-section{background:#1e293b;padding:5rem 0}.mission-content{margin:0 auto;max-width:800px;text-align:center}.mission-content h2{color:#f8fafc;font-size:clamp(32px,4vw,48px);line-height:1.3;margin-bottom:2rem}.mission-statement{background:#165dff1a;border:1px solid #165dff33;border-radius:16px;color:#36d399;font-size:clamp(18px,3vw,24px);font-style:italic;line-height:1.6;margin:2rem 0;padding:3rem;position:relative}.mission-statement:before{left:20px;top:-10px}.mission-statement:after,.mission-statement:before{color:#165dff;content:'"';font-size:4rem;line-height:1;position:absolute}.mission-statement:after{bottom:-30px;right:20px}@media (max-width:768px){.category-filters{justify-content:center}.newsletter-form{flex-direction:column}.articles-grid{grid-template-columns:1fr}.featured-article{padding:2rem}}.features-page{padding-top:80px}.feature-details{background:#1e293b;padding:4rem 0}.feature-detail{margin-bottom:6rem}.feature-detail.reverse .feature-content{flex-direction:row-reverse}.feature-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.feature-info h2{color:#f8fafc;font-size:clamp(24px,3vw,32px);line-height:1.3;margin-bottom:1.5rem}.feature-info p{color:#f8fafc;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.feature-info ul{list-style:none;margin-top:1rem;padding:0}.feature-info li{color:#f8fafc;font-size:1rem;line-height:1.5;padding:.75rem 0 .75rem 2rem;position:relative}.feature-info li:before{color:#36d399;content:"✓";font-size:1.2rem;font-weight:700;left:0;position:absolute}.feature-visual{align-items:center;background:#165dff1a;border:1px solid #165dff33;border-radius:16px;display:flex;height:350px;justify-content:center;overflow:hidden;position:relative}.showcases-page{background:#1e293b;min-height:100vh;padding-top:80px}.showcases-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:3rem}.showcase-card{background:#165dff0d;border:1px solid #165dff33;border-radius:20px;overflow:hidden;position:relative;transition:all .4s ease}.showcase-card:before{background:linear-gradient(90deg,#165dff,#36d399 50%,#ff6b9b);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.showcase-card:hover:before{opacity:1}.showcase-card:hover{border-color:#165dff66;box-shadow:0 20px 60px #165dff26;transform:translateY(-8px)}.showcase-card.expanded{grid-column:1/-1;max-width:none}.showcase-visual{background:#000;min-height:300px;overflow:hidden;position:relative}.showcase-demo{transition:height .3s ease;width:100%}.text-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bcc}.text-content h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#165dff,#36d399);-webkit-background-clip:text;background-clip:text;color:#f8fafc;font-size:clamp(20px,3vw,24px);line-height:1.3;margin-bottom:1rem}.showcase-description{color:#cbd5e1;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.showcase-details{margin:1.5rem 0}.detail-section{background:#165dff0d;border:1px solid #165dff1a;border-radius:12px;margin-bottom:1.5rem;padding:1rem}.detail-section h4{color:#36d399;font-size:.95rem;font-weight:600;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.user-input{background:#165dff1a;border-left:3px solid #165dff;border-radius:8px;color:#94a3b8;font-style:italic;padding:.75rem}.interactions-list{list-style:none;margin:0;padding:0}.interactions-list li{color:#cbd5e1;line-height:1.5;padding:.5rem 0 .5rem 1.5rem;position:relative}.interactions-list li:before{color:#36d399;content:"▶";font-size:.8rem;left:0;position:absolute}.learning-value{background:#36d3991a;border-left:3px solid #36d399;border-radius:8px;color:#36d399;font-weight:500;padding:.75rem}.showcase-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.expand-button,.learn-more-button{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.expand-button{background:linear-gradient(135deg,#165dff,#36d399);color:#f8fafc}.expand-button:hover{box-shadow:0 8px 25px #165dff4d;transform:translateY(-2px)}.learn-more-button{background:#0000;border:1px solid #36d3994d;color:#36d399}.learn-more-button:hover{background:#36d3991a;border-color:#36d399}.cta-section{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.primary-button{background:linear-gradient(135deg,#165dff,#36d399);border:none;border-radius:12px;color:#f8fafc;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.primary-button:hover{box-shadow:0 12px 30px #165dff66;transform:translateY(-3px)}.secondary-button{background:#0000;border:2px solid #36d3994d;border-radius:12px;color:#36d399;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.secondary-button:hover{background:#36d3991a;border-color:#36d399;transform:translateY(-3px)}@media (max-width:1200px){.showcases-grid{gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width:768px){.page-hero{padding:5rem 0 3rem}.page-hero h1{font-size:clamp(28px,7vw,36px);line-height:1.2;margin-bottom:1.5rem}.page-hero h2{font-size:clamp(24px,6vw,32px);line-height:1.3;margin-bottom:1.5rem}.page-hero p{font-size:clamp(16px,4vw,18px);line-height:1.6;padding:0 1rem}.showcases-grid{gap:2rem;grid-template-columns:1fr;margin-top:2rem;padding:0 1rem}.showcase-card{border-radius:16px;margin:0}.showcase-visual{min-height:250px}.text-content{margin:0 1rem;padding:1.5rem}.text-content h3{font-size:clamp(18px,5vw,22px);line-height:1.3;margin-bottom:1rem}.showcase-description{font-size:clamp(14px,4vw,16px);line-height:1.6;margin-bottom:1.25rem}.detail-section{margin-bottom:1rem;padding:1rem}.detail-section h4{font-size:.9rem;margin-bottom:.625rem}.showcase-actions{flex-direction:column;gap:.75rem}.expand-button,.learn-more-button{padding:.75rem 1.5rem;text-align:center;width:100%}.cta-section{align-items:center;flex-direction:column;gap:1rem;margin-top:2rem;padding:0 1rem}.primary-button,.secondary-button{font-size:1rem;max-width:300px;padding:1rem 2rem;width:100%}.category-filters{flex-wrap:wrap;gap:.75rem;justify-content:center;margin:1rem;padding:1rem}.filter-btn{font-size:.9rem;min-width:auto;padding:.625rem 1rem;white-space:nowrap}}@media (max-width:480px){.showcases-grid{gap:1.5rem;padding:0 .5rem}.showcase-card{border-radius:12px}.showcase-visual{min-height:200px}.text-content{padding:1.25rem}.detail-section{padding:.875rem}.category-filters{gap:.5rem;margin:.5rem;padding:.875rem}.filter-btn{font-size:.85rem;padding:.5rem .875rem}.documentation-page{padding-top:80px}.documentation-header{padding:2rem .75rem}.documentation-header h1{font-size:clamp(26px,7vw,36px);margin-bottom:1.25rem}.document-meta{gap:.75rem}.motto{font-size:.9rem;max-width:100%;padding:0 1rem}.documentation-content{padding:0 .75rem}.documentation-content section{padding:1.5rem 1rem}.code-example{padding:1rem}.code-example pre{font-size:.8rem;padding:.875rem}.agent,.artifact,.light-type{padding:1.25rem}.chapter-outline{padding:1.5rem 1rem}.chapter-preview{padding:1.25rem}.conclusion{padding:1.5rem 1rem}.call-to-action{padding:1.25rem}.container{padding:0 .75rem}.primary-button,.secondary-button{font-size:.95rem;padding:.875rem 1.5rem}.expand-button,.learn-more-button{font-size:.9rem;padding:.75rem 1.25rem}}@media (min-width:481px) and (max-width:768px){.showcases-grid{gap:2rem;grid-template-columns:1fr}.agent-descriptions,.artifact-grid,.info-grid,.vision-grid{gap:2rem;grid-template-columns:repeat(2,1fr)}.engine-features{gap:1.5rem;grid-template-columns:repeat(2,1fr)}}@media (min-width:769px) and (max-width:1024px){.agent-descriptions,.artifact-grid,.info-grid,.showcases-grid{gap:2rem;grid-template-columns:repeat(2,1fr)}}.technology-page{background:#1e293b;min-height:100vh}.ai-module,.data-structure,.interaction-design,.openness-innovation,.pixel-style-advantages,.rendering-engine,.system-architecture{border-bottom:1px solid #165dff1a;padding:4rem 0}.ai-content,.engine-content{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:1fr 1fr}.ai-info h3,.engine-info h3{color:#f8fafc;font-size:1.8rem;margin-bottom:1.5rem}.current-status,.future-plans{margin-bottom:2rem}.current-status h4,.future-plans h4{color:#36d399;margin-bottom:1rem}.current-status ul,.future-plans ul{list-style:none;padding:0}.current-status li,.future-plans li{color:#94a3b8;margin-bottom:.5rem;padding-left:1.5rem;position:relative}.current-status li:before,.future-plans li:before{color:#36d399;content:"•";left:0;position:absolute}.flowchart{background:#165dff0d;border:1px solid #165dff1a;border-radius:16px;padding:2rem}.flow-step{margin-bottom:1.5rem;text-align:center}.step-icon{font-size:2rem;margin-bottom:.5rem}.flow-step h4{color:#f8fafc;margin-bottom:.5rem}.flow-step p{color:#94a3b8}.flow-arrow{color:#36d399;font-size:1.5rem;margin:1rem 0;text-align:center}.engine-features{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:2rem}.feature-item{background:#165dff0d;border:1px solid #165dff1a;border-radius:12px;padding:1.5rem}.feature-item h4{color:#36d399;margin-bottom:.5rem}.feature-item p{color:#94a3b8}.roadmap-page{background:#1e293b;min-height:100vh}.timeline{padding:4rem 0}.timeline:before{background:linear-gradient(180deg,#165dff,#36d399);content:"";height:100%;left:50%;position:absolute;transform:translateX(-50%);width:2px}.timeline-item{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:4rem}.timeline-marker{align-items:center;border-radius:50%;color:#f8fafc;display:flex;font-weight:700;height:40px;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);width:40px;z-index:1}.timeline-content{background:#165dff0d;border:1px solid #165dff1a;border-radius:16px;grid-column:2;padding:2rem}.timeline-item:nth-child(2n) .timeline-content{grid-column:1}.phase-header{margin-bottom:1.5rem}.phase-header h3{color:#f8fafc;font-size:1.5rem;margin-bottom:.5rem}.phase-meta{align-items:center;display:flex;gap:1rem}.timeline-period{color:#36d399}.status-badge{border-radius:12px;font-size:.9rem;padding:.25rem .75rem}.status-badge.completed{background:#36d3991a;color:#36d399}.status-badge.in-progress{background:#165dff1a;color:#165dff}.status-badge.planned{background:#fbbf241a;color:#fbbf24}.status-badge.future{background:#60a5fa1a;color:#60a5fa}.phase-description{color:#94a3b8;margin-bottom:1.5rem}.features-grid,.milestones-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem}.feature-tag{background:#165dff1a;border-radius:8px;color:#f8fafc;font-size:.9rem;padding:.5rem 1rem;text-align:center}.milestone-item{align-items:center;color:#94a3b8;display:flex;gap:.5rem}.milestone-icon{font-size:1.2rem}@media (max-width:1024px){.ai-content,.engine-content{grid-template-columns:1fr}.timeline:before{left:0}.timeline-item{grid-template-columns:1fr}.timeline-marker{left:0}.timeline-content{grid-column:1!important;margin-left:3rem}}@media (max-width:768px){.showcases-container{grid-template-columns:1fr}.category-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto;padding-bottom:1rem}.category-tab{white-space:nowrap}.showcase-actions{flex-direction:column}.learn-more-button,.try-button{text-align:center;width:100%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes flow{0%{opacity:0;transform:translateX(-100%)}50%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.component-visual{height:100px;margin:0 auto;position:relative;transition:all .3s ease;width:100px}.component-visual:hover{transform:scale(1.1)}.basic-cube{animation:float 3s ease-in-out infinite;background:linear-gradient(135deg,#165dff,#36d399);border-radius:8px}.organic-sphere{animation:pulse 4s ease-in-out infinite;background:radial-gradient(circle at 30% 30%,#36d399,#165dff);border-radius:50%}.connector-tube{background:linear-gradient(90deg,#165dff,#36d399);height:20px;overflow:hidden;position:relative}.connector-tube:after{animation:flow 2s linear infinite;background:#fff3;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.particle-system{position:relative}.particle{background:#36d399;border-radius:50%;height:8px;position:absolute;width:8px}.animated-gear{animation:rotate 8s linear infinite;border:6px solid #165dff;border-radius:50%;height:60px;position:relative;width:60px}.animated-gear:after,.animated-gear:before{background:#165dff;content:"";height:6px;position:absolute;width:20px}.flow-arrow{animation:float 2s ease-in-out infinite;background:#36d399;height:20px;position:relative;width:60px}.flow-arrow:after{border-bottom:20px solid #0000;border-left:20px solid #36d399;border-top:20px solid #0000;content:"";position:absolute;right:-20px;top:-10px}.category-tab{overflow:hidden;position:relative}.category-tab:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.category-tab:hover:before{left:100%}@keyframes particle-float{0%,to{opacity:1;transform:translateY(0) translateX(0)}50%{opacity:.5;transform:translateY(-20px) translateX(10px)}}.particle-system .particle:first-child{animation:particle-float 3s ease-in-out infinite}.particle-system .particle:nth-child(2){animation:particle-float 3s ease-in-out .5s infinite}.particle-system .particle:nth-child(3){animation:particle-float 3s ease-in-out 1s infinite}.particle-system .particle:nth-child(4){animation:particle-float 3s ease-in-out 1.5s infinite}.particle-system .particle:nth-child(5){animation:particle-float 3s ease-in-out 2s infinite}.timeline-section{padding:4rem 0;position:relative}.timeline{margin:0 auto;max-width:1200px;position:relative}.timeline:after{background:linear-gradient(180deg,#165dff,#36d399);border-radius:3px;bottom:0;box-shadow:0 0 10px #36d3994d;content:"";left:50%;margin-left:-3px;position:absolute;top:0;width:6px}.timeline-item{animation:slideIn .5s forwards;opacity:0;padding:10px 40px;position:relative;transform:translateX(-100px);width:50%}.timeline-item.right{left:50%;transform:translateX(100px)}@keyframes slideIn{to{opacity:1;transform:translateX(0)}}.timeline-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bcc;border:1px solid #36d39933;border-radius:12px;padding:20px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.timeline-content:hover{box-shadow:0 10px 20px #165dff33;transform:translateY(-5px)}.timeline-item:before{background:#36d399;border:4px solid #165dff;border-radius:50%;box-shadow:0 0 10px #36d39980;content:"";height:25px;position:absolute;right:-17px;top:15px;width:25px;z-index:1}.timeline-item.right:before{left:-8px}.milestone-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.milestone-date{color:#94a3b8;font-size:.9rem;margin-bottom:1rem}.status-badge{border-radius:20px;font-size:.8rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.status-completed{background:#36d39933;border:1px solid #36d399;color:#36d399}.status-in-progress{background:#165dff33;border:1px solid #165dff;color:#165dff}.status-planned{background:#fbbf2433;border:1px solid #fbbf24;color:#fbbf24}.feature-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1.5rem}.feature-item{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;gap:.5rem;padding:.5rem;transition:background-color .3s ease}.feature-item:hover{background:#ffffff1a}.feature-bullet{color:#36d399;font-size:1.2rem}.future-vision{background:linear-gradient(180deg,#1e293b00,#1e293bcc);padding:4rem 0}.vision-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.vision-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b99;border:1px solid #36d39933;border-radius:16px;padding:2rem;transition:all .3s ease}.vision-item:hover{border-color:#36d39966;box-shadow:0 10px 20px #165dff33;transform:translateY(-5px)}.vision-item h3{align-items:center;color:#f8fafc;display:flex;gap:.5rem;margin-bottom:1rem}.vision-item p{color:#94a3b8;line-height:1.6}@media (max-width:768px){.timeline:after{left:20px}.timeline-item{padding-left:50px;padding-right:20px;width:100%}.timeline-item.right{left:0}.timeline-item:before{left:15px;right:auto}.timeline-item.right:before{left:15px}.vision-grid{grid-template-columns:1fr}}.content-section{background:#165dff05;border-radius:24px;margin:2rem 0;padding:4rem 0}.content-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#165dff,#36d399);-webkit-background-clip:text;background-clip:text;font-size:clamp(28px,4vw,42px);line-height:1.3;margin-bottom:2rem;text-align:center}.content-section h3{color:#f8fafc;font-size:clamp(22px,3vw,32px);margin-bottom:1.5rem;padding-left:1rem;position:relative}.content-section h3:before{background:linear-gradient(180deg,#165dff,#36d399);border-radius:2px;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.text-content{background:#165dff0d;border:1px solid #165dff1a;border-radius:16px;box-shadow:0 4px 20px #165dff1a;margin:0 auto;max-width:800px;padding:2rem;transition:all .3s ease}.text-content:hover{border-color:#165dff33;box-shadow:0 8px 30px #165dff26;transform:translateY(-2px)}.text-content p{color:#94a3b8;font-size:clamp(16px,2vw,18px);line-height:1.8;margin-bottom:1.5rem}.text-content p strong{color:#f8fafc;font-weight:600}.text-content ol,.text-content ul{color:#94a3b8;margin:1.5rem 0;padding-left:1.5rem}.text-content li{line-height:1.6;margin-bottom:.75rem;position:relative}.text-content ul li:before{color:#36d399;content:"•";left:-1rem;position:absolute}.text-highlight{background:linear-gradient(135deg,#165dff1a,#36d3991a);border-left:4px solid #165dff;border-radius:0 8px 8px 0;margin:2rem 0;padding:1.5rem}.text-highlight p{color:#f8fafc;font-size:1.1rem;font-style:italic;margin-bottom:0}.info-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:3rem 0}.info-card{background:#165dff0d;border:1px solid #165dff1a;border-radius:16px;padding:2rem;transition:all .3s ease}.info-card:hover{background:#165dff14;border-color:#165dff33;transform:translateY(-5px)}.info-card h4{align-items:center;color:#36d399;display:flex;font-size:1.25rem;gap:.5rem;margin-bottom:1rem}.info-card p{color:#94a3b8;line-height:1.6}.code-block{background:#1e293bcc;border:1px solid #165dff33;border-radius:8px;margin:1.5rem 0;overflow-x:auto;padding:1.5rem}.code-block pre{color:#f8fafc;font-family:Fira Code,monospace;font-size:.9rem;line-height:1.5}@media (max-width:768px){.text-content{margin:0 1rem;padding:1.5rem}.info-grid{gap:1.5rem;grid-template-columns:1fr;margin:2rem 1rem}.text-highlight{margin:1.5rem 0;padding:1rem}}.documentation-page{background:#0f172a;min-height:100vh;padding-top:100px}.documentation-header{background:linear-gradient(135deg,#165dff1a,#36d3991a);border-radius:24px;margin-bottom:3rem;padding:4rem 0;text-align:center}.documentation-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#165dff,#36d399);-webkit-background-clip:text;background-clip:text;font-size:clamp(32px,5vw,48px);font-weight:700;margin-bottom:1.5rem}.document-meta{align-items:center;display:flex;flex-direction:column;gap:1rem}.version{background:linear-gradient(135deg,#165dff,#36d399);border-radius:20px;color:#fff;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.motto{color:#94a3b8;font-style:italic;line-height:1.6;max-width:600px;text-align:center}.documentation-content{margin:0 auto;max-width:1200px;padding:0 2rem}.documentation-content section{background:#165dff08;border:1px solid #165dff1a;border-radius:16px;box-shadow:0 4px 20px #0000001a;margin-bottom:4rem;padding:3rem}.documentation-content h2{border-bottom:2px solid #165dff33;color:#f8fafc;font-size:clamp(24px,4vw,36px);font-weight:700;margin-bottom:2rem;padding-bottom:1rem;position:relative}.documentation-content h2:after{background:linear-gradient(135deg,#165dff,#36d399);bottom:-2px;content:"";height:2px;left:0;position:absolute;width:60px}.documentation-content h3{color:#36d399;font-size:clamp(20px,3vw,28px);font-weight:600;margin:2rem 0 1rem;padding-left:1rem;position:relative}.documentation-content h3:before{background:linear-gradient(180deg,#165dff,#36d399);border-radius:2px;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.documentation-content h4{color:#165dff;font-size:clamp(18px,2.5vw,22px);font-weight:600;margin:1.5rem 0 1rem}.documentation-content p{color:#94a3b8;font-size:clamp(16px,2vw,18px);line-height:1.8;margin-bottom:1.5rem}.documentation-content p strong{color:#f8fafc;font-weight:600}.documentation-content ol,.documentation-content ul{color:#94a3b8;margin:1.5rem 0;padding-left:2rem}.documentation-content li{line-height:1.7;margin-bottom:.75rem}.documentation-content code{background:#1e293bcc;border:1px solid #165dff33;border-radius:4px;color:#36d399;font-family:Fira Code,monospace;font-size:.9em;padding:.2rem .5rem}.code-example{background:#1e293b99;border:1px solid #165dff33;border-radius:12px;margin:2rem 0;padding:1.5rem;position:relative}.code-example:before{background:linear-gradient(135deg,#165dff,#36d399);border-radius:12px 12px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.code-example h4{color:#36d399;font-size:1.1rem;margin-bottom:1rem}.code-example pre{background:#0f172acc;border:1px solid #165dff1a;border-radius:8px;color:#f8fafc;font-family:Fira Code,monospace;font-size:.9rem;line-height:1.5;overflow-x:auto;padding:1rem}.code-example p{font-size:.95rem;margin-top:1rem}.agent-descriptions{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:2rem 0}.agent{background:#165dff0d;border:1px solid #165dff1a;border-radius:12px;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.agent:before{background:linear-gradient(135deg,#165dff,#36d399);content:"";height:3px;left:0;position:absolute;right:0;top:0}.agent:hover{background:#165dff14;border-color:#165dff33;box-shadow:0 10px 30px #165dff1a;transform:translateY(-5px)}.agent h4{align-items:center;color:#36d399;display:flex;font-size:1.2rem;gap:.5rem;margin-bottom:1rem}.agent p{color:#94a3b8;line-height:1.6;margin-bottom:0}.artifact-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:3rem 0}.artifact{background:#36d3990d;border:1px solid #36d3991a;border-radius:12px;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.artifact:before{background:linear-gradient(135deg,#36d399,#165dff);content:"";height:3px;left:0;position:absolute;right:0;top:0}.artifact:hover{background:#36d39914;border-color:#36d39933;box-shadow:0 10px 30px #36d3991a;transform:translateY(-5px)}.artifact h4{color:#36d399;font-size:1.1rem;margin-bottom:1rem}.artifact p{color:#94a3b8;font-size:.95rem;line-height:1.6;margin-bottom:0}.lighting-types{display:flex;flex-direction:column;gap:2rem;margin:2rem 0}.light-type{background:#165dff08;border:1px solid #165dff1a;border-radius:12px;padding:2rem;transition:all .3s ease}.light-type:hover{background:#165dff0f;border-color:#165dff33}.light-type h4{align-items:center;color:gold;display:flex;font-size:1.2rem;gap:.5rem;margin-bottom:1rem}.light-type h4:before{content:"💡";font-size:1.1rem}.chapter-outline{background:#36d39905;border:1px solid #36d3991a;border-radius:16px;padding:3rem}.chapter-preview{background:#165dff08;border:1px solid #165dff1a;border-radius:12px;margin-bottom:2rem;padding:2rem;transition:all .3s ease}.chapter-preview:hover{background:#165dff0f;border-color:#165dff33;transform:translateY(-2px)}.chapter-preview h3{color:#165dff;font-size:1.3rem;margin-bottom:1rem;padding-left:0}.chapter-preview h3:before{display:none}.chapter-preview ul{margin-top:1rem;padding-left:1.5rem}.chapter-preview li{color:#94a3b8;margin-bottom:.5rem}.conclusion{background:linear-gradient(135deg,#165dff1a,#36d3991a);border:2px solid #165dff33;border-radius:16px;overflow:hidden;padding:3rem;position:relative;text-align:center}.conclusion:before{background:linear-gradient(135deg,#165dff,#36d399);content:"";height:4px;left:0;position:absolute;right:0;top:0}.conclusion h2{border-bottom:none;color:#f8fafc;font-size:clamp(28px,4vw,36px);margin-bottom:2rem;text-align:center}.conclusion h2:after{display:none}.call-to-action{background:linear-gradient(135deg,#165dff,#36d399);border-radius:12px;box-shadow:0 8px 30px #165dff4d;margin-top:2rem;padding:2rem}.call-to-action p{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:0}@media (max-width:768px){.documentation-page{padding-top:80px}.documentation-header{margin-bottom:2rem;padding:2.5rem 1rem}.documentation-content{padding:0 1rem}.documentation-content section{margin-bottom:2rem;padding:2rem 1.5rem}.agent-descriptions,.artifact-grid{gap:1.5rem;grid-template-columns:1fr}.code-example{margin:1.5rem 0;padding:1.25rem}.code-example pre{font-size:.85rem;overflow-x:auto;padding:1rem}.chapter-outline{padding:2rem 1.5rem}.chapter-preview{padding:1.5rem}.conclusion{padding:2rem 1.5rem}.document-meta{gap:.75rem}.motto{font-size:.9rem}}@media (max-width:480px){.documentation-content section{padding:1.5rem 1rem}.code-example{padding:1rem}.code-example pre{font-size:.8rem;padding:.875rem}.agent,.artifact,.chapter-preview{padding:1.5rem}.conclusion{padding:1.5rem 1rem}.call-to-action{padding:1.25rem}.container{padding:0 .75rem}.primary-button,.secondary-button{font-size:.95rem;padding:.875rem 1.5rem}.expand-button,.learn-more-button{font-size:.9rem;padding:.75rem 1.25rem}}
/*# sourceMappingURL=main.6ca3988c.css.map*/