@layer components{[data-slot=marketing-app-preview]{container-type:inline-size}[data-slot=marketing-app-preview-chrome]{width:calc(var(--spacing) * 340);height:calc(var(--spacing) * 205);transform:scale(var(--marketing-app-preview-scale,1));transform-origin:0 0;--text-display:var(--text-app-display);--text-display--line-height:1.25;--text-display--letter-spacing:var(--tracking-display);position:absolute;inset:0 auto auto 0}@supports (transform:scale(calc(1px / 1px))){[data-slot=marketing-app-preview-chrome]{transform:scale(calc(100cqi / (var(--spacing) * 340)))}}[data-slot=marketing-app-preview-canvas]{aspect-ratio:1360/820;container-type:inline-size}[data-slot=marketing-app-preview-chrome] [data-slot=button]:not([data-size^=icon]):is([data-variant=default],[data-variant=outline],[data-variant=secondary]){--radius-md:var(--radius-control)}[data-slot=marketing-app-preview-progress]{background:color-mix(in oklab, var(--marketing-image-foreground) 16%, transparent);transform:scaleX(var(--marketing-preview-progress,0));transform-origin:0;pointer-events:none;position:absolute;inset:0}[data-slot=marketing-app-preview] [role=tabpanel][data-state=active]{animation:marketing-app-scene-arrive var(--motion-sheet) ease-out both}@keyframes marketing-app-scene-arrive{0%{opacity:0;transform:translateY(var(--spacing))}to{opacity:1;transform:translateY(0)}}[data-slot=marketing-app-preview-rewrite-caption][data-phase="1"][data-animated=true] [data-slot=marketing-app-preview-rewrite-replacement]{animation:marketing-app-rewrite-reveal calc(var(--motion-sheet) * 3) ease-out both}@keyframes marketing-app-rewrite-reveal{0%{opacity:0;transform:translateX(calc(var(--spacing) * -2))}to{opacity:1;transform:translate(0)}}[data-slot=marketing-app-preview-row][data-highlighted=true],[data-preview-highlight=true]{background-color:color-mix(in oklab, var(--primary) 7%, var(--card));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--primary) 32%, transparent);transition:background-color var(--motion-sheet), box-shadow var(--motion-sheet)}[data-slot=marketing-app-preview-record]{inset-block:0;z-index:5;width:min(calc(var(--spacing) * 205), calc(100% - var(--spacing) * 12));background:var(--background);border-left:1px solid var(--border);box-shadow:var(--elevation-panel-side);position:absolute;right:0}[data-slot=marketing-app-preview-record][data-open=true],[data-slot=marketing-employee-ai-notice]{animation:marketing-app-panel-arrive var(--motion-sheet) ease-out both}[data-slot=marketing-app-view][data-view=share][data-phase="2"]{height:100%;overflow:hidden}[data-view=share] [data-slot=marketing-app-subpage]{height:100%}[data-slot=marketing-app-dialog]{align-items:center}[data-slot=marketing-app-dialog]>[data-surface=task]{max-height:100%}[data-slot=marketing-app-dialog] [data-slot=task-body]{overflow:auto}[data-slot=marketing-app-subpage],[data-slot=marketing-app-dialog]{animation:marketing-app-scene-arrive var(--motion-sheet) ease-out both}[data-view=share][data-animated=true] [data-slot=marketing-app-dialog]{animation-delay:calc(var(--motion-sheet) * 4)}@keyframes marketing-app-panel-arrive{0%{opacity:0;transform:translateX(calc(var(--spacing) * 8))}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){[data-slot=marketing-app-preview] [role=tabpanel],[data-slot=marketing-app-preview-record],[data-slot=marketing-employee-ai-notice],[data-slot=marketing-app-subpage],[data-slot=marketing-app-dialog],[data-slot=marketing-app-preview-rewrite-caption][data-phase="1"][data-animated=true] [data-slot=marketing-app-preview-rewrite-replacement]{animation:none}[data-slot=marketing-app-preview-row],[data-preview-highlight]{transition:none}}[data-slot=marketing-journey-map]{pointer-events:none;-webkit-mask-image:linear-gradient(transparent, var(--marketing-image-foreground) 16%, var(--marketing-image-foreground) 80%, transparent), linear-gradient(to right, transparent, var(--marketing-image-foreground) 5%, var(--marketing-image-foreground) 95%, transparent);mask-image:linear-gradient(transparent, var(--marketing-image-foreground) 16%, var(--marketing-image-foreground) 80%, transparent), linear-gradient(to right, transparent, var(--marketing-image-foreground) 5%, var(--marketing-image-foreground) 95%, transparent);position:absolute;inset:0;-webkit-mask-composite:source-in;mask-composite:intersect}[data-slot=marketing-journey-map] [data-map-clearance]{-webkit-mask-image:radial-gradient(ellipse calc(var(--spacing) * 28) calc(var(--spacing) * 12) at 12.5% 61%, transparent 35%, var(--marketing-image-foreground) 95%), radial-gradient(ellipse calc(var(--spacing) * 28) calc(var(--spacing) * 12) at 37.5% 46%, transparent 35%, var(--marketing-image-foreground) 95%), radial-gradient(ellipse calc(var(--spacing) * 28) calc(var(--spacing) * 12) at 62.5% 71%, transparent 35%, var(--marketing-image-foreground) 95%), radial-gradient(ellipse calc(var(--spacing) * 28) calc(var(--spacing) * 12) at 87.5% 51%, transparent 35%, var(--marketing-image-foreground) 95%);mask-image:radial-gradient(ellipse calc(var(--spacing) * 28) calc(var(--spacing) * 12) at 12.5% 61%, transparent 35%, var(--marketing-image-foreground) 95%), radial-gradient(ellipse calc(var(--spacing) * 28) calc(var(--spacing) * 12) at 37.5% 46%, transparent 35%, var(--marketing-image-foreground) 95%), radial-gradient(ellipse calc(var(--spacing) * 28) calc(var(--spacing) * 12) at 62.5% 71%, transparent 35%, var(--marketing-image-foreground) 95%), radial-gradient(ellipse calc(var(--spacing) * 28) calc(var(--spacing) * 12) at 87.5% 51%, transparent 35%, var(--marketing-image-foreground) 95%);position:absolute;inset:0;-webkit-mask-composite:source-in;mask-composite:intersect}[data-slot=marketing-journey-map] [data-map-ink]{background:color-mix(in oklab, var(--marketing-image-foreground) 28%, transparent);position:absolute;inset:0;-webkit-mask-position:50% 42%;mask-position:50% 42%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media (width<=639px){[data-slot=marketing-journey-map] [data-map-clearance]{-webkit-mask-image:radial-gradient(ellipse calc(var(--spacing) * 12) calc(var(--spacing) * 6) at 12.5% 54%, transparent 25%, var(--marketing-image-foreground) 95%), radial-gradient(ellipse calc(var(--spacing) * 12) calc(var(--spacing) * 6) at 37.5% 41%, transparent 25%, var(--marketing-image-foreground) 95%), radial-gradient(ellipse calc(var(--spacing) * 12) calc(var(--spacing) * 6) at 62.5% 63%, transparent 25%, var(--marketing-image-foreground) 95%), radial-gradient(ellipse calc(var(--spacing) * 12) calc(var(--spacing) * 6) at 87.5% 45%, transparent 25%, var(--marketing-image-foreground) 95%);mask-image:radial-gradient(ellipse calc(var(--spacing) * 12) calc(var(--spacing) * 6) at 12.5% 54%, transparent 25%, var(--marketing-image-foreground) 95%), radial-gradient(ellipse calc(var(--spacing) * 12) calc(var(--spacing) * 6) at 37.5% 41%, transparent 25%, var(--marketing-image-foreground) 95%), radial-gradient(ellipse calc(var(--spacing) * 12) calc(var(--spacing) * 6) at 62.5% 63%, transparent 25%, var(--marketing-image-foreground) 95%), radial-gradient(ellipse calc(var(--spacing) * 12) calc(var(--spacing) * 6) at 87.5% 45%, transparent 25%, var(--marketing-image-foreground) 95%)}[data-slot=marketing-journey-map] [data-map-ink]{-webkit-mask-position:53% 45%;mask-position:53% 45%;-webkit-mask-size:auto 280%;mask-size:auto 280%}}[data-slot=marketing-journey] [data-waypoint]{--marketing-waypoint-radius:calc(var(--spacing) * 5.5)}[data-slot=marketing-journey] [data-waypoint="0"]{left:0;top:calc(50% - var(--marketing-waypoint-radius))}[data-slot=marketing-journey] [data-waypoint="1"]{left:25%;top:calc(20% - var(--marketing-waypoint-radius))}[data-slot=marketing-journey] [data-waypoint="2"]{left:50%;top:calc(70% - var(--marketing-waypoint-radius))}[data-slot=marketing-journey] [data-waypoint="3"]{left:75%;top:calc(30% - var(--marketing-waypoint-radius))}[data-slot=marketing-journey] .marketing-journey-trail{transition:stroke-dashoffset calc(var(--motion-sheet) * 3) ease-in-out}@media (prefers-reduced-motion:no-preference){[data-slot=marketing-journey] [data-waypoint][data-state=active] [data-slot=marketing-journey-waypoint]:before{content:"";inset:calc(var(--spacing) * -1);border:1px solid var(--primary);border-radius:inherit;pointer-events:none;animation:marketing-waypoint-pulse calc(var(--motion-sheet) * 10) ease-out infinite;position:absolute}@keyframes marketing-waypoint-pulse{0%{opacity:.5;transform:scale(1)}80%,to{opacity:0;transform:scale(1.35)}}}[data-slot=marketing-journey] [data-state=active][role=tabpanel]>div{animation:marketing-journey-arrive calc(var(--motion-sheet) * 2) ease-out both}@keyframes marketing-journey-arrive{0%{opacity:0;transform:translateY(calc(var(--spacing) * 2))}to{opacity:1;transform:translateY(0)}}@media (width>=640px){[data-slot=marketing-journey] [data-waypoint]{--marketing-waypoint-radius:calc(var(--spacing) * 6)}}@media (prefers-reduced-motion:reduce){[data-slot=marketing-journey] .marketing-journey-trail{transition:none}[data-slot=marketing-journey] [data-state=active][role=tabpanel]>div{animation:none}}[data-slot=marketing-path-demo] .marketing-path-trace,[data-slot=marketing-path-demo] .marketing-path-traveler{transition:stroke-dashoffset calc(var(--motion-sheet) * 3) ease-in-out}[data-slot=marketing-path-demo] .marketing-path-scene{animation:marketing-path-arrive var(--motion-sheet) ease-out both}@keyframes marketing-path-arrive{0%{opacity:0;transform:translateY(.375rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){[data-slot=marketing-path-demo] .marketing-path-trace,[data-slot=marketing-path-demo] .marketing-path-traveler{transition:none}[data-slot=marketing-path-demo] .marketing-path-scene{animation:none}}[data-slot=marketing-workflow-handoff]{--marketing-handoff-line:color-mix(in oklab, var(--foreground) 18%, transparent)}[data-slot=marketing-workflow-handoff] .marketing-handoff-route{stroke-dasharray:100;stroke-dashoffset:100px;transition:stroke-dashoffset calc(var(--motion-sheet) * 3) ease-in-out}[data-slot=marketing-workflow-handoff] .marketing-handoff-route[data-active=true]{stroke-dashoffset:0}@media (prefers-reduced-motion:reduce){[data-slot=marketing-workflow-handoff] .marketing-handoff-route{transition:none}}}