@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--primary:#3f51b5;--primary-light:#5c6bc0;--primary-dark:#303f9f;--secondary:#607d8b;--accent:#ff5722;--accent-hover:#f4511e;--bg-light:#f8fafc;--bg-white:#fff;--bg-dark:#0f172a;--text-dark:#1e293b;--text-light:#f8fafc;--text-muted:#64748b;--glass-bg:#fff9;--glass-border:#fff6;--glass-shadow:0 8px 32px 0 #1f26870d;--dark-glass-bg:#0f172ab3;--dark-glass-border:#ffffff1a;--dark-glass-shadow:0 8px 32px 0 #0000004d;--glow-primary:#3f51b580;--glow-accent:#ff572280}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-light);color:var(--text-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700;line-height:1.15}a{color:inherit;text-decoration:none;transition:all .3s}.container{max-width:1280px;margin:0 auto;padding:0 2rem}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:20px}.dark-glass-panel{background:var(--dark-glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--dark-glass-border);box-shadow:var(--dark-glass-shadow);color:#fff;border-radius:20px}.btn{cursor:pointer;border:none;border-radius:12px;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-family:inherit;font-size:1rem;font-weight:600;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";opacity:0;background:linear-gradient(#ffffff1a,#fff0);transition:opacity .3s;position:absolute;inset:0}.btn:hover:before{opacity:1}.btn:hover{transform:translateY(-3px)}.btn:active{transform:translateY(0)}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:0 4px 15px #3f51b54d}.btn-primary:hover{background-color:var(--primary-light);box-shadow:0 8px 25px #3f51b566}.btn-accent{background-color:var(--accent);color:#fff;box-shadow:0 4px 15px #ff57224d}.btn-accent:hover{background-color:var(--accent-hover);box-shadow:0 8px 25px #ff572266}.btn-outline{color:var(--primary);border:2px solid var(--primary);background-color:#0000}.btn-outline:hover{background-color:var(--primary);color:#fff;box-shadow:0 8px 25px #3f51b533}.text-gradient{background:linear-gradient(135deg, var(--primary) 0%, #00bcd4 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-accent{background:linear-gradient(135deg, var(--accent) 0%, #ff9800 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}section{padding:8rem 0}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(2deg)}to{transform:translateY(0)rotate(0)}}.animate-float{animation:6s cubic-bezier(.4,0,.2,1) infinite float}.animate-float-delayed{animation:6s cubic-bezier(.4,0,.2,1) 3s infinite float}.fade-in-up{opacity:0;animation:1s cubic-bezier(.16,1,.3,1) forwards fadeInUp;transform:translateY(40px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}@media (width<=768px){.container{padding:0 1.5rem}section{padding:5rem 0}}.navbar{z-index:1000;border-bottom:1px solid #0000;padding:1.5rem 0;transition:all .3s;position:fixed;top:0;left:0;right:0}.navbar.scrolled{border-bottom:1px solid var(--glass-border);border-radius:0;padding:1rem 0}.navbar-container{justify-content:space-between;align-items:center;display:flex}.navbar-logo{letter-spacing:-.5px;font-size:1.75rem;font-weight:800}.navbar-links{gap:2.5rem;display:flex}.nav-link{color:var(--text-dark);font-weight:500;position:relative}.nav-link:after{content:"";background-color:var(--primary);width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-link:hover:after{width:100%}@media (width<=992px){.navbar-links{display:none}}.hero-section{background-color:var(--bg-white);align-items:center;min-height:100vh;padding-top:12rem;padding-bottom:8rem;display:flex;position:relative;overflow:hidden}.mesh-bg{z-index:0;opacity:.8;position:absolute;inset:0;overflow:hidden}.mesh-blob{filter:blur(80px);border-radius:50%;animation:20s infinite alternate mesh-move;position:absolute}.blob-1{background:#3f51b526;width:600px;height:600px;animation-delay:0s;top:-20%;left:-10%}.blob-2{background:#ff57221a;width:500px;height:500px;animation-delay:-5s;bottom:-10%;right:-10%}.blob-3{background:#00bcd41a;width:400px;height:400px;animation-delay:-10s;top:40%;left:50%}@keyframes mesh-move{0%{transform:translate(0)scale(1)}50%{transform:translate(10%,10%)scale(1.1)}to{transform:translate(-10%,5%)scale(.9)}}.hero-container{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:5rem;display:grid;position:relative}.premium-badge{color:var(--primary);background:#3f51b50d;border:1px solid #3f51b526;border-radius:30px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;display:inline-flex;box-shadow:0 4px 15px #3f51b50d}.live-dot{background-color:var(--accent);width:8px;height:8px;box-shadow:0 0 10px var(--accent);border-radius:50%;animation:2s infinite pulse-dot}@keyframes pulse-dot{0%{transform:scale(.95);box-shadow:0 0 #ff5722b3}70%{transform:scale(1);box-shadow:0 0 0 6px #ff572200}to{transform:scale(.95);box-shadow:0 0 #ff572200}}.hero-title{letter-spacing:-.04em;color:#0f172a;margin-bottom:1.5rem;font-size:4rem;line-height:1.1}.hero-subtitle{color:var(--text-muted);max-width:90%;margin-bottom:3rem;font-size:1.25rem;font-weight:400}.hero-actions{gap:1.5rem;margin-bottom:4rem;display:flex}.btn-large{padding:1.125rem 2.5rem;font-size:1.125rem}.hero-stats{align-items:center;gap:2.5rem;display:flex}.stat-divider{background:#0000001a;width:1px;height:40px}.stat-item{flex-direction:column;display:flex}.stat-number{margin-bottom:.25rem;font-size:2.5rem;font-weight:800;line-height:1}.stat-text{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.hero-visual{justify-content:center;align-items:center;height:550px;display:flex;position:relative}.abstract-visual{perspective:1000px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.primary-card{-webkit-backdrop-filter:blur(24px);z-index:2;background:#ffffffb3;border:1px solid #fff9;border-radius:24px;width:380px;padding:2.5rem;transition:transform .5s;transform:rotateY(-5deg)rotateX(5deg);box-shadow:0 30px 60px #0f172a14,inset 0 1px #fff}.primary-card:hover{transform:rotateY(0)rotateX(0)}.card-header{color:var(--text-dark);align-items:center;gap:1rem;margin-bottom:2.5rem;font-size:1.25rem;display:flex}.status-pill{color:#10b981;text-transform:uppercase;background:#10b9811a;border-radius:20px;margin-left:auto;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.network-nodes{justify-content:space-between;align-items:center;margin-bottom:2.5rem;display:flex;position:relative}.node{z-index:2;border:3px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 10px #0000001a}.node-start{background:var(--primary)}.node-end{background:var(--accent)}.node-line{background:#0000000d;flex:1;height:2px;margin:0 10px;position:relative}.truck-indicator{background:var(--text-dark);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;animation:4s ease-in-out infinite alternate move-truck;display:flex;position:absolute;top:-14px;box-shadow:0 4px 12px #00000026}@keyframes move-truck{0%{left:0%}to{left:calc(100% - 30px)}}.pulse-line{background:#0000000a;border-radius:4px;width:100%;height:8px;margin-bottom:1.25rem;position:relative;overflow:hidden}.pulse-line:after{content:"";background:linear-gradient(90deg,#0000,#3f51b533,#0000);width:40%;height:100%;animation:2.5s infinite shine;position:absolute;top:0;left:0}.pulse-line.short{width:60%}.pulse-line.medium{width:85%}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(300%)}}.floating-card{z-index:3;align-items:center;gap:1rem;padding:1.25rem 2rem;display:flex;position:absolute}.floating-card div{flex-direction:column;display:flex}.floating-card strong{color:inherit;font-size:1.05rem}.floating-card span{opacity:.8;font-size:.85rem;font-weight:500}.card-1{top:15%;left:-15%}.card-2{bottom:15%;right:-10%}@media (width<=992px){.hero-container{text-align:center;grid-template-columns:1fr;gap:3rem}.premium-badge{margin:0 auto 2rem}.hero-subtitle{margin:0 auto 3rem}.hero-actions,.hero-stats{justify-content:center}.hero-visual{margin-top:1rem}.card-1{top:10%;left:0}.card-2{bottom:10%;right:0}}@media (width<=576px){.hero-title{font-size:2.75rem}.hero-actions{flex-direction:column;gap:1rem}.btn-large{width:100%}.floating-card{display:none}.primary-card{width:100%;max-width:320px}}.features-section{background-color:var(--bg-light);position:relative}.section-eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--primary);margin-bottom:1rem;font-size:.85rem;font-weight:700;display:inline-block}.section-header{margin-bottom:5rem}.section-header h2{margin-bottom:1rem;font-size:3rem}.section-header p{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.25rem}.text-center{text-align:center}.mt-4{margin-top:1.5rem}.mt-auto{margin-top:auto}.bento-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:280px;gap:1.5rem;display:grid}.bento-card{background:#fff;border:1px solid #0000000d;border-radius:24px;flex-direction:column;padding:2.5rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.bento-glow{background:radial-gradient(800px circle at var(--mouse-x,50%) var(--mouse-y,50%), #3f51b50d, transparent 40%);opacity:0;z-index:0;transition:opacity .5s;position:absolute;inset:0}.bento-card:hover{border-color:#3f51b526;transform:translateY(-8px);box-shadow:0 25px 50px #0f172a14}.bento-card:hover .bento-glow{opacity:1}.bento-content,.icon-wrapper,h3,p,.tracking-demo,.shield-visual{z-index:1;position:relative}.icon-wrapper{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1.5rem;transition:transform .3s;display:flex}.bento-card:hover .icon-wrapper{transform:scale(1.1)}.primary-icon{color:var(--primary);background:#3f51b51a}.accent-icon{color:var(--accent);background:#ff57221a}.dark-icon{color:var(--text-dark);background:#0f172a1a}.light-icon{color:#00bcd4;background:#00bcd41a}.bento-card h3{color:var(--text-dark);margin-bottom:.75rem;font-size:1.5rem}.bento-card p{color:var(--text-muted);font-size:1rem;line-height:1.6}.card-link{color:var(--text-muted);opacity:0;transition:all .3s;position:absolute;top:2rem;right:2rem;transform:translate(-10px,10px)}.bento-card:hover .card-link{opacity:1;color:var(--primary);transform:translate(0)}.bento-large{flex-direction:row;grid-area:span 1/span 3;align-items:center;gap:3rem;display:flex}.bento-large .bento-content{flex:1}.bento-tall{grid-area:span 2/span 1}.bento-card:nth-child(3),.bento-card:nth-child(4){grid-column:span 1.5}.tracking-demo{background:#00000008;border-radius:12px;padding:1.5rem}.demo-path{align-items:center;gap:1rem;display:flex;position:relative}.demo-path:before{content:"";z-index:0;background:#3f51b533;height:2px;position:absolute;top:50%;left:0;right:0}.demo-dot{z-index:1;background:#fff;border:2px solid #3f51b580;border-radius:50%;width:12px;height:12px;position:relative}.demo-dot.active{background:var(--primary);border-color:var(--primary);animation:2s infinite pulse-dot-small;box-shadow:0 0 0 4px #3f51b533}@keyframes pulse-dot-small{0%{box-shadow:0 0 #3f51b566}70%{box-shadow:0 0 0 8px #3f51b500}to{box-shadow:0 0 #3f51b500}}.shield-visual{justify-content:center;align-items:center;height:120px;display:flex}.radar-circle{border:1px dashed var(--accent);border-radius:50%;width:80px;height:80px;animation:10s linear infinite spin;position:relative}.radar-circle:after{content:"";background:#ff57221a;border-radius:50%;width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1200px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-large{flex-direction:column;grid-column:span 2;align-items:flex-start}.bento-tall{grid-area:span 1/span 1}.bento-card:nth-child(3),.bento-card:nth-child(4){grid-column:span 1}}@media (width<=768px){.bento-grid{grid-template-columns:1fr;grid-auto-rows:auto}.bento-large,.bento-tall,.bento-card:nth-child(3),.bento-card:nth-child(4){grid-area:span 1/span 1}}.dual-role-section{background-color:var(--bg-white);position:relative}.dual-role-section:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(#3f51b508 0%,#0000 70%);width:100vw;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scroll-anchor{position:absolute;top:-100px}.dual-role-container{z-index:1;background:#fff;border:1px solid #0000000d;padding:0;position:relative;overflow:hidden;box-shadow:0 30px 60px #0000000d}.role-tabs-wrapper{background:#f8fafc;border-bottom:1px solid #0000000d;padding:1rem 1rem 0;position:relative}.role-tabs{background:#0000000a;border-radius:12px 12px 0 0;padding:.5rem .5rem 0;display:flex;position:relative}.tab-indicator{z-index:0;background:#fff;border-radius:10px 10px 0 0;width:50%;height:100%;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0;box-shadow:0 -2px 10px #00000005}.role-tab{color:var(--text-muted);cursor:pointer;z-index:1;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:.75rem;padding:1.25rem;font-size:1.125rem;font-weight:600;transition:all .3s;display:flex;position:relative}.role-tab:hover{color:var(--text-dark)}.role-tab.active{color:var(--primary)}.role-tab:nth-child(3).active{color:var(--accent)}.role-content{padding:4rem}.role-pane{grid-template-columns:1fr 1fr;align-items:center;gap:5rem;display:none}.role-pane.active{display:grid}.fade-in{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeIn;transform:translateY(20px)}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.pane-info h3{margin-bottom:1.25rem;font-size:2.5rem}.pane-info p{color:var(--text-muted);margin-bottom:2.5rem;font-size:1.125rem;line-height:1.7}.premium-feature-list{margin-bottom:2.5rem;list-style:none}.premium-feature-list li{color:var(--text-dark);align-items:center;gap:1.25rem;margin-bottom:1.25rem;font-size:1.05rem;font-weight:500;display:flex}.feat-icon{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.primary-bg{color:var(--primary);background:#3f51b51a}.accent-bg{color:var(--accent);background:#ff57221a}.abstract-widget{background:#fff;border:1px solid #0000000d;border-radius:24px;justify-content:center;align-items:center;width:100%;max-width:380px;height:380px;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000014}.widget-bg-glow{z-index:0;background:radial-gradient(circle,#3f51b51a 0%,#0000 70%);border-radius:50%;width:80%;height:80%;animation:4s infinite alternate pulse-glow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.accent-glow{background:radial-gradient(circle,#ff57221a 0%,#0000 70%)}@keyframes pulse-glow{0%{opacity:.5;transform:translate(-50%,-50%)scale(1)}to{opacity:1;transform:translate(-50%,-50%)scale(1.2)}}.widget-label{color:var(--primary);z-index:10;white-space:nowrap;background:#fff;border-radius:20px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:700;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #0000001a}.accent-label{color:var(--accent)}.matching-engine{z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.ring{border:1px solid #3f51b533;border-radius:50%;position:absolute}.ring-1{border-style:dashed;width:100px;height:100px;animation:10s linear infinite spin-ring}.ring-2{width:180px;height:180px;animation:15s linear infinite reverse spin-ring}.ring-3{border:1px dashed #3f51b51a;width:260px;height:260px;animation:20s linear infinite spin-ring}@keyframes spin-ring{to{transform:rotate(360deg)}}.center-node{background:var(--primary);z-index:2;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative;box-shadow:0 0 20px #3f51b566}.center-node:after{content:"";border:2px solid var(--primary);opacity:0;border-radius:50%;animation:2s cubic-bezier(0,0,.2,1) infinite radar-ping;position:absolute;inset:-10px}@keyframes radar-ping{75%,to{opacity:0;transform:scale(2)}}.orbit-node{width:32px;height:32px;color:var(--text-muted);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:0 4px 10px #0000001a}.node-a{animation:6s ease-in-out infinite float-around;top:20%;left:30%}.node-b{animation:7s ease-in-out 1s infinite float-around;bottom:25%;right:20%}.node-c{animation:5s ease-in-out 2s infinite float-around;top:40%;right:15%}.node-c.match{background:var(--accent);color:#fff;animation:4s infinite found-match;box-shadow:0 0 15px #ff572280}@keyframes float-around{0%,to{transform:translate(0)}50%{transform:translate(15px,-15px)}}@keyframes found-match{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.analytics-grid{z-index:1;width:100%;height:100%;position:relative}.grid-line{background:#00000008;position:absolute}.h-line{width:100%;height:1px;left:0}.v-line{width:1px;height:100%;top:0}.hotspot{background:radial-gradient(circle,#ff572226 0%,#0000 70%);border-radius:50%;width:100px;height:100px;animation:3s infinite alternate pulse-glow;position:absolute}.spot-1{top:15%;left:10%}.spot-2{background:radial-gradient(circle,#10b98126 0%,#0000 70%);bottom:30%;right:20%}.route-path{width:100%;height:100%;position:absolute;top:0;left:0}.path-svg{width:100%;height:100%;position:absolute}.animated-path{stroke-dasharray:200;stroke-dashoffset:200px;animation:3s linear infinite draw-path}@keyframes draw-path{to{stroke-dashoffset:0}}.moving-truck{background:var(--text-dark);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;animation:3s cubic-bezier(.4,0,.2,1) infinite follow-path;display:flex;position:absolute;top:10%;left:40%;box-shadow:0 4px 12px #0003}@keyframes follow-path{0%{top:75%;left:10%}to{top:35%;left:85%}}.flex{display:flex}.justify-between{justify-content:space-between}.text-primary{color:var(--primary)}.font-bold{font-weight:700}.text-sm{font-size:.875rem}.text-slate-500{color:#64748b}.mt-1{margin-top:.25rem}.opacity-80{opacity:.8}@media (width<=992px){.role-pane{grid-template-columns:1fr;gap:3rem}.role-content{padding:3rem 2rem}.pane-info{text-align:center}.premium-feature-list li{justify-content:center}}@media (width<=576px){.role-tab{padding:1rem;font-size:1rem}.role-content{padding:2rem 1rem}.pane-info h3{font-size:2rem}}.footer{color:#fff;background-color:#1a1f36;padding-top:5rem}.footer-top{border-bottom:1px solid #ffffff1a;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:3rem;padding-bottom:4rem;display:grid}.footer-logo{margin-bottom:1rem;font-size:2rem}.footer-desc{color:#a0aec0;max-width:300px;margin-bottom:2rem}.social-links{gap:1rem;display:flex}.social-icon{color:#fff;background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.social-icon:hover{background:var(--primary);transform:translateY(-3px)}.footer-links-group h3,.footer-contact h3{margin-bottom:1.5rem;font-size:1.125rem;font-weight:600}.footer-links-group ul,.footer-contact ul{list-style:none}.footer-links-group li{margin-bottom:.75rem}.footer-links-group a{color:#a0aec0}.footer-links-group a:hover{color:#fff}.footer-contact li{color:#a0aec0;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.download-badges{flex-direction:column;gap:1rem;margin-top:2rem;display:flex}.store-badge{color:#fff;cursor:pointer;background:#000;border:1px solid #fff3;border-radius:8px;align-items:center;gap:.75rem;width:max-content;padding:.5rem 1rem;transition:all .3s;display:flex}.store-badge:hover{background:#111;border-color:#fff}.store-icon{font-size:1.5rem}.store-text{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.store-text span{font-size:.6rem;line-height:1}.store-text strong{font-size:1rem;line-height:1.2}.footer-bottom{color:#a0aec0;justify-content:space-between;align-items:center;padding:2rem 0;font-size:.875rem;display:flex}.legal-links{gap:1.5rem;display:flex}.legal-links a{color:#a0aec0}.legal-links a:hover{color:#fff}@media (width<=992px){.footer-top{grid-template-columns:1fr 1fr}}@media (width<=576px){.footer-top{grid-template-columns:1fr}.footer-bottom{text-align:center;flex-direction:column;gap:1rem}}