[data-surface=marketing] .mk-demo{--mk-demo-ring:hsl(var(--mk-action-fg)/.45);position:relative;padding:1.875rem 0 2.75rem;margin-top:.375rem}[data-surface=marketing] .mk-demo:before{content:"";position:absolute;inset:-7% 0 -7% 0;z-index:-1;filter:blur(25px);background:radial-gradient(ellipse at 80% 22%,rgba(169,146,245,.3),transparent 64%),radial-gradient(ellipse at 35% 75%,rgba(112,179,255,.24),transparent 65%)}[data-surface=marketing] .mk-demo-label{display:flex;align-items:center;gap:.4375rem;margin:0 .75rem .8125rem;color:hsl(var(--mk-ink-muted));font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase}[data-surface=marketing] .mk-demo-label>span{width:.3125rem;height:.3125rem;border-radius:50%;background:var(--violet)}[data-surface=marketing] .mk-demo-window{position:relative;overflow:hidden;transform:rotate(-1.5deg);border:1px solid var(--mk-feature-edge);border-radius:1.1875rem;background:var(--mk-plan);box-shadow:0 24px 60px rgba(72,110,208,.15),0 0 0 7px rgba(255,255,255,.27),inset 0 0 0 1px var(--mk-feature-edge);backdrop-filter:blur(22px)}[data-surface=marketing] .mk-demo-bar{display:flex;align-items:center;justify-content:space-between;height:3.3125rem;padding:0 1rem;background:var(--mk-navshell);border-bottom:1px solid var(--mk-paper-edge)}[data-surface=marketing] .mk-demo-brand{display:flex;align-items:center;gap:.4375rem;color:hsl(var(--mk-ink));font-size:var(--text-label);font-weight:750}[data-surface=marketing] .mk-demo-brand .mk-brand-mark{width:1.375rem;height:1.375rem;border-radius:.375rem;box-shadow:0 3px 8px rgba(34,67,84,.15)}[data-surface=marketing] .mk-demo-bar-end{display:flex;align-items:center;gap:.75rem;color:hsl(var(--mk-ink-muted))}[data-surface=marketing] .mk-demo-bar-end>svg{width:.875rem;height:.875rem}[data-surface=marketing] .mk-demo-avatar{display:grid;place-items:center;width:1.5625rem;height:1.5625rem;flex:none;border-radius:50%;background:hsl(var(--mk-action-subtle));color:hsl(var(--mk-action-fg));font-size:.5625rem;font-weight:700}[data-surface=marketing] .mk-demo-avatar[data-tone=violet]{background:rgba(150,100,255,.16);color:#7851d8}[data-surface=marketing] .mk-demo-main{display:grid;grid-template-columns:2.875rem minmax(0,1fr)}[data-surface=marketing] .mk-demo-rail{display:flex;flex-direction:column;align-items:center;gap:.6875rem;padding-top:1.25rem;background:var(--mk-tab);border-right:1px solid var(--mk-paper-edge)}[data-surface=marketing] .mk-demo-rail>span{display:grid;place-items:center;padding:.4375rem;border-radius:.5rem;color:hsl(var(--mk-ink-muted))}[data-surface=marketing] .mk-demo-rail>span[data-active]{background:hsl(var(--mk-action-subtle));color:hsl(var(--mk-action-fg))}[data-surface=marketing] .mk-demo-rail svg{width:.9375rem;height:.9375rem}[data-surface=marketing] .mk-demo-content{min-width:0;padding:1.0625rem 1.1875rem 1.125rem}[data-surface=marketing] .mk-demo-heading{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:1.125rem}[data-surface=marketing] .mk-demo-heading strong{color:hsl(var(--mk-ink));font-size:var(--text-body);letter-spacing:-.02em}[data-surface=marketing] .mk-demo-status{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:.3125rem;padding:.1875rem .5625rem;border-radius:var(--radius-pill);background:hsl(var(--mk-action-subtle));color:hsl(var(--mk-action-fg));font-size:.625rem;white-space:nowrap}[data-surface=marketing] .mk-demo-status[data-complete]{--mk-demo-ring:hsl(var(--mk-sealed)/.5);background:hsl(var(--mk-sealed-subtle));color:hsl(var(--mk-sealed-fg))}[data-surface=marketing] .mk-demo-status>svg{width:.6875rem;height:.6875rem}[data-surface=marketing] .mk-demo-steps{display:flex;align-items:center;gap:.4375rem;margin:0 0 1.125rem;padding:0;list-style:none}[data-surface=marketing] .mk-demo-steps>li{display:flex;align-items:center;gap:.3125rem;flex:1 1 auto;color:hsl(var(--mk-ink-muted));font-size:.5625rem;white-space:nowrap}[data-surface=marketing] .mk-demo-steps>li:not(:last-child):after{content:"";flex:1 1 auto;height:1px;margin-left:.25rem;background:linear-gradient(hsl(var(--mk-action-fg)/.5),hsl(var(--mk-action-fg)/.5)) 0 0 /0 100% no-repeat var(--mk-paper-edge)}[data-surface=marketing] .mk-demo-steps b{display:grid;place-items:center;width:1rem;height:1rem;flex:none;border-radius:50%;background:var(--mk-well);font-size:.5rem}[data-surface=marketing] .mk-demo-steps>li[data-done]{color:hsl(var(--mk-action-fg))}[data-surface=marketing] .mk-demo-steps>li[data-done] b{background:hsl(var(--mk-action-subtle))}[data-surface=marketing] .mk-demo-steps>li[data-done]:after{background-size:100% 100%}[data-surface=marketing] .mk-demo-steps>li[aria-current]{color:hsl(var(--mk-ink-subtle))}[data-surface=marketing] .mk-demo-steps>li[aria-current] b{background:hsl(var(--mk-action-subtle));color:hsl(var(--mk-action-fg))}[data-surface=marketing] .mk-demo-steps>li[data-done]:last-child{--mk-demo-ring:hsl(var(--mk-sealed)/.5);color:hsl(var(--mk-sealed-fg))}[data-surface=marketing] .mk-demo-steps>li[data-done]:last-child b{background:hsl(var(--mk-sealed-subtle))}[data-surface=marketing] .mk-demo-split{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);gap:.6875rem;align-items:start}[data-surface=marketing] .mk-demo-paper{position:relative;min-height:16.75rem;padding:1.25rem 1.0625rem .9375rem;border:1px solid var(--mk-paper-edge);border-radius:.5625rem;background:var(--mk-paper);box-shadow:0 7px 20px rgba(102,137,197,.04)}[data-surface=marketing] .mk-demo-paper>i{display:block;height:3px;margin:.4375rem 0;border-radius:2px;background:var(--mk-paper-line)}[data-surface=marketing] .mk-demo-paper>i[data-w=md]{width:85%}[data-surface=marketing] .mk-demo-paper>i[data-w=sm]{width:64%}[data-surface=marketing] .mk-demo-paper-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;color:hsl(var(--mk-ink-muted));font-size:.5rem;text-transform:uppercase}[data-surface=marketing] .mk-demo-paper-top>span:first-child{display:inline-flex;align-items:center;gap:.3125rem}[data-surface=marketing] .mk-demo-paper-top svg{width:.8125rem;height:.8125rem}[data-surface=marketing] .mk-demo-paper-top>span:last-child{font-size:.375rem;font-weight:600;letter-spacing:.05em}[data-surface=marketing] .mk-demo-paper-title{margin:0 0 .3125rem;color:hsl(var(--mk-ink));font-size:.6875rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}[data-surface=marketing] .mk-demo-paper-sub{margin:0 0 1rem;color:hsl(var(--mk-ink-muted));font-size:.4375rem}[data-surface=marketing] .mk-demo-paper-section{margin:.8125rem 0 .4375rem;color:hsl(var(--mk-ink-subtle));font-size:.4375rem;font-weight:600}[data-surface=marketing] .mk-demo-field{display:flex;flex-direction:column;justify-content:center;min-height:4.125rem;margin-top:.9375rem;padding:.4375rem .6875rem;border:1px dashed #ac9afa;border-radius:.375rem;background:rgba(172,154,250,.1)}[data-surface=marketing] .mk-demo-field[data-state=signing]{border-color:#8e76f6;background-color:rgba(172,154,250,.18);box-shadow:0 0 0 3px rgba(172,154,250,.14),0 0 22px rgba(140,110,250,.24)}[data-surface=marketing] .mk-demo-field[data-state=unplaced],[data-surface=marketing] .mk-demo-field[data-state=unplaced]+.mk-demo-caption{opacity:0;visibility:hidden}[data-surface=marketing] .mk-demo-field[data-state=signed]{border-style:solid;border-color:rgba(172,154,250,.55)}[data-surface=marketing] .mk-demo-field-cap{display:flex;align-items:center;gap:.25rem;color:#8970c7;font-size:.375rem;letter-spacing:.07em;text-transform:uppercase}[data-surface=marketing] .mk-demo-field-cap>svg{width:.5rem;height:.5rem}[data-surface=marketing] .mk-demo-prompt{margin-top:.3125rem;color:#9d8dc6;font:italic 1rem/1.2 Georgia,serif}[data-surface=marketing] .mk-signature{display:block;width:7.8125rem;height:1.9375rem;margin-top:.1875rem;color:#5442b5}[data-surface=marketing] .mk-demo-caption{margin:.375rem 0 0;color:hsl(var(--mk-ink-muted));font-size:.375rem}[data-surface=marketing] .mk-demo-side{padding:.1875rem 0}[data-surface=marketing] .mk-demo-side-title{margin:0 0 .8125rem;color:hsl(var(--mk-ink-subtle));font-size:.5625rem;font-weight:700}[data-surface=marketing] .mk-demo-person{display:flex;align-items:flex-start;gap:.4375rem;margin-bottom:.9375rem}[data-surface=marketing] .mk-demo-person .mk-demo-avatar{width:1.4375rem;height:1.4375rem;font-size:.5rem}[data-surface=marketing] .mk-demo-person>span:last-child{min-width:0}[data-surface=marketing] .mk-demo-person strong{display:block;color:hsl(var(--mk-ink));font-size:.5rem;line-height:1.5}[data-surface=marketing] .mk-demo-person small{display:block;color:hsl(var(--mk-ink-muted));font-size:.4375rem}[data-surface=marketing] .mk-demo-person em{display:inline-block;margin-top:.25rem;padding:.125rem .3125rem;border-radius:.5rem;background:rgba(255,190,70,.18);color:#8a6a1c;font-size:.375rem;font-style:normal}[data-surface=marketing] .mk-demo-person em[data-state=done]{background:hsl(var(--mk-sealed-subtle));color:hsl(var(--mk-sealed-fg))}[data-surface=marketing] .mk-demo-person em[data-state=active]{background:rgba(150,100,255,.16);color:#7851d8}[data-surface=marketing] .mk-demo-person em[data-state=idle]{background:var(--mk-well);color:hsl(var(--mk-ink-muted))}[data-surface=marketing] .mk-demo-audit{margin-top:1.125rem;padding:.625rem .5rem;border:1px solid var(--mk-paper-edge);border-radius:.5rem;background:hsl(var(--mk-action-subtle)/.6)}[data-surface=marketing] .mk-demo-audit>svg{width:1rem;height:1rem;margin-bottom:.4375rem;color:hsl(var(--mk-action-fg))}[data-surface=marketing] .mk-demo-audit strong{display:block;color:hsl(var(--mk-ink-subtle));font-size:.5rem}[data-surface=marketing] .mk-demo-audit small{display:block;margin-top:.1875rem;color:hsl(var(--mk-ink-muted));font-size:.4375rem;line-height:1.6}[data-surface=marketing] .mk-demo-foot{display:flex;justify-content:space-between;align-items:center;gap:.625rem;margin-top:.875rem}[data-surface=marketing] .mk-demo-foot>span{display:flex;align-items:center;gap:.25rem;color:hsl(var(--mk-ink-muted));font-size:.5625rem}[data-surface=marketing] .mk-demo-foot>span>svg{width:.6875rem;height:.6875rem}[data-surface=marketing] .ui-btn.mk-demo-btn{min-height:2.25rem;padding:.375rem .75rem;border-radius:.5rem;font-size:var(--text-label)}[data-surface=marketing] .ui-btn.mk-demo-btn>svg{width:.8125rem;height:.8125rem}[data-surface=marketing] .mk-demo-actions{display:flex;gap:.375rem}[data-surface=marketing] .ui-btn.mk-demo-pause{width:2.25rem;min-height:2.25rem;padding:0;border-radius:.5rem}[data-surface=marketing] .ui-btn.mk-demo-pause>svg{width:.8125rem;height:.8125rem}[data-surface=marketing] .mk-demo-float{position:absolute;display:flex;align-items:center;gap:.6875rem;padding:.8125rem 1rem;border-radius:.875rem;border:1px solid var(--mk-feature-edge);background:var(--mk-frost);box-shadow:0 14px 32px rgba(86,115,184,.12),0 0 0 4px rgba(255,255,255,.17);backdrop-filter:blur(15px)}[data-surface=marketing] .mk-demo-float strong{display:block;color:hsl(var(--mk-ink));font-size:var(--text-label)}[data-surface=marketing] .mk-demo-float small{display:block;margin-top:.125rem;color:hsl(var(--mk-ink-muted));font-size:var(--text-xs)}[data-surface=marketing] .mk-demo-float-tile{display:grid;place-items:center;width:2.125rem;height:2.125rem;flex:none;border-radius:.625rem;background:rgba(125,78,242,.14);color:#7d4ef2}[data-surface=marketing] .mk-demo-float-tile[data-tone=green]{background:hsl(var(--mk-sealed-subtle));color:hsl(var(--mk-sealed))}[data-surface=marketing] .mk-demo-float-tile>svg{width:1.1875rem;height:1.1875rem}[data-surface=marketing] .mk-demo-float--sign{top:0;right:-1rem;transform:rotate(3deg)}[data-surface=marketing] .mk-demo-float--record{bottom:.9375rem;left:-1.5rem;transform:rotate(-3deg)}[data-surface=marketing] .mk-demo-toast{position:fixed;left:50%;bottom:1.5625rem;z-index:50;max-width:calc(100% - 2rem);margin:0;padding:.8125rem 1.125rem;border:1px solid var(--mk-feature-edge);border-radius:.75rem;background:hsl(var(--mk-card));box-shadow:0 8px 30px rgba(52,77,130,.18);color:hsl(var(--mk-ink-subtle));font-size:var(--text-label);opacity:0;visibility:hidden;transform:translate(-50%,20px);transition:opacity .2s,transform .2s,visibility .2s}[data-surface=marketing] .mk-demo-toast[data-visible]{opacity:1;visibility:visible;transform:translate(-50%)}@media (prefers-reduced-motion:no-preference){[data-surface=marketing] .mk-demo-field{transition:border-color .3s,background-color .3s,box-shadow .4s,opacity .3s,visibility .3s}[data-surface=marketing] .mk-demo-field+.mk-demo-caption{transition:opacity .3s,visibility .3s}[data-surface=marketing] .mk-demo-field[data-state=placed]{animation:mk-demo-place .55s cubic-bezier(.22,1,.36,1)}[data-surface=marketing] .mk-demo-field .mk-signature path{animation:mk-demo-ink 1.05s cubic-bezier(.55,.1,.35,1) backwards}[data-surface=marketing] .mk-demo-steps>li:not(:last-child):after{transition:background-size .5s cubic-bezier(.65,0,.35,1)}[data-surface=marketing] .mk-demo-steps>li[aria-current] b{animation:mk-demo-ring 1.8s ease-out infinite}[data-surface=marketing] .mk-demo[data-paused] .mk-demo-steps>li[aria-current] b{animation:none}[data-surface=marketing] .mk-demo-steps>li[data-done] b{animation:mk-demo-pop .5s cubic-bezier(.22,1,.36,1),mk-demo-ring .8s ease-out}[data-surface=marketing] .mk-demo-person em:not([data-state=idle]){animation:mk-demo-pop .5s cubic-bezier(.22,1,.36,1)}[data-surface=marketing] .mk-demo-person em[data-state=active]{animation:mk-demo-blink .7s ease-in-out infinite alternate}[data-surface=marketing] .mk-demo-status{animation:mk-demo-fade .35s ease-out}[data-surface=marketing] .mk-demo-status[data-complete]{animation:mk-demo-pop .55s cubic-bezier(.22,1,.36,1),mk-demo-ring .9s ease-out}[data-surface=marketing] .mk-demo-status[data-complete]>svg{animation:mk-demo-tick .6s cubic-bezier(.22,1,.36,1) .12s backwards}[data-surface=marketing] .mk-demo-status[data-complete]:after{content:"";position:absolute;inset:0 auto 0 0;width:45%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.6),transparent);transform:translateX(-100%);animation:mk-demo-shine .9s ease-in-out .35s}}@keyframes mk-demo-ink{0%{stroke-dasharray:1 2;stroke-dashoffset:1.02}to{stroke-dasharray:1 2;stroke-dashoffset:0}}@keyframes mk-demo-pop{0%{transform:scale(.6)}55%{transform:scale(1.15)}to{transform:none}}@keyframes mk-demo-ring{0%{box-shadow:0 0 0 0 var(--mk-demo-ring)}to{box-shadow:0 0 0 .4375rem transparent}}@keyframes mk-demo-tick{0%{transform:scale(0) rotate(-90deg)}}@keyframes mk-demo-blink{0%{opacity:.5}}@keyframes mk-demo-fade{0%{opacity:0}}@keyframes mk-demo-place{0%{opacity:0;transform:translateY(-.5rem) scale(1.05)}}@keyframes mk-demo-shine{0%{transform:translateX(-100%)}to{transform:translateX(240%)}}@media (max-width:1180px){[data-surface=marketing] .mk-demo-content{padding:1rem .8125rem}[data-surface=marketing] .mk-demo-float--sign{right:-.5rem}}@media (min-width:1024px) and (max-width:1120px){[data-surface=marketing] .mk-demo-split{grid-template-columns:minmax(0,1fr)}[data-surface=marketing] .mk-demo-side{display:none}}@media (max-width:1023px){[data-surface=marketing] .mk-demo{width:100%;max-width:35rem;margin:.8125rem auto 0;padding:1.9375rem .75rem 2.5625rem}[data-surface=marketing] .mk-demo-float--sign{right:0}[data-surface=marketing] .mk-demo-float--record{left:0}}@media (max-width:480px){[data-surface=marketing] .mk-demo{padding-inline:.5rem}[data-surface=marketing] .mk-demo-window{transform:rotate(-1deg);border-radius:.9375rem}[data-surface=marketing] .mk-demo-main{grid-template-columns:1.875rem minmax(0,1fr)}[data-surface=marketing] .mk-demo-rail svg{width:.75rem;height:.75rem}[data-surface=marketing] .mk-demo-rail>span{padding:.3125rem}[data-surface=marketing] .mk-demo-content{padding:.875rem .6875rem}[data-surface=marketing] .mk-demo-split{grid-template-columns:minmax(0,1fr)}[data-surface=marketing] .mk-demo-side{display:none}[data-surface=marketing] .mk-demo-steps>li{font-size:.5rem}[data-surface=marketing] .mk-demo-float{padding:.625rem .6875rem;gap:.5rem;border-radius:.6875rem}[data-surface=marketing] .mk-demo-float-tile{width:1.8125rem;height:1.8125rem}[data-surface=marketing] .mk-demo-float strong{font-size:.6875rem}[data-surface=marketing] .mk-demo-float small{font-size:.625rem}[data-surface=marketing] .mk-demo-foot>span{display:none}[data-surface=marketing] .mk-demo-foot{justify-content:flex-end}}:root[data-theme=dark] [data-surface=marketing] .mk-demo-avatar[data-tone=violet]{color:#c7b4ff}:root[data-theme=dark] [data-surface=marketing] .mk-demo-person em:not([data-state]){color:#f3c969}:root[data-theme=dark] [data-surface=marketing] .mk-demo-person em[data-state=active]{background:rgba(150,100,255,.2);color:#c7b4ff}:root[data-theme=dark] [data-surface=marketing] .mk-demo-person em[data-state=idle]{background:rgba(255,255,255,.07)}:root[data-theme=dark] [data-surface=marketing] .mk-demo-steps>li[aria-current] b{background:rgba(100,140,255,.18)}:root[data-theme=dark] [data-surface=marketing] .mk-demo-steps>li[data-done]:last-child b{background:rgba(52,211,153,.14)}@supports (backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px)){:root[data-theme=dark] [data-surface=marketing] .mk-demo-window{border-color:rgba(170,190,255,.22);background:linear-gradient(135deg,rgba(40,54,124,.52),rgba(22,30,74,.56) 50%,rgba(14,20,52,.62));box-shadow:0 30px 80px rgba(0,0,14,.45),0 0 0 7px rgba(255,255,255,.035),inset 0 1px 0 rgba(255,255,255,.14),inset 0 0 0 1px rgba(255,255,255,.03)}:root[data-theme=dark] [data-surface=marketing] .mk-demo-bar{background:rgba(255,255,255,.035);border-bottom-color:rgba(170,190,255,.12)}:root[data-theme=dark] [data-surface=marketing] .mk-demo-rail{background:rgba(255,255,255,.02);border-right-color:rgba(170,190,255,.1)}:root[data-theme=dark] [data-surface=marketing] .mk-demo-steps b{background:rgba(255,255,255,.07)}:root[data-theme=dark] [data-surface=marketing] .mk-demo-paper{border-color:rgba(170,190,255,.16);background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.015));box-shadow:0 10px 30px rgba(0,0,14,.22),inset 0 1px 0 rgba(255,255,255,.07)}:root[data-theme=dark] [data-surface=marketing] .mk-demo-audit{border-color:rgba(150,170,255,.18);background:rgba(90,120,255,.09)}:root[data-theme=dark] [data-surface=marketing] :is(.mk-demo-status,.mk-demo-avatar,.mk-demo-rail>span[data-active],.mk-demo-steps>li[data-done] b){background:rgba(100,140,255,.13)}:root[data-theme=dark] [data-surface=marketing] :is(.mk-demo-status[data-complete],.mk-demo-person em[data-state=done]){background:rgba(52,211,153,.14)}:root[data-theme=dark] [data-surface=marketing] .mk-demo-avatar[data-tone=violet]{background:rgba(150,100,255,.2)}:root[data-theme=dark] [data-surface=marketing] .mk-demo-float-tile[data-tone=green]{background:rgba(52,211,153,.16)}:root[data-theme=dark] [data-surface=marketing] .mk-demo-float{border-color:rgba(180,200,255,.2);background:linear-gradient(125deg,rgba(76,96,180,.34),rgba(32,42,96,.3));box-shadow:0 16px 40px rgba(0,0,14,.4),0 0 0 4px rgba(255,255,255,.04),inset 0 1px 0 rgba(255,255,255,.14);backdrop-filter:blur(18px) saturate(150%)}}[data-surface=marketing] .mk-home-workflow{padding-top:clamp(3.5rem,2.5rem + 2.5vw,4.1875rem);background:linear-gradient(180deg,transparent,rgba(255,255,255,.35) 60%,rgba(255,255,255,.42))}:root[data-theme=dark] [data-surface=marketing] .mk-home-workflow{background:linear-gradient(180deg,transparent,rgba(20,30,62,.35) 60%,rgba(20,30,62,.42))}[data-surface=marketing] .mk-flow-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.625rem;margin-bottom:.9375rem}[data-surface=marketing] .mk-flow-tab{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:6.6875rem;padding:1.3125rem 1.0625rem;text-align:left;border:1px solid var(--mk-tab-edge);border-radius:1rem;background:var(--mk-tab);color:hsl(var(--mk-ink-subtle));cursor:pointer;font:inherit;transition:box-shadow .2s,background .2s,border-color .2s,transform .2s}[data-surface=marketing] .mk-flow-tab:hover{background:var(--mk-navshell);transform:translateY(-2px)}[data-surface=marketing] .mk-flow-tab[aria-selected=true]{border-color:var(--mk-tab-active-edge);background:var(--mk-tab-active);box-shadow:0 6px 20px rgba(78,102,206,.05),inset 0 1px 0 rgba(255,255,255,.6);color:hsl(var(--mk-action-fg))}[data-surface=marketing] .mk-flow-tab>svg{width:1.375rem;height:1.375rem;margin-bottom:.75rem}[data-surface=marketing] .mk-flow-tab>strong{font-size:var(--text-sm);font-weight:650}[data-surface=marketing] .mk-flow-num{position:absolute;right:.9375rem;top:1rem;color:hsl(var(--mk-ink-muted));font:500 var(--text-xs) /1 var(--font-mono)}[data-surface=marketing] .mk-flow-panel{border:1px solid var(--mk-feature-edge);border-radius:1.375rem;background:var(--mk-tint-panel);box-shadow:inset 0 0 0 1px rgba(233,238,251,.44)}[data-surface=marketing] .mk-flow-panel-grid{display:grid;align-items:center;gap:1rem clamp(1.875rem,5vw,4.375rem);min-height:17.375rem;padding:clamp(1.5rem,1rem + 1.5vw,2.0625rem) clamp(1.375rem,1rem + 2vw,2.8125rem)}@media (min-width:781px){[data-surface=marketing] .mk-flow-panel-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}[data-surface=marketing] .mk-flow-kicker{margin:0 0 .75rem;color:hsl(var(--mk-eyebrow-ink));font-size:var(--text-xs);font-weight:700;letter-spacing:.15em;text-transform:uppercase}[data-surface=marketing] .mk-flow-heading{margin:0 0 .875rem;color:hsl(var(--mk-ink));font-size:clamp(1.4375rem,1.2rem + .6vw,1.625rem);font-weight:750;letter-spacing:-.03em;line-height:1.2}[data-surface=marketing] .mk-flow-body{max-width:26.25rem;margin:0 0 1.1875rem;color:hsl(var(--mk-ink-muted));font-size:var(--mk-copy-sm);line-height:1.8}[data-surface=marketing] .mk-flow-visual{display:grid;place-items:center;min-width:0;height:12.75rem}[data-surface=marketing] .mk-tab-timer{position:absolute;left:1.0625rem;right:1.0625rem;bottom:.8125rem;height:2px;overflow:hidden;border-radius:var(--radius-pill);background:hsl(var(--mk-action)/.12)}[data-surface=marketing] .mk-tab-timer>span{display:block;height:100%;background:var(--mk-grad-text);transform-origin:left;animation:mk-tab-timer linear both}@keyframes mk-tab-timer{0%{transform:scaleX(0)}to{transform:scaleX(1)}}[data-surface=marketing] .mk-flow-panel-grid>:first-child>*{animation:mk-flow-in .5s cubic-bezier(.22,1,.36,1) both}[data-surface=marketing] .mk-flow-panel-grid>:first-child>:nth-child(2){animation-delay:.04s}[data-surface=marketing] .mk-flow-panel-grid>:first-child>:nth-child(3){animation-delay:.08s}[data-surface=marketing] .mk-flow-panel-grid>:first-child>:nth-child(4){animation-delay:.12s}[data-surface=marketing] .mk-flow-visual{animation:mk-flow-visual-in .65s cubic-bezier(.22,1,.36,1) .08s both}@keyframes mk-flow-in{0%{opacity:0;transform:translateY(.625rem)}}@keyframes mk-flow-visual-in{0%{opacity:0;transform:translateY(.375rem) scale(.97)}}@media (max-width:780px){[data-surface=marketing] .mk-flow-tab{min-height:5.9375rem;padding:.9375rem .625rem}[data-surface=marketing] .mk-flow-tab>strong{font-size:var(--text-label)}[data-surface=marketing] .mk-flow-num{top:.75rem;right:.5rem}[data-surface=marketing] .mk-tab-timer{left:.625rem;right:.625rem;bottom:.625rem}[data-surface=marketing] .mk-flow-visual{height:11rem}}@media (max-width:560px){[data-surface=marketing] .mk-flow-tabs{overflow-x:auto;grid-template-columns:repeat(5,6.5rem);margin-inline:-2px;padding:2px 2px .625rem;scroll-snap-type:x mandatory}[data-surface=marketing] .mk-flow-tab{scroll-snap-align:start}}[data-surface=marketing] .mk-upload{width:100%;max-width:24.5rem;padding:1.3125rem 1.5625rem;text-align:center;border:1px dashed hsl(var(--mk-control-edge)/.6);border-radius:1rem;background:rgba(255,255,255,.39)}:root[data-theme=dark] [data-surface=marketing] .mk-upload{background:rgba(255,255,255,.03)}[data-surface=marketing] .mk-upload>svg{width:1.8125rem;height:1.8125rem;margin:0 auto .75rem;color:#8b91df}[data-surface=marketing] .mk-upload>p{margin:.625rem 0 0;color:hsl(var(--mk-ink-muted));font-size:var(--text-xs)}[data-surface=marketing] .mk-file{display:flex;align-items:center;gap:.8125rem;width:100%;padding:.9375rem 1.125rem;text-align:left;border:1px solid var(--mk-paper-edge);border-radius:.75rem;background:var(--mk-paper);box-shadow:var(--mk-paper-shadow)}[data-surface=marketing] .mk-file>.ui-tile{width:2.5625rem;height:2.6875rem;border-radius:.625rem}[data-surface=marketing] .mk-file>.ui-tile>svg{width:1.375rem;height:1.375rem}[data-surface=marketing] .mk-file strong{display:block;color:hsl(var(--mk-ink));font-size:var(--text-label)}[data-surface=marketing] .mk-file small{display:block;color:hsl(var(--mk-ink-muted));font-size:var(--text-xs)}[data-surface=marketing] .mk-file>svg{width:1.125rem;height:1.125rem;margin-left:auto;flex:none;color:hsl(var(--mk-sealed))}[data-surface=marketing] .mk-fields{display:flex;flex-direction:column;gap:.75rem;width:20rem;max-width:100%}[data-surface=marketing] .mk-fields>span{display:flex;align-items:center;gap:.625rem;padding:.75rem .9375rem;border:1px solid var(--mk-paper-edge);border-radius:.625rem;background:var(--mk-paper);box-shadow:0 4px 12px rgba(98,129,184,.04);color:hsl(var(--mk-ink-subtle));font-size:var(--text-label)}[data-surface=marketing] .mk-fields>span>svg{width:1.0625rem;height:1.0625rem;color:#8a71e5}[data-surface=marketing] .mk-fields>span[data-kind=signature]{border-style:dashed;border-color:#b9a3ed;background:rgba(185,163,237,.16);color:#7255b7}:root[data-theme=dark] [data-surface=marketing] .mk-fields>span[data-kind=signature]{color:#c7b4ff}[data-surface=marketing] .mk-people{display:flex;flex-direction:column;gap:.5rem;width:19.375rem;max-width:100%}[data-surface=marketing] .mk-people>span{display:flex;align-items:center;gap:.625rem;padding:.6875rem .875rem;border:1px solid var(--mk-paper-edge);border-radius:.6875rem;background:var(--mk-paper)}[data-surface=marketing] .mk-people strong{color:hsl(var(--mk-ink-subtle));font-size:var(--text-label)}[data-surface=marketing] .mk-people em{margin-left:auto;font-style:normal}[data-surface=marketing] .mk-avatar-sm{display:grid;place-items:center;width:1.8125rem;height:1.8125rem;flex:none;border-radius:50%;background:hsl(var(--mk-action-subtle));color:hsl(var(--mk-action-fg));font-size:.625rem;font-weight:700}[data-surface=marketing] :is(.mk-avatar-sm,.mk-avatar-md)[data-tone=violet]{background:rgba(150,100,255,.16);color:#7851d8}[data-surface=marketing] :is(.mk-avatar-sm,.mk-avatar-md)[data-tone=mint]{background:hsl(var(--mk-sealed-subtle));color:hsl(var(--mk-sealed-fg))}:root[data-theme=dark] [data-surface=marketing] :is(.mk-avatar-sm,.mk-avatar-md)[data-tone=violet]{color:#c7b4ff}[data-surface=marketing] .mk-send{display:flex;align-items:center;justify-content:center;gap:clamp(.625rem,2vw,1.5rem);max-width:100%}[data-surface=marketing] .mk-send>svg{width:2rem;height:2rem;flex:none;color:hsl(var(--mk-control-edge)/.7)}[data-surface=marketing] .mk-send-node{display:grid;place-items:center;width:clamp(3.125rem,2rem + 3vw,4.125rem);aspect-ratio:1;flex:none;border:1px solid var(--mk-paper-edge);border-radius:1.0625rem;background:var(--mk-paper);box-shadow:0 8px 20px rgba(118,148,205,.07);color:hsl(var(--mk-action))}[data-surface=marketing] .mk-send-node>svg{width:1.9375rem;height:1.9375rem}[data-surface=marketing] .mk-send-node[data-tone=violet]{background:rgba(150,110,240,.14);color:#9b70e8}[data-surface=marketing] .mk-track{width:20.625rem;max-width:100%;padding:1.3125rem;border:1px solid var(--mk-paper-edge);border-radius:.875rem;background:var(--mk-paper)}[data-surface=marketing] .mk-track>strong{display:block;margin-bottom:1rem;color:hsl(var(--mk-ink));font-size:var(--text-sm)}[data-surface=marketing] .mk-track-bar{display:block;height:.3125rem;border-radius:4px;background:linear-gradient(90deg,#7fc7c5,#43bfb1)}[data-surface=marketing] .mk-track-labels{display:flex;justify-content:space-between;margin-top:.625rem;color:hsl(var(--mk-ink-muted));font-size:var(--text-xs)}[data-surface=marketing] .mk-track>small{display:flex;align-items:center;gap:.375rem;margin-top:1.0625rem;color:hsl(var(--mk-sealed-fg));font-size:var(--text-xs)}[data-surface=marketing] .mk-track>small>svg{width:.875rem;height:.875rem}[data-surface=marketing] .mk-feature-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.1875rem;margin:0;padding:0;list-style:none}@media (min-width:560px){[data-surface=marketing] .mk-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1000px){[data-surface=marketing] .mk-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}[data-surface=marketing] .mk-feature-card{display:flex;flex-direction:column;overflow:hidden;min-height:19.0625rem;padding-bottom:0}[data-surface=marketing] .mk-feature-card>h3{margin:1.0625rem 0 .625rem;color:hsl(var(--mk-ink));font-size:1.0625rem;font-weight:700;letter-spacing:-.03em;line-height:1.3}[data-surface=marketing] .mk-feature-card>p{max-width:18.4375rem;margin:0 0 .9375rem;color:hsl(var(--mk-ink-muted));font-size:var(--text-sm);line-height:1.8}[data-surface=marketing] .mk-feature-visual{position:relative;display:flex;align-items:center;justify-content:center;height:4.75rem;margin-top:auto;overflow:hidden}[data-surface=marketing] .mk-feature-note{margin:1.125rem 0 0;text-align:center;color:hsl(var(--mk-ink-muted));font-size:var(--text-label)}[data-surface=marketing] .mk-vig-sheet{width:100%;padding:.8125rem 1.0625rem;border:1px solid var(--mk-paper-edge);border-bottom:0;border-radius:.625rem .625rem 0 0;background:var(--mk-paper);transform:translateY(.9375rem)}[data-surface=marketing] .mk-vig-sheet>i{display:block;height:3px;margin:.4375rem 0;border-radius:2px;background:var(--mk-paper-line)}[data-surface=marketing] .mk-vig-sheet>i[data-w=sm]{width:64%}[data-surface=marketing] .mk-vig-signature{display:flex;align-items:center;gap:.875rem;transform:translateY(.8125rem)}[data-surface=marketing] .mk-vig-signature .mk-signature{width:7.25rem;height:1.875rem;margin:0}[data-surface=marketing] .mk-vig-signature .ui-pill{margin-left:auto}:root[data-theme=dark] [data-surface=marketing] .mk-signature{color:#b7a8ff}[data-surface=marketing] .mk-vig-template{position:relative;width:13.75rem;box-shadow:-9px -7px 0 -2px hsl(var(--mk-hairline-strong));transform:translateY(.9375rem) rotate(-3deg)}[data-surface=marketing] .mk-vig-template>strong{display:flex;align-items:center;gap:.5rem;color:hsl(var(--mk-ink-subtle));font-size:var(--text-xs)}[data-surface=marketing] .mk-vig-template svg{width:1.0625rem;height:1.0625rem;flex:none}[data-surface=marketing] .mk-vig-group{display:flex;align-items:center}[data-surface=marketing] .mk-avatar-md{display:grid;place-items:center;width:2.625rem;height:2.625rem;margin-left:-.4375rem;border-radius:50%;border:3px solid hsl(var(--mk-card));background:hsl(var(--mk-action-subtle));color:hsl(var(--mk-action-fg));font-size:var(--text-label);font-weight:650;box-shadow:0 4px 10px rgba(80,98,144,.04)}[data-surface=marketing] .mk-avatar-md:first-child{margin-left:0}[data-surface=marketing] .mk-vig-group>small{margin-left:.8125rem;color:hsl(var(--mk-ink-muted));font-size:var(--text-xs)}[data-surface=marketing] .mk-vig-route{display:flex;align-items:center;justify-content:center;gap:.625rem;width:100%}[data-surface=marketing] .mk-vig-route>svg{width:1.5625rem;height:1.5625rem;color:hsl(var(--mk-control-edge)/.6)}[data-surface=marketing] .mk-vig-route span:not(.mk-vig-split){display:grid;place-items:center;width:2.0625rem;height:2.0625rem;border:1px solid var(--mk-paper-edge);border-radius:.5625rem;background:var(--mk-paper);color:#8b7bc7}[data-surface=marketing] .mk-vig-route span svg{width:.9375rem;height:.9375rem}[data-surface=marketing] .mk-vig-split{display:flex;flex-direction:column;gap:.5rem}[data-surface=marketing] .mk-vig-status{display:flex;flex-direction:column;gap:.75rem}[data-surface=marketing] .mk-vig-status>span{display:flex;align-items:center;justify-content:space-between;color:hsl(var(--mk-ink-muted));font-size:var(--text-xs)}[data-surface=marketing] .mk-vig-status em{color:hsl(var(--mk-sealed-fg));font-style:normal}[data-surface=marketing] .mk-vig-status>i{position:relative;height:4px;margin:0;overflow:hidden}[data-surface=marketing] .mk-vig-status>i:before{content:"";position:absolute;inset:0 32% 0 0;border-radius:inherit;background:#6ba9f6}[data-surface=marketing] .mk-vig-note{display:flex;align-items:center;gap:.75rem;width:100%;padding:.8125rem .875rem;border:1px solid var(--mk-paper-edge);border-radius:.625rem;background:var(--mk-paper);box-shadow:0 5px 18px rgba(66,94,123,.035)}[data-surface=marketing] .mk-vig-note>svg{width:1.5rem;height:1.5rem;flex:none;color:#5fae9c}[data-surface=marketing] .mk-vig-note strong{display:block;color:hsl(var(--mk-ink-subtle));font-size:var(--text-xs)}[data-surface=marketing] .mk-vig-note small{color:hsl(var(--mk-ink-muted));font-size:.625rem}[data-surface=marketing] .mk-feature-card{--mk-vig-at:calc(var(--mk-reveal-delay, 0ms) + .4s)}[data-surface=marketing] .mk-feature-visual>*{transition:translate .5s cubic-bezier(.22,1,.36,1),rotate .5s cubic-bezier(.22,1,.36,1)}@media (hover:hover){[data-surface=marketing] .mk-feature-card:hover .mk-feature-visual>*{translate:0 -.4375rem}[data-surface=marketing] .mk-feature-card:hover .mk-vig-template{rotate:2deg}}[data-surface=marketing] [data-reveal]>.mk-feature-card:not([data-shown]) .mk-feature-visual>*{opacity:0;translate:0 110%}[data-surface=marketing] .mk-feature-card[data-shown] .mk-feature-visual>*{animation:mk-vig-rise .85s cubic-bezier(.22,1,.36,1) var(--mk-reveal-delay,0s) backwards}[data-surface=marketing] .mk-feature-card[data-shown] .mk-vig-signature path{animation:mk-vig-draw 1.1s cubic-bezier(.55,.1,.35,1) var(--mk-vig-at) backwards}[data-surface=marketing] .mk-feature-card[data-shown] .mk-vig-signature .ui-pill{animation:mk-vig-pop .5s cubic-bezier(.34,1.56,.64,1) calc(var(--mk-vig-at) + .95s) backwards}[data-surface=marketing] .mk-feature-card[data-shown] .mk-vig-template{animation:mk-vig-rise-tilt .95s cubic-bezier(.22,1,.36,1) var(--mk-reveal-delay,0s) backwards,mk-vig-fan .6s cubic-bezier(.22,1,.36,1) var(--mk-vig-at) backwards}[data-surface=marketing] .mk-feature-card[data-shown] .mk-vig-template>i{transform-origin:left;animation:mk-vig-line .6s cubic-bezier(.22,1,.36,1) calc(var(--mk-vig-at) + .15s) backwards}[data-surface=marketing] .mk-feature-card[data-shown] .mk-vig-template>i[data-w=sm]{animation-delay:calc(var(--mk-vig-at) + .27s)}[data-surface=marketing] .mk-feature-card[data-shown] .mk-vig-group>.mk-avatar-md{animation:mk-vig-spread .55s cubic-bezier(.34,1.4,.64,1) var(--mk-vig-at) backwards}[data-surface=marketing] .mk-feature-card[data-shown] .mk-vig-group>.mk-avatar-md:nth-child(2){animation-delay:calc(var(--mk-vig-at) + .1s)}[data-surface=marketing] .mk-feature-card[data-shown] .mk-vig-group>.mk-avatar-md:nth-child(3){animation-delay:calc(var(--mk-vig-at) + .2s)}[data-surface=marketing] .mk-feature-card[data-shown] .mk-vig-group>small{animation:mk-vig-slide .5s cubic-bezier(.22,1,.36,1) calc(var(--mk-vig-at) + .35s) backwards}[data-surface=marketing] .mk-feature-card[data-shown] .mk-vig-route>*{animation:mk-vig-pop .45s cubic-bezier(.34,1.4,.64,1) var(--mk-vig-at) backwards}[data-surface=marketing] .mk-feature-card[data-shown] .mk-vig-route>svg{animation-name:mk-vig-slide}[data-surface=marketing] .mk-feature-card[data-shown] .mk-vig-route>:nth-child(2){animation-delay:calc(var(--mk-vig-at) + .12s)}[data-surface=marketing] .mk-feature-card[data-shown] .mk-vig-route>:nth-child(3){animation-delay:calc(var(--mk-vig-at) + .24s)}[data-surface=marketing] .mk-feature-card[data-shown] .mk-vig-route>:nth-child(4){animation-delay:calc(var(--mk-vig-at) + .36s)}[data-surface=marketing] .mk-feature-card[data-shown] .mk-vig-route>:nth-child(5){animation-delay:calc(var(--mk-vig-at) + .48s)}[data-surface=marketing] .mk-feature-card[data-shown] .mk-vig-split>*{animation:mk-vig-branch .55s cubic-bezier(.22,1,.36,1) calc(var(--mk-vig-at) + .6s) backwards}[data-surface=marketing] .mk-feature-card[data-shown] .mk-vig-split>:last-child{--mk-branch:-1}[data-surface=marketing] .mk-feature-card[data-shown] .mk-vig-status em{animation:mk-vig-slide .5s cubic-bezier(.22,1,.36,1) calc(var(--mk-vig-at) + .1s) backwards}[data-surface=marketing] .mk-feature-card[data-shown] .mk-vig-status>i:before{transform-origin:left;animation:mk-vig-line 1.4s cubic-bezier(.22,1,.36,1) var(--mk-vig-at) backwards}[data-surface=marketing] .mk-feature-card[data-shown] .mk-vig-note>svg{transform-origin:50% 12%;animation:mk-vig-ring .9s ease-in-out calc(var(--mk-vig-at) + .1s)}[data-surface=marketing] .mk-feature-card[data-shown] .mk-vig-note>span>*{animation:mk-vig-slide .5s cubic-bezier(.22,1,.36,1) var(--mk-vig-at) backwards}[data-surface=marketing] .mk-feature-card[data-shown] .mk-vig-note>span>:last-child{animation-delay:calc(var(--mk-vig-at) + .12s)}[data-surface=marketing] .mk-feature-card[data-shown][data-replay] .mk-feature-visual>*{animation:mk-vig-sink .45s cubic-bezier(.55,0,.75,.3) forwards}@keyframes mk-vig-rise{0%{opacity:0;translate:0 110%}}@keyframes mk-vig-sink{to{opacity:0;translate:0 110%}}@keyframes mk-vig-rise-tilt{0%{opacity:0;translate:0 110%;rotate:7deg}}@keyframes mk-vig-fan{0%{box-shadow:0 0 0 -2px hsl(var(--mk-hairline-strong))}}@keyframes mk-vig-draw{0%{stroke-dasharray:1 2;stroke-dashoffset:1.02}to{stroke-dasharray:1 2;stroke-dashoffset:0}}@keyframes mk-vig-pop{0%{opacity:0;scale:.55}}@keyframes mk-vig-line{0%{scale:0 1}}@keyframes mk-vig-spread{0%{opacity:0;translate:-1rem 0;scale:.7}}@keyframes mk-vig-slide{0%{opacity:0;translate:-.5rem 0}}@keyframes mk-vig-branch{0%{opacity:0;translate:0 calc(var(--mk-branch, 1) * 1.25rem)}}@keyframes mk-vig-ring{0%,to{rotate:0deg}15%{rotate:16deg}30%{rotate:-13deg}45%{rotate:9deg}60%{rotate:-6deg}75%{rotate:3deg}}[data-surface=marketing] .mk-audience{display:grid;gap:1.5625rem clamp(2.125rem,5vw,4rem);padding:clamp(1.5rem,1rem + 2vw,2.4375rem) clamp(1.4375rem,1rem + 2vw,2.6875rem);border:1px solid var(--mk-feature-edge);border-radius:1.375rem;background:var(--mk-tint-shell)}@media (min-width:781px){[data-surface=marketing] .mk-audience{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}[data-surface=marketing] .mk-audience .mk-eyebrow{margin-bottom:.75rem}[data-surface=marketing] .mk-audience-title{margin:0;color:hsl(var(--mk-ink));font-size:clamp(1.6875rem,1.3rem + 1vw,1.9375rem);font-weight:750;letter-spacing:-.035em;line-height:1.2}[data-surface=marketing] .mk-audience-tabs{display:flex;flex-wrap:wrap;gap:.3125rem;margin-bottom:1.25rem}[data-surface=marketing] .mk-audience-tabs>button{min-height:2.25rem;padding:.4375rem .75rem;border:1px solid transparent;border-radius:.5rem;background:transparent;cursor:pointer;color:hsl(var(--mk-ink-subtle));font:inherit;font-size:var(--text-label);font-weight:500}[data-surface=marketing] .mk-audience-tabs>button:hover{color:hsl(var(--mk-ink))}[data-surface=marketing] .mk-audience-tabs>button[aria-selected=true]{border-color:var(--mk-feature-edge);background:var(--mk-navshell);box-shadow:0 4px 12px rgba(85,103,149,.035);color:hsl(var(--mk-action-fg));font-weight:600}[data-surface=marketing] .mk-audience-panel>p{min-height:2.875rem;margin:0 0 .75rem;color:hsl(var(--mk-ink-muted));font-size:var(--mk-copy-sm);line-height:1.8}[data-surface=marketing] .mk-integration{padding:clamp(2rem,1.4rem + 2.5vw,3.375rem) clamp(1.5rem,1rem + 2.5vw,3.125rem) 1.75rem;border-radius:1.8125rem}[data-surface=marketing] .mk-integration:before{content:"";position:absolute;inset:-12%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 87.9% 14.5%,rgba(162,134,255,.35),transparent 44.5%),linear-gradient(130deg,transparent 40.3%,rgba(226,212,255,.04) 0,rgba(222,234,255,.075) 58.1%,transparent 0);animation:mk-flare 14s ease-in-out infinite alternate}@keyframes mk-flare{0%{opacity:.7;transform:translate(-1.5%,1%) scale(.98)}to{opacity:1;transform:translate(1.5%,-1.2%) scale(1.04)}}[data-surface=marketing] .mk-integration-top{display:grid;align-items:center;gap:.75rem clamp(1.5rem,5vw,4.375rem)}@media (min-width:900px){[data-surface=marketing] .mk-integration-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}[data-surface=marketing] .mk-integration-title{margin:0 0 1.1875rem;color:hsl(var(--mk-band-ink));font-size:clamp(2rem,1.4rem + 1.8vw,2.625rem);letter-spacing:-.045em;line-height:1.13}[data-surface=marketing] .mk-integration-body{max-width:27.1875rem;margin:0 0 1.375rem;color:hsl(var(--mk-band-ink-muted));font-size:var(--mk-copy-sm);line-height:1.9}[data-surface=marketing] .mk-map{position:relative;width:100%;max-width:31.25rem;height:19.375rem;margin:0 auto}[data-surface=marketing] .mk-map-lines{position:absolute;inset:0;width:100%;height:100%}[data-surface=marketing] .mk-map-hub{position:absolute;left:50%;top:48%;display:grid;place-items:center;width:5.1875rem;height:5.1875rem;transform:translate(-50%,-50%);border:1px solid rgba(200,197,255,.72);border-radius:1.5rem;background:linear-gradient(120deg,rgba(164,135,237,.48),rgba(130,159,255,.38));box-shadow:0 0 0 10px rgba(150,168,250,.05),0 0 0 30px rgba(190,202,255,.02),0 0 55px rgba(143,146,237,.38),inset 0 1px 1px rgba(210,213,255,.59)}[data-surface=marketing] .mk-map-hub .mk-brand-mark{width:2.6875rem;height:2.6875rem;border-radius:.8125rem}[data-surface=marketing] .mk-map-node{position:absolute;display:flex;align-items:center;gap:.5625rem;min-width:6.875rem;padding:.8125rem .75rem;border-radius:.8125rem;border:1px solid rgba(191,207,255,.3);background:linear-gradient(140deg,rgba(140,160,240,.25),rgba(120,146,234,.16));box-shadow:0 6px 18px rgba(22,56,105,.09),inset 0 1px 0 rgba(190,203,255,.1);color:hsl(var(--mk-band-ink));backdrop-filter:blur(9px)}[data-surface=marketing] .mk-map-node>svg{width:1.1875rem;height:1.1875rem;flex:none;color:hsl(var(--mk-band-soft))}[data-surface=marketing] .mk-map-node>strong{font-size:var(--text-label);font-weight:500;white-space:nowrap}[data-surface=marketing] .mk-map-node[data-at="0"]{left:5%;top:13%}[data-surface=marketing] .mk-map-node[data-at="1"]{right:0;top:14%}[data-surface=marketing] .mk-map-node[data-at="2"]{left:0;bottom:17%}[data-surface=marketing] .mk-map-node[data-at="3"]{right:-1%;bottom:18%}[data-surface=marketing] .mk-map-caption{position:absolute;bottom:-.375rem;width:100%;text-align:center;color:hsl(var(--mk-band-ink-muted));font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase}[data-surface=marketing] .mk-map-flow>path{stroke-dasharray:9 111;stroke-dashoffset:12;animation:mk-map-in 4.8s ease-in-out infinite}[data-surface=marketing] .mk-map-flow>path:is([data-at="1"],[data-at="3"]){stroke-dashoffset:-103;animation-name:mk-map-out}[data-surface=marketing] :is(.mk-map-flow>path,.mk-map-dots>circle)[data-at="1"]{animation-delay:1.2s}[data-surface=marketing] :is(.mk-map-flow>path,.mk-map-dots>circle)[data-at="2"]{animation-delay:2.4s}[data-surface=marketing] :is(.mk-map-flow>path,.mk-map-dots>circle)[data-at="3"]{animation-delay:3.6s}[data-surface=marketing] .mk-map-dots>circle{transform-box:fill-box;transform-origin:center;animation:mk-map-dot 4.8s ease-out infinite}[data-surface=marketing] .mk-map-ripple{transform-box:fill-box;transform-origin:center;opacity:0;animation:mk-map-ripple 2.4s ease-out 1.2s infinite}[data-surface=marketing] .mk-map-node{animation:mk-map-ping 4.8s ease-out infinite}[data-surface=marketing] .mk-map-node:is([data-at="1"],[data-at="2"]){animation-delay:2.4s}[data-surface=marketing] .mk-map-node[data-at="3"]{animation-delay:4.8s}@keyframes mk-map-in{0%{stroke-dashoffset:12}25%,to{stroke-dashoffset:-103}}@keyframes mk-map-out{0%{stroke-dashoffset:-103}25%,to{stroke-dashoffset:12}}@keyframes mk-map-dot{0%,30%,5%,to{fill:#b9c8ff;transform:none}13%{fill:#fff;transform:scale(1.8)}}@keyframes mk-map-ripple{0%{opacity:.6;transform:scale(1)}70%,to{opacity:0;transform:scale(2.3)}}@keyframes mk-map-ping{0%{border-color:rgba(214,224,255,.72);box-shadow:0 6px 18px rgba(22,56,105,.09),inset 0 1px 0 rgba(190,203,255,.1),0 0 22px rgba(170,186,255,.38)}22%,to{border-color:rgba(191,207,255,.3);box-shadow:0 6px 18px rgba(22,56,105,.09),inset 0 1px 0 rgba(190,203,255,.1),0 0 22px rgba(170,186,255,0)}}[data-surface=marketing] .mk-integration-bottom{display:grid;align-items:start;gap:1.0625rem 2.5rem;margin-top:2.375rem;padding-top:1.375rem;border-top:1px solid rgba(214,227,255,.15)}@media (min-width:900px){[data-surface=marketing] .mk-integration-bottom{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}[data-surface=marketing] .mk-integration-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4375rem}[data-surface=marketing] .mk-integration-tabs>button{display:flex;flex-direction:column;align-items:center;gap:.5625rem;min-height:4.5rem;padding:.75rem .375rem;border:1px solid transparent;border-radius:.625rem;background:transparent;cursor:pointer;color:hsl(var(--mk-band-ink-muted));font:inherit;font-size:var(--text-xs);text-align:center}[data-surface=marketing] .mk-integration-tabs>button:hover{background:rgba(214,224,255,.06)}[data-surface=marketing] .mk-integration-tabs>button[aria-selected=true]{border-color:rgba(201,219,255,.42);background:rgba(214,224,255,.1);color:hsl(var(--mk-band-ink));font-weight:600}[data-surface=marketing] .mk-integration-tabs>button>svg{width:1.25rem;height:1.25rem}[data-surface=marketing] .mk-integration-panel>strong{display:block;margin-bottom:.3125rem;color:hsl(var(--mk-band-ink));font-size:var(--text-sm)}[data-surface=marketing] .mk-integration-panel>p{margin:0;color:hsl(var(--mk-band-ink-muted));font-size:var(--text-label);line-height:1.8}@media (max-width:899px){[data-surface=marketing] .mk-map{max-width:26.875rem;height:17.625rem}[data-surface=marketing] .mk-integration-panel{min-height:4.625rem}}@media (max-width:480px){[data-surface=marketing] .mk-map{height:16.25rem}[data-surface=marketing] .mk-map-hub{width:4.0625rem;height:4.0625rem;border-radius:1.125rem}[data-surface=marketing] .mk-map-hub .mk-brand-mark{width:2.1875rem;height:2.1875rem}[data-surface=marketing] .mk-map-node{min-width:0;padding:.625rem .5rem;gap:.4375rem;border-radius:.625rem}[data-surface=marketing] .mk-map-node>svg{width:.9375rem;height:.9375rem}[data-surface=marketing] .mk-map-node>strong{font-size:.625rem}[data-surface=marketing] .mk-map-node[data-at="0"]{left:0}[data-surface=marketing] .mk-map-node[data-at="2"]{left:-2%}[data-surface=marketing] .mk-map-node[data-at="3"]{right:-2%}[data-surface=marketing] .mk-integration-tabs{gap:.1875rem}[data-surface=marketing] .mk-integration-tabs>button{font-size:.625rem;padding-inline:.25rem}}[data-surface=marketing] .mk-security{display:grid;align-items:center;gap:2.0625rem clamp(2.8rem,6vw,5rem)}@media (min-width:900px){[data-surface=marketing] .mk-security{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (max-width:899px){[data-surface=marketing] .mk-security>.mk-security-art{order:2;width:100%;max-width:31.25rem;margin-inline:auto}}[data-surface=marketing] .mk-security-art{position:relative;display:flex;flex-direction:column;align-items:center;min-height:25.625rem;overflow:hidden;border:1px solid var(--mk-feature-edge);border-radius:1.625rem;background:var(--mk-security-art);box-shadow:inset 0 1px 2px rgba(255,255,255,.6)}[data-surface=marketing] .mk-orbit{position:relative;width:20rem;height:16.125rem;margin-top:1rem}[data-surface=marketing] .mk-orbit:after,[data-surface=marketing] .mk-orbit:before{content:"";position:absolute;border-radius:50%;border:1px solid rgba(188,188,231,.21)}[data-surface=marketing] .mk-orbit:before{width:12.125rem;height:12.125rem;top:2.0625rem;left:3.875rem}[data-surface=marketing] .mk-orbit:after{width:16.8125rem;height:16.8125rem;top:-.3125rem;left:1.5625rem;border-color:rgba(187,197,226,.16)}[data-surface=marketing] .mk-orbit-shield{position:absolute;inset:3.4375rem 5.25rem 2.8125rem;z-index:1;display:grid;place-items:center;filter:drop-shadow(0 17px 14px rgba(119,121,212,.2))}[data-surface=marketing] .mk-orbit-shield>svg{width:8.9375rem;height:9.5625rem;overflow:visible}[data-surface=marketing] .mk-orbit-chip{position:absolute;z-index:2;display:grid;place-items:center;width:2.25rem;height:2.25rem;border:1px solid var(--mk-feature-edge);border-radius:.625rem;background:var(--mk-navshell);box-shadow:0 6px 15px rgba(123,139,174,.05);color:#8284ce}[data-surface=marketing] .mk-orbit-chip>svg{width:1.125rem;height:1.125rem}[data-surface=marketing] .mk-orbit-chip[data-at="0"]{top:1.75rem;left:3.875rem}[data-surface=marketing] .mk-orbit-chip[data-at="1"]{top:3.1875rem;right:1.0625rem;color:#719bbc}[data-surface=marketing] .mk-orbit-chip[data-at="2"]{bottom:2.25rem;left:1.25rem;color:#5fa590}[data-surface=marketing] .mk-orbit-chip[data-at="3"]{bottom:.875rem;right:3.75rem}[data-surface=marketing] .mk-record{position:relative;z-index:3;width:calc(100% - 4.125rem);margin-top:-.5rem;padding:1.0625rem 1.1875rem;border:1px solid var(--mk-feature-edge);border-radius:.9375rem;background:var(--mk-frost);box-shadow:0 10px 25px rgba(108,137,188,.06);backdrop-filter:blur(15px)}[data-surface=marketing] .mk-record-title{display:flex;align-items:center;justify-content:space-between;margin:0;color:hsl(var(--mk-ink-subtle));font-size:var(--text-label)}[data-surface=marketing] .mk-record-title>svg{width:1rem;height:1rem;color:hsl(var(--mk-sealed))}[data-surface=marketing] .mk-record-row{display:flex;align-items:center;gap:.4375rem;margin:0;padding-top:.75rem;color:hsl(var(--mk-ink-muted));font-size:var(--text-xs)}[data-surface=marketing] .mk-record-row>svg{width:.8125rem;height:.8125rem;color:hsl(var(--mk-eyebrow-ink))}[data-surface=marketing] .mk-record-row>span{margin-left:auto;color:hsl(var(--mk-sealed-fg));font-size:.625rem}[data-surface=marketing] .mk-security-caption{margin:.75rem 0 1.1875rem;color:hsl(var(--mk-ink-muted));font-size:.625rem;letter-spacing:.06em;text-transform:uppercase}@media (max-width:480px){[data-surface=marketing] .mk-security-art{min-height:24.375rem}[data-surface=marketing] .mk-record{width:calc(100% - 2.375rem);padding-inline:.9375rem}[data-surface=marketing] .mk-orbit{transform:scale(.9);margin-top:.5rem}}[data-surface=marketing] .mk-home-pricing{background:linear-gradient(180deg,rgba(234,240,255,.48),rgba(239,234,255,.38) 45%,transparent);border-top:1px solid var(--mk-feature-edge)}:root[data-theme=dark] [data-surface=marketing] .mk-home-pricing{background:linear-gradient(180deg,rgba(26,38,80,.4),rgba(34,28,78,.3) 45%,transparent)}@media (prefers-reduced-motion:reduce){[data-surface=marketing] :is(.mk-flow-tab,.mk-demo-toast){transition:none}[data-surface=marketing] :is(.mk-map-flow,.mk-map-ripple){display:none}[data-surface=marketing] .mk-integration:before{animation:none}[data-surface=marketing] :is(.mk-map-flow>path,.mk-map-dots>circle,.mk-map-node)[data-at]{animation:none}[data-surface=marketing] .mk-flow-tab:hover{transform:none}[data-surface=marketing] .mk-tab-timer{display:none}[data-surface=marketing] :is(.mk-flow-panel-grid>:first-child>*,.mk-flow-visual){animation:none}[data-surface=marketing] .mk-feature-visual>*{transition:none}[data-surface=marketing] .mk-feature-card:hover :is(.mk-feature-visual>*,.mk-vig-template){translate:none;rotate:none}}@media (forced-colors:active){[data-surface=marketing] :is(.mk-flow-tab,.mk-map-node,.mk-audience-tabs>button,.mk-integration-tabs>button,.mk-demo-window){border:1px solid ButtonText}[data-surface=marketing] [aria-selected=true]{outline:2px solid Highlight}}