.landing-navigation{display:flex;gap:40px;justify-content:end;white-space:nowrap;z-index:3}.landing-navigation button{background-color:#0000;border:none;color:#fff;cursor:pointer;height:25px;line-height:25px;padding-left:10px;padding-right:10px;position:relative;-webkit-user-select:none;user-select:none}.landing-navigation .active{color:#fff;font-weight:500}.landing-navigation button:after{background-color:#8873efcc;bottom:0;content:"";height:25px;left:0;position:absolute;transition:width .3s ease,transform .3s ease;width:0;z-index:-1}.landing-navigation button.active:after{transform:scaleX(1);width:100%}@media screen and (max-width:768px){.landing-navigation{gap:5px}}.landing-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f1d3df2;border-bottom:1px solid #00d4ff1a;box-shadow:0 4px 30px #00d4ff14;display:flex;height:70px;padding:0 20px;z-index:2}.landing-navigation-wrapper{align-items:center;display:flex;gap:30px;width:100%}.logo-image{cursor:pointer;height:45px}@media screen and (max-width:768px){.landing-header{height:60px;padding:0 15px}.landing-navigation-wrapper{gap:15px}.logo-image{height:35px}}.canvas-grid-wrapper{height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100%}.svg-polygon{transition:fill 1s ease}.hero{align-items:center;color:#fff;display:flex;justify-content:space-between;min-height:auto;padding:80px 20px}.hero .hero-content{flex:1 1;max-width:700px}.hero .hero-content .hero-headline{color:#e0e0e0;font-size:3.5rem;font-weight:700;letter-spacing:-.5px;line-height:1.3;margin:0}.hero .hero-content .hero-headline .highlight-cyan{color:#00d4ff}.hero .hero-content .hero-headline .highlight-white{color:#fff}.hero .hero-content .hero-subheadline{color:silver;font-size:1.3rem;line-height:1.8;margin-bottom:50px;max-width:500px}.hero .hero-content .button-group{align-items:center;display:flex;gap:20px}.hero .hero-content .cta-button{background:linear-gradient(135deg,#00d4ff,#00b8ff);border:none;border-radius:8px;box-shadow:0 8px 24px #00d4ff4d;color:#0f1d3d;cursor:pointer;font-size:1.1rem;font-weight:700;padding:15px 40px;transition:all .3s ease}.hero .hero-content .cta-button:hover{box-shadow:0 12px 36px #00d4ff66;transform:translateY(-3px)}.hero .hero-content .secondary-button{background:#0000;border:2px solid #00d4ff;border-radius:8px;color:#00d4ff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:15px 40px;transition:all .3s ease}.hero .hero-content .secondary-button:hover{background:#00d4ff1a;box-shadow:0 8px 24px #00d4ff33;transform:translateY(-3px)}.hero .hero-visual{display:none;flex:1 1}@media(max-width:768px){.hero .hero-content .hero-headline{font-size:2.5rem}.hero .hero-content .hero-subheadline{font-size:1.1rem}}.problem{background:#0f1d3d}.problem .problem-container{margin:0 auto;max-width:1200px}.problem h2{color:#00d4ff;margin-bottom:20px;text-align:center}.problem .problem-intro{color:#e0e0e0;font-size:1.5rem;margin-bottom:60px;text-align:center}.problem .problem-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:60px}.problem .problem-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a2f5a80;border:1px solid #00d4ff33;border-radius:12px;box-shadow:0 8px 32px #0000004d;padding:40px;transition:all .3s ease}.problem .problem-card:hover{border-color:#00d4ff80;box-shadow:0 12px 48px #00d4ff26;transform:translateY(-4px)}.problem .problem-card h3{color:#00d4ff;font-size:1.3rem;font-weight:600;margin-bottom:15px}.problem .problem-card p{color:silver;font-size:1rem;line-height:1.8}.problem .problem-closing{background:#1a2f5a;border-radius:8px;color:#e0e0e0;font-size:1.1rem;padding:20px;text-align:center}.solution .solution-container{margin:0 auto;max-width:1200px}.solution h2{color:#00d4ff;margin-bottom:20px;text-align:center}.solution .solution-intro{color:#e0e0e0;font-size:1.5rem;margin-bottom:60px;text-align:center}.solution .solution-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:60px}.solution .solution-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f1d3d99;border:1px solid #00d4ff33;border-radius:12px;padding:40px;transition:all .3s ease}.solution .solution-card:hover{border-color:#00d4ff80;box-shadow:0 12px 48px #00d4ff26;transform:translateY(-4px)}.solution .solution-card h3{color:#00d4ff;font-size:1.3rem;font-weight:600;margin-bottom:15px}.solution .solution-card p{color:silver;font-size:1rem;line-height:1.8}.solution .solution-closing{color:#e0e0e0;font-size:1.1rem;text-align:center}.social-proof{background:#1a2f5a;margin:0;padding:0}.social-proof .social-proof-container{margin:0;max-width:1200px;padding:0 20px}.social-proof h2{color:#00d4ff;margin-bottom:60px;text-align:center}.social-proof .case-studies-placeholder p{color:#e0e0e0;font-size:1.1rem;line-height:1.8;margin-bottom:60px;text-align:center}.social-proof .case-studies-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.social-proof .case-study-placeholder{align-items:center;border-radius:8px;display:flex;justify-content:center;overflow:hidden}.social-proof .case-study-placeholder img{display:block;height:auto;object-fit:contain;width:100%}.social-proof .demo-intro{color:#e0e0e0;font-size:1.1rem;line-height:1.8;margin-bottom:60px;text-align:center}.social-proof .demos-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin-bottom:0;padding:0 20px}.social-proof .demo-thumbnail{align-items:center;border-radius:8px;cursor:pointer;display:flex;justify-content:center;overflow:hidden;transition:transform .2s ease}.social-proof .demo-thumbnail:hover{transform:scale(1.05)}.social-proof .demo-thumbnail img{display:block;height:auto;object-fit:cover;width:100%}.social-proof .demos-cta{margin-bottom:0;margin-top:20px;padding:0;text-align:center}.social-proof .demos-cta p{color:#e0e0e0;font-size:1.1rem;line-height:1.8}.social-proof .demos-cta .gallery-link{color:#00d4ff;font-weight:600;text-decoration:none;transition:color .3s ease}.social-proof .demos-cta .gallery-link:hover{color:#00f7ff}.final-cta{background:#1a2f5a;color:#fff}.final-cta .final-cta-container{margin:0 auto;max-width:1200px;text-align:center}.final-cta .final-cta-container h2{color:#00d4ff;font-size:2.5rem;margin-bottom:20px}.final-cta .final-cta-container p{color:#e0e0e0;font-size:1.2rem;line-height:1.6;margin-bottom:40px}.final-cta .cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.final-cta .cta-buttons button{border:none;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:700;padding:15px 40px;transition:all .3s ease}.final-cta .cta-buttons button:hover{box-shadow:0 10px 30px #0003;transform:translateY(-2px)}.final-cta .cta-buttons .primary-button{background:linear-gradient(135deg,#00d4ff,#00b8ff);box-shadow:0 8px 24px #00d4ff4d;color:#0f1d3d;font-weight:600}.final-cta .cta-buttons .primary-button:hover{box-shadow:0 12px 32px #00d4ff66;transform:translateY(-2px)}.final-cta .cta-buttons .secondary-button{background:#0000;border:2px solid #00d4ff;color:#00d4ff;font-weight:600;transition:all .3s ease}.final-cta .cta-buttons .secondary-button:hover{background:#00d4ff1a;box-shadow:0 8px 24px #00d4ff33}@media(max-width:768px){.final-cta .final-cta-container h2{font-size:1.8rem}.final-cta .final-cta-container p{font-size:1rem}.final-cta .cta-buttons{flex-direction:column}.final-cta .cta-buttons button{width:100%}}.urban-geometry-page{background:#0f1d3d;width:100%}.urban-geometry-page section{margin:0 auto;max-width:1200px;padding:80px 20px}.urban-geometry-page section h2{color:#00d4ff;font-size:2.5rem;margin-bottom:20px;text-align:center}.urban-geometry-page section h3{color:#00d4ff;font-size:1.5rem;margin-bottom:10px}.urban-geometry-page section p{color:#b0b0b0;line-height:1.6;margin-bottom:20px}.pages-wrapper{background:linear-gradient(135deg,#0a0a0a,#1a1a2e);min-height:100%;overflow-x:hidden;overflow-y:scroll;position:relative;width:100%}.pages-title{font-size:2.6em;font-weight:600}.pages-subtitle,.pages-title{color:#fff;white-space:nowrap}.pages-subtitle{font-size:1.6em;font-weight:500}.pages-description{color:#ffffffd9;line-height:1.6;margin:0}.pages-primary-button{align-items:center;background:linear-gradient(135deg,#4a90e2cc,#7877c6cc);border:1px solid #4a90e280;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1em;font-weight:600;gap:8px;height:min-content;letter-spacing:.5px;line-height:1.5;padding:12px 24px;transition:all .3s ease;-webkit-user-select:none;user-select:none;white-space:nowrap;width:min-content}.pages-primary-button:hover{background:linear-gradient(135deg,#4a90e2,#7877c6);border-color:#4a90e2cc;box-shadow:0 8px 20px #4a90e24d;transform:translateY(-2px)}.pages-primary-button:active{transform:translateY(0)}.pages-secondary-button{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#ffffffe6;cursor:pointer;font-size:1em;height:min-content;line-height:1.5;padding:12px 24px;transition:all .3s ease;-webkit-user-select:none;user-select:none;white-space:nowrap;width:min-content}.pages-secondary-button:hover{background:#ffffff26;border-color:#ffffff4d}.copy-button{fill:#fff;cursor:pointer}.copy-tooltip{background-color:#21212b;padding:4px}.copied,.copy-tooltip{color:#fff;position:absolute;right:-12px;top:-37px;z-index:6}.copied{background-color:#7e7e84;padding:5px}@media screen and (max-width:600px){.pages-title{font-size:2em}.pages-description{font-size:.8em}}@media screen and (max-width:320px){.pages-title{font-size:2em}.pages-description{font-size:12px}}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:rgba(0,0,0,0);background:linear-gradient(135deg,#0a0a0a,#1a1a2e);color:#fff;margin:0}.App,body{overflow:hidden}.App{display:grid;font-family:Inter,Montserrat,sans-serif;grid-template-rows:60px auto;height:100vh;height:calc(var(--vh, 1vh)*100);max-height:100vh;max-height:calc(var(--vh, 1vh)*100)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#4a90e280;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4a90e2b3}
/*# sourceMappingURL=main.5b916d15.css.map*/