/* Motion and depth for the AF landing. No effects applied to the catalog. */
body.landing{overflow-x:clip}.premium-stage .floating-module{mix-blend-mode:multiply}.premium-stage .floating-module svg{clip-path:inset(2% 12% round 20px)}.landing-intro>*,.landing-split>*,.landing-tracking>*{min-width:0}
body.landing{--premium-accent:#91d900;background:#f8f9f6}body.landing header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);transition:padding .3s,border-color .3s}body.landing.premium-scrolled header{padding-top:10px;padding-bottom:10px;border-color:#d4ddca}body.landing header nav a{position:relative;padding:8px 0}body.landing header nav a:after{content:'';position:absolute;left:0;bottom:1px;height:2px;background:#83bb18;width:100%;transform:scaleX(0);transform-origin:left;transition:transform .25s}body.landing header nav a:hover:after{transform:scaleX(1)}.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:60;transform:scaleX(var(--read,0));transform-origin:left;background:#9bea00;pointer-events:none}.landing-section{scroll-margin-top:120px}body.landing .btn,body.landing button.primary{transition:transform .25s,background .25s,box-shadow .25s}body.landing .btn:hover,body.landing button.primary:hover{transform:translateY(-3px);box-shadow:0 10px 24px #15230713}body.landing .primary:hover{background:#b7ff2b}body.landing .landing-intro{min-height:820px;gap:10px}.landing-intro h1{font-weight:740;line-height:1.02;letter-spacing:-3px}.landing-intro>div:first-child{position:relative;z-index:3}.premium-kicker{display:flex;align-items:center;gap:9px}.premium-kicker:before{content:'';width:7px;height:7px;border-radius:50%;background:#6cb000;box-shadow:0 0 0 5px #b9ee6633}.premium-stage{height:710px;position:relative;perspective:1300px;isolation:isolate;--mx:0;--my:0}.premium-stage:before{content:'';position:absolute;inset:10% 0;border:1px solid #e1e7d9;border-radius:50%;transform:rotate(-20deg);z-index:-1}.premium-stage:after{content:'';position:absolute;inset:21% 10%;background:#eff4e7;border-radius:50%;z-index:-2}.stage-caption{position:absolute;bottom:0;left:10%;font-size:10px;color:#7d8776;letter-spacing:.8px}.floating-module{position:absolute;width:37%;height:390px;will-change:transform;filter:drop-shadow(10px 25px 14px #1c241b26)}.floating-module svg{width:100%;height:100%;display:block}.module-front{left:12%;top:12%;transform:translate3d(calc(var(--mx)*15px),calc(var(--my)*12px),0) rotate(-16deg);animation:moduleFloatFront 8s ease-in-out infinite}.module-back{left:51%;top:23%;transform:translate3d(calc(var(--mx)*-12px),calc(var(--my)*-10px),0) rotate(15deg);animation:moduleFloatBack 9s ease-in-out infinite}.module-third{width:25%;height:270px;left:29%;top:55%;transform:rotate(-9deg);animation:moduleFloatThird 7s ease-in-out infinite;opacity:.96}.premium-float{position:absolute;background:rgba(255,255,255,.97);border:1px solid #dfe5d7;border-radius:14px;padding:18px 20px;box-shadow:0 14px 35px #28391a0f;z-index:4;animation:cardFloat 7s ease-in-out infinite;max-width:235px}.premium-float small{font-size:10px;letter-spacing:1px;color:#748068;display:block}.premium-float b{font-size:22px;display:block;letter-spacing:-.6px;margin:7px 0}.premium-float p{font-size:11px;line-height:1.5;margin:0}.float-top{left:0;top:9%}.float-side{right:0;top:53%;animation-delay:-3s}.float-bottom{left:2%;bottom:6%;animation-delay:-1s;max-width:265px}.float-bottom .mini-track{height:5px;border-radius:9px;background:#edf1e8;overflow:hidden;margin:12px 0}.float-bottom .mini-track span{height:100%;display:block;background:#9be700;width:100%}.premium-state{display:flex;align-items:center;gap:6px;color:#54862c;font-size:11px}.premium-state:before{content:'';display:block;width:6px;height:6px;border-radius:50%;background:#68a532}.premium-scrollcue{font-size:10px;letter-spacing:1.5px;color:#7d8578;display:flex;align-items:center;gap:10px;margin-top:28px}.premium-scrollcue span{width:18px;height:28px;border:1px solid #bdc8b3;border-radius:12px;position:relative}.premium-scrollcue span:after{content:'';position:absolute;top:6px;left:7px;width:2px;height:6px;background:#6e9250;animation:scrollCue 2s ease-in-out infinite}.premium-reveal{transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.premium-reveal.waiting{opacity:0;transform:translateY(30px)}.premium-reveal.visible{opacity:1;transform:translateY(0)}.landing-panel,.landing-audiences,.landing-discovery{transition:border-color .3s,box-shadow .3s,transform .3s}.landing-panel:hover,.landing-discovery:hover{border-color:#bcccaa;box-shadow:0 20px 45px #32432008}.landing-stats{background:#111913;position:relative;overflow:hidden}.landing-stats b{font-variant-numeric:tabular-nums;color:#f7fff0}.landing-stats div small{color:#abbda2}.landing-import{overflow:hidden;border-radius:20px}.landing-import svg{transition:transform 1s cubic-bezier(.2,.7,.2,1)}.landing-import:hover svg{transform:scale(1.045)}.premium-demo-controls{display:flex;align-items:center;gap:10px;margin:20px 0 12px}.premium-demo-controls button{padding:7px 11px;font-size:11px}.premium-demo-controls small{font-size:11px;color:#74816b}.landing-event{transition:background .4s,opacity .4s,padding .4s}.landing-event.demo-active{background:#f0f8e7;border-radius:0 9px 9px 0;padding-left:34px}.landing-event.demo-active:before{background:#77b638;color:white;box-shadow:0 0 0 5px #ddecce}.landing-event.demo-future{opacity:.4}.landing-workflow>div{position:relative}.landing-workflow>div .number{transition:background .3s,transform .3s,color .3s}.landing-workflow>div:hover .number{background:#aaff00;transform:scale(1.1);color:#1b2b0f}.landing-banner{position:relative;overflow:hidden;isolation:isolate}.landing-banner:after{content:'';position:absolute;width:380px;height:380px;border:1px solid #8eab5b44;border-radius:50%;right:-120px;top:-180px;z-index:-1}.landing-black{box-shadow:inset 0 0 0 1px #7b9b3030}.landing-black strong{letter-spacing:-2px}.landing-footer .btn{transition:transform .25s}.motion-switch{position:fixed;right:18px;bottom:18px;z-index:35;font-size:11px;background:#fff;border:1px solid #dce4d5;padding:9px 12px;box-shadow:0 3px 15px #14200710}body.motion-paused .floating-module,body.motion-paused .premium-float,body.motion-paused .premium-scrollcue span:after{animation-play-state:paused!important}body.motion-paused .premium-reveal{transition:none}.landing-intro h1{animation:heroEnter .85s both}.landing-intro .benefit{animation:heroEnter 1s .12s both}.landing-intro .actions{animation:heroEnter 1s .2s both}@keyframes heroEnter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes moduleFloatFront{0%,100%{transform:translate3d(calc(var(--mx)*15px),calc(var(--my)*12px),0) rotate(-16deg)}50%{transform:translate3d(calc(var(--mx)*15px),calc(var(--my)*12px - 14px),0) rotate(-13deg)}}@keyframes moduleFloatBack{0%,100%{transform:translate3d(calc(var(--mx)*-12px),calc(var(--my)*-10px),0) rotate(15deg)}50%{transform:translate3d(calc(var(--mx)*-12px),calc(var(--my)*-10px + 14px),0) rotate(12deg)}}@keyframes moduleFloatThird{0%,100%{transform:translateY(0) rotate(-9deg)}50%{transform:translateY(-9px) rotate(-6deg)}}@keyframes cardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes scrollCue{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(7px);opacity:1}}@media(max-width:760px){body.landing header{position:relative}body.landing .landing-intro{min-height:0}.premium-stage{height:530px}.floating-module{height:290px}.module-third{height:210px}.premium-float{padding:12px;max-width:185px}.premium-float b{font-size:17px}.float-top{top:5%}.float-bottom{bottom:0;max-width:215px}.float-side{right:-3px;top:57%}.stage-caption{display:none}.motion-switch{right:10px;bottom:10px}.landing-intro h1{letter-spacing:-1.9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}.premium-reveal.waiting{opacity:1;transform:none}.floating-module{will-change:auto}}
