.marketing-page{--marketing-sage:#e7eddf;--marketing-peach:#f4e6d6;--marketing-blue:#dce7ef}.marketing-demo{--demo-sage:#e7eddf;--demo-blue:#dce7ef;--demo-surface:#fff;--demo-switcher:#ffffff8c;--demo-foreground:#1e293b;--demo-muted:#475569;--demo-note:#fff5d5;--demo-note-foreground:#594526}.dark .marketing-demo{--demo-sage:#1c2723;--demo-blue:#1c2833;--demo-surface:#2d3734;--demo-switcher:#151e1b;--demo-foreground:#edf2ee;--demo-muted:#bac8c0;--demo-note:#3d3528;--demo-note-foreground:#f0dfb8}.marketing-hero{background:radial-gradient(at 85% 100%,#d8b698 0%,#0000 60%),linear-gradient(155deg,#203b4b 0%,#3e6071 65%,#94a7a8 100%)}.dark .marketing-hero{background:radial-gradient(at 85% 65%,#8e6755 0%,#0000 55%),linear-gradient(155deg,#172d3d,#36596b 55%,#7b9597)}.preview-video-peach{color:#442d25;background:radial-gradient(at 65% 25%,#f7e4bc,#0000 70%),linear-gradient(155deg,#c68d78,#edcbaa 60%,#d09b7d)}.preview-video-blue{color:#15323d;background:radial-gradient(at 20% 20%,#e5ecd9,#0000 70%),linear-gradient(160deg,#b7d4d4,#a1b9c3 55%,#607e92)}.marketing-page .marketing-section-heading{letter-spacing:-.045em;text-wrap:balance;font-size:clamp(2rem,4.2vw,3.5rem);font-weight:500;line-height:1.08}.marketing-page a:focus-visible,.marketing-page button:focus-visible{outline-offset:4px;outline:2px solid}.marketing-page section[id]{scroll-margin-top:2rem}.marketing-reveal:focus-within{opacity:1!important;transform:none!important}.marketing-workflow{background:color-mix(in srgb, var(--demo-sage) 55%, var(--background))}.marketing-workflow-choice{transition:background-color .24s,color .24s,box-shadow .24s}.marketing-workflow-panel{opacity:0;visibility:hidden;transition:opacity .14s,transform .14s,visibility .14s;transform:translateY(8px)}.marketing-workflow-panel[data-active=true]{opacity:1;visibility:visible;transition:opacity .26s .14s,transform .4s cubic-bezier(.16,1,.3,1) .14s,visibility 0s .14s;transform:translateY(0)}.marketing-task-example{transition:transform .24s cubic-bezier(.16,1,.3,1),box-shadow .24s}@media (hover:hover) and (pointer:fine){.marketing-task-example:hover{transform:translateY(-3px);box-shadow:0 8px 18px -10px #172d3d35}}.marketing-cadence-indicator{width:calc(50% - 6px);transition:transform .24s cubic-bezier(.16,1,.3,1)}.marketing-cadence[data-annual=true] .marketing-cadence-indicator{transform:translate(calc(100% + 4px))}[dir=rtl] .marketing-cadence[data-annual=true] .marketing-cadence-indicator{transform:translate(calc(-100% - 4px))}@media (prefers-reduced-motion:reduce){.marketing-reveal{opacity:1!important;transform:none!important}.marketing-page *,.marketing-page :before,.marketing-page :after{transition-duration:0s!important;transition-delay:0s!important;animation:none!important}}