.mkt-hero{padding-block:clamp(4.5rem,11vh,8.5rem) clamp(4rem,9vh,7rem)}.mkt-hero-inner{max-width:84rem;margin-inline:auto;--mkt-hero-recede-range: 62vh}@supports (animation-timeline: scroll()){@media (prefers-reduced-motion: no-preference){.mkt-hero-inner{animation-name:mkt-hero-recede;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(root block);animation-range:0 var(--mkt-hero-recede-range);will-change:opacity,scale}}}.mkt-features{padding-top:var(--section-pad);background:var(--color-mkt-night)}.mkt-features-measure{max-width:var(--container-mkt);margin:0 auto;padding-inline:1.5rem}.mkt-features-head{text-align:center;padding-bottom:3.5rem}.mkt-features-eyebrow{margin:0 0 1rem;font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--color-mkt-night-pencil)}.mkt-features-headline{margin:0;font-weight:700;font-size:var(--text-mkt-heading);line-height:var(--text-mkt-heading--line-height);letter-spacing:var(--text-mkt-heading--letter-spacing);color:var(--color-mkt-night-ink)}#features .mkt-accent{background-image:linear-gradient(96deg,color-mix(in oklab,rgb(var(--brand-rgb)) 78%,white),rgb(var(--brand-rgb)) 42%,rgb(var(--color-mkt-night-accent-rgb)))}.mkt-showcase-pill .mkt-mode-pill{--mkt-pill-track: rgb(242 244 250 / .06);--mkt-pill-track-shadow: inset 0 1.5px 3px rgb(0 0 0 / .5), inset 0 0 0 1px rgb(242 244 250 / .08);--mkt-pill-track-lift: 0 1px 0 rgb(242 244 250 / .06);--mkt-pill-label: rgb(242 244 250 / .72);--mkt-pill-glyph-relief: 0 1px 0 rgb(0 0 0 / .55), 0 -.7px .6px rgb(242 244 250 / .12), -.6px 0 .7px rgb(120 170 255 / .24), .6px 0 .7px rgb(255 170 110 / .2)}.mkt-showcase-pill .mkt-mode-pill-item:not([data-pressed]):hover{color:var(--color-mkt-night-ink)}.mkt-showcase{--mkt-showcase-top: 5.5rem;--mkt-showcase-dwell: 80vh;--mkt-showcase-h: min(calc(100vh - var(--mkt-showcase-top) - 2rem), 44rem);--mkt-showcase-gap: calc(100vh - var(--mkt-showcase-top) - var(--mkt-showcase-h));--mkt-copy-left: max(1.5rem, calc((100% - var(--container-mkt)) / 2 + 1.5rem));--mkt-copy-w: min(30rem, 40%);--mkt-deck-overhang: 10rem;--cs-w: 50rem;--mkt-deck-left: max( calc(var(--mkt-copy-left) + var(--mkt-copy-w) + 3rem), min( calc(100% - var(--cs-w)), calc((100% + var(--container-mkt)) / 2 + var(--mkt-deck-overhang) - var(--cs-w)) ) );position:relative;height:calc(100vh + var(--mkt-showcase-dwell));overflow:clip}.mkt-showcase-sticky{position:sticky;top:var(--mkt-showcase-top);height:var(--mkt-showcase-h)}.mkt-showcase-pill{position:absolute;top:0;left:50%;translate:-50% 0;z-index:30}.mkt-showcase-stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:clip;bottom:calc(-1 * var(--mkt-showcase-gap))}.mkt-showcase-panel{position:absolute;top:0;right:0;bottom:0;left:0;bottom:var(--mkt-showcase-gap);pointer-events:none;z-index:calc(10 - var(--cs-d))}.mkt-showcase-panel[data-active]{pointer-events:auto}.mkt-showcase-mock{--cs-s: 1.6;--cs-dx: calc(85px * var(--cs-s));--cs-dy: calc(76px * var(--cs-s));--cs-dz: calc(-127.5px * var(--cs-s));--cs-skew: 6deg;--cs-drop: 250%;--cs-bleed-x: 5%;--cs-bleed-y: 10%;position:absolute;left:var(--mkt-deck-left);right:auto;bottom:calc(-1 * var(--mkt-showcase-gap));transform:translate(var(--cs-bleed-x),var(--cs-bleed-y));transform-origin:bottom right;width:var(--cs-w);height:calc(var(--cs-w) * 2 / 3);perspective:calc(900px * var(--cs-s))}@media (max-height: 849px){.mkt-showcase{--cs-w: 46rem}.mkt-showcase-mock{--cs-s: 1.472}}@media (max-height: 759px){.mkt-showcase{--cs-w: 42rem}.mkt-showcase-mock{--cs-s: 1.344}}.mkt-showcase-mock .mkt-mock{position:absolute;top:50%;left:50%;width:100%;height:100%;display:flex;flex-direction:column;font-size:.9rem;border-color:color-mix(in srgb,var(--color-mkt-ink) 14%,transparent);box-shadow:0 24px 60px -30px #f2f4fa29,0 2px 10px -4px #000000b3,0 30px 60px -40px #000000e6;transform:translate(-50%,-50%) translate3d(calc(var(--cs-dx) * var(--cs-d)),calc(var(--cs-dy) * var(--cs-d) * -1),calc(var(--cs-dz) * var(--cs-d))) skewY(var(--cs-skew));transform-style:preserve-3d;backface-visibility:hidden;transition:transform var(--dur-slow) var(--ease-out-expo)}.mkt-showcase-mock .mkt-mock-bar{background:color-mix(in srgb,var(--color-mkt-card) 45%,var(--color-mkt-canvas));min-height:3.5rem;flex-shrink:0}.mkt-showcase-mock .mkt-mock-body{flex:1 1 auto;min-height:0;overflow:hidden;padding:0}.mkt-mock-video{display:block;width:100%;height:100%;object-fit:cover;object-position:left top}@property --mkt-beam-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.mkt-showcase-panel[data-active] .mkt-mock:after,.mkt-showcase[data-beam=all] .mkt-mock:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;padding:1.5px;pointer-events:none;background:conic-gradient(from var(--mkt-beam-angle),transparent 0%,transparent 54%,rgb(var(--brand-rgb) / .35) 58%,rgb(var(--color-mkt-night-accent-rgb) / .9) 62%,var(--color-mkt-action) 66%,rgb(var(--color-mkt-night-accent-rgb) / .9) 70%,rgb(var(--brand-rgb) / .35) 74%,transparent 78%,transparent 100%),radial-gradient(ellipse 180px 40px at 74% 100%,rgb(var(--brand-rgb) / .55),transparent),radial-gradient(ellipse 70px 44px at 12% 0%,rgb(var(--color-mkt-night-accent-rgb) / .5),transparent),radial-gradient(ellipse 44px 80px at 100% 30%,rgb(var(--brand-rgb) / .45),transparent);-webkit-mask:conic-gradient(from var(--mkt-beam-angle),transparent 0%,transparent 30%,rgb(255 255 255 / .1) 36%,rgb(255 255 255 / .35) 44%,#fff 52%,#fff 80%,rgb(255 255 255 / .35) 86%,rgb(255 255 255 / .1) 92%,transparent 95%,transparent 100%),linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:source-in,xor;mask:conic-gradient(from var(--mkt-beam-angle),transparent 0%,transparent 30%,rgb(255 255 255 / .1) 36%,rgb(255 255 255 / .35) 44%,#fff 52%,#fff 80%,rgb(255 255 255 / .35) 86%,rgb(255 255 255 / .1) 92%,transparent 95%,transparent 100%),linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:intersect,exclude}@keyframes mkt-beam-spin{to{--mkt-beam-angle: 360deg}}@media (prefers-reduced-motion: no-preference){.mkt-showcase-panel[data-active] .mkt-mock:after,.mkt-showcase[data-beam=all] .mkt-mock:after{--mkt-beam-turn: 7s;animation:mkt-beam-spin var(--mkt-beam-turn) linear infinite}}.mkt-showcase-panel[data-active] .mkt-mock{box-shadow:0 0 0 1px rgb(var(--brand-rgb) / .22),0 24px 70px -26px rgb(var(--brand-rgb) / .4),0 2px 10px -4px #000000b3,0 30px 60px -40px #000000e6}.mkt-card-beam{position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:var(--radius-mkt-container);pointer-events:none;opacity:0;transition:opacity var(--dur-slow) ease;transform:translate(-50%,-50%) translate3d(calc(var(--cs-dx) * var(--cs-d)),calc(var(--cs-dy) * var(--cs-d) * -1),calc(var(--cs-dz) * var(--cs-d))) skewY(var(--cs-skew)) scale(1.035);background:conic-gradient(from var(--mkt-beam-angle),transparent 0%,transparent 52%,rgb(var(--brand-rgb) / .5) 58%,rgb(var(--color-mkt-night-accent-rgb) / .95) 66%,rgb(var(--brand-rgb) / .5) 74%,transparent 80%,transparent 100%);filter:blur(18px)}.mkt-showcase-panel[data-active] .mkt-card-beam,.mkt-showcase[data-beam=all] .mkt-card-beam{opacity:1}.mkt-showcase-panel[data-throw] .mkt-card-beam,.mkt-showcase-panel[data-catch] .mkt-card-beam{opacity:0}@media (prefers-reduced-motion: no-preference){.mkt-showcase-panel[data-active] .mkt-card-beam,.mkt-showcase[data-beam=all] .mkt-card-beam{--mkt-beam-turn: 7s;animation:mkt-beam-spin var(--mkt-beam-turn) linear infinite}}@keyframes mkt-card-throw{0%{transform:translate(-50%,-50%) translate3d(calc(var(--cs-dx) * var(--cs-d0)),calc(var(--cs-dy) * var(--cs-d0) * -1),calc(var(--cs-dz) * var(--cs-d0))) skewY(var(--cs-skew));animation-timing-function:cubic-bezier(.4,0,1,1)}46%{transform:translate(-50%,-50%) translate3d(calc(var(--cs-dx) * var(--cs-d)),calc(var(--cs-dy) * var(--cs-d0) * -1 + var(--cs-drop)),calc(var(--cs-dz) * var(--cs-d))) skewY(var(--cs-skew));animation-timing-function:cubic-bezier(.16,1,.3,1)}to{transform:translate(-50%,-50%) translate3d(calc(var(--cs-dx) * var(--cs-d)),calc(var(--cs-dy) * var(--cs-d) * -1),calc(var(--cs-dz) * var(--cs-d))) skewY(var(--cs-skew))}}@keyframes mkt-card-catch{0%{transform:translate(-50%,-50%) translate3d(calc(var(--cs-dx) * var(--cs-d0)),calc(var(--cs-dy) * var(--cs-d0) * -1),calc(var(--cs-dz) * var(--cs-d0))) skewY(var(--cs-skew));animation-timing-function:cubic-bezier(.4,0,1,1)}46%{transform:translate(-50%,-50%) translate3d(calc(var(--cs-dx) * var(--cs-d0)),calc(var(--cs-dy) * var(--cs-d0) * -1 + var(--cs-drop)),calc(var(--cs-dz) * var(--cs-d0))) skewY(var(--cs-skew));animation-timing-function:cubic-bezier(.16,1,.3,1)}to{transform:translate(-50%,-50%) translate3d(calc(var(--cs-dx) * var(--cs-d)),calc(var(--cs-dy) * var(--cs-d) * -1),calc(var(--cs-dz) * var(--cs-d))) skewY(var(--cs-skew))}}@keyframes mkt-card-order-throw{0%,45.9%{z-index:calc(20 - var(--cs-d0))}46%,to{z-index:calc(10 - var(--cs-d))}}@keyframes mkt-card-order-catch{0%,45.9%{z-index:calc(6 - var(--cs-d0))}46%,to{z-index:calc(20 - var(--cs-d))}}.mkt-showcase-panel[data-throw]{animation:mkt-card-order-throw var(--dur-editorial) linear both}.mkt-showcase-panel[data-catch]{animation:mkt-card-order-catch var(--dur-editorial) linear both}.mkt-showcase-panel[data-throw] .mkt-mock{animation:mkt-card-throw var(--dur-editorial) both}.mkt-showcase-panel[data-catch] .mkt-mock{animation:mkt-card-catch var(--dur-editorial) both}.mkt-showcase-copy{--mkt-copy-stagger-1: 60ms;--mkt-copy-stagger-2: .12s;position:absolute;left:var(--mkt-copy-left);top:50%;translate:0 -50%;width:var(--mkt-copy-w);display:flex;flex-direction:column;gap:.85rem;opacity:0;transition:opacity var(--dur-slow) var(--ease-out-expo)}.mkt-showcase-panel[data-active] .mkt-showcase-copy{opacity:1}@keyframes mkt-copy-fly-in{0%{opacity:0;transform:translate(calc(-1 * var(--mkt-copy-fly, 2.5rem)))}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion: no-preference){.mkt-showcase-panel[data-active] .mkt-showcase-copy{animation:mkt-copy-fly-in var(--dur-entrance) var(--ease-out-expo) both}.mkt-showcase-panel[data-active] .mkt-showcase-title{animation:mkt-copy-fly-in var(--dur-entrance) var(--ease-out-expo) var(--mkt-copy-stagger-1) both}.mkt-showcase-panel[data-active] .mkt-showcase-solution{animation:mkt-copy-fly-in var(--dur-entrance) var(--ease-out-expo) var(--mkt-copy-stagger-2) both}}.mkt-showcase-mode{display:none}.mkt-showcase-problem{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-mkt-night-pencil);margin:0}.mkt-showcase-title{font-size:var(--text-mkt-heading);line-height:var(--text-mkt-heading--line-height);letter-spacing:var(--text-mkt-heading--letter-spacing);font-weight:700;color:var(--color-mkt-night-ink);margin:0}.mkt-showcase-solution{font-size:var(--text-mkt-lead);line-height:var(--text-mkt-lead--line-height);color:var(--color-mkt-night-pencil);margin:0}.mkt-showcase-nav{position:absolute;left:var(--mkt-copy-left);bottom:2.5rem;z-index:30;width:var(--mkt-copy-w);display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:.6rem;align-items:end;--mkt-rail-dwell: 4s}.mkt-rail-step{display:flex;flex-direction:column;align-items:stretch;gap:.55rem;padding:1.1rem 0 .35rem;border:0;background:none;cursor:pointer;text-align:left;font-family:inherit}.mkt-rail-step:focus-visible{outline:2px solid rgb(var(--brand-rgb));outline-offset:2px;border-radius:.4rem}.mkt-rail-track{position:relative;height:2px;border-radius:2px;overflow:hidden;background:#f2f4fa29;transition:background var(--dur-fast) ease}.mkt-rail-step:hover .mkt-rail-track{background:#f2f4fa66}.mkt-rail-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;transform:translate(-100%);background:linear-gradient(90deg,rgb(var(--brand-rgb) / .55),rgb(var(--brand-rgb)) 45%,rgb(var(--color-mkt-night-accent-rgb)) 88%,#f2f4fa);box-shadow:0 0 12px -1px rgb(var(--brand-rgb) / .9)}@keyframes mkt-rail-fill{0%{transform:translate(-100%)}to{transform:translate(0)}}.mkt-rail-step[data-on] .mkt-rail-fill{transform:none}@media (prefers-reduced-motion: no-preference){.mkt-rail-step[data-on] .mkt-rail-fill{animation:mkt-rail-fill var(--mkt-rail-dwell) linear both}}.mkt-showcase[data-hold] .mkt-rail-fill,.mkt-showcase[data-hold] .mkt-card-beam,.mkt-showcase[data-hold] .mkt-mock:after{animation-play-state:paused}.mkt-rail-step .mkt-nav-label{font-size:.78rem;letter-spacing:.01em;color:var(--color-mkt-night-faint);transition:color var(--dur-fast) ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mkt-rail-step:hover .mkt-nav-label,.mkt-rail-step[data-on] .mkt-nav-label{color:var(--color-mkt-night-ink)}@media (max-width: 820px){.mkt-features{height:auto;min-height:0;padding-block:4rem 3.5rem}.mkt-features-measure{padding-inline:1rem}.mkt-features-head{max-width:34rem;margin-inline:auto;padding-bottom:1.75rem}.mkt-features-eyebrow{margin-bottom:.75rem;font-size:.7rem;font-weight:600;letter-spacing:.2em;color:rgb(var(--color-mkt-night-accent-rgb))}.mkt-features-headline{font-size:clamp(1.45rem,6.2vw,2rem)}.mkt-showcase{height:auto;max-width:34rem;margin-inline:auto;padding-inline:1rem;overflow:visible}.mkt-showcase-sticky{position:static;height:auto;display:flex;flex-direction:column}.mkt-showcase-pill{position:static;translate:none;display:flex;justify-content:center;margin-bottom:2.5rem}.mkt-showcase-pill .mkt-mode-pill{--mkt-pill-pad: 5px;--mkt-pill-item-pad: .7rem 1rem;--mkt-pill-item-size: .875rem;--mkt-pill-icon: 16px;width:min(100%,17rem)}.mkt-showcase-stage{position:relative;inset:auto;display:grid;grid-template-columns:minmax(0,1fr);overflow:visible;touch-action:pan-y}.mkt-showcase-panel{position:relative;inset:auto;grid-area:1 / 1;min-width:0;display:grid;grid-template-rows:1fr auto;gap:1.5rem;visibility:hidden;opacity:0;transition:opacity var(--dur-fast) ease}.mkt-showcase-panel[data-active]{visibility:visible;opacity:1}.mkt-showcase-copy{position:static;inset:auto;width:auto;max-width:none;min-height:0;padding:0;margin:0;translate:none;gap:.5rem;opacity:1;transition:none;--mkt-copy-fly: .75rem}.mkt-showcase-title,.mkt-showcase-solution{--mkt-copy-fly: 0rem}.mkt-showcase-problem{font-size:.7rem;line-height:1.5;font-weight:600;letter-spacing:.045em}.mkt-showcase-title{font-size:clamp(1.5rem,6.2vw,1.875rem);line-height:1.15}.mkt-showcase-solution{font-size:.875rem;line-height:1.65;color:var(--color-mkt-night-ink)}.mkt-showcase-mock{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:auto;margin:0;padding:.75rem;perspective:none;transform:none;border:1px solid rgb(242 244 250 / .16);border-radius:1.25rem;background:color-mix(in srgb,var(--color-mkt-night) 94%,rgb(var(--color-mkt-night-accent-rgb)));box-shadow:0 16px 48px -24px rgb(var(--brand-rgb) / .22)}.mkt-showcase-mock .mkt-mock{position:relative;inset:auto;width:100%;height:auto;font-size:.875rem;border-radius:.75rem;transform:none;transition:none;box-shadow:none}.mkt-showcase-panel[data-throw],.mkt-showcase-panel[data-catch],.mkt-showcase-panel[data-throw] .mkt-mock,.mkt-showcase-panel[data-catch] .mkt-mock{animation:none}.mkt-showcase-mock .mkt-mock-bar{min-height:2.5rem;padding:.6rem .75rem}.mkt-showcase-mock .mkt-mock-body{flex:none;aspect-ratio:380 / 300}.mkt-showcase-mock .mkt-mock-video{object-fit:contain}.mkt-showcase .mkt-card-beam{display:none}.mkt-showcase .mkt-mock:after{content:none}.mkt-showcase-nav{position:static;inset:auto;width:auto;min-width:0;translate:none;grid-auto-columns:minmax(0,1fr);align-items:stretch;gap:.5rem;margin:.75rem 0 0;padding:0}.mkt-rail-step{min-width:0;min-height:2.75rem;padding:.75rem 0 .25rem;gap:.65rem}.mkt-rail-track{height:3px}.mkt-rail-step .mkt-nav-label{font-size:.7rem;letter-spacing:0;line-height:1.4;white-space:normal;overflow-wrap:anywhere;overflow:visible;text-overflow:clip}.mkt-rail-step[data-on] .mkt-nav-label{color:rgb(var(--color-mkt-night-accent-rgb));font-weight:600}}@media (prefers-reduced-motion: reduce){.mkt-features{height:auto;min-height:0}.mkt-showcase{height:auto}.mkt-showcase-pill,.mkt-showcase-nav{display:none}.mkt-showcase-sticky{position:static;height:auto;display:block}.mkt-showcase,.mkt-showcase-sticky{overflow:visible}.mkt-showcase-stage{position:static;overflow:visible;display:flex;flex-direction:column;gap:4.5rem;padding-inline:1.5rem}.mkt-showcase-panel{position:static;pointer-events:auto;display:flex;flex-direction:column;gap:1.5rem;z-index:auto;visibility:visible;opacity:1;transition:none}.mkt-showcase-mock{position:static;left:auto;right:auto;bottom:auto;margin:0;width:auto;height:auto;aspect-ratio:auto;perspective:none;transform:none}.mkt-card-beam{display:none}.mkt-showcase-panel[data-active] .mkt-mock:after{content:none}.mkt-showcase-panel[data-active] .mkt-mock{box-shadow:none}.mkt-showcase-mock .mkt-mock{position:static;width:auto;height:auto;padding-bottom:0;transform:none;animation:none}.mkt-showcase-panel[data-throw],.mkt-showcase-panel[data-catch]{animation:none}.mkt-showcase-mock .mkt-mock-body,.mkt-showcase-mock .mkt-mock-bar{padding-right:1rem}.mkt-showcase-copy{position:static;left:auto;width:auto;max-width:none;translate:none;opacity:1;animation:none;padding-inline:0;margin-bottom:0}.mkt-showcase-panel[data-active] .mkt-showcase-copy,.mkt-showcase-panel[data-active] .mkt-showcase-title,.mkt-showcase-panel[data-active] .mkt-showcase-solution{animation:none}.mkt-showcase-mode{display:block;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--color-mkt-action);margin:0}}
