html:has(.marketing-landing),body:has(.marketing-landing){background:#08080a;margin:0;overflow-x:clip}.marketing-landing{--bg:#08080a;--surface:#101013;--surface-2:#141419;--accent:#00e575;--accent-rgb:0, 229, 117;--text:#f3f4f6;--muted:#8e919a;--border:#ffffff0d;--border-hover:#ffffff1f;--font-display:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--pad:clamp(20px, 4vw, 64px);--fs-display:clamp(44px, 5.5vw, 78px);--fs-h2:clamp(34px, 4.2vw, 60px);--fs-h2-lg:clamp(36px, 4.6vw, 66px);--fs-h3-lg:clamp(28px, 3.2vw, 44px);--fs-h3:22px;--fs-h3-sm:24px;--fs-lead:clamp(15px, 1.25vw, 17px);--fs-body:15px;--fs-body-sm:14px;--fs-caption:13px;--fs-rail:clamp(24px, 3vw, 44px);--fs-rail-divider:clamp(20px, 2.6vw, 36px);--fs-metric:clamp(28px, 3.4vw, 42px);background:var(--bg);min-height:100%;color:var(--text);font-family:var(--font-display);-webkit-font-smoothing:antialiased}.marketing-landing *,.marketing-landing :before,.marketing-landing :after{box-sizing:border-box}.marketing-landing a{color:inherit;text-decoration:none}.marketing-landing button,.marketing-landing input,.marketing-landing select{font:inherit;outline:none}.marketing-landing ::selection{background:var(--accent);color:#000}.marketing-landing .noise{pointer-events:none;z-index:999;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.95'/%3E%3C/svg%3E");position:fixed;inset:0}.marketing-landing .progress{z-index:1001;background:var(--accent);transform-origin:0;width:100%;height:2px;position:fixed;top:0;left:0;transform:scaleX(0)}.marketing-landing .shell{width:min(1200px,100% - 48px);margin:auto}.marketing-landing .mono{font:11px var(--font-mono);letter-spacing:.02em;color:var(--muted)}.marketing-landing .nav{z-index:100;border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);background:#08080aa6;border-radius:14px;justify-content:space-between;align-items:center;width:min(1200px,100% - 32px);height:52px;padding:0 16px;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%)}.marketing-landing .brand{color:var(--text);align-items:center;gap:8px;display:flex}.marketing-landing .navlinks{font-family:var(--font-display);align-items:center;gap:32px;font-size:14px;font-weight:500;display:flex}.marketing-landing .navlinks a{color:var(--muted);transition:color .2s}.marketing-landing .navlinks a:hover{color:var(--text)}.marketing-landing .nav-actions{align-items:center;gap:20px;display:flex}.marketing-landing .nav-login{color:var(--muted);font-size:13px;font-weight:600;font-family:var(--font-display);transition:color .2s}.marketing-landing .nav-login:hover{color:var(--text)}.marketing-landing .nav-cta{background:var(--text);color:#000;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:transform .2s,opacity .2s}.marketing-landing .nav-cta:hover{opacity:.95;transform:translateY(-1px)}.marketing-landing .hero{align-items:center;min-height:100vh;padding:140px 0 80px;display:grid;position:relative}.marketing-landing .hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(40px,6vw,96px);display:grid}.marketing-landing .hero h1{font-size:var(--fs-display);letter-spacing:-.04em;margin:0;font-weight:800;line-height:.95}.marketing-landing .hero h1 span{display:block;overflow:hidden}.marketing-landing .hero h1 b{color:var(--text);font-weight:800;display:block}.marketing-landing .hero h1 em{color:#0000;-webkit-text-fill-color:transparent;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#ffffffd9;paint-order:stroke fill;font-style:normal;font-weight:800;display:inline-block}.marketing-landing .hero-copy p{font-size:var(--fs-lead);color:var(--muted);max-width:540px;margin:22px 0 0;line-height:1.5}.marketing-landing .actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:36px;display:flex}.marketing-landing .cta{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:13px;font-weight:600;transition:all .25s;display:inline-flex}.marketing-landing .cta.primary{background:var(--text);color:#000}.marketing-landing .cta.primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px #ffffff14}.marketing-landing .cta.secondary{border-color:var(--border);color:var(--text);background:#ffffff05}.marketing-landing .cta.secondary:hover{border-color:var(--border-hover);background:#ffffff0d}.marketing-landing .moment-stage{place-items:center;height:min(600px,68vh);min-height:520px;display:grid;position:relative}.marketing-landing .moment-board{border:1px solid var(--border);background:radial-gradient(circle,#14141973 0%,#08080af2 100%);border-radius:24px;position:absolute;inset:0;overflow:hidden}.marketing-landing .moment-board:before{content:"";background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;mask-image:radial-gradient(circle,#000 60%,#0000 95%)}.marketing-landing .board-top{z-index:5;justify-content:space-between;display:flex;position:absolute;top:22px;left:24px;right:24px}.marketing-landing .board-status{color:var(--accent);align-items:center;gap:6px;display:inline-flex}.marketing-landing .board-status:before{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;animation:1.8s infinite sp-pulse}@keyframes sp-pulse{0%{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.4)}to{opacity:.6;transform:scale(.9)}}.marketing-landing .morph-wrap{place-items:center;display:grid;position:absolute;inset:12% 10% 20%}.marketing-landing .morph-svg{z-index:3;width:70%;height:70%;position:relative}.marketing-landing .morph-fill{fill:#00e57503;stroke:var(--accent);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 20px #00e57526)}.marketing-landing .morph-pills{z-index:4;pointer-events:none;position:absolute;inset:0}.marketing-landing .morph-pill{border:1px solid var(--border);backdrop-filter:blur(8px);font:10px var(--font-mono);letter-spacing:.02em;color:var(--muted);background:#0a0a0dd9;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;display:flex;position:absolute}.marketing-landing .morph-pill:before{content:"";background:var(--muted);border-radius:50%;width:4px;height:4px}.marketing-landing .mp1{top:25%;left:4%}.marketing-landing .mp2{top:30%;right:2%}.marketing-landing .mp3{bottom:18%;left:8%}.marketing-landing .mp4{color:var(--text);border-color:#00e57533;bottom:15%;right:6%}.marketing-landing .mp4:before{background:var(--accent)}.marketing-landing .board-copy{z-index:5;justify-content:space-between;align-items:flex-end;gap:24px;display:flex;position:absolute;bottom:24px;left:24px;right:24px}.marketing-landing .board-copy h3{font-size:var(--fs-h3-sm);letter-spacing:-.03em;max-width:340px;margin:0;font-weight:700;line-height:1}.marketing-landing .board-copy p{color:var(--muted);font-family:var(--font-display);font-size:var(--fs-caption);text-align:right;margin:0;line-height:1.5}.marketing-landing .section{padding:120px 0}.marketing-landing .section-head{grid-template-columns:1.1fr .9fr;align-items:flex-end;gap:48px;margin-bottom:64px;display:grid}.marketing-landing .section-head h2{font-size:var(--fs-h2);letter-spacing:-.04em;max-width:760px;margin:0;font-weight:800;line-height:.95}.marketing-landing .section-head p{color:var(--muted);font-size:var(--fs-lead);justify-self:end;max-width:420px;margin:0;line-height:1.55}.marketing-landing .eyebrow{color:var(--muted);align-items:center;gap:8px;margin-bottom:16px;font-weight:500;display:inline-flex}.marketing-landing .audience-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.marketing-landing .audience-card{border:1px solid var(--border);background:linear-gradient(#ffffff05 0%,#fff0 100%),#0c0c0f;border-radius:20px;flex-direction:column;justify-content:space-between;min-height:480px;padding:clamp(24px,4vw,44px);transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s;display:flex;position:relative;overflow:hidden}.marketing-landing .audience-card:hover{border-color:var(--border-hover);transform:translateY(-4px)scale(1.005)}.marketing-landing .audience-label{color:var(--accent);font:11px var(--font-mono);letter-spacing:.02em;margin-bottom:12px}.marketing-landing .audience-card h3{font-size:var(--fs-h3-lg);letter-spacing:-.03em;margin:0;font-weight:800;line-height:.95}.marketing-landing .audience-card p{font-size:var(--fs-body);max-width:460px;color:var(--muted);margin:18px 0 0;line-height:1.5}.marketing-landing .value-tags{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.marketing-landing .value-tag{border:1px solid var(--border);font:10px var(--font-mono);letter-spacing:.01em;color:var(--muted);background:#ffffff03;border-radius:999px;padding:6px 12px}.marketing-landing .card-link{font-size:14px;font-weight:600;font-family:var(--font-display);border-bottom:1px solid var(--accent);width:max-content;color:var(--text);align-items:center;gap:6px;margin-top:36px;padding-bottom:4px;display:inline-flex}.marketing-landing .principles{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.marketing-landing .principle{border:1px solid var(--border);background:linear-gradient(#ffffff05 0%,#0000 100%),#0c0c0f;border-radius:18px;flex-direction:column;justify-content:space-between;min-height:300px;padding:28px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.marketing-landing .principle:hover{border-color:var(--border-hover);transform:translateY(-4px)}.marketing-landing .principle:before{content:attr(data-index);color:#0000;-webkit-text-stroke:1px #ffffff0d;font-size:78px;font-weight:800;font-family:var(--font-display);letter-spacing:-.06em;pointer-events:none;transition:all .4s cubic-bezier(.16,1,.3,1);position:absolute;top:24px;right:24px}.marketing-landing .principle:hover:before{-webkit-text-stroke:1px #00e5752e;transform:translateY(-4px)scale(1.02)}.marketing-landing .principle .mono{color:var(--accent)}.marketing-landing .principle h3{font-size:var(--fs-h3);letter-spacing:-.02em;z-index:2;margin:0;font-weight:700;line-height:1.05;position:relative}.marketing-landing .principle p{color:var(--muted);font-size:var(--fs-body-sm);z-index:2;margin:14px 0 0;line-height:1.5;position:relative}.marketing-landing .loop-strip{border:1px solid var(--border);background:#0c0c0f;border-radius:16px;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:24px;padding:10px;display:grid}.marketing-landing .loop-item{background:#111115;border:1px solid #0000;border-radius:10px;flex-direction:column;justify-content:space-between;min-height:90px;padding:16px;transition:all .25s;display:flex}.marketing-landing .loop-item:hover{border-color:var(--border-hover)}.marketing-landing .loop-item strong{font-size:var(--fs-lead);letter-spacing:-.02em;font-weight:700}.marketing-landing .loop-item span{color:var(--muted);font:10px var(--font-mono);letter-spacing:.01em}.marketing-landing .loop-strip .loop-item.active{color:var(--text);background:#00e5750d;border-color:#00e57533}.marketing-landing .loop-strip .loop-item.active span{color:var(--accent)}.marketing-landing .signal-rails{background:0 0;padding:120px 0;position:relative}.marketing-landing .signal-rails-pin{display:block;position:relative;overflow:hidden}.marketing-landing .signal-head{grid-template-columns:1.1fr .9fr;align-items:flex-end;gap:48px;width:min(1200px,100% - 48px);margin:0 auto 96px;display:grid}.marketing-landing .signal-head h2{font-size:var(--fs-h2);letter-spacing:-.04em;margin:0;font-weight:800;line-height:.95}.marketing-landing .signal-head h2 span{color:#0000;-webkit-text-fill-color:transparent;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#ffffffd9;paint-order:stroke fill;display:inline-block}.marketing-landing .signal-head p{color:var(--muted);font-size:var(--fs-lead);justify-self:end;max-width:420px;margin:0;line-height:1.55}.marketing-landing .signal-lanes{width:100vw;margin-left:calc(50% - 50vw);position:relative;overflow:hidden}.marketing-landing .signal-lanes:before,.marketing-landing .signal-lanes:after{content:"";z-index:4;pointer-events:none;width:clamp(80px,15vw,200px);position:absolute;top:0;bottom:0}.marketing-landing .signal-lanes:before{background:linear-gradient(90deg, var(--bg) 0%, #08080a00 100%);left:0}.marketing-landing .signal-lanes:after{background:linear-gradient(270deg, var(--bg) 0%, #08080a00 100%);right:0}.marketing-landing .signal-row{scrollbar-width:none;align-items:flex-end;height:96px;display:flex;position:relative;overflow:auto hidden}.marketing-landing .signal-row+.signal-row{margin-top:24px}.marketing-landing .signal-row::-webkit-scrollbar{display:none}.marketing-landing .signal-row:before{content:attr(data-label);z-index:6;color:var(--accent);font:10px var(--font-mono);letter-spacing:.02em;pointer-events:none;position:absolute;top:0;left:max(24px,50vw - 600px)}.marketing-landing .signal-track{white-space:nowrap;will-change:transform;align-items:center;gap:24px;width:max-content;padding:24px clamp(32px,6vw,100px) 0;display:flex}.marketing-landing .signal-item{font-size:var(--fs-rail);letter-spacing:-.03em;color:var(--text);flex:none;font-weight:700;line-height:1}.marketing-landing .signal-item.muted{color:var(--muted);opacity:.4}.marketing-landing .signal-item.accent{color:var(--accent)}.marketing-landing .signal-divider{color:var(--border-hover);font-size:var(--fs-rail-divider);flex:none;font-weight:300}.marketing-landing.motion-ready .signal-rails{padding:0}.marketing-landing.motion-ready .signal-rails-pin{flex-direction:column;justify-content:center;height:100vh;min-height:100svh;display:flex;overflow:hidden}.marketing-landing.motion-ready .signal-head{margin:0 auto 80px}.marketing-landing.motion-ready .signal-lanes{flex:none}.marketing-landing.motion-ready .signal-row{flex:none;height:90px;overflow:hidden}.marketing-landing.motion-ready .signal-row+.signal-row{margin-top:32px}@media (width<=980px){.marketing-landing.motion-ready .signal-rails{padding:72px 0 48px}.marketing-landing.motion-ready .signal-rails-pin{height:auto;min-height:0;display:block;overflow:hidden}.marketing-landing.motion-ready .signal-head{grid-template-columns:1fr;margin:0 auto 40px}.marketing-landing.motion-ready .signal-head p{justify-self:start}.marketing-landing.motion-ready .signal-row{height:72px}.marketing-landing.motion-ready .signal-row+.signal-row{margin-top:18px}.marketing-landing.motion-ready .signal-item{font-size:clamp(20px,6vw,30px)}}.marketing-landing .opportunity{padding:120px 0 60px}@media (width<=980px){.marketing-landing .opportunity{z-index:2;background:var(--bg);padding:72px 0 48px;position:relative}}.marketing-landing .opportunity-grid{grid-template-columns:.95fr 1.05fr;align-items:start;gap:clamp(48px,6vw,96px);display:grid}.marketing-landing .opportunity-copy{position:sticky;top:120px}.marketing-landing .opportunity h2{font-size:var(--fs-h2-lg);letter-spacing:-.04em;margin:0;font-weight:800;line-height:.95}.marketing-landing .opportunity-copy>p{color:var(--muted);font-size:var(--fs-lead);max-width:440px;margin:22px 0 0;line-height:1.55}.marketing-landing .opportunity-panel{padding-top:8px}.marketing-landing .control{margin-bottom:36px}.marketing-landing .control-head{justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:12px;display:flex}.marketing-landing .control-label{font-size:var(--fs-body-sm);color:var(--text);font-weight:600}.marketing-landing .control-value{font:11px var(--font-mono);color:var(--accent)}.marketing-landing .range{--fill:35%;appearance:none;background:linear-gradient(90deg, var(--accent) 0 var(--fill), #22222a var(--fill) 100%);cursor:pointer;border-radius:999px;outline:none;width:100%;height:3px}.marketing-landing .range::-webkit-slider-thumb{appearance:none;background:var(--text);border:4px solid #08080a;border-radius:50%;width:16px;height:16px;transition:transform .1s;box-shadow:0 0 0 1px #ffffff1a}.marketing-landing .range::-webkit-slider-thumb:hover{transform:scale(1.15)}.marketing-landing .opportunity-results{border:1px solid var(--border);background:#0b0b0e;border-radius:16px;margin-top:48px;overflow:hidden;box-shadow:0 20px 40px #0006}.marketing-landing .opportunity-results-header{border-bottom:1px solid var(--border);background:#ffffff04;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.marketing-landing .results-title{font:11px var(--font-mono);letter-spacing:.01em;color:var(--muted);align-items:center;gap:8px;display:flex}.marketing-landing .sp-period-tabs{background:#0000004d;border:1px solid #ffffff0d;border-radius:8px;gap:0;padding:4px;display:inline-flex}.marketing-landing .sp-period-tabs [data-slot=tabs-list]{background:0 0;border-radius:0;height:auto;padding:0}.marketing-landing .sp-period-tabs [data-slot=tabs-trigger]{color:var(--muted);font-family:var(--font-display);box-shadow:none;background:0 0;border:none;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:500}.marketing-landing .sp-period-tabs [data-slot=tabs-trigger]:hover:not([data-active]){color:var(--text)}.marketing-landing .sp-period-tabs [data-slot=tabs-trigger][data-active]{color:var(--text);background:#1c1c21;box-shadow:0 1px 3px #00000080,inset 0 1px #ffffff0d}.marketing-landing .results-body{padding:0 24px}.marketing-landing .result{border-top:1px solid var(--border);grid-template-columns:1.1fr .9fr;align-items:center;gap:24px;padding:28px 0;display:grid}.marketing-landing .result:first-child{border-top:none}.marketing-landing .result-label{color:var(--accent);font:10px var(--font-mono);letter-spacing:.01em}.marketing-landing .result-copy{color:var(--muted);font-size:var(--fs-caption);max-width:300px;margin-top:6px;line-height:1.45}.marketing-landing .result-value{font-size:var(--fs-metric);letter-spacing:-.05em;text-align:right;color:var(--text);font-weight:800;line-height:1}.marketing-landing .result.retailer .result-value{color:var(--accent)}.marketing-landing .calculator-note{color:var(--muted);font-family:var(--font-display);opacity:.6;margin-top:36px;font-size:12px;line-height:1.5}.marketing-landing .pilot{padding:80px 0 120px}.marketing-landing .pilot-box{border:1px solid var(--border);background:#0c0c0f;border-radius:24px;grid-template-columns:1.2fr .8fr;align-items:center;gap:48px;padding:clamp(32px,6vw,64px);display:grid}.marketing-landing .pilot h2{font-size:var(--fs-h2-lg);letter-spacing:-.03em;margin:0;font-weight:800;line-height:.95}.marketing-landing .nobreak{white-space:nowrap}.marketing-landing .pilot-copy p{font-size:var(--fs-lead);max-width:540px;color:var(--muted);margin:18px 0 0;line-height:1.5}.marketing-landing .pilot-line{font-family:var(--font-display);font-size:var(--fs-body-sm);border-bottom:1px solid var(--border);color:var(--muted);margin-bottom:24px;padding-bottom:16px;font-weight:500}.marketing-landing .pilot .cta.primary{background:var(--accent);color:#000;justify-content:center;width:100%;font-size:14px;font-weight:700}.marketing-landing .pilot .cta.primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px #00e57533}.marketing-landing .footer{border-top:1px solid var(--border);color:var(--muted);padding:40px 0}.marketing-landing .footer-inner{font-family:var(--font-display);justify-content:space-between;align-items:center;gap:20px;font-size:13px;font-weight:500;display:flex}@media (width<=980px){.marketing-landing .navlinks{display:none}.marketing-landing .hero{min-height:auto;padding-top:120px}.marketing-landing .hero-grid,.marketing-landing .section-head,.marketing-landing .pilot-box{grid-template-columns:1fr}.marketing-landing .moment-stage{height:500px;margin-top:32px}.marketing-landing .section-head p{justify-self:start}.marketing-landing .audience-grid,.marketing-landing .principles{grid-template-columns:1fr}.marketing-landing .loop-strip{grid-template-columns:1fr 1fr}.marketing-landing .opportunity-grid{grid-template-columns:1fr}.marketing-landing .opportunity-copy{position:relative;top:auto}}@media (width<=620px){.marketing-landing .shell{width:calc(100% - 32px)}.marketing-landing .nav{width:calc(100% - 16px);top:12px}.marketing-landing .nav-login{display:none}.marketing-landing .hero h1{font-size:40px}.marketing-landing .moment-stage{height:440px}.marketing-landing .board-copy p{display:none}.marketing-landing .section-head h2{font-size:32px}.marketing-landing .loop-strip{grid-template-columns:1fr}.marketing-landing .opportunity-results-header{flex-direction:column;align-items:flex-start;gap:16px;padding:16px}.marketing-landing .sp-period-tabs{width:100%;display:flex}.marketing-landing .sp-period-tabs [data-slot=tabs-trigger]{text-align:center;flex:1}.marketing-landing .results-body{padding:0 16px}.marketing-landing .result{grid-template-columns:1fr;gap:8px;padding:20px 0}.marketing-landing .result-value{text-align:left;font-size:32px}.marketing-landing .footer-inner{flex-direction:column;align-items:flex-start;gap:12px}}
