.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}}.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)}