/* Marketing-only motion. Tokens are the source of truth for CSS and JS. */
body.is-marketing{--motion-micro:120ms;--motion-ui:240ms;--motion-reveal:720ms;--motion-hero:800ms;--motion-enter:cubic-bezier(.25,.1,.25,1);--motion-standard:cubic-bezier(.4,0,.2,1);--motion-exit:cubic-bezier(.4,0,1,1)}
.is-marketing header{position:sticky;top:0;z-index:20;isolation:isolate;background:transparent;border-bottom-color:transparent!important}
.is-marketing header:before{content:'';position:absolute;inset:0;z-index:-1;background:#ffffffed;backdrop-filter:blur(12px);border-bottom:1px solid #dce5e5;opacity:0;transition:opacity var(--motion-ui) var(--motion-standard)}
.is-marketing header.is-scrolled:before{opacity:1}
.hero-mask{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}.hero-line{display:block}.is-marketing .membership-hero h1 em{box-shadow:none;position:relative;display:inline-block;z-index:0}.membership-hero h1 em:after{content:'';position:absolute;left:0;right:0;bottom:.01em;height:.085em;min-height:4px;background:#01db95;z-index:-1;transform-origin:left}
.is-marketing a.sample-link{display:inline-flex;align-items:center;min-height:46px;padding:10px 0;color:#31575a;font-size:14px;font-weight:600;text-decoration:none;text-underline-offset:5px}.is-marketing a.sample-link:hover{text-decoration:underline}.is-marketing .membership-final a.sample-link{color:#ddf8ed}
.is-marketing :is(button,a.button){position:relative;isolation:isolate;transition:transform var(--motion-micro) var(--motion-standard)}
.is-marketing :is(button,a.button):hover{filter:none;border-color:inherit}.is-marketing :is(button,a.button):before{content:'';position:absolute;inset:0;border-radius:inherit;background:currentColor;opacity:0;pointer-events:none;transition:opacity var(--motion-micro) var(--motion-standard)}.is-marketing :is(button,a.button):hover:before{opacity:.07}
.is-marketing :is(button,a.button):active{transform:scale(.98)}.is-marketing .motion-arrow{display:inline-block;transition:transform var(--motion-micro) var(--motion-standard)}.is-marketing :is(a,button):hover .motion-arrow{transform:translateX(2px)}
.is-marketing :is(a,button,summary):focus-visible{outline:3px solid #01db95;outline-offset:4px}
.is-marketing .feature-card{position:relative;isolation:isolate;transition:transform var(--motion-ui) var(--motion-standard)}.is-marketing .feature-card:after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:0 10px 24px #01212612;opacity:0;z-index:-1;transition:opacity var(--motion-ui) var(--motion-standard)}
@media(hover:hover) and (pointer:fine) and (min-width:768px){.is-marketing .feature-card:hover{transform:translateY(-2px)}.is-marketing .feature-card:hover:after{opacity:1}}
.motion-icon{display:inline-flex;position:relative;width:52px;height:52px;flex-shrink:0;vertical-align:middle}.motion-icon>svg{width:100%!important;height:100%!important}.motion-icon .lottie-layer{position:absolute;inset:0;pointer-events:none}.motion-icon.lottie-ready>svg{opacity:0}.feature-card>.motion-icon{width:62px;height:62px;margin-bottom:22px}.preview-next>.motion-icon{width:40px;height:40px}.example-receipts .motion-icon{width:28px;height:28px}
.motion-number{font-variant-numeric:tabular-nums;white-space:nowrap}.digit-window{display:inline-block;height:1.12em;line-height:1.12;overflow:hidden;vertical-align:text-bottom}.digit-strip{display:inline-flex;flex-direction:column;vertical-align:top}.counter-accessible{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.product-film{grid-column:1/-1;margin:12px 0 0;border:1px solid #dce5e5;border-radius:18px;overflow:hidden;background:#f4f7f7}.film-heading{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:16px 22px}.film-heading .film-toggle{padding:7px 12px!important;min-height:36px!important;font-size:12px!important}.product-film video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#012126;object-fit:contain}.product-film figcaption{padding:14px 22px;font-size:11px;color:#31575a}.product-film.video-failed .film-toggle{display:none}
.membership-steps{position:relative}.step-progress-track{position:absolute;left:15px;top:16px;bottom:45px;width:2px;background:#dce5e5;z-index:0;overflow:hidden}.step-progress-fill{height:100%;width:100%;background:#01db95;transform:scaleY(0);transform-origin:top;transition:transform var(--motion-ui) var(--motion-standard)}.membership-steps li:before{z-index:1}.membership-steps li:after{content:'';position:absolute;left:-7px;top:-6px;width:44px;height:44px;border-radius:50%;box-shadow:0 0 0 2px #01db95;opacity:0;transition:opacity var(--motion-micro) var(--motion-standard)}.membership-steps li.step-active:after{opacity:1}
.campaign-tools .goal-buttons{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.campaign-tools .goal-buttons button{position:relative;z-index:1;background:transparent!important;border-color:#dce5e5;min-height:46px}.campaign-tools .goal-buttons button[aria-pressed=true]{border-color:transparent}.offer-highlight{position:absolute;left:0;top:0;background:#ddf8ed;border:1px solid #012126;border-radius:8px;pointer-events:none;z-index:0;transform-origin:top left}.campaign-results-slot{grid-column:1/-1;min-width:0}.campaign-results-slot:empty{display:none}.campaign-results-slot.has-results{min-height:400px}.campaign-results-slot .preview-row{min-height:440px}.campaign-results-slot .preview-row>div{min-width:0}.campaign-results-slot .offer{margin:0}.is-marketing .campaign-results-slot .cards{margin-top:0}.is-marketing .campaign-results-slot .idea h3{min-height:2.4em}
.dashboard-example{border:1px solid #dce5e5;border-radius:16px;padding:24px;background:#fff;margin-bottom:30px}.example-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:13px}.example-heading>span{font-size:10px;color:#31575a}.example-metrics{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 0}.example-metrics small{display:block;font-size:11px;color:#31575a}.example-metrics strong{font-size:28px;display:block;color:#012126;margin-top:8px}.example-bar{height:5px;border-radius:3px;background:#f4f7f7;overflow:hidden;margin-bottom:20px}.example-bar>span{display:block;height:100%;width:75%;background:#01db95;transform-origin:left}.example-receipts>div{display:flex;align-items:center;gap:12px;border-bottom:1px solid #dce5e5;padding:12px 0;font-size:12px}.example-receipts small{display:block;font-size:10px;color:#31575a}.receipt-check{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#ddf8ed;color:#012126;flex-shrink:0}.dashboard-example>.small{margin:18px 0 0!important;font-size:10px!important}
.is-marketing .marketing-faq summary{list-style:none;position:relative;padding-right:30px}.is-marketing .marketing-faq summary::-webkit-details-marker{display:none}.is-marketing .marketing-faq summary:after{content:'+';position:absolute;right:0;top:18px;transform:rotate(0);transition:transform var(--motion-micro) var(--motion-standard)}.is-marketing .marketing-faq details[open] summary:after{transform:rotate(45deg)}
@media(max-width:767px){.is-marketing header:before{backdrop-filter:none;background:#fffffff5}.membership-preview{transform:none!important}.campaign-results-slot.has-results{min-height:0}.campaign-results-slot .preview-row{min-height:0}.example-metrics{gap:10px}.example-metrics strong{font-size:24px}.dashboard-example{padding:18px}.film-heading{padding:12px;align-items:flex-start}.film-heading .eyebrow{font-size:9px}.product-film figcaption{padding:12px}.is-marketing .feature-card:hover{transform:none}.campaign-tools .goal-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.is-marketing *, .is-marketing *:before,.is-marketing *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.is-marketing .membership-preview,.is-marketing .feature-card,.is-marketing :is(button,a.button):active{transform:none!important}.is-marketing .step-progress-fill{transform:scaleY(1)}.is-marketing .motion-arrow{transform:none!important}.is-marketing .lottie-layer{display:none}.is-marketing .motion-icon.lottie-ready>svg{opacity:1}.is-marketing .hero-line{transform:none!important;opacity:1!important}}
.is-marketing.keyboard-input :is(a,button,.feature-card,.motion-arrow){transition:none!important;transform:none!important}
.is-marketing .membership-hero h1 em:after{display:none}.hero-underline-motion{position:absolute;left:0;right:0;bottom:.01em;height:.085em;min-height:4px;background:#01db95;transform-origin:left;z-index:-1}.is-marketing .membership-hero em:not(:has(.hero-underline-motion)):after{display:block}
.receipt-check.lottie-ready{font-size:0}
/* Reserve the existing asynchronous shell; the loaded header keeps its natural size. */
#header:empty{min-height:130px}#main:has(>.loading){min-height:100vh}
@media(max-width:760px){#header:empty{min-height:112px}}
@media(max-width:450px){#header:empty{min-height:170px}}
/* Keep the header geometry stable before and after font loading. */
.is-marketing #header{min-height:130px}#main>.loading{margin:0}
@media(max-width:760px){.is-marketing #header{min-height:112px}}
@media(max-width:450px){.is-marketing #header{min-height:170px}.is-marketing #header>nav{flex-basis:100%}}
.is-marketing .owner-checklist article>span{display:inline-block}
@media(max-width:767px){.is-marketing #campaign-builder .offer-highlight{border-radius:8px}}