*{margin:0;padding:0;box-sizing:border-box}.landing-page-wrapper{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0a1f1f;color:#fff;overflow-x:hidden;overflow-y:auto;width:100%;min-height:100vh;position:absolute;top:0;left:0;right:0;bottom:0;scroll-behavior:smooth}.scroll-progress{position:fixed;top:0;left:0;height:3px;width:100%;background:linear-gradient(90deg,#34c165,#6bdd91);z-index:101;transform-origin:left;transform:scaleX(0);transition:transform .1s ease}.header{background:#0a1f1ff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 2rem;box-shadow:0 2px 20px #34c16533;position:fixed;top:0;left:0;right:0;z-index:100;animation:slideDown .6s ease;border-bottom:1px solid rgba(52,193,101,.2)}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:flex-end;align-items:center;position:relative}.truck-container{position:absolute;left:-500px;top:50%;opacity:0;animation:truckDrive 4s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:.8s;transform:translateY(-50%);display:flex;align-items:center}.truck-container .truck-img{height:50px;width:auto;display:block}@keyframes truckDrive{0%{left:-500px;opacity:0}5%{opacity:1}to{left:20px;opacity:1}}.header-buttons{display:flex;gap:1rem;align-items:center}.header-btn{background:linear-gradient(135deg,#34c165,#28964e);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;text-decoration:none;display:inline-block}.header-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #34c16566}.header-btn-secondary{background:transparent;color:#34c165;border:2px solid #34c165;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.header-btn-secondary:hover{background:#34c1651a;transform:translateY(-2px);box-shadow:0 8px 20px #34c1654d}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:6rem 2rem 4rem;position:relative;background:linear-gradient(135deg,#0a1f1f,#0d2828,#0a1f1f);overflow:hidden;will-change:transform}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(52,193,101,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(52,193,101,.1) 0%,transparent 50%);animation:pulse 8s ease-in-out infinite}.hero:after{content:"";position:absolute;top:50%;left:50%;width:150vmax;height:150vmax;transform:translate(-50%,-50%);background-image:repeating-radial-gradient(circle at center,transparent 0,rgba(52,193,101,.03) 40px,transparent 80px);animation:rotate 60s linear infinite;pointer-events:none}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.hero-content{max-width:900px;text-align:center;position:relative;z-index:1;will-change:transform,opacity}.hero h1{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;margin-bottom:2.5rem;line-height:.9;opacity:0;animation:fadeInUp .8s ease forwards .2s;color:#fff}.hero h1 .cursive{font-family:Dancing Script,cursive;font-weight:400;font-size:1.5em}.hero h1 .highlight{position:relative;display:inline-block;background:linear-gradient(90deg,#34c165,#34c165 40%,#fff,#34c165 60%,#34c165);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:diagonalSweep 4s linear infinite}@keyframes diagonalSweep{0%{background-position:200% 0}to{background-position:-200% 0}}.hero h3{font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:400;line-height:1.6;margin-bottom:2rem;animation:fadeInUp .8s ease forwards .4s;opacity:0;color:#b8d4c8}.privacy-line{font-size:.9rem;margin-bottom:2.5rem;font-weight:300;animation:fadeInUp .8s ease forwards .6s;opacity:0;color:#8ba89a;display:flex;align-items:center;justify-content:center;gap:.5rem;overflow:visible}.privacy-line svg{width:18px;height:18px;opacity:.7;overflow:visible;animation:lockPulse 5s ease-in-out 2s infinite}@keyframes lockPulse{0%,10%{filter:drop-shadow(0 0 0 rgba(52,193,101,0));color:#8ba89a}15%{filter:drop-shadow(0 0 8px rgba(52,193,101,.8));color:#34c165}20%,to{filter:drop-shadow(0 0 0 rgba(52,193,101,0));color:#8ba89a}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.cta-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;animation:fadeInUp .8s ease forwards .8s;opacity:0}.btn{padding:1rem 2.5rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;border:none}.btn-primary{background:linear-gradient(135deg,#34c165,#28964e);color:#fff;box-shadow:0 4px 15px #34c1654d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #34c16580}.section{padding:6rem 2rem;position:relative;background:#0d2828;overflow:hidden}.section-content{max-width:1000px;margin:0 auto;opacity:0;transform:translateY(50px);transition:all .8s ease}.section-content.visible{opacity:1;transform:translateY(0)}.section h2{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:.5rem;color:#fff}.section h4{font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:400;line-height:1.7;color:#b8d4c8}.section:nth-child(2n){background:#0a1f1f}.data-visualization{margin-top:3rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.data-card{background:#34c1650d;padding:2rem;border-radius:12px;border:2px solid rgba(52,193,101,.2);transition:all .3s ease;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.data-card:hover{transform:translateY(-5px);border-color:#34c165;box-shadow:0 10px 30px #34c1654d;background:#34c1651a}.data-card h3{font-size:2.5rem;font-weight:700;color:#34c165;margin-bottom:.5rem}.data-card p{font-size:1rem;color:#b8d4c8}.chart-container{margin-top:3rem;height:200px;background:#34c1650d;border-radius:12px;padding:2rem;position:relative;overflow:hidden;border:2px solid rgba(52,193,101,.2)}.chart-bar{position:absolute;bottom:0;width:40px;background:linear-gradient(to top,#34c165,#6bdd91);border-radius:4px 4px 0 0;animation:growBar 2s ease-in-out infinite}.chart-bar:nth-child(1){left:10%;height:60%;animation-delay:0s}.chart-bar:nth-child(2){left:25%;height:80%;animation-delay:.2s}.chart-bar:nth-child(3){left:40%;height:50%;animation-delay:.4s}.chart-bar:nth-child(4){left:55%;height:90%;animation-delay:.6s}.chart-bar:nth-child(5){left:70%;height:70%;animation-delay:.8s}.chart-bar:nth-child(6){left:85%;height:85%;animation-delay:1s}@keyframes growBar{0%,to{transform:scaleY(1);opacity:.7}50%{transform:scaleY(1.1);opacity:1}}.cta-section{padding:8rem 2rem;text-align:center;background:linear-gradient(135deg,#0a1f1f,#0d2828);position:relative}.cta-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-radial-gradient(circle at 50% 50%,transparent 0,rgba(52,193,101,.05) 60px,transparent 120px);pointer-events:none}.cta-section h2{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:1rem;color:#fff;position:relative;z-index:1}.cta-section p{font-size:clamp(1.2rem,2.5vw,1.8rem);margin-bottom:3rem;color:#b8d4c8;position:relative;z-index:1}.modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;align-items:center;justify-content:center;animation:fadeIn .3s ease}.modal.active{display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#0d2828;padding:3rem;border-radius:16px;max-width:500px;width:90%;position:relative;animation:scaleIn .3s ease;border:2px solid rgba(52,193,101,.3)}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#8ba89a;font-size:2rem;cursor:pointer;transition:color .3s ease}.modal-close:hover{color:#fff}.modal h2{margin-bottom:1rem;font-size:2rem;color:#fff}.modal p{margin-bottom:2rem;line-height:1.6;color:#b8d4c8}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#fff}.form-group input{width:100%;padding:.75rem;border:2px solid rgba(52,193,101,.3);border-radius:8px;font-size:1rem;background:#34c1650d;color:#fff;transition:border-color .3s ease}.form-group input:focus{outline:none;border-color:#34c165;background:#34c1651a}.form-group input::placeholder{color:#8ba89a}.map-demo-wrapper{display:flex;gap:2rem;margin-top:3rem;align-items:flex-start}.map-demo-container{position:relative;flex:1;height:600px;background:#f1f5f9;overflow:hidden;border-radius:.5rem;box-shadow:inset 0 2px 4px #0000000f;border:1px solid #e5e7eb}.map-demo{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:#f1f5f9}.map-grid-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:10;opacity:.2;background-image:linear-gradient(#34c165 1px,transparent 1px),linear-gradient(90deg,#34c165 1px,transparent 1px);background-size:40px 40px}.map-hud-branding{position:absolute;bottom:1rem;left:1rem;z-index:20;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.25rem .75rem;border-radius:.25rem;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d}.map-hud-branding span{font-size:.75rem;line-height:1rem;color:#34c165;font-family:monospace;letter-spacing:.05em;font-weight:600}.map-style-toggle{position:absolute;top:1rem;right:1rem;z-index:20}.map-style-toggle label{display:flex;align-items:center;cursor:pointer;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d;border-radius:.25rem;padding:.25rem;transition:background-color .15s}.map-style-toggle label .divider{color:#6b7280;margin:0 .25rem}.map-recenter-btn{position:absolute;bottom:1rem;right:1rem;z-index:20}.map-recenter-btn button{display:flex;align-items:center;justify-content:center;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem;border-radius:9999px;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d;transition:transform .15s,background-color .15s;cursor:pointer}.map-recenter-btn button:hover{transform:scale(1.1)}.route-info-sidebar{width:340px;height:auto;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.5rem;padding:1.5rem;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d;display:flex;flex-direction:column;gap:1rem}.route-info-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-weight:600;color:#34c165}.live-indicator{width:10px;height:10px;background:#34c165;border-radius:50%;animation:pulse-live 1.5s ease-in-out infinite}@keyframes pulse-live{0%,to{box-shadow:0 0 #34c165b3}50%{box-shadow:0 0 0 8px #34c16500}}.route-info-details{display:flex;gap:1.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.route-stat{display:flex;flex-direction:column}.route-stat-value{font-size:1.25rem;font-weight:700;color:#1f2937}.route-stat-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.route-endpoints{display:flex;flex-direction:column;gap:.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.endpoint{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#6b7280;position:relative}.endpoint-tag{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:#fff;border:1px solid #e5e7eb;border-radius:9999px;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none;width:100%}.endpoint-tag:hover{border-color:#34c165;box-shadow:0 2px 4px #34c1651a}.endpoint-tag.active{border-color:#34c165;background:#f0fdf4}.dropdown-menu{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 10px 25px #0000001a;z-index:50;display:none;max-height:200px;overflow-y:auto}.dropdown-menu.show{display:block}.dropdown-item{padding:.625rem .75rem;cursor:pointer;transition:background-color .2s;font-size:.875rem;color:#1f2937;display:flex;align-items:center;gap:.5rem}.dropdown-item:hover{background:#f9fafb}.dropdown-item.selected{background:#f0fdf4;color:#34c165;font-weight:600}.dropdown-dot{width:8px;height:8px;border-radius:50%;border:1px solid white;flex-shrink:0}.endpoint-dot{width:12px;height:12px;border-radius:50%;border:2px solid white;flex-shrink:0}.endpoint-dot.seller{background-color:#21a7bf}.endpoint-dot.buyer{background-color:#f9333d}.transport-quote-section{display:flex;flex-direction:column;gap:.75rem;margin-bottom:0}.transport-quote-title{font-size:.875rem;font-weight:600;color:#1f2937;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px}.quote-option{padding:.75rem;background:#fff;border-radius:.375rem;border:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;transition:all .2s}.quote-option:hover{border-color:#34c165;box-shadow:0 2px 4px #34c1651a}.quote-info{display:flex;flex-direction:column;gap:.25rem}.quote-company{font-weight:600;font-size:.875rem;color:#1f2937}.quote-tariff{font-size:1rem;font-weight:700;color:#34c165}.quote-accept-btn{padding:.5rem 1rem;background:#34c165;color:#fff;border:none;border-radius:.375rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.quote-accept-btn:hover{background:#2d9e56;transform:translateY(-1px);box-shadow:0 4px 6px #34c16533}.quote-accept-btn:active{transform:translateY(0)}.demo-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:2rem;font-size:.9rem;font-weight:300;color:#8ba89a}.demo-indicator svg{width:18px;height:18px;opacity:.7;overflow:visible;animation:arrowPulse 5s ease-in-out 2s infinite}@keyframes arrowPulse{0%,10%{filter:drop-shadow(0 0 0 rgba(52,193,101,0));color:#8ba89a}15%{filter:drop-shadow(0 0 8px rgba(52,193,101,.8));color:#34c165}20%,to{filter:drop-shadow(0 0 0 rgba(52,193,101,0));color:#8ba89a}}.custom-div-icon{background:none!important;border:none!important}.marker-pulse-seller{animation:marker-pulse-cyan 2s ease-in-out infinite}.marker-pulse-buyer{animation:marker-pulse-red 2s ease-in-out infinite}@keyframes marker-pulse-cyan{0%,to{box-shadow:0 0 #21a7bfb3}50%{box-shadow:0 0 0 12px #21a7bf00}}@keyframes marker-pulse-red{0%,to{box-shadow:0 0 #f9333db3}50%{box-shadow:0 0 0 12px #f9333d00}}.bright-tiles{filter:brightness(1.1)}@media(max-width:768px){.header-content{flex-direction:column;gap:1rem}.header-buttons{flex-direction:column;width:100%}.header-btn,.header-btn-secondary{width:100%}.hero{padding:5rem 1rem 3rem}.section{padding:4rem 1rem}.cta-buttons{flex-direction:column;gap:1rem}.btn{width:100%;max-width:300px}.data-visualization{grid-template-columns:1fr}.map-demo-wrapper{flex-direction:column}.route-info-sidebar{width:100%}}