body.solution-page-body .solutions-hero__visual--recorder{position:relative;width:100%;min-width:0;justify-self:end;padding-left:clamp(8px,1.5vw,20px);background:transparent;box-shadow:none;border:0}body.solution-page-body .solutions-recorder{--rec-blue: #2563eb;--rec-blue-deep: #1d4ed8;--rec-blue-soft: #eff6ff;--rec-ink: #0f172a;--rec-muted: #64748b;--rec-line: #e2e8f0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(16px,2vw,28px);align-items:center;width:100%;max-width:760px;margin-left:auto;background:transparent;box-shadow:none;border:0}body.solution-page-body .solutions-recorder__orbit{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:4px 6px;align-items:center;min-height:400px;padding:12px 0;overflow:visible;background:transparent}body.solution-page-body .solutions-recorder__wires{position:absolute;inset:4% 2%;width:96%;height:92%;pointer-events:none;z-index:0;opacity:.85}body.solution-page-body .solutions-recorder__wires path{fill:none;stroke:#93c5fd;stroke-width:1.25;stroke-dasharray:2.5 4;stroke-linecap:round}body.solution-page-body .solutions-recorder__actions{position:relative;z-index:2;display:flex;flex-direction:column;gap:12px}body.solution-page-body .solutions-recorder__actions--left{align-items:flex-end;padding-right:2px}body.solution-page-body .solutions-recorder__actions--right{align-items:flex-start;padding-left:2px}body.solution-page-body .solutions-recorder__actions--left .solutions-recorder__action:nth-child(1),body.solution-page-body .solutions-recorder__actions--right .solutions-recorder__action:nth-child(1){transform:translate(0)}body.solution-page-body .solutions-recorder__actions--left .solutions-recorder__action:nth-child(2){transform:translate(10px)}body.solution-page-body .solutions-recorder__actions--left .solutions-recorder__action:nth-child(3){transform:translate(16px)}body.solution-page-body .solutions-recorder__actions--left .solutions-recorder__action:nth-child(4){transform:translate(10px)}body.solution-page-body .solutions-recorder__actions--left .solutions-recorder__action:nth-child(5){transform:translate(0)}body.solution-page-body .solutions-recorder__actions--right .solutions-recorder__action:nth-child(2){transform:translate(-10px)}body.solution-page-body .solutions-recorder__actions--right .solutions-recorder__action:nth-child(3){transform:translate(-16px)}body.solution-page-body .solutions-recorder__actions--right .solutions-recorder__action:nth-child(4){transform:translate(-10px)}body.solution-page-body .solutions-recorder__actions--right .solutions-recorder__action:nth-child(5){transform:translate(0)}body.solution-page-body .solutions-recorder__action{display:inline-flex;align-items:center;gap:9px;width:fit-content;min-width:118px;min-height:40px;padding:0 14px 0 8px;border-radius:999px;background:#ffffffeb;border:1px solid rgba(226,232,240,.95);box-shadow:0 1px 2px #0f172a0a,0 10px 22px #2563eb14;color:var(--rec-blue-deep);font-size:.76rem;font-weight:700;letter-spacing:-.01em;line-height:1.2;white-space:nowrap;backdrop-filter:blur(6px);transition:transform .2s ease,box-shadow .2s ease}body.solution-page-body .solutions-recorder__action-ico{display:grid;place-items:center;flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:linear-gradient(180deg,#eff6ff,#dbeafe);color:var(--rec-blue);box-shadow:inset 0 0 0 1px #2563eb14}body.solution-page-body .solutions-recorder__action-label{padding-right:2px}body.solution-page-body .solutions-recorder__hub{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:14px;width:128px;padding:0 4px}body.solution-page-body .solutions-recorder__hub-core{position:relative;display:grid;place-items:center;width:96px;height:96px}body.solution-page-body .solutions-recorder__ring{position:absolute;border-radius:50%;border:1.5px solid rgba(37,99,235,.22);pointer-events:none}body.solution-page-body .solutions-recorder__ring--lg{inset:0;border-color:#2563eb2e}body.solution-page-body .solutions-recorder__ring--md{inset:12px;border-color:#2563eb47}body.solution-page-body .solutions-recorder__ring--sm{inset:24px;border-color:#2563eb66;background:#eff6ff8c}body.solution-page-body .solutions-recorder__pulse{position:absolute;inset:28px;border-radius:50%;background:#2563eb33;animation:solutions-recorder-pulse 2.2s ease-out infinite;pointer-events:none}body.solution-page-body .solutions-recorder__hub-dot{position:relative;z-index:1;width:16px;height:16px;border-radius:50%;background:linear-gradient(180deg,#3b82f6,#1d4ed8);box-shadow:0 0 0 5px #2563eb24,0 6px 14px #2563eb59}body.solution-page-body .solutions-recorder__hub-label{display:inline-flex;align-items:center;gap:7px;margin:0;padding:6px 12px;border-radius:999px;background:#ffffffc7;border:1px solid rgba(191,219,254,.7);color:#1e3a8a;font-size:.68rem;font-weight:700;letter-spacing:-.01em;text-align:center;line-height:1.2;white-space:nowrap;box-shadow:0 6px 16px #2563eb14}body.solution-page-body .solutions-recorder__live{width:7px;height:7px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 3px #ef444433;animation:solutions-recorder-blink 1.4s ease-in-out infinite}body.solution-page-body .solutions-recorder__waves{display:none}@keyframes solutions-recorder-pulse{0%{transform:scale(.7);opacity:.55}70%{transform:scale(1.55);opacity:0}to{transform:scale(1.55);opacity:0}}@keyframes solutions-recorder-blink{0%,to{opacity:1}50%{opacity:.35}}@media(prefers-reduced-motion:reduce){body.solution-page-body .solutions-recorder__pulse,body.solution-page-body .solutions-recorder__live{animation:none}}body.solution-page-body .solutions-recorder__panel{position:relative;z-index:1;display:flex;flex-direction:column;min-width:0;padding:16px 16px 14px;border-radius:18px;background:#fff;border:1px solid #e8eef6;box-shadow:0 18px 40px #162d5d1a,0 2px 8px #0f172a0a}body.solution-page-body .solutions-recorder__panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}body.solution-page-body .solutions-recorder__panel-title{display:inline-flex;align-items:center;gap:8px;margin:0;color:#0f172a;font-size:.92rem;font-weight:800;letter-spacing:-.02em;line-height:1.2}body.solution-page-body .solutions-recorder__count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:50%;background:#dbeafe;color:#1d4ed8;font-size:.7rem;font-weight:800}body.solution-page-body .solutions-recorder__clear{display:inline-flex;align-items:center;gap:5px;color:#94a3b8;font-size:.72rem;font-weight:600;white-space:nowrap}body.solution-page-body .solutions-recorder__clear svg{color:#94a3b8}body.solution-page-body .solutions-recorder__steps{display:flex;flex-direction:column;gap:7px;margin:0 0 14px;padding:0;list-style:none;flex:1 1 auto}body.solution-page-body .solutions-recorder__step{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:40px;padding:7px 10px;border-radius:10px;background:#f5f8fc;border:1px solid transparent}body.solution-page-body .solutions-recorder__step-num{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;background:#dbeafe;color:#1e40af;font-size:.68rem;font-weight:800}body.solution-page-body .solutions-recorder__step-ico{display:grid;place-items:center;color:var(--rec-blue);width:16px;height:16px}body.solution-page-body .solutions-recorder__step-text{min-width:0;color:#334155;font-size:.7rem;font-weight:500;line-height:1.35}body.solution-page-body .solutions-recorder__step-text b{color:#0f172a;font-weight:700}body.solution-page-body .solutions-recorder__step-del{display:grid;place-items:center;color:#cbd5e1}body.solution-page-body .solutions-recorder__footer{display:grid;grid-template-columns:1fr 1fr;gap:10px}body.solution-page-body .solutions-recorder__btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 12px;border-radius:10px;font-size:.74rem;font-weight:700;line-height:1.2;white-space:nowrap}body.solution-page-body .solutions-recorder__btn--ghost{background:#fff;border:1.5px solid #93c5fd;color:var(--rec-blue)}body.solution-page-body .solutions-recorder__btn--primary{background:var(--rec-blue);border:1.5px solid var(--rec-blue);color:#fff;box-shadow:0 10px 22px #2563eb47}body.solution-page-body .solutions-recorder__btn--primary svg{color:#fff}@media(max-width:1100px){body.solution-page-body .solutions-recorder{max-width:100%}body.solution-page-body .solutions-recorder__action{font-size:.7rem;min-width:108px}body.solution-page-body .solutions-recorder__hub{width:112px}body.solution-page-body .solutions-recorder__hub-core{width:84px;height:84px}body.solution-page-body .solutions-recorder__hub-label{font-size:.62rem}}@media(max-width:960px){body.solution-page-body.landing-page--no-code .solutions-page__wrap.solutions-page__hero-grid{grid-template-columns:1fr}body.solution-page-body .solutions-hero__visual--recorder{padding-left:0;justify-self:stretch;max-width:100%;min-width:0}body.solution-page-body .solutions-recorder{margin-inline:0;max-width:100%;grid-template-columns:1fr;gap:18px}}@media(max-width:720px){body.solution-page-body .solutions-recorder__orbit{min-height:340px}body.solution-page-body .solutions-recorder__footer{grid-template-columns:1fr}}@media(max-width:480px){body.solution-page-body .solutions-recorder__orbit{grid-template-columns:1fr;gap:14px;min-height:0}body.solution-page-body .solutions-recorder__hub{order:-1;width:auto;margin-inline:auto}body.solution-page-body .solutions-recorder__wires,body.solution-page-body .solutions-recorder__waves{display:none}body.solution-page-body .solutions-recorder__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:stretch}body.solution-page-body .solutions-recorder__actions--left,body.solution-page-body .solutions-recorder__actions--right{padding:0}body.solution-page-body .solutions-recorder__action,body.solution-page-body .solutions-recorder__actions--left .solutions-recorder__action,body.solution-page-body .solutions-recorder__actions--right .solutions-recorder__action{width:100%;min-width:0;transform:none}body.solution-page-body .solutions-recorder__step-text{font-size:.66rem}}