*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--navy:#060c41;--navy-mid:#0e1a84;--green:#3fffbf;--white:#fff;--off-white:#f2f3fd;--card-bg:#f2f3fc;--text-dark:#2b2a2a;--text-mid:#5a5a5a;--text-light:#8a8a9a;--border:#e6e6e6;--font:"DM Sans", sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--text-dark);-webkit-font-smoothing:antialiased;background:#fff;overflow-x:hidden}#root{width:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font);border:none;outline:none}img{max-width:100%;height:auto;display:block}ul{list-style:none}.announcement-banner{background:var(--navy);z-index:1;justify-content:center;align-items:center;gap:1rem;padding:.6rem 2rem;display:flex;position:relative}.announcement-text{color:#ffffffd9;font-size:.875rem;font-weight:400}.announcement-cta{color:#fff;white-space:nowrap;background:#ffffff1f;border:1px solid #ffffff40;border-radius:50px;padding:.4rem 1.1rem;font-size:.875rem;font-weight:600;transition:background .2s}.announcement-cta:hover{background:#fff3}.navbar{z-index:1000;background:#fff;align-items:center;height:68px;padding:0 2rem;display:flex;position:sticky;top:0;box-shadow:0 2px 12px #0000000f}.navbar-inner{align-items:center;gap:0;width:100%;max-width:1200px;margin:0 auto;display:flex}.navbar-logo{flex-shrink:0;align-items:center;margin-right:2.5rem;display:flex}.logo-svg{width:auto;height:28px}.navbar-links{flex:1;align-items:center;gap:0;display:flex}.nav-item{position:relative}.nav-link{color:var(--text-dark);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:4px;padding:.5rem .875rem;font-size:.9375rem;font-weight:500;transition:color .15s,background .15s;display:flex}.nav-link:hover{color:var(--navy);background:var(--off-white)}.chevron{width:10px;height:10px;color:var(--text-light)}.dropdown{border:1px solid var(--border);z-index:200;background:#fff;border-radius:12px;min-width:230px;padding:.5rem;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 30px #060c411a}.dropdown-item{color:var(--text-mid);border-radius:8px;padding:.6rem .875rem;font-size:.9rem;transition:background .15s,color .15s;display:block}.dropdown-item:hover{background:var(--off-white);color:var(--navy)}.navbar-cta{flex-shrink:0;align-items:center;gap:.5rem;margin-left:auto;display:flex}.btn-signin{color:var(--text-mid);border-radius:6px;align-items:center;gap:6px;padding:.5rem .875rem;font-size:.9375rem;font-weight:500;transition:color .15s,background .15s;display:flex}.btn-signin:hover{color:var(--navy);background:var(--off-white)}.btn-demo{background:var(--navy);color:#fff;border-radius:50px;padding:.5625rem 1.25rem;font-size:.9375rem;font-weight:600;transition:background .2s}.btn-demo:hover{background:var(--navy-mid)}.hero{background:#fff;justify-content:center;padding:1rem 4rem 2rem;display:flex}.hero-card{background:var(--navy);border-radius:24px;align-items:center;width:100%;max-width:1400px;min-height:540px;padding:5rem 5.5rem;display:flex;position:relative;overflow:hidden}.hero-lottie-bg{z-index:0;position:absolute;inset:-150px}.hero-card:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#060c41cc 0%,#060c4166 55%,#060c411a 85%);position:absolute;inset:0}.hero-content{z-index:2;flex-direction:column;gap:1.5rem;max-width:580px;display:flex;position:relative}.hero-heading{font-family:var(--font);color:#fff;letter-spacing:-.03em;font-size:clamp(3.25rem,5vw,4.75rem);font-weight:700;line-height:1.05}.hero-highlight{color:var(--green);display:inline-block}.hero-highlight.fade-out{opacity:0;transition:opacity .2s,transform .2s;transform:translateY(5px)}.hero-highlight.fade-in{opacity:1;transition:opacity .3s,transform .3s;transform:translateY(0)}.hero-subtext{color:#ffffffe6;max-width:480px;font-size:1.0625rem;line-height:1.65}.hero-cta{background:var(--green);color:var(--navy);font-family:var(--font);border-radius:50px;align-items:center;gap:.625rem;width:fit-content;margin-top:.25rem;padding:.9375rem 1.875rem;font-size:1rem;font-weight:600;transition:box-shadow .2s,transform .2s;display:inline-flex}.hero-cta:hover{transform:translateY(-1px);box-shadow:0 6px 22px #3fffbf61}.hero-cta svg{transition:transform .2s}.hero-cta:hover svg{transform:translate(3px)}.social-proof{background:#fff;padding:6rem}.social-proof-inner{max-width:1100px;margin:0 auto}.social-proof-heading{color:var(--text-dark);text-align:center;letter-spacing:-.03em;margin-bottom:3rem;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.15}.metrics-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.metric-card{text-align:center;cursor:pointer;background:#e8edf5;border-radius:24px;flex-direction:column;align-items:center;gap:.75rem;padding:2.25rem;transition:background .25s;display:flex}.metric-card:hover{background:#060c40}.metric-logo-wrap{justify-content:center;align-items:center;width:100%;height:48px;margin-bottom:.25rem;display:flex}.metric-logo{filter:brightness(0);object-fit:contain;width:auto;max-width:75%;height:auto;max-height:100%;transition:filter .25s}.metric-card:hover .metric-logo{filter:brightness(0)invert()}.metric-stat{color:#060c40;letter-spacing:-.04em;font-size:3rem;font-weight:800;line-height:1;transition:color .25s}.metric-card:hover .metric-stat{color:#fff}.metric-label{color:#555;font-size:.9375rem;line-height:1.4;transition:color .25s}.metric-card:hover .metric-label{color:#ffffffa6}.metric-btn{border:1.5px solid var(--green);color:var(--green);opacity:0;pointer-events:none;border-radius:50px;align-self:center;align-items:center;gap:8px;margin-top:.5rem;padding:8px 8px 8px 18px;font-size:.875rem;font-weight:600;transition:opacity .25s,transform .25s;display:inline-flex;transform:translateY(6px)}.metric-card:hover .metric-btn{opacity:1;pointer-events:auto;transform:translateY(0)}.metric-btn-arrow{color:#060c40;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:700;display:inline-flex}.features{background:#fff;padding:5rem 2rem}.features-inner{max-width:1200px;margin:0 auto}.features-layout{align-items:center;gap:4rem;display:flex}.features-left{flex-direction:column;flex:1;display:flex}.features-heading{color:var(--text-dark);letter-spacing:-.02em;margin-bottom:3rem;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700}.features-tabs{flex-direction:column;gap:0;display:flex}.feature-tab{border:none;border-top:1px solid var(--border);text-align:left;cursor:pointer;background:0 0;align-items:flex-start;gap:.875rem;padding:1.25rem 0;display:flex}.feature-tab:last-child{border-bottom:1px solid var(--border)}.tab-dot{background:var(--border);border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:5px;transition:background .2s}.feature-tab.active .tab-dot{background:var(--navy)}.tab-content{flex-direction:column;gap:.5rem;display:flex}.tab-label{color:var(--text-light);font-size:1rem;font-weight:600;transition:color .2s}.feature-tab.active .tab-label{color:var(--navy)}.tab-body{color:var(--text-mid);max-height:0;font-size:.9375rem;line-height:1.6;transition:max-height .3s;overflow:hidden}.feature-tab.active .tab-body{max-height:200px}.tab-link{color:var(--navy);align-items:center;gap:4px;max-height:0;margin-top:.25rem;font-size:.875rem;font-weight:600;transition:max-height .3s;display:inline-flex;overflow:hidden}.feature-tab.active .tab-link{max-height:40px}.feature-animation-wrap{flex-shrink:0;align-self:center;width:420px;position:relative}.phone-frame{z-index:2;pointer-events:none;width:100%;display:block;position:relative}.lottie-screen{z-index:1;border-radius:36px;position:absolute;inset:2.5% 5.2%;overflow:hidden}.lottie-screen canvas{width:100%!important;height:100%!important}.how-it-works{background:#fff;padding:0 4rem 4rem}.hiw-card{background:#050e3a;border-radius:24px;padding:5rem 4rem}.hiw-inner{max-width:1200px;margin:0 auto}.hiw-heading{color:#fff;text-align:center;letter-spacing:-.02em;margin-bottom:2rem;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700}.hiw-steps{flex-direction:column;display:flex}.hiw-step{border-top:1px solid #ffffff12;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;padding:2.5rem 0;display:grid}.hiw-step:last-child{border-bottom:1px solid #ffffff12}.hiw-flip .step-text{order:2}.hiw-flip .step-diagram{order:1}.step-text{flex-direction:column;gap:1rem;display:flex}.step-num{color:#fff;background:#14287866;border:1px solid #648cff66;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.125rem;font-weight:700;display:inline-flex}.step-heading{color:#fff;letter-spacing:-.01em;margin:0;font-size:1.5rem;font-weight:700;line-height:1.25}.step-body{color:#fff9;margin:0;font-size:1rem;line-height:1.65}.step-img{width:100%;display:block}.dw{width:100%;aspect-ratio:var(--ar,480 / 400);position:relative}.dsvg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.dn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#081258bf;border:1px solid #6482ff59;border-radius:12px;justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.dn-item{width:70px;height:70px;font-size:1.75rem}.dn-marqo{border-color:#ffffffa6;width:160px;height:64px;box-shadow:0 0 28px #50c88c2e}.marqo-node-text{color:#fff;letter-spacing:-.01em;font-size:1rem;font-weight:700}.dn-emma{flex-direction:row;justify-content:space-between;gap:10px;width:270px;height:82px;padding:12px 14px}.emma-text{text-align:left;flex-direction:column;gap:4px;display:flex}.emma-text strong{color:#fff;font-size:.875rem}.emma-text span{color:#ffffff80;font-size:.7rem;line-height:1.4}.emma-avatar{background:#6482ff33;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.5rem;display:flex}.dn-product{flex-direction:column;justify-content:center;gap:6px;width:110px;height:130px}.prod-price{color:#ffffffb3;background:#ffffff1f;border-radius:20px;padding:2px 7px;font-size:.65rem}.prod-emoji{font-size:2rem;line-height:1}.prod-label{letter-spacing:.08em;color:#ffffff73;text-transform:uppercase;text-align:center;font-size:.55rem}.dn-search{background:linear-gradient(135deg,#1a3f90,#2d5cd4);border-color:#6496ff80;border-radius:16px;width:90px;height:90px}.kicks-crew{background:#fff;padding:2rem 4rem}.kc-card{background:#e4eaf2;border-radius:24px;grid-template-columns:1fr 1fr;max-width:1200px;margin:0 auto;display:grid;overflow:hidden}.kc-image{object-fit:cover;width:100%;height:100%;max-height:480px;display:block}.kc-content{flex-direction:column;justify-content:center;gap:.875rem;padding:2.5rem 3rem;display:flex}.kc-logo{object-fit:contain;object-position:left center;filter:brightness(0);width:auto;max-width:180px;height:44px}.kc-heading{color:var(--text-dark);letter-spacing:-.025em;font-size:clamp(1.25rem,1.8vw,1.75rem);font-weight:700;line-height:1.2}.kc-body{color:var(--text-mid);font-size:.9375rem;line-height:1.6}.kc-stats{flex-direction:column;gap:.5rem;display:flex}.kc-stat{border-left:3px solid var(--navy);padding:.625rem 1rem}.kc-stat-number{color:var(--navy);letter-spacing:-.04em;margin-bottom:.2rem;font-size:2rem;font-weight:800;line-height:1}.kc-stat-label{color:var(--text-mid);font-size:.875rem;line-height:1.4}.kc-buttons{flex-wrap:wrap;gap:.75rem;margin-top:.25rem;display:flex}.kc-btn-primary{background:var(--navy);color:#fff;border-radius:50px;align-items:center;gap:.5rem;padding:.75rem 1.375rem;font-size:.9375rem;font-weight:600;transition:opacity .2s;display:inline-flex}.kc-btn-primary:hover{opacity:.85}.kc-btn-secondary{color:#fff;background:#3e6d8e;border-radius:50px;align-items:center;gap:.5rem;padding:.75rem 1.375rem;font-size:.9375rem;font-weight:600;transition:background .2s;display:inline-flex}.kc-btn-secondary:hover{background:#335e7d}.comparison{background:#fff;padding:5rem 4rem}.comparison-inner{max-width:1200px;margin:0 auto}.comp-heading{color:var(--text-dark);letter-spacing:-.03em;text-align:center;margin-bottom:3rem;font-size:clamp(2rem,3.5vw,3rem);font-weight:700;line-height:1.15}.comp-panels{border-radius:20px;grid-template-columns:1fr 1.2fr 1fr;display:grid;overflow:hidden}.comp-panel{flex-direction:column;display:flex}.comp-panel-header{align-items:center;min-height:80px;padding:1.75rem 2rem 1.5rem;display:flex}.comp-panel-features{background:#e8edf5;border-radius:20px 0 0 20px}.comp-col-label{color:var(--text-dark);font-size:1rem;font-weight:700}.comp-row-feature{color:#444;border-top:1px solid #0000000f;align-items:center;min-height:72px;padding:1.375rem 2rem;font-size:.9375rem;display:flex}.comp-panel-marqo{z-index:1;background:#060c40;border-radius:20px;margin:-8px 0;position:relative;box-shadow:0 8px 40px #060c4040}.comp-marqo-wordmark{width:auto;height:30px}.comp-row-marqo{border-top:1px solid #ffffff12;align-items:flex-start;gap:.75rem;min-height:72px;padding:1.375rem 2rem;display:flex}.comp-row-marqo span{color:#fff;font-size:.9375rem;font-weight:500;line-height:1.5}.comp-panel-legacy{background:#e8edf5;border-radius:0 20px 20px 0}.comp-row-legacy{border-top:1px solid #0000000f;align-items:flex-start;gap:.75rem;min-height:72px;padding:1.375rem 2rem;display:flex}.comp-row-legacy span{color:#444;font-size:.9375rem;line-height:1.5}.check-icon,.x-icon{flex-shrink:0;width:22px;height:22px;margin-top:1px}.cta-bottom{background:#fff;padding:0 4rem 2rem}.cta-bottom-card{background:var(--navy);text-align:center;border-radius:24px;padding:5rem 2rem 4rem}.cta-bottom-inner{flex-direction:column;align-items:center;gap:1.25rem;max-width:720px;margin:0 auto;display:flex}.cta-bottom-heading{color:#fff;letter-spacing:-.03em;font-size:clamp(2rem,3.5vw,3rem);font-weight:700;line-height:1.15}.cta-bottom-body{color:#ffffffa6;font-size:1.0625rem;line-height:1.6}.btn-cta-green{color:var(--green);border:1.5px solid var(--green);font-family:var(--font);background:0 0;border-radius:50px;align-items:center;gap:.5rem;margin-top:.5rem;padding:.9375rem 2rem;font-size:1rem;font-weight:600;transition:box-shadow .2s,transform .2s,background .2s;display:inline-flex}.btn-cta-green:hover{background:#3fffbf14;transform:translateY(-1px);box-shadow:0 6px 24px #3fffbf33}.client-logos-cta{border-top:1px solid #ffffff1a;grid-template-columns:repeat(5,1fr);place-items:center;gap:2.5rem 2rem;width:100%;max-width:960px;margin-top:3.5rem;padding-top:3rem;display:grid}.cta-logo{object-fit:contain;filter:brightness(0)invert();opacity:.8;max-width:150px;height:36px;transition:opacity .2s}.cta-logo:hover{opacity:1}.footer{background:var(--navy);border-top:1px solid #ffffff14;padding:4rem 2rem 2.5rem}.footer-inner{max-width:1200px;margin:0 auto}.footer-subscribe{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:flex-start;gap:3rem;margin-bottom:3.5rem;padding-bottom:3rem;display:flex}.footer-subscribe-label{color:#fff;white-space:nowrap;font-size:1.125rem;font-weight:600}.footer-subscribe-form{flex:1;gap:.5rem;max-width:400px;display:flex}.footer-email-input{color:#fff;font-size:.9375rem;font-family:var(--font);background:#ffffff12;border:1px solid #ffffff26;border-radius:8px;outline:none;flex:1;padding:.6875rem 1rem;transition:border-color .2s}.footer-email-input::placeholder{color:#ffffff59}.footer-email-input:focus{border-color:#ffffff59}.footer-subscribe-btn{color:var(--navy);white-space:nowrap;background:#fff;border-radius:8px;padding:.6875rem 1.25rem;font-size:.9375rem;font-weight:600;transition:background .2s}.footer-subscribe-btn:hover{background:var(--green)}.footer-main{border-bottom:1px solid #ffffff1a;grid-template-columns:280px 1fr;gap:4rem;padding-bottom:3rem;display:grid}.footer-brand{flex-direction:column;gap:1.75rem;display:flex}.footer-logo{align-items:center;display:flex}.footer-logo-svg{filter:brightness(0)invert();width:auto;height:24px}.footer-locations{flex-direction:column;gap:1.25rem;display:flex}.footer-location{color:#ffffff73;font-size:.8125rem;line-height:1.6}.footer-location strong{color:#ffffffb3;margin-bottom:.1rem;font-weight:600;display:block}.footer-social{flex-wrap:wrap;gap:.5rem;display:flex}.social-link{background:#ffffff12;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:background .2s;display:flex}.social-link:hover{background:#ffffff24}.social-icon{object-fit:contain;filter:brightness(0)invert();opacity:.75;width:16px;height:16px}.footer-links{grid-template-columns:repeat(5,1fr);gap:1.5rem;display:grid}.footer-col{flex-direction:column;gap:.375rem;display:flex}.footer-col-title{color:#ffffff59;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.625rem;font-size:.75rem;font-weight:700}.footer-link{color:#ffffff8c;font-size:.875rem;line-height:2;transition:color .15s}.footer-link:hover{color:#fff}.footer-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:2rem;display:flex}.footer-copy{color:#ffffff4d;font-size:.8125rem}.footer-badge{opacity:.6;height:44px}