.wipublic01-record-explainer{padding:clamp(56px,6.5vw,80px) 0;background:var(--wipublic01-bg-stage-blue);scroll-margin-top:clamp(84px,9vw,112px)}.wipublic01-record-explainer__grid{display:grid;grid-template-columns:minmax(420px,.82fr) minmax(660px,1fr);gap:clamp(28px,3.4vw,48px);align-items:center}.wipublic01-record-explainer__copy{max-width:570px}.wipublic01-record-explainer__copy .wipublic01-section-heading h2{font-size:var(--wipublic01-type-section);font-weight:600;letter-spacing:0;line-height:1.18}.wipublic01-record-explainer__copy .wipublic01-lead{color:var(--wipublic01-color-muted);font-size:1rem;line-height:1.76}.wipublic01-record-explainer__scene{position:relative;width:min(100%,680px);min-height:470px;justify-self:end;isolation:isolate}.wipublic01-record-explainer__scene:before{content:"";position:absolute;inset:3% 0 5% 4%;z-index:-2;border-radius:28px;background:radial-gradient(circle at 50% 48%,rgba(26,86,219,.14),transparent 34%),radial-gradient(circle at 26% 20%,rgba(16,185,129,.07),transparent 24%);filter:blur(6px)}.wipublic01-record-explainer__lines{position:absolute;inset:0;z-index:1;width:100%;height:100%;overflow:visible;pointer-events:none}.wipublic01-record-explainer__lines path{fill:none;stroke:#1a56db70;stroke-width:2;stroke-linecap:round;stroke-dasharray:8 12;animation:wipublic01-record-line-flow 13s linear infinite}.wipublic01-record-explainer__moving-dot{position:absolute;z-index:2;width:8px;height:8px;border-radius:50%;background:var(--wipublic01-color-primary);box-shadow:0 0 0 5px #1a56db1f;pointer-events:none;offset-rotate:0deg;animation:wipublic01-record-dot-flow 6.8s linear infinite}.wipublic01-record-explainer__moving-dot--task{offset-path:path("M 230 168 C 196 130 154 108 88 108")}.wipublic01-record-explainer__moving-dot--offer{offset-path:path("M 230 300 C 196 328 154 334 88 334");animation-delay:-2.2s}.wipublic01-record-explainer__moving-dot--document{offset-path:path("M 492 260 C 536 252 574 238 632 238");animation-delay:-4.4s}.wipublic01-record-explainer__profile,.wipublic01-record-explainer__mini{border:1px solid var(--wipublic01-color-line);border-radius:var(--wipublic01-radius-lg);background:#ffffffeb;box-shadow:var(--wipublic01-shadow-card);transition:border-color var(--wipublic01-transition),box-shadow var(--wipublic01-transition),transform var(--wipublic01-transition)}.wipublic01-record-explainer__profile:hover,.wipublic01-record-explainer__profile:focus-within,.wipublic01-record-explainer__mini:hover,.wipublic01-record-explainer__mini:focus-within{border-color:#1a56db4d;box-shadow:var(--wipublic01-shadow-hover);transform:translateY(-2px)}.wipublic01-record-explainer__profile{position:absolute;z-index:4;top:118px;left:50%;width:262px;min-height:232px;padding:16px;transform:translate(-50%);box-shadow:0 0 0 8px #1a56db0a,var(--wipublic01-shadow-panel);animation:wipublic01-record-core-pulse 5.6s ease-in-out infinite}.wipublic01-record-explainer__profile:hover,.wipublic01-record-explainer__profile:focus-within{transform:translate(-50%) translateY(-2px)}.wipublic01-record-explainer__profile-head{display:grid;grid-template-columns:auto 1fr auto;gap:var(--wipublic01-space-2);align-items:center}.wipublic01-record-explainer__profile-head>span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--wipublic01-color-primary),var(--wipublic01-color-primary-dark));color:#fff;font-family:var(--wipublic01-font-heading);font-weight:600}.wipublic01-record-explainer__profile h3{margin:0;color:var(--wipublic01-color-ink);font-family:var(--wipublic01-font-heading);font-size:1.15rem;font-weight:600;line-height:1.28}.wipublic01-record-explainer__profile p{margin:4px 0 0;color:var(--wipublic01-color-subtle);font-size:.82rem}.wipublic01-record-explainer__profile em{align-self:start;padding:5px 9px;border-radius:var(--wipublic01-radius-pill);background:var(--wipublic01-color-live-soft);color:#047857;font-size:.76rem;font-style:normal;font-weight:600}.wipublic01-record-explainer__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--wipublic01-space-1);margin-top:var(--wipublic01-space-3)}.wipublic01-record-explainer__facts span{display:grid;gap:4px;padding:12px;border:1px solid rgba(221,228,237,.72);border-radius:var(--wipublic01-radius-sm);background:var(--wipublic01-color-page)}.wipublic01-record-explainer__facts small{color:var(--wipublic01-color-subtle);font-size:.72rem}.wipublic01-record-explainer__facts strong{color:var(--wipublic01-color-ink);font-size:.9rem;font-weight:600}.wipublic01-record-explainer__mini{position:absolute;z-index:3;display:grid;grid-template-columns:auto 1fr;gap:12px;width:176px;min-height:104px;padding:14px}.wipublic01-record-explainer__mini--1{top:56px;left:0}.wipublic01-record-explainer__mini--2{top:282px;left:0}.wipublic01-record-explainer__mini--3{right:0;top:184px}.wipublic01-record-explainer__mini>span{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--wipublic01-radius-sm);background:var(--wipublic01-color-info-soft);color:var(--wipublic01-color-primary)}.wipublic01-record-explainer__mini strong{display:block;color:var(--wipublic01-color-ink);font-family:var(--wipublic01-font-heading);font-size:.96rem;font-weight:600;line-height:1.2}.wipublic01-record-explainer__mini small{display:block;margin-top:4px;color:var(--wipublic01-color-primary);font-size:.76rem;font-weight:600}.wipublic01-record-explainer__mini p{margin:8px 0 0;color:var(--wipublic01-color-muted);font-size:.82rem;line-height:1.45}@keyframes wipublic01-record-line-flow{to{stroke-dashoffset:-170}}@keyframes wipublic01-record-dot-flow{0%{opacity:0;offset-distance:0%}12%,86%{opacity:1}to{opacity:0;offset-distance:100%}}@keyframes wipublic01-record-core-pulse{0%,to{box-shadow:0 0 0 8px #1a56db0a,var(--wipublic01-shadow-panel)}50%{box-shadow:0 0 0 12px #1a56db13,0 22px 52px #1a56db1f}}@media(max-width:1260px){.wipublic01-record-explainer__grid{grid-template-columns:1fr}.wipublic01-record-explainer__copy{max-width:760px}.wipublic01-record-explainer__scene{max-width:760px;width:100%;margin:0 auto;justify-self:center}}@media(max-width:680px){.wipublic01-record-explainer{padding:var(--wipublic01-space-6) 0}.wipublic01-record-explainer__copy .wipublic01-section-heading h2{font-size:clamp(1.78rem,8vw,2.05rem);line-height:1.18}.wipublic01-record-explainer__copy .wipublic01-lead{font-size:.98rem;line-height:1.7}.wipublic01-record-explainer__scene{display:grid;gap:var(--wipublic01-space-2);min-height:auto}.wipublic01-record-explainer__lines,.wipublic01-record-explainer__moving-dot{display:none}.wipublic01-record-explainer__profile,.wipublic01-record-explainer__mini{position:static;width:100%;transform:none}.wipublic01-record-explainer__profile:hover,.wipublic01-record-explainer__profile:focus-within{transform:translateY(-2px)}.wipublic01-record-explainer__profile-head{grid-template-columns:auto 1fr}.wipublic01-record-explainer__profile em{grid-column:1/-1;justify-self:start}}@media(min-width:681px)and (max-width:1260px){.wipublic01-record-explainer__copy .wipublic01-section-heading h2{font-size:clamp(2rem,4.4vw,2.4rem)}}@media(prefers-reduced-motion:reduce){.wipublic01-record-explainer__lines path,.wipublic01-record-explainer__moving-dot,.wipublic01-record-explainer__profile{animation:none}.wipublic01-record-explainer__profile,.wipublic01-record-explainer__mini{transition:none}}