.product-mockup{border:1px solid var(--ploy-accent-secondary-200);width:100%;min-width:0;color:var(--ploy-accent-secondary-900);box-shadow:13px 18px 32px var(--ploy-accent-secondary-900);background:#fff;margin:0;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.product-mockup{box-shadow:13px 18px 32px color-mix(in srgb,var(--ploy-accent-secondary-900) 10%,transparent)}}.product-mockup{font-family:var(--font-body)}.product-mockup__header{border-bottom:1px solid var(--ploy-accent-secondary-100);justify-content:space-between;align-items:center;gap:15px;min-height:49px;padding:7px 20px;display:flex}.product-mockup__logo{gap:7px}.product-mockup__logo .brand-mark__icon{width:25px;height:25px}.product-mockup__logo .brand-mark__wordmark{font-size:var(--font-size-base);color:var(--ploy-accent-secondary-900);line-height:1}.product-mockup__header>span:last-child{font-size:var(--font-size-2xs);color:var(--ploy-accent-secondary-600);white-space:nowrap}.product-mockup__stage{background:radial-gradient(ellipse at 84% 84%,var(--ploy-accent-secondary-50),transparent 52%),linear-gradient(130deg,#fff 47%,var(--ploy-accent-secondary-50));padding:26px 26px 51px}.product-mockup__introduction>span{color:var(--ploy-accent-secondary-600);font-size:var(--font-size-2xs)}.product-mockup__introduction .product-mockup__title{max-width:380px;font-size:var(--font-size-xl);font-weight:var(--font-body-bold-weight);letter-spacing:-.045em;text-wrap:balance;margin:8px 0 0;line-height:1.2}.product-mockup__composition{grid-template-columns:minmax(0,.9fr) 38px minmax(0,1.12fr);align-items:center;margin-top:24px;display:grid}.product-mockup__inputs{flex-direction:column;gap:7px;min-width:0;display:flex}.product-mockup__input{border:1px solid var(--ploy-accent-secondary-100);min-height:45px;font-size:var(--font-size-xs);background:#fff;align-items:center;gap:9px;padding:8px 10px;line-height:1.25;display:flex;position:relative;overflow:hidden}.product-mockup__input>span:nth-child(2){min-width:0}.product-mockup__input-icon{border:1px solid var(--ploy-accent-secondary-200);background:var(--ploy-accent-secondary-50);flex:none;place-items:center;width:20px;height:20px;display:grid}.product-mockup__input-icon i{border:2px solid var(--ploy-accent-secondary-500);border-radius:50%;width:7px;height:7px;display:block}.product-mockup__input-tick{transform-origin:0;background:var(--ploy-accent-secondary-600);opacity:.5;height:2px;position:absolute;bottom:0;left:0;right:0;transform:scaleX(.12)}.product-mockup__connector{background:var(--ploy-accent-secondary-300);height:1px;position:relative}.product-mockup__connector>span{border:1px solid var(--ploy-accent-secondary-400);background:#fff;border-radius:50%;width:7px;height:7px;position:absolute;inset:-3px auto auto -1px}.product-mockup__connector>i{background:var(--ploy-accent-secondary-500);border-radius:50%;width:7px;height:7px;position:absolute;inset:-3px -1px auto auto}.product-mockup__connector>b,.product-mockup__connector>em{background:var(--ploy-accent-secondary-600);opacity:0;border-radius:50%;width:5px;height:5px;position:absolute;top:-2px;left:0}.product-mockup__engine{border:1px solid var(--ploy-accent-secondary-200);background:linear-gradient(125deg,#fff,var(--ploy-accent-secondary-50));min-width:0;box-shadow:7px 7px 0 var(--ploy-accent-secondary-500);padding:15px 14px 12px}@supports (color:color-mix(in lab,red,red)){.product-mockup__engine{box-shadow:7px 7px color-mix(in srgb,var(--ploy-accent-secondary-500) 8%,transparent)}}.product-mockup__engine-top{color:var(--ploy-accent-secondary-750);font-size:var(--font-size-2xs);font-weight:var(--font-body-bold-weight);align-items:center;gap:10px;margin-bottom:12px;display:flex}.product-mockup__engine-mark{flex:none;width:22px;height:22px;display:block;position:relative}.product-mockup__engine-mark i{border:1px solid var(--ploy-accent-secondary-500);border-radius:50%;position:absolute;inset:2px}.product-mockup__engine-mark i:nth-child(2){background:var(--ploy-accent-secondary-500);border:0;inset:6px}.product-mockup__engine-mark i:nth-child(3){border-color:var(--ploy-accent-secondary-300);inset:0}.product-mockup__operations{border-top:1px solid var(--ploy-accent-secondary-200)}.product-mockup__operation{border-bottom:1px solid var(--ploy-accent-secondary-100);min-height:29px;color:var(--ploy-accent-secondary-800);font-size:var(--font-size-2xs);align-items:center;gap:8px;line-height:1.2;display:flex}.product-mockup__operation-step{color:var(--ploy-accent-secondary-500);font-family:var(--font-mono);font-size:var(--font-size-2xs)}.product-mockup__operation>span:nth-child(2){flex:1;min-width:0}.product-mockup__operation svg{color:var(--ploy-accent-secondary-400);flex:none}.product-mockup__engine-trace{align-items:center;gap:3px;height:18px;margin-top:7px;display:flex}.product-mockup__engine-trace i{background:var(--ploy-accent-secondary-400);width:13%;height:3px}.product-mockup__engine-trace i:nth-child(3n){background:var(--ploy-accent-secondary-600);height:7px}.product-mockup__outcome{border-left:2px solid var(--ploy-accent-secondary-600);background:var(--ploy-accent-secondary-50);align-items:center;gap:12px;min-height:60px;margin-top:19px;padding:10px 12px;display:flex}.product-mockup__outcome-icon{background:var(--ploy-accent-secondary-100);width:29px;height:29px;color:var(--ploy-accent-secondary-600);flex:none;place-items:center;display:grid}.product-mockup__outcome>div{min-width:0}.product-mockup__outcome strong{font-size:var(--font-size-xs);font-weight:var(--font-body-bold-weight);line-height:1.2;display:block}.product-mockup__outcome p{font-size:var(--font-size-2xs);color:var(--ploy-accent-secondary-600);margin:4px 0 0;line-height:1.35}.product-mockup__outcome-line{background:var(--ploy-accent-secondary-300);flex:1;min-width:0;height:1px;margin-left:auto}.product-mockup__motion-control{color:var(--ploy-accent-secondary-600);cursor:pointer;font-size:var(--font-size-2xs);background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:4px 6px;display:flex;position:absolute;bottom:10px;right:14px}.product-mockup__motion-control:hover,.product-mockup__motion-control:focus-visible{border-color:var(--ploy-accent-secondary-300);background:var(--ploy-accent-secondary-50)}.product-mockup__motion-control:focus-visible{outline:2px solid var(--ploy-accent-secondary-500);outline-offset:2px}.product-mockup__motion-control:disabled{cursor:default;opacity:.5}.product-mockup.is-animating .product-mockup__input-tick{animation:6s ease-in-out infinite mockup-gather;animation-delay:calc(var(--order) * .45s)}.product-mockup.is-animating .product-mockup__input{animation:6s ease-in-out infinite mockup-input;animation-delay:calc(var(--order) * .45s)}.product-mockup.is-animating .product-mockup__connector>b{animation:6s linear infinite mockup-transfer}.product-mockup.is-animating .product-mockup__connector>em{animation:6s linear 2.1s infinite mockup-transfer}.product-mockup.is-animating .product-mockup__engine-mark i:first-child{animation:3s ease-in-out infinite mockup-analyze}.product-mockup.is-animating .product-mockup__engine-mark i:last-child{animation:3s ease-in-out -1.2s infinite mockup-analyze}.product-mockup.is-animating .product-mockup__operation{animation:6s ease-in-out infinite mockup-process;animation-delay:calc(1.2s + var(--order) * .55s)}.product-mockup.is-animating .product-mockup__engine-trace i{animation:1.4s ease-in-out infinite alternate mockup-trace;animation-delay:calc(var(--order,0) * .15s)}.product-mockup.is-animating .product-mockup__engine-trace i:nth-child(2n){animation-delay:-.7s}.product-mockup.is-animating .product-mockup__outcome-icon{animation:6s ease-out infinite mockup-decision}@keyframes mockup-input{0%,10%,80%,to{background:#fff}22%,37%{background:var(--ploy-accent-secondary-50)}}@keyframes mockup-gather{0%,10%,85%,to{opacity:.4;transform:scaleX(.12)}35%,62%{opacity:1;transform:scaleX(1)}}@keyframes mockup-transfer{0%,22%{opacity:0;left:0}30%{opacity:1}54%{opacity:1;left:calc(100% - 5px)}65%,to{opacity:0;left:calc(100% - 5px)}}@keyframes mockup-analyze{0%,to{opacity:.45;transform:scale(.84)}50%{opacity:1;transform:scale(1.12)}}@keyframes mockup-process{0%,18%,78%,to{background:0 0}28%,52%{background:var(--ploy-accent-secondary-100)}}@keyframes mockup-trace{0%{opacity:.35;transform:scaleY(.5)}to{opacity:1;transform:scaleY(1.4)}}@keyframes mockup-decision{0%,45%,to{background:var(--ploy-accent-secondary-100);color:var(--ploy-accent-secondary-600)}55%,75%{background:var(--ploy-accent-secondary-600);color:#fff}}.product-mockup--compact{box-shadow:none}@media(max-width:540px){.product-mockup__header{min-height:44px;padding-inline:13px}.product-mockup__logo .brand-mark__icon{width:21px;height:21px}.product-mockup__logo .brand-mark__wordmark{font-size:var(--font-size-sm)}.product-mockup__header>span:last-child{font-size:var(--font-size-2xs);white-space:normal;text-align:right;min-width:0}.product-mockup__stage{padding:19px 15px 44px}.product-mockup__introduction .product-mockup__title{font-size:var(--font-size-xl)}.product-mockup__composition{grid-template-columns:1fr;gap:0;margin-top:20px}.product-mockup__inputs{gap:5px}.product-mockup__input{min-height:34px;font-size:var(--font-size-2xs);padding:6px 9px}.product-mockup__connector{justify-self:center;width:1px;height:26px}.product-mockup__connector>span{top:0;left:-3px}.product-mockup__connector>i{top:auto;bottom:-3px;left:-3px}.product-mockup__connector>b,.product-mockup__connector>em{top:0;left:-2px}.product-mockup.is-animating .product-mockup__connector>b,.product-mockup.is-animating .product-mockup__connector>em{animation-name:mockup-transfer-down}.product-mockup__engine{padding:11px 12px 8px}.product-mockup__operation{min-height:26px}.product-mockup__engine-trace{display:none}.product-mockup__outcome{margin-top:13px}.product-mockup__outcome p{font-size:var(--font-size-2xs)}.product-mockup__outcome-line{display:none}}@keyframes mockup-transfer-down{0%,22%{opacity:0;top:0}30%{opacity:1}54%{opacity:1;top:calc(100% - 5px)}65%,to{opacity:0;top:calc(100% - 5px)}}@media(prefers-reduced-motion:reduce){.product-mockup *,.product-mockup :before,.product-mockup :after{transition:none!important;animation:none!important}}.product-board{container-type:inline-size;position:relative;width:100%;min-width:0;margin:0;--pb-ink:var(--editorial-ink,#141419);--pb-body:var(--editorial-body,#45464d);--pb-mute:var(--editorial-faint,#8b8d98);--pb-blue:var(--editorial-signal,#2742d6);--pb-green:#30a46c;--pb-edge:#dcdcd9;font-family:var(--editorial-sans,ui-sans-serif,system-ui,sans-serif)}.product-board__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;align-items:center}@container (min-width:760px){.product-board__grid{grid-template-columns:minmax(0,1.15fr) minmax(290px,.85fr);gap:clamp(20px,3cqi,40px)}}.product-board__board{width:100%}.product-board__panel{position:relative;z-index:1;background:var(--editorial-surface,#fff);border-radius:6px;padding:14px 16px 12px;box-shadow:inset 0 0 0 1px var(--pb-edge),0 1px 2px #1414140d,0 10px 24px -18px #14141e40}.product-board__head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:22px}.product-board__area{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 11px/1.3 var(--editorial-mono,ui-monospace,monospace);letter-spacing:.02em;color:var(--pb-mute)}.product-board__control{flex:none;display:inline-flex;align-items:center;gap:5px;padding:3px 6px;margin:-3px -6px -3px 0;border:0;border-radius:4px;background:transparent;cursor:pointer;font:400 10.5px/1 var(--editorial-mono,ui-monospace,monospace);letter-spacing:.04em;color:var(--pb-mute)}.product-board__control:hover{color:var(--pb-ink);background:#1414190d}.product-board__control:focus-visible{outline:2px solid var(--pb-blue);outline-offset:1px}.product-board__control:disabled{opacity:.55;cursor:default;background:transparent}.product-board__title{margin:6px 0 10px;font-size:17px;font-weight:500;line-height:1.25;letter-spacing:-.015em;color:var(--pb-ink);text-wrap:balance}.product-board__steps{list-style:none;margin:0;padding:0;border-top:1px solid var(--editorial-rule-soft,rgba(20,20,25,.08))}.product-board__step{display:grid;grid-template-columns:24px minmax(0,1fr) 16px;align-items:center;gap:6px;padding:7px 8px;margin:0 -8px;border-radius:4px;font-size:13.5px;line-height:1.3;color:var(--pb-mute)}.product-board__step-n{font:400 10.5px/1 var(--editorial-mono,ui-monospace,monospace);letter-spacing:.04em}.product-board__step-state{display:grid;place-items:center;width:16px;height:16px}.product-board__step[data-state=done]{color:var(--pb-body)}.product-board__step[data-state=done] .product-board__step-state{color:var(--pb-green)}.product-board__step[data-state=active]{color:var(--pb-ink);background:color-mix(in srgb,var(--pb-blue) 6%,transparent)}.product-board__step[data-state=active] .product-board__step-n{color:var(--pb-blue)}.product-board__step-state i{display:block;width:7px;height:7px;background:var(--pb-blue)}.product-board__handoff{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;align-items:start;margin-top:8px;padding-top:10px;border-top:1px solid var(--editorial-rule-soft,rgba(20,20,25,.08))}.product-board__handoff p{margin:0;font-size:13px;line-height:1.4;color:var(--pb-mute)}.product-board__handoff-icon{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--pb-edge);color:transparent}.product-board__handoff[data-state=done] p{color:var(--pb-ink)}.product-board__handoff[data-state=done] .product-board__handoff-icon{background:var(--pb-green);box-shadow:none;color:#fff}@container (max-width:420px){.product-board__title{font-size:16px}.product-board__step{font-size:13px}}.editorial .product-mockup{--ploy-accent-secondary-50: var(--editorial-row);--ploy-accent-secondary-100: var(--editorial-wash);--ploy-accent-secondary-200: var(--editorial-rule);--ploy-accent-secondary-300: var(--editorial-rule-strong);--ploy-accent-secondary-400: var(--editorial-faint);--ploy-accent-secondary-500: var(--editorial-signal);--ploy-accent-secondary-600: var(--editorial-signal);--ploy-accent-secondary-750: var(--editorial-ink-2);--ploy-accent-secondary-800: var(--editorial-ink-2);--ploy-accent-secondary-900: var(--editorial-ink);border:0;background:var(--editorial-surface);box-shadow:none;outline:1px solid var(--editorial-rule-strong);outline-offset:-1px;color:var(--editorial-ink);font-family:var(--editorial-sans)}.editorial .product-mockup__header{border-bottom:0;box-shadow:inset 0 -1px 0 var(--editorial-rule)}.editorial .product-mockup__header>span:last-child,.editorial .product-mockup__introduction>span{font-family:var(--editorial-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--editorial-mute)}.editorial .product-mockup__logo .brand-mark__wordmark{color:var(--editorial-ink)}.editorial .product-mockup__stage{background:var(--editorial-surface)}.editorial .product-mockup__introduction .product-mockup__title{font-family:var(--editorial-serif);font-size:clamp(22px,2vw,28px);font-weight:400;letter-spacing:-.02em;line-height:1.12}.editorial .product-mockup__input{border:0;box-shadow:inset 0 0 0 1px var(--editorial-rule);font-size:13.5px}.editorial .product-mockup__input-icon{border:0;background:var(--editorial-well)}.editorial .product-mockup__input-icon i{border-width:1.5px;border-radius:0;border-color:var(--editorial-ink)}.editorial .product-mockup__connector>span,.editorial .product-mockup__connector>i,.editorial .product-mockup__connector>b,.editorial .product-mockup__connector>em{border-radius:0}.editorial .product-mockup__engine{border:0;background:var(--editorial-paper);box-shadow:inset 0 0 0 1px var(--editorial-rule-strong)}.editorial .product-mockup__engine-top{font-family:var(--editorial-mono);font-size:11px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--editorial-meta)}.editorial .product-mockup__engine-mark i{border-radius:0}.editorial .product-mockup__operations{border-top-color:var(--editorial-rule)}.editorial .product-mockup__operation{font-size:13px;border-bottom-color:var(--editorial-rule-soft)}.editorial .product-mockup__operation-step{font-family:var(--editorial-mono);font-size:11px;color:var(--editorial-faint)}.editorial .product-mockup__outcome{border-left:0;background:var(--editorial-wash);box-shadow:inset 2px 0 0 var(--editorial-signal)}.editorial .product-mockup__outcome strong{font-size:14px;font-weight:500}.editorial .product-mockup__outcome p{font-size:13px;color:var(--editorial-body)}.editorial .product-mockup__outcome-icon{background:var(--editorial-surface)}.editorial .product-mockup__motion-control{font-family:var(--editorial-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--editorial-meta)}.editorial .product-mockup__motion-control:hover,.editorial .product-mockup__motion-control:focus-visible{border-color:var(--editorial-rule-strong);background:var(--editorial-paper)}.editorial .product-mockup__motion-control:focus-visible{outline-color:var(--editorial-signal)}