.ev-header{position:fixed;top:0;left:0;width:100%;z-index:1000;background:#fffffffa;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(224,224,224,.3);transition:all .3s cubic-bezier(.4,0,.2,1);padding:1rem 0}.ev-header.scrolled{background:#fffffff2;box-shadow:0 4px 20px #00000014;padding:.75rem 0}.header-bg{display:none}.navbar{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.logo-wrapper{display:flex;align-items:center;gap:1rem;cursor:pointer;transition:transform .3s ease}.logo-wrapper:hover{transform:translateY(-2px)}.logo-container{position:relative;width:48px;height:48px}.logo-frame{width:100%;height:100%;background:linear-gradient(135deg,#00b894,#00a085);border-radius:12px;padding:3px;box-shadow:0 4px 12px #00b89433}.logo-inner-glow{width:100%;height:100%;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}.logo-image{width:80%;height:80%;object-fit:contain}.logo-fallback{display:flex;align-items:center;justify-content:center;gap:2px;font-weight:700;font-size:1.25rem}.fallback-e{color:#00b894}.fallback-v{color:#0984e3}.fallback-bolt{color:#fdcb6e;margin-left:2px}.logo-text{display:flex;flex-direction:column;gap:.125rem}.logo-title{font-size:1.5rem;font-weight:700;letter-spacing:-.5px}.logo-ev{color:#2d3436}.logo-tn{color:#00b894;margin-left:2px}.logo-subtitle{font-size:.75rem;color:#636e72;font-weight:500;letter-spacing:.5px}.nav-wrapper,.nav-container{display:flex;align-items:center;gap:2rem}.nav-menu{display:flex;gap:.5rem;list-style:none;margin:0;padding:0}.nav-item{position:relative}.nav-link{background:none;border:none;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:500;color:#2d3436;cursor:pointer;position:relative;transition:all .3s ease;border-radius:8px;display:flex;flex-direction:column;align-items:center}.nav-link:hover{background:#00b8940d;color:#00b894}.nav-link.active{color:#00b894;font-weight:600}.nav-link.active:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:24px;height:2px;background:#00b894;border-radius:1px}.link-text{position:relative;z-index:1}.link-underline{display:none}.nav-actions{display:flex;align-items:center;gap:1rem}.download-button{position:relative;background:linear-gradient(135deg,#00b894,#00a085);color:#fff;border:none;border-radius:12px;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;cursor:pointer;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.75rem;box-shadow:0 4px 12px #00b8944d;min-width:160px}.download-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00b89466}.download-button:active{transform:translateY(0)}.button-content{display:flex;align-items:center;gap:.75rem;z-index:1}.button-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.play-icon{width:100%;height:100%;fill:currentColor}.button-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.button-title{font-size:.9375rem;font-weight:600}.button-subtitle{font-size:.75rem;opacity:.9;font-weight:500}.button-glow,.button-shine{display:none}.menu-toggle{display:none;background:none;border:none;width:32px;height:32px;cursor:pointer;padding:0;flex-direction:column;justify-content:space-between;align-items:center}.toggle-line{width:100%;height:2px;background:#2d3436;transition:all .3s ease;border-radius:1px}.menu-toggle.active .toggle-line:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.menu-toggle.active .toggle-line:nth-child(2){opacity:0}.menu-toggle.active .toggle-line:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}@media(max-width:1024px){.navbar{padding:0 1.5rem}.nav-wrapper{gap:1.5rem}}@media(max-width:768px){.ev-header{padding:.75rem 0}.navbar{padding:0 1rem}.logo-container{width:40px;height:40px}.logo-title{font-size:1.25rem}.logo-subtitle{font-size:.6875rem}.menu-toggle{display:flex;z-index:1001}.nav-wrapper{position:fixed;top:0;right:-100%;width:80%;max-width:320px;height:100vh;background:#fff;flex-direction:column;align-items:stretch;padding:5rem 2rem 2rem;box-shadow:-4px 0 20px #0000001a;transition:right .3s cubic-bezier(.4,0,.2,1);overflow-y:auto}.nav-wrapper.open{right:0}.nav-container{flex-direction:column;align-items:stretch;gap:1rem}.nav-menu{flex-direction:column;gap:.5rem}.nav-link{justify-content:flex-start;padding:1rem;border-radius:8px}.nav-link.active:before{left:0;transform:none;width:3px;height:100%;background:#00b894;border-radius:0 1px 1px 0}.download-button{width:100%;justify-content:center;margin-top:1rem}}@media(max-width:480px){.logo-text{display:none}.nav-wrapper{width:100%;max-width:none}}.download-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease}.download-popup{background:#fff;border-radius:24px;padding:2.5rem;max-width:500px;width:90%;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .4s cubic-bezier(.4,0,.2,1)}.popup-close-btn{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;font-size:1.5rem;color:#636e72;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.popup-close-btn:hover{background:#636e721a;color:#2d3436}.app-icon-glow{width:100%;height:100%;background:linear-gradient(135deg,#00b894,#00a085);border-radius:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #00b89466}.popup-title{font-size:2rem;font-weight:700;color:#2d3436;margin:0}.popup-description{color:#636e72;font-size:1rem;line-height:1.6;margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.store-icon{width:100%;height:100%}@media(max-width:768px){.download-popup{padding:1.5rem;width:95%}.popup-title{font-size:1.75rem}.store-buttons,.notify-input-group{flex-direction:column}.app-icon-container{width:100px;height:100px}.popup-main-icon{font-size:2.5rem}}@media(max-width:480px){.download-popup{padding:1.25rem;border-radius:16px}.popup-title{font-size:1.5rem}.store-button{padding:.75rem;min-height:70px}.store-icon-wrapper{width:40px;height:40px}.store-button-icon{font-size:1.25rem}.store-button-name{font-size:1rem}}.ev-footer{background:linear-gradient(135deg,#0a1a2d,#152238);color:#fff;position:relative;overflow:hidden}.ev-footer:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(0,184,148,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(9,132,227,.1) 0%,transparent 50%);pointer-events:none}.footer-container{max-width:1200px;margin:0 auto;padding:4rem 2rem 2rem;position:relative;z-index:1}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:3rem;margin-bottom:3rem}.footer-brand{display:flex;flex-direction:column;gap:1.5rem}.footer-description{color:#ffffffb3;font-size:.9375rem;line-height:1.6;margin:0}.footer-social{display:flex;gap:1rem;margin-top:1rem}.social-icon{width:40px;height:40px;border-radius:10px;background:#ffffff1a;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:all .3s ease}.social-icon:hover{transform:translateY(-3px);background:#ffffff26}.social-icon.linkedin:hover{background:#0a66c2}.social-icon.facebook:hover{background:#1877f2}.links-title,.features-title,.contact-title{font-size:1rem;font-weight:600;color:#fff;margin:0 0 1.5rem;position:relative;display:inline-block}.links-title:after,.features-title:after,.contact-title:after{content:"";position:absolute;bottom:-8px;left:0;width:30px;height:2px;background:#00b894;border-radius:1px}.links-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.links-link{background:none;border:none;color:#ffffffb3;font-size:.9375rem;cursor:pointer;text-align:left;padding:0;transition:all .3s ease;display:block}.links-link:hover{color:#00b894;transform:translate(5px)}.feature-item{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.feature-icon{width:40px;height:40px;border-radius:10px;background:#00b8941a;display:flex;align-items:center;justify-content:center;color:#00b894;font-size:1.25rem}.feature-text h4{font-size:.9375rem;font-weight:600;margin:0 0 .25rem;color:#fff}.feature-text p{font-size:.8125rem;color:#fff9;margin:0}.contact-item{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.contact-icon{width:40px;height:40px;border-radius:10px;background:#0984e31a;display:flex;align-items:center;justify-content:center;color:#0984e3;font-size:1.25rem}.contact-text p{font-size:.8125rem;color:#fff9;margin:0 0 .25rem}.contact-text a,.contact-text span{font-size:.9375rem;color:#fff;text-decoration:none;transition:color .3s ease}.contact-text a:hover{color:#00b894}.footer-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);margin:2rem 0}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem}.copyright p{color:#fff9;font-size:.875rem;margin:0 0 1rem;margin-bottom:-20px}.legal-links{display:flex;gap:1.5rem;flex-wrap:wrap}.legal-link{color:#fff9;text-decoration:none;font-size:.8125rem;transition:color .3s ease}.legal-link:hover{color:#00b894}.back-to-top{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.75rem 1.5rem;color:#fff;font-size:.875rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.back-to-top:hover{background:#ffffff26;transform:translateY(-2px)}.back-to-top .arrow{font-size:1rem;transition:transform .3s ease}.back-to-top:hover .arrow{transform:translateY(-2px)}@media(max-width:1024px){.footer-top{grid-template-columns:1fr 1fr;gap:2rem}.footer-brand{grid-column:span 2}}@media(max-width:768px){.footer-container{padding:3rem 1.5rem 1.5rem}.footer-top{grid-template-columns:1fr;gap:2.5rem}.footer-brand{grid-column:span 1}.footer-bottom{flex-direction:column;align-items:flex-start;gap:1.5rem}.legal-links{gap:1rem}}@media(max-width:480px){.footer-container{padding:2rem 1rem 1rem}.footer-description{font-size:.875rem}.back-to-top{width:100%;justify-content:center}}:root{--primary-blue: #0066FF;--primary-dark: #0052D4;--electric-green: #00FF9D;--green-dark: #00CC7D;--tech-cyan: #00F0FF;--pure-white: #FFFFFF;--off-white: #F8FAFC;--light-gray: #E2E8F0;--medium-gray: #94A3B8;--dark-gray: #475569;--carbon-black: #0F172A;--gradient-primary: linear-gradient(135deg, var(--primary-blue) 0%, var(--tech-cyan) 100%);--gradient-green: linear-gradient(135deg, var(--electric-green) 0%, var(--tech-cyan) 100%);--gradient-dark: linear-gradient(135deg, var(--carbon-black) 0%, #1E293B 100%);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-neon: 0 0 20px rgba(0, 102, 255, .3);--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 50px;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .2s ease;--section-spacing: 6rem}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--off-white);color:var(--carbon-black);line-height:1.6;overflow-x:hidden}.evmap-app{min-height:100vh}.container{max-width:1280px;margin:0 auto;padding:0 2rem}h1,h2,h3,h4{font-weight:700;line-height:1.2;margin-bottom:1rem}h1{font-size:3.5rem;letter-spacing:-.5px}h2{font-size:2.5rem}h3{font-size:1.5rem}p{margin-bottom:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2rem;font-weight:600;font-size:1rem;border-radius:var(--radius);border:none;cursor:pointer;transition:var(--transition);text-decoration:none;gap:.5rem}.btn-primary{background:var(--gradient-primary);color:var(--pure-white);box-shadow:var(--shadow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:transparent;color:var(--primary-blue);border:2px solid var(--primary-blue)}.btn-secondary:hover{background:#0066ff0d;transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--carbon-black);border:2px solid var(--light-gray)}.btn-outline:hover{border-color:var(--primary-blue);color:var(--primary-blue)}.section{padding:var(--section-spacing) 0}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-size:2.5rem;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:1rem}.section-subtitle{font-size:1.25rem;color:var(--dark-gray);max-width:700px;margin:0 auto}.hero-section{padding-top:8rem;background:var(--pure-white)}.hero-title{font-size:3.5rem;margin-bottom:1.5rem}.hero-subtitle{font-size:1.5rem;color:var(--dark-gray);margin-bottom:2rem}.hero-description{font-size:1.125rem;color:var(--dark-gray);margin-bottom:3rem}.hero-cta{display:flex;gap:1rem;margin-top:2rem}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:3rem}.stat-card{background:var(--pure-white);border:1px solid var(--light-gray);border-radius:var(--radius-lg);padding:2rem;text-align:center;box-shadow:var(--shadow);transition:var(--transition)}.stat-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.stat-number{font-size:2.5rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.5rem}.stat-label{font-size:.875rem;color:var(--medium-gray);font-weight:500}.map-preview{background:var(--gradient-dark);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl)}.map-container{height:300px;position:relative;background:linear-gradient(135deg,#1e3a8a,#0f172a)}.map-overlay{position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(0,102,255,.1) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(0,255,157,.1) 0%,transparent 50%)}.station-marker{position:absolute;transform:translate(-50%,-50%)}.marker-dot{width:16px;height:16px;background:var(--electric-green);border-radius:50%;box-shadow:0 0 20px var(--electric-green);animation:pulse 2s infinite}.marker-label{position:absolute;top:20px;left:50%;transform:translate(-50%);background:#0f172ae6;color:var(--pure-white);padding:.25rem .75rem;border-radius:var(--radius);font-size:.75rem;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.charging-car{position:absolute;width:60px;height:30px;background:var(--gradient-primary);border-radius:var(--radius);animation:drive 10s linear infinite}@keyframes drive{0%{left:10%;top:50%}25%{left:25%;top:30%}50%{left:50%;top:40%}75%{left:75%;top:60%}to{left:90%;top:50%}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.problem-section{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.problem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:4rem}.problem-card{background:var(--pure-white);border-radius:var(--radius-lg);padding:2rem;text-align:center;box-shadow:var(--shadow);transition:var(--transition)}.problem-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.problem-icon{font-size:2.5rem;margin-bottom:1rem}.problem-card h3{margin-bottom:.75rem;color:var(--carbon-black)}.problem-card p{color:var(--dark-gray);font-size:.95rem}.problem-quote{max-width:700px;margin:0 auto;padding:3rem;background:var(--pure-white);border-radius:var(--radius-xl);box-shadow:var(--shadow);position:relative}.problem-quote:before{content:'"';position:absolute;top:-30px;left:50%;transform:translate(-50%);font-size:6rem;color:var(--primary-blue);opacity:.2}.quote-text{font-size:1.5rem;font-style:italic;text-align:center;color:var(--carbon-black)}.solution-section{background:var(--pure-white)}.solution-tabs{max-width:1000px;margin:0 auto}.tabs-header{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.tab-btn{padding:1rem 2rem;background:transparent;border:2px solid var(--light-gray);border-radius:var(--radius);font-weight:600;color:var(--dark-gray);cursor:pointer;transition:var(--transition)}.tab-btn:hover{border-color:var(--primary-blue);color:var(--primary-blue)}.tab-btn.active{background:var(--gradient-primary);color:var(--pure-white);border-color:transparent}.tabs-content{background:var(--pure-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.tab-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;padding:3rem}.phone-mockup{position:relative}.phone-screen{background:var(--carbon-black);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-xl)}.app-screen{background:var(--pure-white);border-radius:calc(var(--radius-lg) - 8px);overflow:hidden}.app-header{background:var(--gradient-primary);color:var(--pure-white);padding:1rem;display:flex;justify-content:space-between;align-items:center}.station-list{padding:1rem}.station-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid var(--light-gray);border-radius:var(--radius);margin-bottom:.5rem;transition:var(--transition)}.station-item:hover{border-color:var(--primary-blue);box-shadow:var(--shadow)}.station-item.active{border-color:var(--electric-green);background:#00ff9d0d}.station-name{font-weight:600;margin-bottom:.25rem}.station-distance{font-size:.875rem;color:var(--medium-gray)}.station-action{background:var(--electric-green);color:var(--carbon-black);padding:.5rem 1rem;border-radius:var(--radius);font-weight:600;font-size:.875rem}.feature-list{list-style:none;margin-top:1.5rem}.feature-list li{padding:.75rem 0;border-bottom:1px solid var(--light-gray);display:flex;align-items:center;gap:.75rem}.feature-list li:last-child{border-bottom:none}.features-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.feature-card{background:var(--pure-white);border-radius:var(--radius-lg);padding:2rem;text-align:center;box-shadow:var(--shadow);transition:var(--transition);border:1px solid transparent}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--primary-blue)}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-card h3{margin-bottom:.75rem;color:var(--carbon-black)}.feature-card p{color:var(--dark-gray);font-size:.95rem}.tech-section{background:var(--pure-white)}.tech-stack{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:4rem}.stack-category{background:var(--off-white);border-radius:var(--radius-lg);padding:1.5rem}.stack-category h3{color:var(--primary-blue);margin-bottom:1rem;font-size:1.125rem}.stack-items{display:flex;flex-wrap:wrap;gap:.5rem}.stack-item{background:var(--pure-white);padding:.5rem 1rem;border-radius:var(--radius);font-size:.875rem;color:var(--dark-gray);border:1px solid var(--light-gray)}.tech-values{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.value-card{background:var(--off-white);border-radius:var(--radius-lg);padding:2rem;text-align:center}.value-card h4{color:var(--primary-blue);margin-bottom:.75rem}.team-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;margin-bottom:4rem}.team-member{background:var(--pure-white);border-radius:var(--radius-xl);padding:2.5rem;text-align:center;box-shadow:var(--shadow-lg);transition:var(--transition)}.team-member:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.member-avatar{width:80px;height:80px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:var(--pure-white);font-size:1.5rem;font-weight:700}.member-role{color:var(--primary-blue);font-weight:600;margin-bottom:1rem}.member-bio{color:var(--dark-gray);margin-bottom:1.5rem;font-size:.95rem}.member-expertise{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.member-expertise span{background:#0066ff1a;color:var(--primary-blue);padding:.25rem .75rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:500}.team-extended{background:var(--pure-white);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow)}.team-extended h4{text-align:center;margin-bottom:1.5rem;color:var(--carbon-black)}.extended-roles{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.role{background:var(--off-white);padding:.75rem 1.5rem;border-radius:var(--radius);color:var(--dark-gray)}.contact-section{background:var(--pure-white)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.contact-info{display:grid;gap:1.5rem}.info-card{background:var(--off-white);border-radius:var(--radius-lg);padding:2rem;text-align:center}.info-icon{font-size:2rem;margin-bottom:1rem}.info-card h4{color:var(--carbon-black);margin-bottom:.5rem}.info-card p{color:var(--dark-gray);margin-bottom:1rem;font-size:.95rem}.info-card a{color:var(--primary-blue);text-decoration:none;font-weight:500}.info-card a:hover{text-decoration:underline}.contact-form{background:var(--off-white);border-radius:var(--radius-xl);padding:2.5rem}.form-group{margin-bottom:1.5rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.875rem 1rem;border:1px solid var(--light-gray);border-radius:var(--radius);font-family:inherit;font-size:1rem;background:var(--pure-white);transition:var(--transition)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #0066ff1a}@media(max-width:1024px){h1{font-size:2.8rem}h2{font-size:2.2rem}.hero-content{grid-template-columns:1fr;gap:3rem}.contact-content{grid-template-columns:1fr}}@media(max-width:768px){.container{padding:0 1.5rem}.section{padding:4rem 0}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1.25rem}.hero-cta{flex-direction:column}.stats-grid{grid-template-columns:1fr}.tab-content{grid-template-columns:1fr;padding:1.5rem}.team-grid{grid-template-columns:1fr}}@media(max-width:480px){h1,h2,.section-title{font-size:1.8rem}.tabs-header{flex-direction:column}.tab-btn{width:100%}}.mockup-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.mockup-showcase{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-bottom:4rem}.mockup-device{position:relative}.device-frame{background:var(--carbon-black);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-xl);position:relative}.device-screen{background:var(--pure-white);border-radius:var(--radius-lg);overflow:hidden;min-height:600px}.app-home{height:100%;display:flex;flex-direction:column}.app-navbar{background:var(--gradient-primary);color:var(--pure-white);padding:1rem;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-weight:700;font-size:1.25rem}.nav-user{width:32px;height:32px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center}.app-search{padding:1rem;border-bottom:1px solid var(--light-gray)}.search-input{width:100%;padding:.75rem 1rem;border:1px solid var(--light-gray);border-radius:var(--radius);font-size:.9rem}.search-btn{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--medium-gray);cursor:pointer}.app-map{flex:1;position:relative;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);padding:1rem}.map-view{position:relative;height:100%;background:linear-gradient(135deg,#1e3a8a,#0f172a);border-radius:var(--radius);overflow:hidden}.map-marker{position:absolute;background:#fffffff2;border-radius:var(--radius);padding:.5rem;display:flex;align-items:center;gap:.5rem;box-shadow:var(--shadow);min-width:160px;transform:translate(-50%,-50%)}.marker-icon{font-size:1.25rem}.marker-title{font-weight:600;font-size:.9rem}.marker-status{font-size:.75rem;color:var(--medium-gray)}.user-location{position:absolute;bottom:1rem;left:1rem;background:#fffffff2;padding:.5rem .75rem;border-radius:var(--radius);display:flex;align-items:center;gap:.5rem}.app-quick-actions{padding:1rem;display:flex;gap:.5rem;border-top:1px solid var(--light-gray)}.action-btn{flex:1;background:var(--off-white);border:1px solid var(--light-gray);border-radius:var(--radius);padding:.75rem;display:flex;flex-direction:column;align-items:center;gap:.25rem;cursor:pointer;transition:var(--transition)}.action-btn:hover{background:var(--light-gray)}.action-icon{font-size:1.25rem}.action-text{font-size:.75rem;font-weight:500}.mockup-features{height:100%}.feature-list-container h3{margin-bottom:2rem;color:var(--carbon-black)}.feature-items{list-style:none}.feature-item{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:flex-start}.feature-icon{font-size:1.5rem;background:var(--off-white);width:48px;height:48px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-content h4{margin-bottom:.25rem;color:var(--carbon-black)}.feature-content p{color:var(--dark-gray);font-size:.9rem;margin:0}.mockup-screenshots{background:var(--pure-white);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow)}.screenshot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.screenshot-item{background:var(--off-white);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition)}.screenshot-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.screenshot-frame{height:200px;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--tech-cyan) 100%);display:flex;align-items:center;justify-content:center;color:var(--pure-white)}.screenshot-content{text-align:center;padding:1rem}.screen-title{font-weight:600;margin-bottom:.5rem}.screen-desc{font-size:.9rem;opacity:.9}.video-section{background:var(--pure-white)}.video-container{display:grid;grid-template-columns:2fr 1fr;gap:3rem;margin-bottom:3rem}.video-player{background:var(--gradient-dark);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl);position:relative}.video-placeholder{height:400px;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(135deg,#0f172a,#1e293b)}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;transition:transform .3s ease}.play-button:hover{transform:translate(-50%,-50%) scale(1.1)}.video-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:2rem;color:var(--pure-white)}.video-overlay h3{margin:0;color:var(--pure-white)}.video-overlay p{margin:.5rem 0 0;opacity:.9}.video-info{display:flex;justify-content:space-between;padding:1rem;background:#00000080;color:var(--pure-white);font-size:.875rem}.video-steps h3{margin-bottom:2rem;color:var(--carbon-black)}.steps-list{display:flex;flex-direction:column;gap:1.5rem}.step-item{display:flex;gap:1rem;align-items:flex-start}.step-number{width:32px;height:32px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--pure-white);font-weight:700;flex-shrink:0}.step-content h4{margin-bottom:.25rem;color:var(--carbon-black)}.step-content p{color:var(--dark-gray);font-size:.9rem;margin:0}.video-cta{display:flex;justify-content:center;gap:1rem;margin-top:3rem}@media(max-width:1024px){.mockup-showcase{grid-template-columns:1fr;gap:3rem}.video-container{grid-template-columns:1fr}.device-screen{min-height:500px}}@media(max-width:768px){.mockup-showcase{gap:2rem}.screenshot-grid{grid-template-columns:1fr 1fr}.video-placeholder{height:300px}.app-quick-actions{flex-wrap:wrap}.action-btn{flex:0 0 calc(33.333% - .5rem)}}@media(max-width:480px){.screenshot-grid{grid-template-columns:1fr}.video-cta{flex-direction:column}.action-btn{flex:0 0 calc(50% - .5rem)}}.dashboard-mockup,.admin-mockup{background:var(--carbon-black);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-lg)}.dashboard-screen,.admin-screen{background:var(--pure-white);border-radius:calc(var(--radius-lg) - 8px);overflow:hidden}.dashboard-header,.admin-header{background:var(--gradient-primary);color:var(--pure-white);padding:1.5rem}.dashboard-title,.admin-title{font-weight:700;font-size:1.25rem;margin-bottom:.25rem}.dashboard-subtitle,.admin-subtitle{opacity:.9;font-size:.9rem}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1.5rem}.stat-box{text-align:center;padding:1rem;background:var(--off-white);border-radius:var(--radius)}.stat-box .stat-number{font-size:1.5rem;font-weight:700;color:var(--primary-blue);margin-bottom:.25rem}.stat-box .stat-label{font-size:.75rem;color:var(--medium-gray)}.map-overview{height:200px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);position:relative;padding:1.5rem}.map-legend{position:absolute;bottom:1rem;right:1rem;background:#fffffff2;padding:.75rem;border-radius:var(--radius);box-shadow:var(--shadow)}.legend-item{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.8rem}.legend-item:last-child{margin-bottom:0}.legend-color{width:12px;height:12px;border-radius:2px}.tab-pane{animation:fadeIn .3s ease-in-out}.gradient-text{background:linear-gradient(135deg,#00b894,#0984e3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;height:100px}.hero-section{padding:8rem 0 6rem;background:linear-gradient(135deg,#f8f9fa,#fff);position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,184,148,.3),transparent)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-text{padding-right:2rem}.hero-title{font-size:3rem;line-height:1.2;font-weight:700;color:#2d3436;margin-bottom:1.5rem}.gradient-text{background:linear-gradient(135deg,#00b894,#0984e3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;line-height:1.6;color:#636e72;margin-bottom:1.5rem;font-weight:500}.hero-description{font-size:1rem;line-height:1.7;color:#636e72;margin-bottom:2.5rem}.hero-stats{display:flex;gap:2rem;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(0,0,0,.1)}.stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-value{font-size:1.5rem;font-weight:700;color:#00b894}.stat-label{font-size:.875rem;color:#636e72;font-weight:500}.hero-cta{display:flex;gap:1rem;flex-wrap:wrap}.btn{padding:1rem 2rem;border-radius:12px;font-weight:600;font-size:1rem;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.75rem}.btn-primary{background:linear-gradient(135deg,#00b894,#00a085);color:#fff;box-shadow:0 4px 12px #00b8944d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00b89466}.btn-secondary{background:#fff;color:#2d3436;border:2px solid rgba(0,184,148,.2)}.btn-secondary:hover{border-color:#00b894;transform:translateY(-2px)}.hero-visual{position:relative}.app-mockup{position:relative;perspective:1000px}.mockup-frame{background:#fff;border-radius:24px;padding:1.5rem;box-shadow:0 20px 60px #0000001a,0 0 0 1px #ffffff1a,0 8px 32px #00b8941a;transform-style:preserve-3d;transform:rotateY(-5deg) rotateX(5deg);position:relative;z-index:1;overflow:hidden;border:1px solid rgba(0,0,0,.05)}.mockup-header{background:linear-gradient(135deg,#00b894,#00a085);border-radius:16px 16px 0 0;margin:-1.5rem -1.5rem 1.5rem;padding:1rem 1.5rem;color:#fff}.mockup-status-bar{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;font-weight:600;margin-bottom:1rem}.status-icons{display:flex;gap:.5rem}.mockup-nav{display:flex;justify-content:space-between;align-items:center}.back-btn{font-size:1.5rem;cursor:pointer;opacity:.9}.mockup-title{font-size:1.125rem;font-weight:600}.user-avatar{width:32px;height:32px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem}.mockup-content{padding:.5rem 0}.mockup-search{display:flex;align-items:center;gap:.75rem;background:#f8f9fa;border-radius:12px;padding:.75rem 1rem;margin-bottom:1.5rem}.search-icon{color:#636e72;font-size:1.25rem}.search-input{flex:1;background:none;border:none;outline:none;font-size:.875rem;color:#2d3436}.search-input::placeholder{color:#adb5bd}.filter-btn{color:#636e72;font-size:1.25rem;cursor:pointer}.stations-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.station-card{background:#fff;border:1.5px solid #e9ecef;border-radius:12px;padding:1rem;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.station-card.active{border-color:#00b894;box-shadow:0 4px 12px #00b8941a}.station-card:hover{border-color:#00b894;transform:translateY(-2px)}.station-info{flex:1}.station-name{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#2d3436;margin-bottom:.5rem}.station-icon{color:#00b894}.station-details{display:flex;gap:1rem;margin-bottom:.5rem}.detail-item{font-size:.75rem;color:#636e72;display:flex;align-items:center;gap:.25rem}.station-price{display:flex;align-items:center;gap:.5rem}.price-label{font-size:.75rem;color:#636e72}.price-value{font-size:.875rem;font-weight:600;color:#00b894}.reserve-btn{background:#00b894;color:#fff;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.reserve-btn:hover{background:#00a085;transform:translateY(-1px)}.reserve-btn.disabled{background:#e9ecef;color:#adb5bd;cursor:not-allowed}.mockup-navbar{display:flex;justify-content:space-around;background:#f8f9fa;border-radius:16px;padding:.75rem;margin-top:1rem}.nav-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease}.nav-item.active{background:#fff;color:#00b894}.nav-item:hover{background:#00b8941a}.nav-icon{font-size:1.25rem}.nav-label{font-size:.6875rem;font-weight:500}.floating-charge-status{position:absolute;bottom:2rem;right:2rem;background:#fff;border-radius:16px;padding:1rem;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(0,0,0,.05);z-index:2;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.charge-info{display:flex;align-items:center;gap:.75rem}.charge-icon{font-size:1.5rem;color:#00b894}.charge-details{display:flex;flex-direction:column;gap:.25rem}.charge-title{font-size:.875rem;font-weight:600;color:#2d3436}.charge-progress{display:flex;align-items:center;gap:.5rem}.progress-bar{width:80px;height:4px;background:#e9ecef;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:#00b894;border-radius:2px;transition:width .3s ease}.charge-percent{font-size:.75rem;font-weight:600;color:#00b894}.mockup-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:linear-gradient(135deg,#00b8941a,#0984e31a);border-radius:40px;filter:blur(20px);z-index:0}.mockup-shadow{position:absolute;top:50%;left:50%;transform:translate(-50%,-40%);width:90%;height:90%;background:#0000000d;border-radius:40px;filter:blur(10px);z-index:-1}@media(max-width:1024px){.hero-content{gap:3rem}.hero-title{font-size:2.5rem}}@media(max-width:768px){.hero-section{padding:6rem 0 4rem}.hero-content{grid-template-columns:1fr;gap:3rem}.hero-text{padding-right:0;text-align:center}.hero-stats,.hero-cta{justify-content:center}.mockup-frame{transform:none}}@media(max-width:480px){.hero-title{font-size:2rem}.hero-stats{flex-direction:column;gap:1rem;align-items:center}.hero-cta{flex-direction:column;width:100%}.btn{width:100%;justify-content:center}}.app-mockup-image{width:100%;height:auto;border-radius:32px;box-shadow:0 20px 60px #0000001a,0 0 0 1px #ffffff1a,0 8px 32px #00b8941a;transform:rotateY(-5deg) rotateX(5deg);border:1px solid rgba(0,0,0,.05)}.image-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:linear-gradient(135deg,#00b8941a,#0984e31a);border-radius:40px;filter:blur(20px);z-index:-1}.image-shadow{position:absolute;top:50%;left:50%;transform:translate(-50%,-40%);width:90%;height:90%;background:#0000000d;border-radius:40px;filter:blur(10px);z-index:-2}.app-mockup-with-image{position:relative;width:320px;height:640px;margin:0 auto;perspective:1000px}.app-image-background{width:100%;height:100%;border-radius:32px;overflow:hidden;box-shadow:0 20px 60px #0000001a,0 0 0 1px #ffffff1a,0 8px 32px #00b8941a;transform:rotateY(-5deg) rotateX(5deg);border:1px solid rgba(0,0,0,.05)}.app-background-img{width:100%;height:100%;object-fit:cover}@media(max-width:1024px){.app-image-container,.app-mockup-with-image{width:300px}}@media(max-width:768px){.app-mockup-image,.app-mockup-with-image{transform:none}.app-mockup-with-image{height:600px}}@media(max-width:480px){.app-image-container,.app-mockup-with-image{width:280px}.app-mockup-with-image{height:560px}}.app-image-container{position:relative;width:320px;margin:0 auto;perspective:1000px}.app-mockup-image{width:100%;height:auto;border-radius:32px;box-shadow:0 25px 50px #00000026,0 8px 32px #00b89426;transform:rotateY(-5deg) rotateX(5deg);border:1px solid rgba(255,255,255,.1);position:relative;z-index:2;transition:transform .5s cubic-bezier(.4,0,.2,1)}.app-image-container:hover .app-mockup-image{transform:rotateY(-3deg) rotateX(3deg) scale(1.02)}.image-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:110%;height:110%;background:linear-gradient(135deg,#00b89433,#0984e333);border-radius:36px;filter:blur(25px);z-index:1;opacity:.6;animation:glowPulse 4s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.6}50%{opacity:.8}}.image-shadow{position:absolute;top:55%;left:50%;transform:translate(-50%,-45%);width:85%;height:85%;background:#0000001a;border-radius:30px;filter:blur(15px);z-index:0}@media(max-width:1024px){.app-image-container{width:300px}}@media(max-width:768px){.hero-content{grid-template-columns:1fr;gap:3rem}.hero-text{padding-right:0;text-align:center}.app-mockup-image{transform:none}.app-image-container:hover .app-mockup-image{transform:scale(1.02)}}@media(max-width:480px){.app-image-container{width:280px}}.hero-section{padding:100px 0;background:linear-gradient(135deg,#fff,#f8fafc);position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(0,184,148,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(9,132,227,.05) 0%,transparent 50%);z-index:0}.container{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:1}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.hero-text{padding-right:40px}.hero-title{font-size:3.5rem;line-height:1.1;font-weight:700;color:#1a202c;margin-bottom:24px;letter-spacing:-.5px}.gradient-text{background:linear-gradient(135deg,#00b894,#0984e3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.hero-subtitle{font-size:1.25rem;line-height:1.6;color:#4a5568;margin-bottom:40px;font-weight:500}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:48px;padding:32px 0;border-top:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08)}.stat-value{font-size:2.5rem;font-weight:700;color:#00b894;line-height:1;margin-bottom:8px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-label{font-size:.875rem;color:#718096;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.hero-cta{display:flex;gap:16px;margin-top:48px}.btn{padding:16px 32px;border-radius:12px;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:12px;letter-spacing:.3px}.btn-primary{background:linear-gradient(135deg,#00b894,#00a085);color:#fff;box-shadow:0 8px 24px #00b8944d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #00b89466}.btn-secondary{background:#fff;color:#2d3748;border:2px solid rgba(0,184,148,.2);box-shadow:0 4px 12px #0000000d}.btn-secondary:hover{border-color:#00b894;transform:translateY(-2px);box-shadow:0 8px 24px #00b89426}.app-mockup-container{position:relative;width:360px;height:720px;margin:0 auto}.app-screenshot{width:100%;height:100%;object-fit:cover;display:block;border-radius:32px;margin-top:-20px}.app-bottom-nav{position:absolute;bottom:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(0,0,0,.1);display:flex;padding:12px;z-index:20}.nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;border-radius:8px;cursor:pointer;transition:all .3s ease}.nav-tab.active{background:#00b8941a;color:#00b894}.nav-tab:hover:not(.active){background:#0000000d}.nav-icon{font-size:1.5rem}.nav-text{font-size:.75rem;font-weight:500}.floating-element{position:absolute;background:#fff;border-radius:16px;box-shadow:0 12px 40px #00000026;border:1px solid rgba(0,0,0,.05);z-index:3;animation:float 6s ease-in-out infinite}.floating-element.charging-status{bottom:-40px;right:-20px;padding:16px;display:flex;align-items:center;gap:12px;animation-delay:0s}.floating-element.notification{top:40px;left:-30px;padding:12px 16px;display:flex;align-items:center;gap:8px;animation-delay:1s}@keyframes float{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-10px) translate(5px)}}.charging-icon{font-size:2rem;color:#00b894}.charging-info{display:flex;flex-direction:column;gap:4px}.charging-text{font-size:.875rem;font-weight:600;color:#2d3748}.charging-progress{display:flex;align-items:center;gap:8px}.progress-bar{width:80px;height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#00b894,#0984e3);border-radius:2px}.progress-text{font-size:.75rem;font-weight:600;color:#00b894;min-width:30px}.notification-icon{font-size:1.25rem;color:#0984e3}.notification-text{font-size:.875rem;font-weight:500;color:#2d3748}@media(max-width:1024px){.hero-content{gap:60px}.hero-title{font-size:3rem}.app-mockup-container{width:320px;height:640px}}@media(max-width:768px){.hero-section{padding:80px 0}.hero-content{grid-template-columns:1fr;gap:60px;text-align:center}.hero-text{padding-right:0}.hero-stats{max-width:400px;margin-left:auto;margin-right:auto}.hero-cta{justify-content:center;flex-wrap:wrap}.app-mockup-container{width:300px;height:600px}}@media(max-width:480px){.hero-title{font-size:2.5rem}.hero-stats{grid-template-columns:1fr;gap:24px;max-width:200px}.hero-cta{flex-direction:column;width:100%}.btn{width:100%;justify-content:center}.app-mockup-container{width:280px;height:560px}}.app-screenshot{width:100%;height:100%;object-fit:cover;display:block;border-radius:32px;margin-top:15px;animation:gentleTilt 6.5s ease-in-out infinite;transform-origin:center center;will-change:transform}@keyframes gentleTilt{0%{transform:perspective(1100px) rotateY(0) translateY(0)}25%{transform:perspective(1100px) rotateY(10deg) translateY(-6px)}50%{transform:perspective(1100px) rotateY(0) translateY(0)}75%{transform:perspective(1100px) rotateY(-10deg) translateY(-6px)}to{transform:perspective(1100px) rotateY(0) translateY(0)}}.hero-cta{display:flex;gap:16px;margin-top:32px;align-items:center}.btn{padding:16px 32px;border-radius:12px;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:12px;letter-spacing:.3px;white-space:nowrap;flex-shrink:0}@media(max-width:480px){.hero-cta{flex-direction:column;width:100%}.btn{width:100%;justify-content:center}}.hero-cta{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:16px!important;margin-top:30px!important}.btn{display:inline-flex!important;align-items:center!important;gap:10px!important;white-space:nowrap!important;flex-shrink:0!important;flex:0 0 auto!important;padding:14px 28px!important;border-radius:10px!important;font-size:.9375rem!important;font-weight:600!important;border:none!important;cursor:pointer!important}.btn-primary{background:linear-gradient(135deg,#00b894,#00a085)!important;color:#fff!important;box-shadow:0 6px 20px #00b8944d!important}.btn-secondary{background:#fff!important;color:#2d3748!important;border:2px solid rgba(0,184,148,.2)!important;box-shadow:0 3px 10px #0000000d!important}.btn-icon{font-size:1.125rem!important}.playstore-icon{width:22px;height:22px;margin-right:10px;flex-shrink:0}.btn-primary{display:inline-flex;align-items:center;gap:6px}.problem-section{padding:100px 0;background:#fff;position:relative;overflow:hidden;margin-top:-70px}.problem-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,184,148,.3),transparent)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section-header{text-align:center;margin-bottom:60px;position:relative}.problem-stats{display:flex;justify-content:center;gap:48px;margin-bottom:60px;padding:32px 0;border-top:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08)}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-number{font-size:2.5rem;font-weight:700;color:#00b894;line-height:1;margin-bottom:8px}.stat-text{font-size:.875rem;color:#718096;font-weight:500;max-width:120px;line-height:1.4}.problem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-bottom:60px}.problem-card{background:#fff;border-radius:20px;padding:32px;border:1px solid rgba(0,184,148,.1);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.problem-card:hover{transform:translateY(-8px);border-color:#00b8944d;box-shadow:0 20px 40px #00b8941a}.problem-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#00b894,#0984e3);opacity:0;transition:opacity .3s ease}.problem-card:hover:before{opacity:1}.card-icon{margin-bottom:20px}.icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:#00b8941a;border-radius:16px}.icon{font-size:1.75rem}.card-title{font-size:1.25rem;font-weight:600;color:#1a202c;margin-bottom:12px;line-height:1.4}.card-description{font-size:.9375rem;line-height:1.6;color:#718096;margin-bottom:20px}.card-footer{padding-top:16px;border-top:1px solid rgba(0,0,0,.05)}.footer-tag{display:inline-block;font-size:.75rem;font-weight:600;color:#00b894;padding:4px 12px;background:#00b8941a;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.problem-highlight{background:linear-gradient(135deg,#00b8940d,#0984e30d);border-radius:24px;padding:40px;text-align:center;border:1px solid rgba(0,184,148,.1)}.highlight-content{max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:24px}.highlight-icon{font-size:3rem;color:#00b894}.highlight-quote{font-size:1.25rem;line-height:1.6;color:#2d3748;font-weight:500;font-style:italic;margin-bottom:16px;position:relative}.highlight-quote:before,.highlight-quote:after{content:'"';color:#00b894;font-size:2rem;font-weight:700;opacity:.5}.highlight-author{display:flex;flex-direction:column;gap:4px}.author-name{font-size:.875rem;font-weight:600;color:#1a202c}.author-role{font-size:.75rem;color:#718096;font-weight:500}@media(max-width:1024px){.problem-section{padding:80px 0}.section-title{font-size:2.5rem}.problem-stats{gap:32px}}@media(max-width:768px){.problem-section{padding:60px 0}.section-header{margin-bottom:40px}.section-title{font-size:2rem}.section-subtitle{font-size:1rem}.problem-stats{flex-direction:column;gap:24px;align-items:center}.stat-item{width:100%;max-width:200px}.problem-grid{grid-template-columns:1fr;gap:20px}.problem-card{padding:24px}.problem-highlight{padding:32px 24px}}@media(max-width:480px){.section-title{font-size:1.75rem}.stat-number{font-size:2rem}.highlight-quote{font-size:1.125rem}.highlight-icon{font-size:2.5rem}}.solution-section{padding:100px 0;background:#f8fafc;position:relative}.solution-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,184,148,.3),transparent)}.section-header{text-align:center;margin-bottom:60px}.section-label{display:inline-block;font-size:.875rem;font-weight:600;color:#00b894;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:16px;padding:6px 16px;background:#00b8941a;border-radius:20px}.section-title{font-size:2.75rem;line-height:1.2;font-weight:700;color:#1a202c;margin-bottom:20px;letter-spacing:-.5px}.section-title .gradient-text{background:linear-gradient(135deg,#00b894,#0984e3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{font-size:1.125rem;line-height:1.6;color:#4a5568;max-width:600px;margin:0 auto;font-weight:500}.tabs-nav{display:flex;justify-content:center;gap:8px;margin-bottom:40px;padding:8px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000d;max-width:600px;margin-left:auto;margin-right:auto}.tab-nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border:none;background:transparent;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:#718096;font-weight:500}.tab-nav-btn:hover{background:#00b8940d;color:#00b894;transform:translateY(-2px)}.tab-nav-btn.active{background:linear-gradient(135deg,#00b894,#00a085);color:#fff;box-shadow:0 4px 12px #00b8944d}.tab-icon{font-size:1.5rem}.tab-label{font-size:.875rem;font-weight:600}.tabs-content{background:#fff;border-radius:24px;padding:40px;box-shadow:0 20px 60px #0000000d}.tab-panel{display:none}.tab-panel.active{display:block;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.visual-frame{background:#fff;border-radius:20px;padding:24px;box-shadow:0 15px 35px #00000014,0 0 0 1px #00b8941a;border:1px solid rgba(0,184,148,.05)}.app-preview{background:#f8f9fa;border-radius:16px;overflow:hidden;border:1px solid rgba(0,0,0,.05)}.app-header{background:linear-gradient(135deg,#00b894,#00a085);padding:16px;color:#fff;display:flex;justify-content:space-between;align-items:center}.app-logo-small{font-weight:700;font-size:1.125rem}.app-status{display:flex;gap:12px;font-size:.875rem;font-weight:500}.app-body{padding:20px}.search-bar{background:#fff;border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:10px;margin-bottom:20px;color:#718096;font-size:.875rem;border:1px solid rgba(0,0,0,.08)}.stations-list{display:flex;flex-direction:column;gap:12px}.station-card{background:#fff;border-radius:12px;padding:16px;border:1px solid rgba(0,0,0,.08)}.station-card.highlighted{border-color:#00b894;box-shadow:0 4px 12px #00b8941a}.station-name{font-weight:600;color:#1a202c;margin-bottom:8px;font-size:.9375rem}.station-details{display:flex;gap:12px;margin-bottom:12px;flex-wrap:wrap}.detail{font-size:.75rem;color:#718096;display:flex;align-items:center;gap:4px}.detail.availability{color:#00b894;font-weight:500}.reserve-btn{background:#00b894;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:.875rem;font-weight:600;cursor:pointer;width:100%;transition:all .3s ease}.reserve-btn:hover{background:#00a085}.app-footer{background:#fff;border-top:1px solid rgba(0,0,0,.05);padding:12px;display:flex;justify-content:space-around}.nav-item{padding:8px;cursor:pointer;border-radius:8px;font-size:1.25rem}.nav-item.active{background:#00b8941a;color:#00b894}.dashboard-preview{background:#f8f9fa;border-radius:16px;padding:20px}.dashboard-header{margin-bottom:24px}.dashboard-title{font-size:1.25rem;font-weight:700;color:#1a202c;margin-bottom:4px}.dashboard-subtitle{font-size:.875rem;color:#718096}.dashboard-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.stat-card{background:#fff;border-radius:12px;padding:16px;text-align:center;border:1px solid rgba(0,0,0,.05)}.stat-card.highlighted{border-color:#00b894;background:#00b8940d}.stat-value{font-size:1.75rem;font-weight:700;color:#00b894;margin-bottom:4px}.stat-label{font-size:.75rem;color:#718096;text-transform:uppercase;letter-spacing:.5px}.dashboard-chart{background:#fff;border-radius:12px;padding:16px}.chart-title{font-size:.875rem;font-weight:600;color:#1a202c;margin-bottom:12px}.chart-bars{display:flex;gap:4px;align-items:flex-end;height:100px}.chart-bar{flex:1;background:linear-gradient(to top,#00b894,#0984e3);border-radius:4px 4px 0 0;min-height:20px}.admin-preview{background:#f8f9fa;border-radius:16px;padding:20px}.admin-header{margin-bottom:24px}.admin-title{font-size:1.25rem;font-weight:700;color:#1a202c;margin-bottom:4px}.admin-subtitle{font-size:.875rem;color:#718096}.map-overview{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px}.map-title{font-size:.875rem;font-weight:600;color:#1a202c;margin-bottom:16px}.map-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.map-city{text-align:center;padding:8px;background:#00b8940d;border-radius:8px;border:1px solid rgba(0,184,148,.1)}.city-dot{width:8px;height:8px;background:#00b894;border-radius:50%;margin:0 auto 6px}.city-name{font-size:.75rem;font-weight:600;color:#1a202c;margin-bottom:2px}.city-stats{font-size:.625rem;color:#718096}.map-legend{display:flex;justify-content:center;gap:16px}.legend-item{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#718096}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-dot.high{background:#00b894}.legend-dot.medium{background:#0984e3}.legend-dot.low{background:#fdcb6e}.tab-info{padding-left:20px}.tab-title{font-size:1.75rem;font-weight:700;color:#1a202c;margin-bottom:16px;line-height:1.3}.tab-description{font-size:1rem;line-height:1.6;color:#718096;margin-bottom:32px}.features-grid{display:grid;grid-template-columns:1fr;gap:20px}.feature-item{display:flex;align-items:flex-start;gap:16px}.feature-icon{width:48px;height:48px;background:#00b8941a;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#00b894;flex-shrink:0}.feature-content h4{font-size:1rem;font-weight:600;color:#1a202c;margin-bottom:4px}.feature-content p{font-size:.875rem;line-height:1.5;color:#718096}@media(max-width:1024px){.tab-content-grid{grid-template-columns:1fr;gap:40px}.tab-info{padding-left:0}}@media(max-width:768px){.solution-section{padding:60px 0}.section-title{font-size:2rem}.tabs-nav{flex-direction:column;max-width:300px}.tabs-content{padding:24px}.tab-title{font-size:1.5rem}.map-grid{grid-template-columns:repeat(2,1fr)}.dashboard-stats{grid-template-columns:1fr}}@media(max-width:480px){.section-title{font-size:1.75rem}.tabs-nav{max-width:100%}.tab-nav-btn{padding:12px}.visual-frame{padding:16px}.map-grid{grid-template-columns:1fr}.feature-item{flex-direction:column;text-align:center}.feature-icon{margin:0 auto}}.cat-solution{padding:80px 0;background:#fff;margin-top:-70px}.container{max-width:1200px;margin:0 auto;padding:0 20px}.cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}.cat-card{background:#fff;border-radius:20px;padding:32px;box-shadow:0 5px 20px #0000000d;border:1px solid #e2e8f0;transition:all .3s ease}.cat-driver{border-top:4px solid #00b894}.cat-operator{border-top:4px solid #0984e3}.cat-institution{border-top:4px solid #9b59b6}.cat-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.cat-card-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.cat-card-title{font-size:1.5rem;font-weight:600;color:#1a202c;margin:0}.cat-card-body{margin-bottom:24px}.cat-list{list-style:none;padding:0;margin:0 0 24px}.cat-list li{position:relative;padding-left:24px;margin-bottom:12px;font-size:.9375rem;color:#4a5568;line-height:1.5}.cat-list li:before{content:"•";position:absolute;left:0;color:#00b894;font-weight:700;font-size:1.2em}.cat-driver .cat-list li:before{color:#00b894}.cat-operator .cat-list li:before{color:#0984e3}.cat-institution .cat-list li:before{color:#9b59b6}.cat-result{background:#f8fafc;border-radius:12px;padding:16px;font-size:.9375rem;color:#2d3748;line-height:1.5;border-left:4px solid #00b894}.cat-driver .cat-result{border-left-color:#00b894}.cat-operator .cat-result{border-left-color:#0984e3}.cat-institution .cat-result{border-left-color:#9b59b6}.cat-result strong{color:#00b894;font-weight:600}.cat-driver .cat-result strong{color:#00b894}.cat-operator .cat-result strong{color:#0984e3}.cat-institution .cat-result strong{color:#9b59b6}@media(max-width:1024px){.cat-solution{padding:60px 0}.cat-title{font-size:2.25rem}}@media(max-width:768px){.cat-grid{grid-template-columns:1fr;gap:24px}.cat-card{padding:24px}.cat-title{font-size:2rem}.cat-subtitle{font-size:1rem}}@media(max-width:480px){.cat-solution{padding:40px 0}.cat-title{font-size:1.75rem}.cat-card-title{font-size:1.25rem}}.cat-interface{padding:80px 0;background:#f8fafc;margin-top:-70px}.cat-title{font-size:2.5rem;font-weight:700;color:#1a202c;margin-bottom:20px;line-height:1.2}.cat-subtitle{font-size:1.125rem;color:#4a5568;max-width:600px;margin:0 auto;line-height:1.6;font-weight:500}.cat-showcase{margin-bottom:80px}.cat-mockup{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.cat-phone-frame{position:relative;width:320px;height:640px;background:#fff;border-radius:40px;box-shadow:0 30px 60px #00000026,0 0 0 12px #1a202c,0 0 0 14px #2d3748;overflow:hidden;margin:0 auto}.cat-app-screenshot{width:100%;height:100%;object-fit:cover;display:block;border-radius:32px}.cat-mockup-features{padding-left:20px}.cat-feature-highlight{display:flex;align-items:center;gap:20px;margin-bottom:40px;padding:24px;background:#fff;border-radius:20px;box-shadow:0 10px 30px #00b8941a;border:1px solid rgba(0,184,148,.1)}.cat-highlight-icon{font-size:3rem;color:#00b894}.cat-highlight-text h3{font-size:1.5rem;font-weight:600;color:#1a202c;margin-bottom:8px}.cat-highlight-text p{font-size:1rem;color:#4a5568;line-height:1.5}.cat-feature-list{list-style:none;padding:0;margin:0}.cat-feature-item{display:flex;align-items:flex-start;gap:16px;margin-bottom:28px}.cat-feature-dot{width:12px;height:12px;background:#00b894;border-radius:50%;margin-top:8px;flex-shrink:0}.cat-feature-content h4{font-size:1.125rem;font-weight:600;color:#1a202c;margin-bottom:6px}.cat-feature-content p{font-size:.9375rem;color:#4a5568;line-height:1.5}.cat-screenshots{margin-bottom:60px}.cat-screenshots-title{font-size:2rem;font-weight:700;color:#1a202c;text-align:center;margin-bottom:40px}.cat-screenshot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.cat-screenshot-card{background:#fff;border-radius:20px;padding:24px;box-shadow:0 10px 30px #0000000d;border:1px solid rgba(0,184,148,.1);transition:all .3s ease}.cat-screenshot-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00b8941a}.cat-screenshot-frame{text-align:center}.cat-screenshot-preview{width:80px;height:80px;background:#00b8941a;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.cat-screen-icon{font-size:2.5rem;color:#00b894}.cat-screenshot-info h4{font-size:1.125rem;font-weight:600;color:#1a202c;margin-bottom:8px}.cat-screenshot-info p{font-size:.875rem;color:#4a5568;line-height:1.5}.cat-app-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:30px;padding:40px;background:#fff;border-radius:24px;box-shadow:0 10px 30px #0000000d;border:1px solid rgba(0,184,148,.1)}.cat-stat-item{text-align:center}.cat-stat-number{font-size:2.5rem;font-weight:700;color:#00b894;margin-bottom:8px;line-height:1}.cat-stat-label{font-size:.875rem;color:#4a5568;font-weight:500}@media(max-width:1024px){.cat-interface{padding:60px 0}.cat-title{font-size:2.25rem}.cat-mockup{gap:40px}.cat-phone-frame{width:300px;height:600px}}@media(max-width:768px){.cat-mockup{grid-template-columns:1fr;gap:40px}.cat-mockup-features{padding-left:0}.cat-phone-frame{width:280px;height:560px}.cat-screenshot-grid{grid-template-columns:repeat(2,1fr)}.cat-app-stats{grid-template-columns:repeat(2,1fr);padding:30px 20px}}@media(max-width:480px){.cat-interface{padding:40px 0}.cat-title{font-size:1.75rem}.cat-subtitle{font-size:1rem}.cat-phone-frame{width:260px;height:520px}.cat-screenshot-grid{grid-template-columns:1fr}.cat-app-stats{grid-template-columns:1fr;gap:20px}.cat-stat-number{font-size:2rem}}.cat-interface{padding:100px 0;background:linear-gradient(135deg,#fff,#f8fafc)}.cat-interface-showcase{margin-bottom:100px}.cat-interface-main{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.cat-phone-container{position:relative}.cat-phone{position:relative;width:320px;height:650px;background:#fff;border-radius:40px;box-shadow:0 40px 100px #00000026,0 0 0 14px #1a202c,0 0 0 16px #2d3748;overflow:hidden;margin:0 auto;animation:floatPhone 6s ease-in-out infinite}@keyframes floatPhone{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(-1deg)}66%{transform:translateY(-10px) rotate(1deg)}}.cat-phone-notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:160px;height:24px;background:#1a202c;border-radius:0 0 16px 16px;z-index:2}.cat-phone-screen{width:100%;height:100%;object-fit:cover;display:block;border-radius:32px}.cat-interface-label{text-align:center;margin-top:30px}.cat-interface-label h3{font-size:1.5rem;font-weight:600;color:#1a202c;margin-bottom:8px}.cat-interface-label p{font-size:1rem;color:#718096;font-weight:500}.cat-interface-features{display:flex;flex-direction:column;gap:24px}.cat-feature-card{display:flex;align-items:flex-start;gap:20px;padding:24px;background:#fff;border-radius:20px;border:1px solid rgba(0,184,148,.1);box-shadow:0 10px 30px #0000000d;transition:all .3s ease}.cat-feature-card:hover{transform:translate(10px);border-color:#00b8944d;box-shadow:0 20px 40px #00b8941a}.cat-feature-icon{width:56px;height:56px;background:linear-gradient(135deg,#00b894,#0984e3);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;color:#fff;flex-shrink:0}.cat-feature-details h4{font-size:1.25rem;font-weight:600;color:#1a202c;margin-bottom:8px}.cat-feature-details p{font-size:1rem;color:#4a5568;line-height:1.5}.cat-app-screens{margin-bottom:100px}.cat-screens-title{font-size:2.5rem;font-weight:700;color:#1a202c;text-align:center;margin-bottom:60px}.cat-screens-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.cat-screen-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px #00000014;border:1px solid rgba(0,184,148,.1);transition:all .3s ease}.cat-screen-card:hover{transform:translateY(-10px);box-shadow:0 30px 80px #00b89426}.cat-screen-preview{display:flex;flex-direction:column;height:100%}.cat-screen-frame{padding:30px;background-color:#fff;text-align:center}.cat-screen-image{width:200px;height:400px;object-fit:cover;border-radius:20px;box-shadow:0 15px 35px #0000001a}.cat-screen-info{padding:30px;flex:1;display:flex;flex-direction:column}.cat-screen-number{font-size:3rem;font-weight:700;color:#00b894;opacity:.55;line-height:1;margin-bottom:16px;letter-spacing:-1px}.cat-screen-info h4{font-size:1.5rem;font-weight:600;color:#1a202c;margin-bottom:12px}.cat-screen-info>p{font-size:1rem;color:#4a5568;margin-bottom:24px;line-height:1.5}.cat-screen-features{list-style:none;padding:0;margin:auto 0 0}.cat-screen-features li{position:relative;padding-left:24px;margin-bottom:10px;font-size:.9375rem;color:#4a5568}.cat-screen-features li:before{content:"✓";position:absolute;left:0;color:#00b894;font-weight:600}.cat-app-summary{background:linear-gradient(135deg,#00b894,#0984e3);border-radius:30px;padding:60px;color:#fff}.cat-summary-content{display:grid;grid-template-columns:auto 1fr auto;gap:40px;align-items:center}.cat-summary-icon{font-size:4rem;opacity:.9}.cat-summary-text h3{font-size:2rem;font-weight:700;margin-bottom:16px;color:#fff}.cat-summary-text p{font-size:1.125rem;line-height:1.6;opacity:.9;max-width:600px}.cat-summary-stats{display:flex;flex-direction:column;gap:20px}.cat-summary-stat{text-align:center}.cat-stat-value{font-size:2rem;font-weight:700;margin-bottom:4px}.cat-stat-label{font-size:.875rem;opacity:.8;font-weight:500}@media(max-width:1200px){.cat-summary-content{grid-template-columns:1fr;gap:30px;text-align:center}}@media(max-width:1024px){.cat-interface{padding:80px 0}.cat-title{font-size:2.5rem}.cat-interface-main{grid-template-columns:1fr;gap:60px}.cat-phone{width:300px;height:610px}.cat-screens-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.cat-title{font-size:2rem}.cat-subtitle{font-size:1.125rem}.cat-phone{width:280px;height:570px}.cat-screens-title{font-size:2rem}.cat-screens-grid{grid-template-columns:1fr}.cat-app-summary{padding:40px 30px}.cat-summary-text h3{font-size:1.75rem}}@media(max-width:480px){.cat-interface{padding:60px 0}.cat-title{font-size:1.75rem}.cat-phone{width:260px;height:530px}.cat-feature-card{flex-direction:column;text-align:center}.cat-feature-icon{margin:0 auto}.cat-screen-image{width:180px;height:360px}}.cat-tech{padding:100px 0;background:#f8fafc;margin-top:-170px}.cat-tech-stack{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:80px}.cat-stack-category{background:#fff;border-radius:24px;padding:32px;box-shadow:0 15px 40px #0000000d;border:1px solid rgba(0,184,148,.1);transition:all .3s ease}.cat-stack-category:hover{transform:translateY(-8px);box-shadow:0 25px 60px #00b8941a}.cat-stack-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:2px solid rgba(0,184,148,.1)}.cat-stack-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;color:#fff}.cat-stack-icon.frontend{background:linear-gradient(135deg,#61dafb,#087ea4)}.cat-stack-icon.mobile{background:linear-gradient(135deg,#3cba54,#0d47a1)}.cat-stack-icon.backend{background:linear-gradient(135deg,#393,#060)}.cat-stack-icon.maps{background:linear-gradient(135deg,#7e57c2,#512da8)}.cat-stack-icon.security{background:linear-gradient(135deg,#ff7043,#d84315)}.cat-stack-icon.standards{background:linear-gradient(135deg,#00b894,#0984e3)}.standards-icon{font-size:1.75rem}.cat-stack-title{font-size:1.5rem;font-weight:600;color:#1a202c;margin:0}.cat-stack-items{display:flex;flex-direction:column;gap:16px}.cat-stack-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:#00b89408;border:1px solid rgba(0,184,148,.1);transition:all .3s ease}.cat-stack-item:hover{background:#00b89414;transform:translate(5px)}.cat-tech-icon{font-size:1.5rem;color:#00b894;flex-shrink:0}.cat-tech-text{width:40px;height:40px;background:#00b8941a;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;color:#00b894}.cat-tech-badge{width:40px;height:40px;background:#00b8941a;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;color:#00b894;text-transform:uppercase}.cat-tech-name{font-size:.9375rem;font-weight:500;color:#4a5568}.cat-tech-values{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-bottom:80px}.cat-value-card{background:#fff;border-radius:20px;padding:32px;display:flex;align-items:flex-start;gap:20px;box-shadow:0 10px 30px #0000000d;border:1px solid rgba(0,184,148,.1);transition:all .3s ease}.cat-value-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00b8941a}.cat-value-icon{font-size:2rem;width:56px;height:56px;background:#00b8941a;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#00b894;flex-shrink:0}.cat-value-content h4{font-size:1.25rem;font-weight:600;color:#1a202c;margin-bottom:8px}.cat-value-content p{font-size:.9375rem;color:#4a5568;line-height:1.5}.cat-tech-cta{background:linear-gradient(135deg,#00b894,#0984e3);border-radius:30px;padding:60px;text-align:center;color:#fff}.cat-cta-content{max-width:600px;margin:0 auto}.cat-cta-content h3{font-size:2.5rem;font-weight:700;margin-bottom:20px;color:#fff}.cat-cta-content p{font-size:1.125rem;line-height:1.6;margin-bottom:30px;opacity:.9}.cat-tech-btn{background:#fff;color:#00b894;border:none;border-radius:16px;padding:18px 36px;font-size:1.125rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:12px;transition:all .3s ease}.cat-tech-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #fff3}.cat-btn-icon{font-size:1.25rem}@media(max-width:1024px){.cat-tech{padding:80px 0}.cat-title{font-size:2.5rem}.cat-tech-stack,.cat-tech-values{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.cat-title{font-size:2rem}.cat-subtitle{font-size:1.125rem}.cat-tech-stack{grid-template-columns:1fr}.cat-stack-category{padding:24px}.cat-tech-values{grid-template-columns:1fr}.cat-tech-cta{padding:40px 30px}.cat-cta-content h3{font-size:2rem}}@media(max-width:480px){.cat-tech{padding:60px 0}.cat-title{font-size:1.75rem}.cat-value-card{flex-direction:column;text-align:center}.cat-value-icon{margin:0 auto}.cat-tech-btn{width:100%;justify-content:center}}.cat-team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:80px}.cat-member-card{background:#fff;border-radius:24px;padding:32px;box-shadow:0 15px 40px #0000000d;border:1px solid rgba(0,184,148,.1);transition:all .3s ease}.cat-member-card:hover{transform:translateY(-10px);box-shadow:0 25px 60px #00b8941a}.cat-member-header{display:flex;align-items:center;gap:20px;margin-bottom:24px}.cat-member-avatar{width:80px;height:80px;background:linear-gradient(135deg,#00b894,#0984e3);border-radius:20px;display:flex;align-items:center;justify-content:center}.cat-avatar-initials{font-size:1.75rem;font-weight:700;color:#fff}.cat-member-titles{flex:1}.cat-member-name{font-size:1.5rem;font-weight:700;color:#1a202c;margin-bottom:4px}.cat-member-role{font-size:1rem;color:#00b894;font-weight:600}.cat-member-body{margin-bottom:24px}.cat-member-bio{font-size:1rem;color:#4a5568;line-height:1.6;margin-bottom:20px}.cat-member-expertise{display:flex;flex-wrap:wrap;gap:8px}.cat-expertise-tag{font-size:.75rem;font-weight:500;color:#00b894;padding:4px 12px;background:#00b8941a;border-radius:12px}.cat-member-footer{padding-top:20px;border-top:1px solid rgba(0,0,0,.05)}.cat-member-experience{font-size:.875rem;color:#718096;font-weight:500}.cat-team-extended{background:linear-gradient(135deg,#00b8940d,#0984e30d);border-radius:24px;padding:40px}.cat-extended-header{display:flex;align-items:center;gap:16px;margin-bottom:30px}.cat-extended-icon{font-size:2.5rem}.cat-extended-title{font-size:1.75rem;font-weight:700;color:#1a202c;margin:0}.cat-extended-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.cat-role-card{background:#fff;border-radius:16px;padding:24px;display:flex;align-items:center;gap:16px;box-shadow:0 5px 15px #0000000d;border:1px solid rgba(0,184,148,.1)}.cat-role-icon{font-size:1.75rem;width:56px;height:56px;background:#00b8941a;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#00b894;flex-shrink:0}.cat-role-content h4{font-size:1.125rem;font-weight:600;color:#1a202c;margin-bottom:4px}.cat-role-content p{font-size:.875rem;color:#718096}.cat-info-card:hover{transform:translate(10px);box-shadow:0 20px 40px #00b8941a}.cat-contact-email{font-size:1rem;font-weight:600;color:#00b894;text-decoration:none;transition:color .3s ease}.cat-contact-email:hover{color:#0984e3}.cat-download-btn{background:#00b8941a;color:#00b894;border:1px solid rgba(0,184,148,.2);border-radius:12px;padding:12px 20px;font-size:.9375rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease}.cat-download-btn:hover{background:#00b89433;transform:translateY(-2px)}.cat-download-icon{font-size:1.25rem}.cat-contact-form{background:#fff;border-radius:24px;padding:40px;box-shadow:0 15px 40px #00000014;border:1px solid rgba(0,184,148,.1)}.cat-form-header{margin-bottom:32px}.cat-form-title{font-size:1.75rem;font-weight:700;color:#1a202c;margin-bottom:8px}.cat-form-subtitle{font-size:1rem;color:#718096}.cat-form{display:flex;flex-direction:column;gap:24px}.cat-form-group{display:flex;flex-direction:column;gap:8px}.cat-form-label{font-size:.875rem;font-weight:600;color:#2d3748}.cat-form-input,.cat-form-select,.cat-form-textarea{padding:14px 16px;border:1px solid #e2e8f0;border-radius:12px;font-size:1rem;color:#1a202c;background:#fff;transition:all .3s ease}.cat-form-input:focus,.cat-form-select:focus,.cat-form-textarea:focus{outline:none;border-color:#00b894;box-shadow:0 0 0 3px #00b8941a}.cat-form-textarea{resize:vertical;min-height:120px}.cat-submit-btn{background:linear-gradient(135deg,#00b894,#00a085);color:#fff;border:none;border-radius:14px;padding:18px 32px;font-size:1.125rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:12px;transition:all .3s ease;margin-top:10px}.cat-submit-btn:hover{transform:translateY(-3px);box-shadow:0 12px 32px #00b8944d}.cat-submit-icon{font-size:1.25rem}.cat-contact-footer{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;padding-top:60px;border-top:1px solid rgba(0,0,0,.08)}.cat-footer-content{display:flex;align-items:center;gap:16px}.cat-footer-icon{font-size:1.5rem;width:56px;height:56px;background:#00b8941a;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#00b894;flex-shrink:0}.cat-footer-text h4{font-size:1.125rem;font-weight:600;color:#1a202c;margin-bottom:4px}.cat-footer-text p{font-size:.9375rem;color:#4a5568}@media(max-width:1024px){.cat-team,.cat-contact{padding:80px 0}.cat-title{font-size:2.5rem}.cat-contact-grid{grid-template-columns:1fr;gap:40px}.cat-team-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.cat-title{font-size:2rem}.cat-subtitle{font-size:1.125rem}.cat-team-grid{grid-template-columns:1fr}.cat-extended-grid{grid-template-columns:repeat(2,1fr)}.cat-member-card{padding:24px}.cat-contact-form{padding:30px}}@media(max-width:480px){.cat-team,.cat-contact{padding:60px 0}.cat-title{font-size:1.75rem}.cat-extended-grid{grid-template-columns:1fr}.cat-member-header,.cat-footer-content{flex-direction:column;text-align:center}.cat-footer-icon{margin:0 auto}}.cat-team{padding:100px 0;background:#fff}.cat-header{text-align:center;margin-bottom:80px}.cat-title{font-size:3rem;font-weight:700;color:#1a202c;margin-bottom:20px;line-height:1.1}.cat-subtitle{font-size:1.25rem;color:#4a5568;max-width:700px;margin:0 auto;line-height:1.6;font-weight:500}.cat-team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;row-gap:90px;margin-bottom:80px}.tech-grid{margin-bottom:0}.cat-technical-team{margin-top:100px}.cat-member-card{background:#fff;border-radius:20px;padding:24px;text-align:center;box-shadow:0 10px 30px #0000000d;border:1px solid rgba(0,184,148,.1);transition:all .3s ease}.cat-member-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00b8941a;border-color:#00b8944d}.cat-member-photo-container{width:120px;height:120px;margin:-60px auto 20px;border-radius:50%;overflow:hidden;border:4px solid white;box-shadow:0 10px 25px #00b89433;position:relative;z-index:1}.cat-member-photo{width:100%;height:100%;object-fit:cover;display:block}.cat-member-content{padding-top:40px}.cat-member-name{font-size:1.5rem;font-weight:700;color:#1a202c;margin-bottom:8px;margin-top:-40px}.cat-member-role{font-size:1rem;color:#00b894;font-weight:600;margin-bottom:20px;display:inline-block;padding:6px 16px;background:#00b8941a;border-radius:20px}.cat-member-bio{font-size:1rem;color:#4a5568;line-height:1.6;margin-bottom:24px}.cat-member-expertise{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.cat-member-expertise span{font-size:.875rem;font-weight:500;color:#00b894;padding:6px 12px;background:#00b8941a;border-radius:12px}@media(max-width:1024px){.cat-team{padding:80px 0}.cat-title{font-size:2.5rem}.cat-team-grid{grid-template-columns:repeat(2,1fr)}.cat-technical-team{margin-top:80px}}@media(max-width:768px){.cat-title{font-size:2rem}.cat-subtitle{font-size:1.125rem}.cat-team-grid{grid-template-columns:1fr;gap:60px}.cat-member-card{padding:20px}.cat-member-photo-container{width:100px;height:100px;margin:-50px auto 15px}}@media(max-width:480px){.cat-team{padding:60px 0}.cat-title{font-size:1.75rem}.cat-member-name{font-size:1.25rem}.cat-member-bio{font-size:.9375rem}}.highlight-icon{display:flex;align-items:center;justify-content:center;width:100%}.cat-member-photo-{width:110px;height:110px;border-radius:50%;object-fit:cover;border:2px solid #ffffff;background-color:#f5f5f5;box-shadow:0 4px 12px #00000026;transition:transform .25s ease,box-shadow .25s ease;cursor:pointer}.tagline{display:block;max-width:900px;margin:6px auto 0;font-size:40px;font-weight:700;line-height:1.25;color:#000;text-align:left;word-break:normal;white-space:normal}@media(max-width:1024px){.tagline{font-size:32px}}@media(max-width:768px){.tagline{font-size:22px;line-height:1.3;text-align:left}}.cat-member-photo-container{width:140px;height:140px;margin:-70px auto 20px;border-radius:50%;overflow:hidden;border:4px solid white;box-shadow:0 10px 25px #00b89433;position:relative;z-index:1}.cat-member-photo{width:100%;height:100%;object-fit:cover;display:block;image-rendering:auto;image-rendering:crisp-edges;image-rendering:-webkit-optimize-contrast;filter:brightness(1.05) contrast(1.05);transition:transform .3s ease}.cat-member-photo:hover{transform:scale(1.05)}.cat-member-photo-container img{image-rendering:high-quality;image-rendering:-webkit-optimize-contrast;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.cat-member-photo-container:before{content:"";position:absolute;inset:0;background:inherit;filter:blur(10px);opacity:.5;z-index:-1}.cat-member-photo-container img[src*="/src/assets/images/nassim.jpg"],.cat-member-photo-container img[src*="/src/assets/images/youssef-zrig.jpeg"],.cat-member-photo-container img[src*="/src/assets/images/ftiti-marouan.png"],.cat-member-photo-container img[src*="/src/assets/images/houssine-benarous.JPG"]{object-fit:cover;image-rendering:optimizeQuality}.cat-member-photo-container{width:140px;height:140px;margin:-70px auto 20px;border-radius:50%;overflow:hidden;border:4px solid #fff;background-color:#fff;box-shadow:0 10px 25px #00b8942e;position:relative;z-index:1}.cat-member-photo{width:100%;height:100%;object-fit:cover;display:block;image-rendering:auto;backface-visibility:hidden;transform:translateZ(0);filter:brightness(1.03) contrast(1.08) saturate(1.05) sharpen(0);transition:transform .3s ease}.cat-member-photo:hover{transform:scale(1.04)}.cat-member-photo-container:before{display:none}.cat-member-photo-container{width:120px;height:120px;margin:-60px auto 20px;border-radius:50%;overflow:hidden;border:3px solid white;box-shadow:0 8px 25px #00b89426;position:relative;z-index:1;background:#fff}.cat-member-photo{width:100%;height:100%;object-fit:cover;display:block;image-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:transform .3s ease}.cat-member-photo:hover{transform:scale(1.03)}.cat-member-photo-container:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff80;pointer-events:none}.cat-member-photo-container img{image-rendering:crisp-edges;image-rendering:-webkit-optimize-contrast}.cat-member-photo-container{width:140px;height:140px;margin:-70px auto 20px;border-radius:50%;overflow:hidden;border:4px solid white;box-shadow:0 6px 20px #0000001a,inset 0 0 0 1px #fffc;position:relative;z-index:1;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.cat-member-photo{width:100%;height:100%;object-fit:cover;display:block;image-rendering:-webkit-optimize-contrast;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;filter:brightness(1.02) contrast(1.05);transition:all .3s cubic-bezier(.4,0,.2,1)}.cat-member-photo:hover{transform:scale(1.05);filter:brightness(1.04) contrast(1.08)}.cat-member-photo-container:after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(135deg,#fff3,#fff0 60%);pointer-events:none}.cat-member-photo-container img{image-rendering:crisp-edges;backface-visibility:hidden}.cat-tech-icon{font-size:26px;margin-right:10px}.react{color:#61dafb}.js{color:#f7df1e}.ts{color:#3178c6}.node{color:#3c873a}.supabase{color:#3ecf8e}.leaflet{color:#199900}.osm{color:#7ebc6f}.jwt{color:#000}.lock{color:#555}.cat-stack-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-right:12px;color:#fff}.cat-stack-icon.frontend{background:linear-gradient(135deg,#61dafb,#007acc)}.cat-stack-icon.mobile{background:linear-gradient(135deg,#4facfe,#00f2fe)}.cat-stack-icon.backend{background:linear-gradient(135deg,#3c873a,#2f6f2f)}.cat-stack-icon.maps{background:linear-gradient(135deg,#199900,#6bcf63)}.cat-stack-icon.security{background:linear-gradient(135deg,#ff416c,#ff4b2b)}.cat-value-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0}.cat-value-icon.architecture{background:linear-gradient(135deg,#667eea,#764ba2)}.cat-value-icon.performance{background:linear-gradient(135deg,#43cea2,#185a9d)}.cat-value-icon.security{background:linear-gradient(135deg,#ff416c,#ff4b2b)}.cat-value-icon.scalability{background:linear-gradient(135deg,#11998e,#38ef7d)}.cat-feature-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;flex-shrink:0}.cat-feature-icon.location{background:linear-gradient(135deg,#4facfe,#00f2fe)}.cat-feature-icon.live{background:linear-gradient(135deg,#f7971e,#ffd200)}.cat-feature-icon.pricing{background:linear-gradient(135deg,#11998e,#38ef7d)}.btn-discover{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:12px;background:#fff;color:#0f172a;font-size:15px;font-weight:600;border:1px solid #e5e7eb;cursor:pointer;transition:background .2s ease,border .2s ease}.btn-discover:hover{background:#f9fafb;border-color:#d1d5db}.btn-icon{font-size:18px;color:#10b981}.cat-contact{padding:100px 0;background:#f8fafc}.cat-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:80px}.cat-contact-info{display:flex;flex-direction:column;gap:24px}.cat-info-card{background:#fff;border-radius:20px;padding:32px;box-shadow:0 10px 30px #0000000d;border:1px solid rgba(0,184,148,.1);transition:all .3s ease}.cat-info-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00b8941a}.cat-info-icon{font-size:2.5rem;margin-bottom:20px}.cat-info-content h3{font-size:1.5rem;font-weight:700;color:#1a202c;margin-bottom:12px}.cat-info-content p{font-size:1rem;color:#4a5568;line-height:1.5;margin-bottom:20px}.cat-info-contact{margin-top:16px}.cat-contact-email{font-size:1.125rem;font-weight:600;color:#00b894;text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.cat-contact-email:hover{color:#0984e3;transform:translate(5px)}.cat-social-connect{display:flex;flex-direction:column}.cat-social-card{background:#fff;border-radius:24px;padding:40px;box-shadow:0 15px 40px #00000014;border:1px solid rgba(0,184,148,.1);height:100%;display:flex;flex-direction:column}.cat-social-header{margin-bottom:32px}.cat-social-title{font-size:1.75rem;font-weight:700;color:#1a202c;margin-bottom:8px}.cat-social-subtitle{font-size:1rem;color:#718096}.cat-social-links{display:flex;flex-direction:column;gap:24px;margin-bottom:32px;flex:1}.cat-social-link{display:flex;align-items:flex-start;gap:20px;padding:24px;border-radius:16px;text-decoration:none;transition:all .3s ease;border:1px solid rgba(0,184,148,.1)}.cat-social-link:hover{transform:translateY(-3px);box-shadow:0 10px 25px #00b8941a;border-color:#00b8944d}.cat-social-link.linkedin{background:#0a66c20d}.cat-social-link.email{background:#00b8940d}.cat-social-icon{font-size:2rem;width:56px;height:56px;background:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #00000014}.cat-social-link.linkedin .cat-social-icon{background:#0a66c2;color:#fff}.cat-social-link.email .cat-social-icon{background:#00b894;color:#fff}.cat-social-details{flex:1}.cat-social-details h4{font-size:1.25rem;font-weight:600;color:#1a202c;margin-bottom:8px}.cat-social-details p{font-size:.9375rem;color:#4a5568;margin-bottom:12px;line-height:1.5}.cat-social-cta{font-size:.875rem;font-weight:600;color:#0a66c2;display:inline-flex;align-items:center;gap:4px}.cat-email-display{display:flex;align-items:center;gap:16px;margin-top:8px}.cat-email-text{font-size:1rem;font-weight:500;color:#1a202c;padding:8px 16px;background:#fff;border-radius:8px;border:1px solid #e2e8f0;flex:1}.cat-copy-btn{padding:8px 20px;background:#00b894;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.cat-copy-btn:hover{background:#00a085;transform:translateY(-2px)}.cat-social-links-mini{display:flex;gap:16px;margin-top:32px;justify-content:center}.cat-social-mini{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;text-decoration:none;transition:all .3s ease;background:#f8fafc;border:1px solid #e2e8f0}.cat-social-mini:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000001a}.cat-social-mini.twitter:hover{background:#1da1f2;color:#fff;border-color:#1da1f2}.cat-social-mini.facebook:hover{background:#1877f2;color:#fff;border-color:#1877f2}.cat-social-mini.instagram:hover{background:linear-gradient(45deg,#405de6,#5851db,#833ab4,#c13584,#e1306c,#fd1d1d);color:#fff;border:none}.cat-social-mini.linkedin-mini:hover{background:#0a66c2;color:#fff;border-color:#0a66c2}.cat-social-footer{padding-top:24px;border-top:1px solid #e2e8f0}.cat-response-time{display:flex;align-items:center;gap:8px;font-size:.875rem;color:#4a5568;font-weight:500}.cat-time-icon{font-size:1rem}@media(max-width:1024px){.cat-contact-grid{grid-template-columns:1fr;gap:40px}.cat-social-card{padding:32px}}@media(max-width:768px){.cat-contact{padding:80px 0}.cat-social-link{flex-direction:column;text-align:center}.cat-social-icon{margin:0 auto}.cat-email-display{flex-direction:column;gap:12px}.cat-copy-btn{width:100%}.cat-social-links-mini{flex-wrap:wrap}}@media(max-width:480px){.cat-contact{padding:60px 0}.cat-info-card,.cat-social-card{padding:24px}.cat-social-links-mini{gap:12px}.cat-social-mini{width:40px;height:40px;font-size:1rem}}.cat-contact{padding:100px 0;background:#fff;position:relative}.cat-contact:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,184,148,.3),transparent)}.cat-header{text-align:center;margin-bottom:60px}.cat-label{display:inline-block;font-size:.875rem;font-weight:600;color:#00b894;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:16px;padding:6px 16px;background:#00b8941a;border-radius:20px}.cat-title{font-size:2.75rem;line-height:1.2;font-weight:700;color:#1a202c;margin-bottom:20px;letter-spacing:-.5px}.cat-title .gradient-text{background:linear-gradient(135deg,#00b894,#0984e3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cat-subtitle{font-size:1.125rem;line-height:1.6;color:#4a5568;max-width:600px;margin:-40px auto 0;font-weight:500}.cat-contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;max-width:1200px;margin:0 auto;padding:0 2rem}.cat-contact-form-section{background:#fff;border-radius:20px;padding:2.5rem;border:1px solid rgba(224,224,224,.3);box-shadow:0 4px 20px #00000014}.form-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(224,224,224,.3)}.form-title{font-size:1.75rem;font-weight:700;color:#2d3436;margin-bottom:.5rem}.form-subtitle{font-size:1rem;color:#636e72}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.875rem;font-weight:600;color:#2d3436}.form-input,.form-select,.form-textarea{padding:.875rem 1rem;border:1px solid rgba(224,224,224,.5);border-radius:8px;font-size:1rem;color:#2d3436;background:#fff;transition:all .3s ease;font-family:inherit}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#00b894;box-shadow:0 0 0 3px #00b8941a}.form-input::placeholder,.form-textarea::placeholder{color:#adb5bd}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23636e72' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:12px 8px;padding-right:2.5rem}.form-textarea{resize:vertical;min-height:120px}.form-actions{margin-top:1rem}.submit-btn{width:100%;display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#00b894,#00a085);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00b8944d}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00b89466}.submit-btn .btn-icon{font-size:1.25rem;display:flex;align-items:center;justify-content:center}.submit-btn .btn-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.submit-btn .btn-title{font-size:1rem;font-weight:600}.submit-btn .btn-subtitle{font-size:.75rem;opacity:.9;font-weight:500}.cat-contact-info-section{display:flex;flex-direction:column;gap:2rem}.contact-info-header{padding-bottom:1.5rem;border-bottom:1px solid rgba(224,224,224,.3)}.info-title{font-size:1.75rem;font-weight:700;color:#2d3436;margin-bottom:.5rem}.info-subtitle{font-size:1rem;color:#636e72}.contact-info-cards{display:flex;flex-direction:column;gap:1.5rem}.contact-info-card{background:#fff;border-radius:16px;padding:1.5rem;border:1px solid rgba(224,224,224,.3);box-shadow:0 4px 12px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1)}.contact-info-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00b89426;border-color:#00b8944d}.info-card-content{display:flex;align-items:flex-start;gap:1rem}.info-card-icon{display:flex;align-items:center;justify-content:center}.info-card-icon .icon-wrapper{width:48px;height:48px;background:linear-gradient(135deg,#00b894,#00a085);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff;box-shadow:0 4px 8px #00b89433}.info-card-text{flex:1}.info-card-title{font-size:1.125rem;font-weight:700;color:#2d3436;margin-bottom:.25rem}.info-card-description{font-size:.875rem;color:#636e72;margin-bottom:1rem}.info-card-action{display:flex;align-items:center;gap:1rem}.info-contact-link{flex:1;font-size:.9375rem;font-weight:600;color:#00b894;text-decoration:none;padding:.5rem 1rem;background:#00b8940d;border-radius:6px;border:1px solid rgba(0,184,148,.1);transition:all .3s ease}.info-contact-link:hover{background:#00b8941a;border-color:#00b8944d;color:#00a085}.info-copy-btn{background:#00b8941a;color:#00b894;border:1px solid rgba(0,184,148,.2);border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.info-copy-btn:hover{background:#00b89433;transform:translateY(-2px);box-shadow:0 4px 8px #00b89426}.info-time-badge,.info-tag-badge{font-size:.75rem;font-weight:500;padding:.25rem .75rem;border-radius:12px;display:inline-block;white-space:nowrap}.info-time-badge{color:#636e72;background:#7180961a}.info-tag-badge{color:#00b894;background:#00b8941a}.contact-quick-actions{background:#fff;border-radius:16px;padding:1.5rem;border:1px solid rgba(224,224,224,.3);box-shadow:0 4px 12px #0000000d}.quick-actions-text{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(224,224,224,.3)}.quick-actions-title{font-size:1.25rem;font-weight:700;color:#2d3436;margin-bottom:.25rem}.quick-actions-description{font-size:.875rem;color:#636e72}.quick-actions-buttons{display:flex;flex-direction:column;gap:1rem}.quick-action-btn{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-radius:12px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);border:none}.quick-action-btn:hover{transform:translateY(-2px)}.primary-btn{background:linear-gradient(135deg,#00b894,#00a085);color:#fff;box-shadow:0 4px 12px #00b8944d}.primary-btn:hover{box-shadow:0 6px 20px #00b89466}.whatsapp-btn{background:#25d366;color:#fff;box-shadow:0 4px 12px #25d3664d}.whatsapp-btn:hover{box-shadow:0 6px 20px #25d36666}@media(max-width:1024px){.cat-contact-layout{gap:3rem;padding:0 1.5rem}.cat-contact-form-section,.cat-contact-info-section{padding:2rem}}@media(max-width:768px){.cat-contact{padding:80px 0}.cat-title{font-size:2rem}.cat-subtitle{font-size:1rem}.cat-contact-layout{grid-template-columns:1fr;gap:3rem}.form-title,.info-title{font-size:1.5rem}.contact-info-card{padding:1.25rem}.info-card-content{gap:.875rem}.info-card-icon .icon-wrapper{width:40px;height:40px;font-size:1rem}}@media(max-width:480px){.cat-contact{padding:60px 0}.cat-title{font-size:1.75rem}.cat-contact-layout{padding:0 1rem}.cat-contact-form-section,.cat-contact-info-section{padding:1.5rem}.info-card-action{flex-direction:column;align-items:stretch}.info-contact-link{text-align:center}.info-copy-btn{width:100%}.quick-action-btn{padding:.875rem 1rem}.submit-btn{padding:.875rem 1.25rem}}.icon-wrapper svg,.btn-icon svg{width:20px;height:20px}.brand-name{display:inline-block;font-size:72px;font-weight:700;line-height:1.2;padding-bottom:.1em;letter-spacing:-.5px;background:linear-gradient(90deg,#00b894,#0984e3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-rendering:optimizeLegibility}.main-content{margin-top:-40px}.btn-primary{position:relative;background:linear-gradient(135deg,#00b894,#00a085);color:#fff;border:none;border-radius:16px;padding:1rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.75rem;box-shadow:0 8px 24px #00b8944d;min-width:220px;justify-content:center}.btn-primary:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00b89466;background:linear-gradient(135deg,#00d4a4,#00b894)}.btn-primary:active{transform:translateY(-2px)}.btn-primary .playstore-icon{width:24px;height:24px;flex-shrink:0}.hero-cta{display:flex;gap:1.5rem;margin-top:2.5rem;flex-wrap:wrap}.btn-secondary{background:transparent;color:#00b894;border:2px solid #00b894;border-radius:16px;padding:1rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.75rem;min-width:220px;justify-content:center}.btn-secondary:hover{background:#00b8941a;transform:translateY(-2px);box-shadow:0 6px 20px #00b89426}.btn-icon{font-size:1.25rem}.popup-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.popup-icon{position:relative;margin-bottom:1rem}.coming-soon-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#00b894,#00a085);color:#fff;padding:.5rem 1.5rem;border-radius:20px;font-size:.875rem;font-weight:600;white-space:nowrap;z-index:1;box-shadow:0 4px 12px #00b8944d}.app-icon-container{width:120px;height:120px;margin:0 auto}.app-icon-glow{width:100%;height:100%;background:linear-gradient(135deg,#00b894,#00a085);border-radius:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #00b89466;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 8px 32px #00b89466}50%{box-shadow:0 8px 40px #00b89499}}.popup-main-icon{font-size:3.5rem;color:#fff}.popup-title{font-size:1.75rem;font-weight:700;color:#2d3436;margin:0;line-height:1.3}.popup-description{color:#636e72;font-size:1rem;line-height:1.6;margin:0;padding:0 1rem}.popup-description strong{color:#2d3436;font-weight:700}.highlight-text{color:#00b894;font-weight:600;margin:0 4px}.store-buttons{display:flex;gap:1rem;width:100%;margin:1rem 0}.store-button{flex:1;display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:16px;border:2px solid #dfe6e9;background:#fff;cursor:pointer;transition:all .3s ease;min-height:80px}.store-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a;border-color:#00b894}.store-button.playstore:hover{background:linear-gradient(135deg,#00b8940d,#00a0850d)}.store-button.appstore:hover{background:linear-gradient(135deg,#3498db0d,#2980b90d)}.store-icon-wrapper{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.store-button.playstore .store-icon-wrapper{background:linear-gradient(135deg,#00b894,#00a085)}.store-button.appstore .store-icon-wrapper{background:linear-gradient(135deg,#3498db,#2980b9)}.store-button-icon{font-size:1.5rem;color:#fff}.store-button-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.store-button-label{font-size:.75rem;color:#636e72;font-weight:500}.store-button-name{font-size:1.125rem;font-weight:600;color:#2d3436}.notify-section{width:100%;padding-top:1.5rem;border-top:1px solid #dfe6e9}.notify-text{color:#636e72;font-size:.9375rem;margin-bottom:1rem}.notify-form{width:100%}.notify-input-group{display:flex;gap:.5rem;width:100%}.notify-input{flex:1;padding:.875rem 1rem;border:2px solid #dfe6e9;border-radius:12px;font-size:.9375rem;transition:all .3s ease}.notify-input:focus{outline:none;border-color:#00b894;box-shadow:0 0 0 3px #00b8941a}.notify-button{padding:.875rem 1.5rem;background:linear-gradient(135deg,#00b894,#00a085);color:#fff;border:none;border-radius:12px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.notify-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00b8944d}@media(max-width:768px){.hero-cta{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:280px}.download-popup{padding:1.5rem;width:95%}.popup-title{font-size:1.5rem}.store-buttons,.notify-input-group{flex-direction:column}.app-icon-container{width:100px;height:100px}.popup-main-icon{font-size:2.5rem}}@media(max-width:480px){.download-popup{padding:1.25rem;border-radius:16px}.popup-title{font-size:1.25rem}.store-button{padding:.75rem;min-height:70px}.store-icon-wrapper{width:40px;height:40px}.store-button-icon{font-size:1.25rem}.store-button-name{font-size:1rem}}.sss{margin-top:-40px}@media(max-width:1024px){.sss{margin-top:0}}.cat-member-card{width:100%;max-width:360px}.center-card{margin-left:auto;margin-right:auto}.center-card{grid-column:1 / -1;justify-self:center}.section{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.section.animate-in{opacity:1;transform:translateY(0)}.fade-in-up{opacity:0;transform:translateY(20px);transition:all .6s ease}.section.animate-in .fade-in-up{opacity:1;transform:translateY(0)}.animate-stagger>*{opacity:0;transform:translateY(15px);transition:all .5s ease}.section.animate-in .animate-stagger>*{opacity:1;transform:translateY(0)}.slide-in-left{opacity:0;transform:translate(-30px);transition:all .6s ease}.slide-in-right{opacity:0;transform:translate(30px);transition:all .6s ease}.section.animate-in .slide-in-left,.section.animate-in .slide-in-right{opacity:1;transform:translate(0)}.animate-card{transition:transform .3s ease,box-shadow .3s ease}.animate-card:hover{transform:translateY(-5px)}.scroll-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(90deg,#00b894,#0984e3);z-index:1000;transition:width .1s ease}.section.animate-in .animate-stagger>*:nth-child(1){transition-delay:.1s}.section.animate-in .animate-stagger>*:nth-child(2){transition-delay:.2s}.section.animate-in .animate-stagger>*:nth-child(3){transition-delay:.3s}.section.animate-in .animate-stagger>*:nth-child(4){transition-delay:.4s}.section.animate-in .animate-stagger>*:nth-child(5){transition-delay:.5s}@media(max-width:768px){.section{transform:translateY(20px)}.fade-in-up,.slide-in-left,.slide-in-right{transform:translateY(15px)}}@media(prefers-reduced-motion:reduce){.section,.fade-in-up,.slide-in-left,.slide-in-right,.animate-stagger>*,.animate-card{transition:none!important;opacity:1!important;transform:none!important}}.split-layout{display:flex;flex-direction:row;align-items:stretch;min-height:300px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden}.half-section{flex:1;padding:1.5rem;display:flex;flex-direction:column}.left-section{border-right:1px solid #eaeaea}.right-section{border-left:1px solid #eaeaea}.vertical-divider{width:1px;background:linear-gradient(to bottom,transparent,#e0e0e0,transparent);margin:0 10px}.cat-stack-header{display:flex;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #f0f0f0}.cat-stack-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-right:12px;font-size:1.5rem}.cat-stack-icon.frontend{background:linear-gradient(135deg,#61dafb,#4fa3d1);color:#fff}.cat-stack-icon.backend{background:linear-gradient(135deg,#68a063,#4caf50);color:#fff}.cat-stack-title{font-size:1.5rem;font-weight:600;color:#333;margin:0}.cat-stack-items{display:flex;flex-direction:column;gap:.75rem;flex-grow:1}.cat-stack-item{display:flex;align-items:center;padding:.75rem;background:#f9f9f9;border-radius:8px;transition:all .2s ease}.cat-stack-item:hover{background:#f0f0f0;transform:translate(5px)}.cat-tech-icon{font-size:1.25rem;margin-right:10px;width:24px;text-align:center}.cat-tech-name{font-size:1rem;color:#444;font-weight:500}.cat-stack-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:28px}.cat-stack-column{display:flex;flex-direction:column;gap:16px}.stack-subtitle{font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#6b7280;margin-bottom:6px}.cat-stack-item.card{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:14px;background:#f9fefe;border:1px solid #e6f3f3;transition:all .25s ease}.cat-stack-item.card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000014;border-color:#bfeaea}.cat-tech-name{font-size:16px;font-weight:600;color:#111827}.cat-stack-item{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:14px;background:#fff;border:1px solid #e6f3f3;font-weight:600;color:#0f172a}.tech-icon{font-size:20px}.tech-icon.react{color:#61dafb}.tech-icon.js{color:#f7df1e}.tech-icon.native{color:#10b981}.tech-icon.node{color:#3c873a}.tech-icon.ts{color:#3178c6}.tech-icon.supabase{color:#3ecf8e}.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:0}.tech-card-center{grid-column:2}.tech-card{transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease,border-color .3s ease;position:relative}.tech-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,#00b89412,#0984e312);opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:0}.tech-card>*{position:relative;z-index:1}.tech-card:hover{transform:translateY(-14px) scale(1.035);box-shadow:0 30px 60px #00b8942e,0 10px 20px #00000014,0 0 0 1.5px #00b8944d;border-color:#00b89459}.tech-card:hover:after{opacity:1}@media(max-width:1024px){.tech-grid{grid-template-columns:repeat(2,1fr)}.tech-card-center{grid-column:auto}}@media(max-width:600px){.tech-grid{grid-template-columns:1fr}.tech-card-center{grid-column:auto}}@media(max-width:768px){.cat-tech .cat-title,.cat-interface .cat-title,.cat-header .cat-title{margin-bottom:32px;line-height:1.35}}@media(max-width:480px){.cat-tech .cat-title,.cat-interface .cat-title,.cat-header .cat-title{margin-bottom:36px;line-height:1.4}}@media(max-width:1024px){.tech-grid,.cat-team-grid{row-gap:90px!important}}@media(max-width:600px){.tech-grid,.cat-team-grid{row-gap:100px!important}}@media(max-width:1024px){.hero-content{grid-template-columns:1fr!important;gap:2.5rem!important}.hero-title{font-size:2.5rem!important}}@media(max-width:768px){.hero-section{padding:5rem 0 3rem!important}.hero-content{grid-template-columns:1fr!important;gap:2rem!important}.hero-text{padding-right:0!important;text-align:center!important}.tagline{text-align:center!important}.brand-name{font-size:48px!important}.hero-stats{justify-content:center!important;flex-wrap:wrap!important;gap:1.5rem!important}.hero-cta{justify-content:center!important;flex-wrap:wrap!important}.hero-title{font-size:2rem!important}.hero-subtitle{font-size:1.1rem!important}.app-mockup-container{max-width:300px!important;margin:0 auto!important}}@media(max-width:480px){.hero-title{font-size:1.75rem!important}.brand-name{font-size:36px!important}.tagline{font-size:.95rem!important;text-align:center!important}.hero-stats{flex-direction:column!important;align-items:center!important}.hero-cta{flex-direction:column!important;width:100%!important}.btn{width:100%!important;justify-content:center!important}.stat-value{font-size:1.25rem!important}.stat-label{font-size:.8rem!important}}