.marketing-surface{--color-accent-50:color-mix(in srgb,var(--color-marketing-brand) 4%,var(--color-text-white));--color-accent-100:color-mix(in srgb,var(--color-marketing-brand) 10%,var(--color-text-white));--color-accent-200:color-mix(in srgb,var(--color-marketing-brand) 22%,var(--color-text-white));--color-accent-300:color-mix(in srgb,var(--color-marketing-brand) 60%,var(--color-text-white));--color-accent-400:var(--color-marketing-brand);--color-accent-500:color-mix(in srgb,var(--color-marketing-brand) 92%,var(--color-black));--color-accent-600:color-mix(in srgb,var(--color-marketing-brand) 80%,var(--color-black));--color-accent-700:color-mix(in srgb,var(--color-marketing-brand) 65%,var(--color-black));--color-accent-800:color-mix(in srgb,var(--color-marketing-brand) 50%,var(--color-black));--color-accent-900:color-mix(in srgb,var(--color-marketing-brand) 36%,var(--color-black));--color-accent-950:color-mix(in srgb,var(--color-marketing-brand) 24%,var(--color-black));--color-chart-4:var(--color-accent-400);--color-chart-4-active:var(--color-accent-500);--color-badge-new-text:var(--color-accent-400);--color-badge-new-background:var(--color-accent-100);--color-status-blue-background:var(--color-accent-200);--color-status-blue-text:var(--color-accent-800);--color-border-focus-ring:var(--color-accent-400);--color-button-ghost-background:var(--color-accent-100);--color-button-ghost-hover:var(--color-accent-200);--color-button-ghost-active:var(--color-accent-300);--color-button-ghost-foreground:var(--color-accent-700);--color-button-ghost-disabled:var(--color-accent-50);--color-button-ghost-disabled-foreground:var(--color-accent-300);--marketing-wash:color-mix(in srgb,var(--color-accent-400) 7%,var(--color-background-primary-default));--marketing-glow:color-mix(in srgb,var(--color-accent-400) 22%,transparent);--marketing-shadow:color-mix(in srgb,var(--color-accent-600) 13%,transparent);--color-text-tertiary:var(--color-text-secondary);background:var(--color-background-primary-default);color:var(--color-text-primary);min-width:0;overflow-x:clip}.dark .marketing-surface{--color-badge-new-text:var(--color-accent-300);--color-badge-new-background:var(--color-accent-950);--color-status-blue-background:color-mix(in srgb,var(--color-accent-950) 60%,transparent);--color-status-blue-text:var(--color-accent-300);--color-button-ghost-foreground:var(--color-accent-300);--color-button-ghost-background:color-mix(in srgb,var(--color-marketing-brand) 18%,var(--color-background-primary-default));--color-button-ghost-hover:color-mix(in srgb,var(--color-marketing-brand) 26%,var(--color-background-primary-default));--color-button-ghost-active:color-mix(in srgb,var(--color-marketing-brand) 34%,var(--color-background-primary-default));--color-text-secondary:color-mix(in srgb,var(--color-text-primary) 78%,transparent);--color-text-tertiary:color-mix(in srgb,var(--color-text-primary) 65%,transparent)}.marketing-surface :is(h1,h2,h3):not(.text-text-white){color:color-mix(in srgb,var(--color-text-primary) 72%,var(--color-accent-100))}.marketing-surface .marketing-primary-button{min-height:44px;padding-inline:16px;border-radius:12px;background:linear-gradient(160deg,var(--color-accent-300),var(--color-accent-400) 22%,var(--color-accent-400) 70%,var(--color-accent-500));box-shadow:inset 0 1px 3px color-mix(in srgb,var(--color-text-white) 65%,transparent),0 2px 3px var(--marketing-shadow),0 10px 24px var(--marketing-shadow);transition:transform .2s ease,box-shadow .2s ease}.marketing-surface .marketing-primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:inset 0 1px 3px color-mix(in srgb,var(--color-text-white) 65%,transparent),0 12px 28px var(--marketing-glow)}.marketing-surface .marketing-secondary-button{min-height:44px;padding-inline:16px;border-radius:12px;transition:transform .2s ease,background .2s ease}.marketing-surface .marketing-secondary-button:hover{transform:translateY(-2px)}.marketing-surface .marketing-panel{background:linear-gradient(145deg,var(--color-background-primary-default),var(--marketing-wash));box-shadow:0 8px 40px color-mix(in srgb,var(--color-accent-600) 4%,transparent)}.marketing-surface .hero-highlight{color:var(--color-accent-400);display:inline-flex;vertical-align:bottom}.marketing-surface .hero-word-window{display:inline-block;width:6.8ch;height:1lh;overflow:hidden}.marketing-surface .hero-word-track{display:block;animation:hero-words 12s ease-in-out infinite}.marketing-surface .hero-word-track>span{display:block;height:1lh}.marketing-surface .hero-copy{animation:marketing-appear .8s ease both}.marketing-surface .campaign-flow{position:relative;height:480px;max-width:1360px;margin:12px auto 0;mask-image:linear-gradient(to right,transparent,var(--color-text-primary) 8%,var(--color-text-primary) 92%,transparent)}.marketing-surface .campaign-flow-glow{position:absolute;inset:32px 0 0;pointer-events:none;background:radial-gradient(ellipse at 50% 90%,var(--marketing-glow),transparent 65%);mask-image:linear-gradient(transparent,var(--color-text-primary) 20%,var(--color-text-primary) 85%,transparent)}.marketing-surface .campaign-connections{position:absolute;width:100%;height:100%;inset:0}.marketing-surface .flow-card{position:absolute;width:320px;min-height:80px;box-shadow:0 8px 32px color-mix(in srgb,var(--color-text-primary) 5%,transparent);animation:card-drift 7s ease-in-out infinite}.marketing-surface .flow-card-meta{left:7%;top:64px;rotate:7deg;animation-delay:-1s}.marketing-surface .flow-card-google{left:1%;top:192px;rotate:2deg;animation-delay:-4s}.marketing-surface .flow-card-tiktok{left:9%;top:320px;rotate:-7deg;animation-delay:-2s}.marketing-surface .flow-card-insight{right:6%;top:64px;rotate:-7deg;animation-delay:-3s}.marketing-surface .flow-card-ember{right:0;top:192px;rotate:-2deg;animation-delay:-5s}.marketing-surface .flow-card-agent{right:8%;top:320px;rotate:7deg;animation-delay:-1s}.marketing-surface .flow-mascot{position:absolute;width:104px;left:calc(50% - 52px);top:168px;text-align:center;z-index:2}.marketing-surface .flow-mascot-tile{padding:8px;border-radius:24px;border:1px solid var(--color-accent-300);background:linear-gradient(150deg,var(--color-background-primary-default),var(--color-accent-200));box-shadow:inset 0 2px 4px var(--color-background-primary-default),0 12px 32px var(--marketing-shadow)}.marketing-surface .flow-mascot-label{white-space:nowrap;margin-top:12px}.marketing-surface .mascot-float{animation:mascot-bob 6s ease-in-out infinite;filter:drop-shadow(0 16px 20px var(--marketing-glow))}.marketing-surface .flow-spark{position:absolute;color:var(--color-accent-300);font-size:var(--text-title-1-medium);line-height:var(--text-title-1-medium--line-height);font-weight:var(--text-title-1-medium--font-weight);letter-spacing:var(--text-title-1-medium--letter-spacing)}.marketing-surface .flow-spark-one{top:104px;left:42%;animation:mascot-bob 7s ease-in-out infinite reverse}.marketing-surface .flow-spark-two{top:300px;right:41%;animation:mascot-bob 5s ease-in-out infinite}.marketing-surface .reveal-on-scroll{transition:opacity .7s ease,transform .7s ease}.marketing-surface .reveal-on-scroll[data-revealed=false]{opacity:0;transform:translateY(24px)}.marketing-surface .reveal-on-scroll[data-revealed=true]{opacity:1;transform:none}.marketing-surface .product-stage{position:relative;background:radial-gradient(ellipse at 85% 0,var(--marketing-glow),transparent 55%),linear-gradient(160deg,var(--marketing-wash),var(--color-background-primary-default) 80%);box-shadow:inset 0 1px 0 var(--color-background-primary-default),0 12px 60px var(--marketing-shadow)}.marketing-surface .product-mode-tabs>div:first-child{width:fit-content;align-self:center;margin-top:-44px;padding:8px;border:1px solid var(--color-border-button-default);border-radius:20px;background:var(--color-background-primary-default);box-shadow:0 8px 24px var(--marketing-shadow)}.marketing-surface .product-mode-tabs>div>[role=tablist]{gap:8px;justify-content:center;border:0}.marketing-surface .product-mode-tabs>div>[role=tablist]+span{display:none}.marketing-surface .product-mode-tabs [role=tab]{padding:12px 20px;border:1px solid transparent;border-radius:12px}.marketing-surface .product-mode-tabs [role=tab][data-selected]{background:var(--color-background-primary-default);border-color:var(--color-border-button-default);box-shadow:0 4px 16px var(--marketing-shadow)}@keyframes mascot-bob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-12px) rotate(3deg)}}@keyframes card-drift{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes marketing-appear{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-words{0%,24%{transform:translateY(0)}33%,57%{transform:translateY(-25%)}66%,90%{transform:translateY(-50%)}to{transform:translateY(-75%)}}@media (max-width:1100px){.marketing-surface .flow-card{width:280px}.marketing-surface .flow-card-meta,.marketing-surface .flow-card-tiktok{left:-5%}.marketing-surface .flow-card-google{left:-10%}.marketing-surface .flow-card-agent,.marketing-surface .flow-card-insight{right:-5%}.marketing-surface .flow-card-ember{right:-10%}}@media (max-width:640px){.marketing-surface .campaign-flow{height:380px;margin-top:24px}.marketing-surface .flow-mascot{width:96px;left:calc(50% - 48px);top:120px}.marketing-surface .flow-card{width:248px;min-height:72px;padding:12px}.marketing-surface .flow-card-meta{left:-175px;top:48px}.marketing-surface .flow-card-google{left:-193px;top:168px}.marketing-surface .flow-card-tiktok{left:-144px;top:280px}.marketing-surface .flow-card-insight{right:-184px;top:48px}.marketing-surface .flow-card-ember{right:-192px;top:168px}.marketing-surface .flow-card-agent{right:-170px;top:280px}.marketing-surface .flow-spark-one{left:24%;top:48px}.marketing-surface .flow-spark-two{right:23%;top:220px}.marketing-surface .product-mode-tabs [role=tab]{padding:10px 8px}.marketing-surface .product-mode-tabs>div>[role=tablist]{gap:0}}@media (prefers-reduced-motion:reduce){.marketing-surface *,.marketing-surface :after,.marketing-surface :before{animation:none!important;transition:none!important;scroll-behavior:auto!important}.marketing-surface .reveal-on-scroll[data-revealed]{opacity:1;transform:none}}