.gradient-border{position:relative;border-radius:1rem;padding:2px;background:linear-gradient(45deg,#3b82f6,#60a5fa,#93c5fd);background-size:200% 200%;animation:gradientBorder 6s ease infinite}.gradient-border>div{background:#fff;border-radius:.9rem;height:100%}.dark .gradient-border>div{background:#1f2937}@keyframes gradientBorder{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.dark body{background-color:#111827;color:#e5e7eb}.dark .backdrop-blur-nav{background-color:rgba(17,24,39,.7)}.dark .bg-white{background-color:#1f2937}.dark .bg-blue-50{background-color:#1e3a8a}.dark .fade-left{background:linear-gradient(90deg,#1f2937,rgba(31,41,55,0))}.dark .fade-right{background:linear-gradient(270deg,#1f2937,rgba(31,41,55,0))}.dark .text-gray-400,.dark .text-gray-500,.dark .text-gray-600,.dark .text-gray-700,.dark .text-gray-800{color:#e5e7eb}.dark .text-blue-600{color:#93c5fd}.dark .border-blue-100{border-color:#1e40af}.dark .bg-blue-100{background-color:#1e40af}.dark .hover\:bg-gray-300:hover{background-color:#4b5563}.dark .bg-gray-200{background-color:#374151}.dark .hover\:text-blue-600:hover{color:#93c5fd}.dark .hover\:text-blue-700:hover{color:#bfdbfe}.backdrop-blur-nav{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.nav-link{position:relative;transition:color .3s ease}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:-2px;left:0;background-color:#2563eb;transition:width .3s ease}.nav-link:hover:after{width:100%}.mobile-menu-enter{transform:translateX(-100%);transition:transform .3s ease-in-out}.mobile-menu-enter.show{transform:translateX(0)}.dropdown-container{position:relative}.dropdown-menu{position:absolute;top:100%;left:0;width:-moz-max-content;width:max-content;min-width:220px;background-color:#fff;border-radius:.5rem;box-shadow:0 10px 25px rgba(0,0,0,.1);opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:50;padding:.75rem 0;margin-top:.5rem}.dropdown-container:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-heading{font-weight:600;color:#4b5563;padding:.75rem 1rem .5rem}.dropdown-item{display:block;padding:.5rem 1rem;color:#4b5563;font-size:.875rem;transition:background-color .2s,color .2s}.dropdown-item:hover{background-color:#f3f4f6;color:#2563eb}.mobile-submenu{height:0;overflow:hidden;transition:height .3s ease;padding-left:1rem;background-color:rgba(243,244,246,.3)}.mobile-submenu.open{height:auto}.mobile-dropdown-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left}.mobile-dropdown-icon{transition:transform .3s ease}.mobile-dropdown-toggle[aria-expanded=true] .mobile-dropdown-icon{transform:rotate(180deg)}.dark .dropdown-menu{background-color:#1f2937;box-shadow:0 10px 25px rgba(0,0,0,.3);border:1px solid #374151}.dark .dropdown-heading{color:#e5e7eb}.dark .dropdown-item{color:#d1d5db}.dark .dropdown-item:hover{background-color:#374151;color:#93c5fd}.dark .mobile-submenu{background-color:rgba(55,65,81,.3)}.logo-text{fill:#14151a}.logo-subtext{fill:#0f1324;fill-opacity:.6}.dark .logo-subtext,.dark .logo-text{fill:#fff;fill-opacity:1}input[type=checkbox]:checked+label+.dot{transform:translateX(100%)}.dot{transition:transform .3s ease}body{overflow-x:hidden}body,html{margin:0;padding:0}.fade-in-section{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in-section.is-visible{opacity:1;transform:translateY(0)}.showcase-slides{position:relative;width:100%}.showcase-slide{display:none;opacity:0;transition:opacity .5s ease-in-out}.showcase-slide.active{display:block;opacity:1}.showcase-nav-btn{border-color:#d1d5db;color:#6b7280;background-color:#fff}.dark .showcase-nav-btn{border-color:#4b5563;color:#9ca3af;background-color:#1f2937}.showcase-nav-btn:hover{border-color:#3b82f6;color:#1f2937;background-color:#f9fafb}.dark .showcase-nav-btn:hover{border-color:#3b82f6;color:#f3f4f6;background-color:#374151}.showcase-nav-btn.active{border-color:#3b82f6;color:#1f2937;background-color:#eff6ff;font-weight:600}.dark .showcase-nav-btn.active{border-color:#3b82f6;color:#f3f4f6;background-color:#1e3a8a}#hero-sphere-container{position:relative;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .5s ease-in-out;margin-left:auto}#hero-sphere-container.loaded{opacity:1}#hero-sphere-container canvas{display:block;width:100%!important;height:100%!important}.logo-scroll{display:flex;width:200%;animation:scroll 30s linear infinite}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.logo-scroll:hover{animation-play-state:paused}.fade-left{left:0;background:linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.fade-left,.fade-right{position:absolute;top:0;width:100px;height:100%;z-index:2;pointer-events:none}.fade-right{right:0;background:linear-gradient(270deg,#fff,hsla(0,0%,100%,0))}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animate-gradient{background-size:200% 200%;animation:gradient 6s ease infinite}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.floating-animation{animation:floating 6s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes glowPulse{0%{box-shadow:0 0 5px 0 rgba(59,130,246,.3)}50%{box-shadow:0 0 20px 5px rgba(59,130,246,.6)}to{box-shadow:0 0 5px 0 rgba(59,130,246,.3)}}.ai-diagram-glow{border-radius:.75rem}.ai-diagram-glow,.dark .ai-diagram-glow{animation:glowPulse 4s ease-in-out infinite}.dark .ai-diagram-glow{box-shadow:0 0 10px 2px rgba(147,197,253,.5)}@keyframes fadeOutIn{0%{opacity:1;transform:translateY(0)}20%{opacity:0;transform:translateY(-10px)}30%{opacity:0;transform:translateY(10px)}50%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}.prompt-cycle{width:100%;min-height:80px;position:relative}.prompt-item{position:absolute;width:100%;opacity:0;transition:all .5s ease;padding:.75rem;border-radius:.5rem;background-color:#f3f4f6;border-left:4px solid #3b82f6}.dark .prompt-item{background-color:#1f2937;border-left:4px solid #3b82f6}.prompt-active{opacity:1;z-index:10}@keyframes typing{0%{width:0}to{width:100%}}.typewriter{overflow:hidden;white-space:nowrap;animation:typing 1.5s steps(40)}@keyframes floating-diagram{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.floating-diagram{animation:floating-diagram 8s ease-in-out infinite}.research-node{position:relative;transition:all .3s ease}.research-node:hover{transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,.1)}.analyst-check{opacity:0;transition:opacity .5s ease}.output-node{transition:all .5s ease}.output-node.active{transform:scale(1.05)}.dark .research-node{box-shadow:0 1px 3px rgba(0,0,0,.3)}.dark .research-node:hover{box-shadow:0 4px 6px rgba(0,0,0,.5)}.feature-button{transition:all .3s ease;border:2px solid transparent;cursor:pointer}.feature-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px -5px rgba(59,130,246,.3)}.feature-button.active-feature{border-color:#3b82f6;background-color:rgba(59,130,246,.05)}.dark .feature-button.active-feature{background-color:rgba(59,130,246,.1)}.gradient-border-animated{position:relative;border-radius:1rem;padding:2px;background:linear-gradient(45deg,#3b82f6,#60a5fa,#93c5fd,#60a5fa,#3b82f6);background-size:200% 200%;animation:gradientBorder 6s ease infinite}.gradient-border-animated>div{background:#fff;border-radius:.9rem;height:100%}.dark .gradient-border-animated>div{background:#1f2937}.mermaid-container{background-color:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.dark .mermaid-container{background-color:#1f2937}.feature-card{transition:all .3s ease;cursor:pointer}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px -5px rgba(59,130,246,.3)}.feature-card.active-feature{border-color:#3b82f6;box-shadow:0 10px 25px -5px rgba(59,130,246,.3);background-color:rgba(59,130,246,.05)}.dark .feature-card.active-feature{background-color:rgba(59,130,246,.1)}.feature-indicator{transition:width .8s cubic-bezier(.4,0,.2,1)}.flow-node{transition:all .3s ease}.flow-node.flow-active{border-left-color:#3b82f6;background-color:rgba(59,130,246,.1);transform:translateX(2px)}.dark .flow-node.flow-active{background-color:rgba(59,130,246,.2)}.mockup-screen{transition:opacity .5s ease,transform .5s ease}.mockup-screen.mockup-active{opacity:1;transform:translateX(0)}.mockup-screen:not(.mockup-active){opacity:0;transform:translateX(-10px)}.design-note{transition:transform .3s ease,box-shadow .3s ease}.design-note:hover{transform:translateY(-2px)}.border-l-3{border-left-width:3px}.pulse-border{position:relative}.pulse-border:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:.5rem;background:linear-gradient(45deg,#3b82f6,#60a5fa,#93c5fd);background-size:200% 200%;z-index:-1;animation:pulseGradient 2s ease infinite}@keyframes pulseGradient{0%{background-position:0 50%;opacity:.5}50%{background-position:100% 50%;opacity:.8}to{background-position:0 50%;opacity:.5}}.mockup-generating{background-color:hsla(0,0%,100%,.8);backdrop-filter:blur(4px);transition:opacity .5s ease;opacity:0}.dark .mockup-generating{background-color:rgba(17,24,39,.8)}.canvas-progress{transition:width 1.5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px rgba(59,130,246,.5)}.code-editor{font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace}.code-typing{opacity:1;transition:opacity .3s ease}.cursor-blink{position:relative;display:inline-block;width:2px;height:1.2em;background-color:#3b82f6;animation:cursorBlink 1s step-end infinite;vertical-align:middle;margin-left:2px}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.code-file{transition:all .3s ease;cursor:pointer}.code-file:hover{transform:translateX(2px);opacity:.9}.file-active{transform:translateX(2px);opacity:1}.ai-suggest-anim{animation:slideIn .5s ease forwards;transform-origin:top}@keyframes slideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.code-generating{background-color:hsla(0,0%,100%,.8);backdrop-filter:blur(4px);transition:opacity .5s ease;opacity:0}.dark .code-generating{background-color:rgba(17,24,39,.8)}.code-progress{transition:width 1.5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px rgba(59,130,246,.5)}.build-loading{animation:pulse 2s infinite}.build-success{background-color:#10b981;box-shadow:0 0 5px #10b981;animation:none}.build-error{background-color:#ef4444;box-shadow:0 0 5px #ef4444;animation:none}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.9)}}.test-counter{transition:all .3s ease}.code-note{transition:transform .3s ease,box-shadow .3s ease}.code-note:hover{transform:translateY(-2px)}.research-typing{overflow:hidden;white-space:nowrap;animation:typing 3s steps(40);animation-fill-mode:both}.research-human-typing{overflow:hidden;white-space:nowrap;animation:typing 3s steps(30) .5s;animation-fill-mode:both}.research-bar{transition:height 1.5s cubic-bezier(.4,0,.2,1);height:0}.research-progress{transition:width 10s cubic-bezier(.4,0,.2,1)}.step-active{transform:translateX(2px)}.text-xxs{font-size:.65rem;line-height:1rem}.infinite-carousel{position:relative;overflow:hidden;width:100%;--gradient-width:10%}.scroller{mask:linear-gradient(90deg,transparent,#000 var(--gradient-width),#000 calc(100% - var(--gradient-width)),transparent);-webkit-mask:linear-gradient(90deg,transparent,#000 var(--gradient-width),#000 calc(100% - var(--gradient-width)),transparent)}.scroller-inner{width:-moz-max-content;width:max-content;padding-block:1rem}[data-direction=left] .scroller-inner{animation:scroll-left var(--speed,1s) linear infinite}[data-direction=right] .scroller-inner{animation:scroll-right var(--speed,1s) linear infinite}@keyframes scroll-left{0%{transform:translateX(0)}to{transform:translateX(calc(-50%))}}@keyframes scroll-right{0%{transform:translateX(calc(-50%))}to{transform:translateX(0)}}.infinite-carousel:hover .scroller-inner{animation-play-state:paused}@media (max-width:1023px){.logo-cloud-grid .order-1:after,.logo-cloud-grid .order-3:after,.logo-cloud-grid .order-5:after{content:"";position:absolute;left:0;bottom:0;width:20%;height:1px;background:rgba(34,197,94,.3)}.logo-cloud-grid .order-2:after,.logo-cloud-grid .order-4:after,.logo-cloud-grid .order-6:after{content:"";position:absolute;right:0;bottom:0;width:20%;height:1px;background:rgba(59,130,246,.3)}}@media (min-width:1024px){.lg\:order-2,.order-1{border-right-color:rgba(34,197,94,.3)!important}}.gradient-background{position:absolute;inset:0;background-color:#f9fafb;background-image:linear-gradient(rgba(0,0,0,.04) 1px,transparent 0),linear-gradient(90deg,rgba(0,0,0,.04) 1px,transparent 0);background-size:50px 50px;overflow:hidden}.dark .gradient-background{background-color:#0f1419;background-image:linear-gradient(hsla(0,0%,100%,.02) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.02) 1px,transparent 0);background-size:50px 50px}.cta-card-container{min-height:400px;box-shadow:0 15px 30px -5px rgba(0,0,0,.15)}.animate-subtle-gradient{background-size:200% 200%;animation:subtleGradientShift 15s ease infinite}@keyframes subtleGradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.subtle-glow{background:radial-gradient(circle at 50% 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.1) 40%,transparent 70%);animation:subtlePulse 10s ease-in-out infinite}@keyframes subtlePulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.3;transform:scale(1.05)}}.shadow-soft{box-shadow:0 5px 15px hsla(0,0%,100%,.25)}.shadow-soft-hover{box-shadow:0 10px 20px hsla(0,0%,100%,.35)}.dark .cta-card-container{box-shadow:0 15px 30px -5px rgba(0,0,0,.3)}@media (max-width:768px){.floating-diagram{animation:none!important}.mockup-showcase{max-height:none}.FIRI-section{flex-direction:column}.feature-buttons-row,.info-content{width:100%!important;margin-bottom:1.5rem}.feature-buttons-row{overflow-x:auto;-webkit-overflow-scrolling:touch}.animation-container{width:100%!important}.typewriter{overflow:hidden;white-space:normal;word-break:break-word}.case-card{width:280px;height:240px}.title{font-size:20px}}@media (max-width:640px){.cta-card-container{min-height:350px}.typewriter{animation:none!important}}@media (min-width:640px){.typewriter{white-space:nowrap;overflow:hidden;animation:typing 1.5s steps(40)}}@media (max-width:640px){.code-typing{overflow:hidden;white-space:pre-wrap;word-break:break-all;animation:none}.cursor-blink{display:none}}.writeup-content{background-color:#f9fafb;padding:2rem;margin-bottom:2rem;border:2px solid #e5e7eb}.writeup-content h1{font-size:1.875rem;font-weight:700;margin-bottom:1rem;color:#6b7280}.writeup-content h2{font-size:1.5rem;font-weight:600;margin-top:1.5rem;margin-bottom:.75rem;color:#6b7280}.writeup-content h3{font-size:1.25rem;font-weight:600;margin-top:1.25rem;margin-bottom:.5rem;color:#6b7280}.writeup-content p{margin-bottom:1rem;line-height:1.75;color:#6b7280}.writeup-content ol,.writeup-content ul{margin-left:1.5rem;margin-bottom:1rem;color:#6b7280}.writeup-content li{margin-bottom:.5rem}.writeup-content a{color:#60a5fa;text-decoration:underline;transition:all .2s ease}.writeup-content a:hover{text-decoration:none;opacity:.8}.writeup-content strong{font-weight:600;color:#6b7280}.writeup-content em{font-style:italic;color:#6b7280}.writeup-content code{background-color:#d0d2d4;color:#6b7280;padding:.125rem .25rem;border-radius:.25rem;font-family:monospace;font-size:.875em}.writeup-content pre{background-color:#d1d1d1;border:1px solid #d0d2d4;border-radius:.375rem;padding:1rem;overflow-x:auto;margin-bottom:1rem}.writeup-content pre code{background-color:transparent;padding:0;color:inherit}.writeup-content blockquote{border-left:4px solid #60a5fa;padding-left:1rem;margin-left:0;margin-bottom:1rem;color:#6b7280;font-style:italic}.dark .writeup-content{background-color:#1f2937;padding:2rem;margin-bottom:2rem;border:2px solid #374151}.dark .writeup-content h1{font-size:1.875rem;font-weight:700;margin-bottom:1rem;color:#f3f4f6}.dark .writeup-content h2{font-size:1.5rem;font-weight:600;margin-top:1.5rem;margin-bottom:.75rem;color:#e5e7eb}.dark .writeup-content h3{font-size:1.25rem;font-weight:600;margin-top:1.25rem;margin-bottom:.5rem;color:#d1d5db}.dark .writeup-content p{margin-bottom:1rem;line-height:1.75;color:#e5e7eb}.dark .writeup-content ol,.dark .writeup-content ul{margin-left:1.5rem;margin-bottom:1rem;color:#e5e7eb}.dark .writeup-content li{margin-bottom:.5rem}.dark .writeup-content a{color:#60a5fa;text-decoration:underline;transition:all .2s ease}.dark .writeup-content a:hover{text-decoration:none;opacity:.8}.dark .writeup-content strong{font-weight:600;color:#f3f4f6}.dark .writeup-content em{font-style:italic;color:#e5e7eb}.dark .writeup-content code{background-color:#374151;color:#e5e7eb;padding:.125rem .25rem;border-radius:.25rem;font-family:monospace;font-size:.875em}.dark .writeup-content pre{background-color:#1f2937;border:1px solid #374151;border-radius:.375rem;padding:1rem;overflow-x:auto;margin-bottom:1rem}.dark .writeup-content pre code{background-color:transparent;padding:0;color:inherit}.dark .writeup-content blockquote{border-left:4px solid #60a5fa;padding-left:1rem;margin-left:0;margin-bottom:1rem;color:#d1d5db;font-style:italic}.video-container{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.video-thumbnail:hover .play-button{transform:scale(1.1)}.video-dot:hover{transform:scale(1.2)}.video-active{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.5)}.dark .video-controls{background-color:rgba(31,41,55,.8)}@keyframes pulse-play{0%{box-shadow:0 0 0 0 rgba(59,130,246,.7)}70%{box-shadow:0 0 0 10px rgba(59,130,246,0)}to{box-shadow:0 0 0 0 rgba(59,130,246,0)}}.video-play-button{animation:pulse-play 2s infinite}.phase-button{transition:all .3s ease;cursor:pointer}.phase-button.active-phase{background-color:#eff6ff;transform:scale(1.02)}.dark .phase-button.active-phase{background-color:#1e3a8a}.dark .phase-button.border-white,.phase-button.border-white{border-color:#fff!important}.phase-button:hover{transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,.1)}.arrow-container{display:flex;align-items:center;justify-content:center;align-self:center}.arrow-bg,.arrow-progress{pointer-events:none}.phase-text{transition:color .3s ease}.phase-button-mobile{transition:all .3s ease}.phase-button-mobile.active-phase-mobile{border-top-color:#d1d5db;border-left-color:#d1d5db;border-right-color:#d1d5db}.dark .phase-button-mobile.active-phase-mobile{border-top-color:#374151;border-left-color:#374151;border-right-color:#374151}.phase-content{transition:opacity .3s ease-in-out}.FIRI-section,.phase-content{min-height:450px}#build-animation{min-height:620px}