:root{--font-logo: "Pixelify Sans", cursive;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--navbar-height: 80px;--container-max-width: 1200px;--transition-theme: background-color .3s ease, color .3s ease, border-color .3s ease;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1)}:root[data-theme=light]{--color-bg-primary: #FFFFFF;--color-bg-secondary: #F8FAFC;--color-text-primary: #1A1A1A;--color-text-secondary: #4B5563;--color-accent-green: #2D5016;--color-accent-green-light: #4A7C59;--color-accent-blue: #1E3A5F;--color-accent-blue-light: #2E5C8A;--color-border: #E2E8F0;--color-card-bg: #FFFFFF;--color-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)}:root[data-theme=dark]{--color-bg-primary: #0F172A;--color-bg-secondary: #1E293B;--color-text-primary: #F1F5F9;--color-text-secondary: #94A3B8;--color-accent-green: #4ADE80;--color-accent-green-light: #86EFAC;--color-accent-blue: #60A5FA;--color-accent-blue-light: #93C5FD;--color-border: #334155;--color-card-bg: #1E293B;--color-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -1px rgba(0, 0, 0, .3)}.navbar{position:fixed;top:0;left:0;right:0;height:var(--navbar-height);z-index:1000;transition:background-color .3s ease,border-bottom-color .3s ease;border-bottom:1px solid transparent}.navbar.scrolled{background-color:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom-color:var(--color-border)}[data-theme=dark] .navbar.scrolled{background-color:#0f172ae6}.navbar-container{max-width:var(--container-max-width);margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;position:relative}.navbar-brand-container{position:absolute;left:50%;transform-origin:center center;margin-left:-70px;width:140px;display:flex;justify-content:center;will-change:transform}.navbar-logo{font-family:var(--font-logo);font-size:1.5rem;font-weight:700;color:var(--color-text-primary);text-decoration:none;white-space:nowrap}.navbar-controls{margin-left:auto;display:flex;align-items:center;z-index:10}.theme-toggle-btn{background:transparent;border:none;color:var(--color-text-primary);cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,color .2s ease}.theme-toggle-btn:hover{background-color:var(--color-bg-secondary)}.hero-section{padding-top:calc(var(--navbar-height) + 30vh);padding-bottom:4rem;text-align:center;max-width:800px;margin:0 auto}.hero-description{font-size:1.25rem;line-height:1.6;color:var(--color-text-secondary);margin-top:2rem;opacity:0;animation:fadeIn .8s ease-out forwards;animation-delay:.3s}.demo-section{padding:4rem 2rem;max-width:var(--container-max-width);margin:0 auto}.demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem}.demo-card{aspect-ratio:16/9;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;box-shadow:var(--color-card-shadow)}.demo-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}[data-theme=dark] .demo-card{background:linear-gradient(180deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 100%)}.demo-video-container{width:100%;aspect-ratio:16/9;background-color:#000;border-radius:12px;overflow:hidden;display:none;margin-top:4rem}.demo-video-container.visible{display:block}.mailing-list-section{background-color:var(--color-bg-secondary);padding:4rem 2rem;text-align:center;margin-top:auto}.mailing-form{max-width:500px;margin:2rem auto 0;display:flex;gap:1rem}.mailing-input{flex:1;padding:.75rem 1rem;border-radius:6px;border:1px solid var(--color-border);background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-body);font-size:1rem}.mailing-button{padding:.75rem 1.5rem;border-radius:6px;border:none;background-color:var(--color-accent-green);color:#fff;font-weight:600;cursor:pointer;transition:background-color .2s ease;white-space:nowrap}.mailing-button:hover{background-color:var(--color-accent-green-light)}.mailing-button:disabled{opacity:.7;cursor:not-allowed}.feedback-message{margin-top:1rem;font-size:.875rem}.feedback-message.success{color:var(--color-accent-green)}.feedback-message.error{color:#ef4444}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.content-section{padding:6rem 2rem;opacity:0;transform:translateY(20px);transition:opacity .8s ease-out,transform .8s ease-out}.content-section.visible{opacity:1;transform:translateY(0)}.content-section:nth-child(2n){background-color:var(--color-bg-secondary)}.content-container{max-width:var(--container-max-width);margin:0 auto;display:flex;align-items:center;gap:4rem}.content-section.image-left .content-container{flex-direction:row-reverse}.content-section.image-right .content-container{flex-direction:row}.content-text,.content-image-wrapper{flex:1;min-width:300px}.content-image-placeholder{width:100%;aspect-ratio:4/3;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:var(--color-card-shadow);transition:transform .3s ease}.content-image-placeholder:hover{transform:scale(1.02)}.placeholder-text{font-family:var(--font-logo);color:var(--color-text-secondary);font-size:1.2rem;text-align:center;padding:1rem;opacity:.5}.section-title{font-family:var(--font-logo);font-size:2.5rem;color:var(--color-text-primary);margin-bottom:.5rem;line-height:1.2}.section-subtitle{font-family:var(--font-body);font-size:1.25rem;color:var(--color-accent-green);margin-bottom:2rem;font-weight:500;text-transform:uppercase;letter-spacing:1px}.section-content{font-size:1.1rem;line-height:1.7;color:var(--color-text-secondary)}.section-content p{margin-bottom:1.5rem}.section-content strong{color:var(--color-text-primary);font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:2rem 0}.stat-item{text-align:center;padding:1rem;background-color:var(--color-bg-primary);border-radius:8px;box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.stat-number{display:block;font-size:2rem;font-weight:700;color:var(--color-accent-blue);font-family:var(--font-logo)}.stat-label{font-size:.875rem;color:var(--color-text-secondary)}.feature-list{list-style:none;padding:0;margin:1.5rem 0}.feature-list li{padding-left:1.5rem;position:relative;margin-bottom:.75rem}.feature-list li:before{content:"•";color:var(--color-accent-green);position:absolute;left:0;font-weight:700}.comparison-box{display:flex;align-items:center;justify-content:space-around;background-color:var(--color-bg-primary);padding:1.5rem;border-radius:8px;border:1px solid var(--color-border);margin-bottom:2rem}.comparison-item{text-align:center}.comparison-value{display:block;font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.comparison-label{font-size:.875rem;color:var(--color-text-secondary)}.comparison-divider{font-weight:700;color:var(--color-accent-green);font-size:1.2rem}.highlight-box{background-color:#2d50160d;border-left:4px solid var(--color-accent-green);padding:1.5rem;margin:1.5rem 0;border-radius:0 8px 8px 0}[data-theme=dark] .highlight-box{background-color:#4ade801a}.architecture-comparison{display:flex;gap:1rem;margin-top:2rem}.arch-col{flex:1;padding:1.5rem;border-radius:8px;background-color:var(--color-bg-primary);border:1px solid var(--color-border)}.arch-col.highlight{border-color:var(--color-accent-green);box-shadow:0 4px 12px #2d50161a}.arch-col h4{margin-bottom:1rem;color:var(--color-text-primary)}.arch-flow{font-family:monospace;font-size:.8rem;background:var(--color-bg-secondary);padding:.5rem;border-radius:4px;margin-bottom:1rem;word-break:break-word}.arch-list{list-style:none;font-size:.9rem}.arch-list li{margin-bottom:.5rem;padding-left:1.2rem;position:relative}.arch-list.negative li:before{content:"×";color:#ef4444;position:absolute;left:0}.arch-list.positive li:before{content:"✓";color:var(--color-accent-green);position:absolute;left:0}.competitor-list{list-style:none;margin:1.5rem 0}.competitor-list li{margin-bottom:1rem;padding:1rem;background-color:var(--color-bg-primary);border-radius:8px;border-left:3px solid var(--color-border)}.competitor-list li:last-child{border-left-color:var(--color-accent-green);background-color:#2d50160d}[data-theme=dark] .competitor-list li:last-child{background-color:#4ade801a}.persona-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem}.persona-card{background-color:var(--color-bg-primary);padding:1.5rem;border-radius:8px;border:1px solid var(--color-border)}.persona-card h4{color:var(--color-accent-blue);margin-bottom:.25rem}.persona-role{font-size:.875rem;color:var(--color-text-secondary);font-style:italic;margin-bottom:.75rem}.timeline{position:relative;padding-left:2rem;margin-top:2rem}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background-color:var(--color-border)}.timeline-item{position:relative;margin-bottom:2rem}.timeline-item:before{content:"";position:absolute;left:-2.35rem;top:.25rem;width:12px;height:12px;border-radius:50%;background-color:var(--color-bg-secondary);border:2px solid var(--color-border)}.timeline-item.active:before{background-color:var(--color-accent-green);border-color:var(--color-accent-green)}.timeline-item.completed:before{background-color:var(--color-accent-blue);border-color:var(--color-accent-blue)}.timeline-date{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:.25rem;display:block}.timeline-content h4{margin-bottom:.25rem;color:var(--color-text-primary)}.timeline-content p{font-size:.9rem;margin:0}@media (max-width: 768px){.content-container{flex-direction:column!important;gap:2rem}.content-section{padding:4rem 1.5rem}.section-title{font-size:2rem}.stats-grid{grid-template-columns:1fr}.architecture-comparison{flex-direction:column}.persona-grid{grid-template-columns:1fr}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,40px,0)}to{opacity:1;transform:translateZ(0)}}.fade-in-up{animation-name:fadeInUp;animation-duration:.8s;animation-fill-mode:both}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-40px,0,0)}to{opacity:1;transform:translateZ(0)}}.fade-in-left{animation-name:fadeInLeft;animation-duration:.8s;animation-fill-mode:both;animation-delay:.2s}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(40px,0,0)}to{opacity:1;transform:translateZ(0)}}.fade-in-right{animation-name:fadeInRight;animation-duration:.8s;animation-fill-mode:both;animation-delay:.2s}@keyframes pulse-subtle{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.pulse-hover:hover{animation:pulse-subtle 1s infinite}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer{animation:shimmer 2s infinite linear;background:linear-gradient(to right,var(--color-bg-secondary) 4%,var(--color-border) 25%,var(--color-bg-secondary) 36%);background-size:1000px 100%}@media (max-width: 768px){:root{--navbar-height: 64px}.navbar-container{padding:0 1rem}.navbar-brand-container{margin-left:-50px;width:100px}.navbar-logo{font-size:1.25rem}.hero-section{padding-top:calc(var(--navbar-height) + 25vh);padding-left:1rem;padding-right:1rem}.hero-description{font-size:1rem}.demo-grid{grid-template-columns:1fr;gap:1.5rem}.mailing-form{flex-direction:column}.mailing-button{width:100%}}@media (min-width: 769px) and (max-width: 1024px){.hero-section{padding-top:calc(var(--navbar-height) + 25vh)}.demo-grid{grid-template-columns:repeat(2,1fr)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-primary);color:var(--color-text-primary);transition:var(--transition-theme)}#root{min-height:100vh}.app,.home-page{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;display:flex;flex-direction:column;width:100%}