.motion-scene{--motion-ease:cubic-bezier(.22,1,.36,1);font-family:var(--sans)}.motion-scene button{font:inherit;cursor:pointer}.motion-scene button:focus-visible,.motion-scene a:focus-visible{outline-offset:5px;outline:3px solid #8fafff}.motion-toggle{white-space:nowrap;min-height:36px;color:inherit;background:0 0;border:1px solid;border-radius:99px;justify-content:center;align-items:center;gap:6px;padding:7px 11px;display:inline-flex;font-size:10px!important}.motion-manual{font-size:10px;line-height:1.5}.motion-dots{align-items:center;gap:4px;display:inline-flex}.motion-dots i{background:currentColor;border-radius:50%;width:5px;height:5px;animation:1.3s ease-in-out infinite story-dot}.motion-dots i:nth-child(2){animation-delay:.15s}.motion-dots i:nth-child(3){animation-delay:.3s}.signal-pulse{background:#89d9c1;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2.8s ease-in-out infinite story-pulse;display:inline-block;box-shadow:0 0 0 5px #89d9c11a}.relationship-film{background:#f5f7fc;border:1px solid #dee4f1;border-radius:23px;overflow:hidden;box-shadow:0 15px 45px #3f50630a}.relationship-scenes{background:#fff;border-bottom:1px solid #e2e7f1;grid-template-columns:repeat(6,minmax(0,1fr));padding:25px 18px 22px;display:grid}.relationship-scenes button{color:#7d8598;background:0 0;border:0;flex-direction:column;align-items:center;gap:10px;padding:9px 3px;display:flex;position:relative}.relationship-scenes button:not(:last-child):after{content:"";background:#dce3f3;width:calc(100% - 50px);height:1px;position:absolute;top:29px;left:calc(50% + 25px)}.relationship-scenes button[data-complete=true]:after{background:#899ee0}.relationship-node{background:#f4f6fb;border:1px solid #e0e5f0;border-radius:13px;place-items:center;width:42px;height:42px;transition:background .35s,box-shadow .35s,transform .35s;display:grid;position:relative}.relationship-scenes [aria-pressed=true]{color:#4c61a2}.relationship-scenes [aria-pressed=true] .relationship-node{color:#fff;background:#5d72b9;border-color:#5d72b9;transform:translateY(-3px);box-shadow:0 0 0 6px #617bc510,0 7px 14px #526aaa21}.relationship-scenes small{letter-spacing:.07em;margin-top:3px;font-size:9px}.relationship-scenes strong{font-size:11px;font-weight:500}.relationship-screen{background:radial-gradient(at 90% 70%,#e4dffb,#0000 55%);grid-template-columns:1fr 1fr;align-items:center;gap:30px;min-height:278px;padding:35px 50px;display:grid;overflow:hidden}.motion-eyebrow{letter-spacing:.13em;color:#6978a5;font-size:9px}.relationship-caption{animation:story-rise .65s var(--motion-ease) both}.relationship-caption h3{font-family:var(--serif);letter-spacing:-.03em;color:#343e5c;max-width:380px;margin:13px 0;font-size:32px;font-weight:400;line-height:1.1}.relationship-caption p{color:#64718c;max-width:360px;font-size:12px;line-height:1.8}.relationship-event{flex-direction:column;justify-content:center;align-items:center;min-height:200px;display:flex;position:relative}.event-orbits{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.event-orbits i{border:1px solid #859bce30;border-radius:50%;width:150px;height:150px;animation:5s ease-out infinite event-ripple;position:absolute}.event-orbits i:nth-child(2){animation-delay:-1.7s}.event-orbits i:nth-child(3){animation-delay:-3.4s}.event-center{color:#697db7;background:linear-gradient(130deg,#e0eaff,#e9def7);border:1px solid #ffffffb3;border-radius:20px;place-items:center;width:69px;height:69px;display:grid;position:relative;box-shadow:0 7px 20px #6676a222}.event-card{animation:event-card-in .9s var(--motion-ease) both;background:#fff;border:1px solid #dde5f3;border-radius:12px;align-items:center;gap:12px;margin-top:18px;padding:18px 23px;display:flex;position:relative;transform:rotate(-2deg);box-shadow:0 13px 30px #64608417}.event-card strong{color:#465679;font-size:12px;display:block}.event-card div>span{color:#78839b;margin-top:5px;font-size:9px;display:block}.event-check{color:#5b9b7a;background:#eaf7ee;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.relationship-footer{color:#707c96;background:#ffffff7d;border-top:1px solid #e0e6f1;justify-content:space-between;align-items:center;gap:15px;padding:15px 24px;font-size:9px;display:flex}.relationship-footer .motion-toggle{color:#607399;border-color:#cbd5e9}.workflow-film-toolbar{color:#68728a;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.workflow-film-toolbar>span{letter-spacing:.13em;align-items:center;gap:10px;font-size:9px;display:flex}.workflow-film-toolbar .motion-toggle{border-color:#d4dbe8}.workflow-film-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.workflow-film-card{--story-color:#5474b3;--story-soft:#edf2ff;--story-line:#d3def3;--story-dark:#e0e9fe;background:#fff;border:1px solid #e0e3eb;border-radius:20px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 10px 24px #33466805}.workflow-film-card[data-color=violet]{--story-color:#8a65af;--story-soft:#f4eefb;--story-line:#e6d9f3;--story-dark:#eadef7}.workflow-film-card[data-color=mint]{--story-color:#418374;--story-soft:#ebf6f0;--story-line:#c9e5d9;--story-dark:#d5eee1}.workflow-film-card[data-color=rose]{--story-color:#b06e78;--story-soft:#fff1f0;--story-line:#f0d6d9;--story-dark:#f8e0e3}.workflow-film-copy{min-height:134px;padding:27px 28px 23px 83px;position:relative}.workflow-film-icon{width:41px;height:41px;color:var(--story-color);background:var(--story-soft);border-radius:12px;place-items:center;display:grid;position:absolute;top:29px;left:25px}.workflow-film-copy h3{font-family:var(--serif);letter-spacing:-.025em;color:#384052;font-size:28px;font-weight:400;line-height:1.15}.workflow-film-copy p{color:#7a7f8c;max-width:280px;margin:8px 0 0;font-size:12px;line-height:1.7}.workflow-film-preview{background:var(--story-soft);border:1px solid var(--story-line);border-radius:13px;margin:0 20px;padding:19px 20px 14px;position:relative;overflow:hidden}.workflow-preview-header{color:var(--story-color);letter-spacing:.1em;justify-content:space-between;align-items:center;margin-bottom:17px;font-size:8px;display:flex}.workflow-signal-bars{align-items:center;gap:2px;height:12px;display:flex}.workflow-signal-bars i{background:currentColor;border-radius:2px;width:2px;height:9px;animation:1.1s ease-in-out infinite alternate signal-bar}.workflow-signal-bars i:nth-child(2){height:12px;animation-delay:-.4s}.workflow-signal-bars i:nth-child(3){height:7px;animation-delay:-.8s}.workflow-signal-bars i:nth-child(4){animation-delay:-.2s}.workflow-preview-content{min-height:159px}.workflow-question{color:#4c566e;animation:story-rise .65s var(--motion-ease) both;background:#ffffffdb;border-radius:9px 9px 3px;margin-left:18px;padding:12px 14px;font-size:13px;line-height:1.6}.workflow-reply{color:var(--story-color);min-height:50px;animation:story-rise .6s .2s var(--motion-ease) both;align-items:center;gap:8px;padding:15px 6px;font-size:10px;display:flex}.workflow-reply svg{flex-shrink:0}.workflow-result{color:var(--story-color);background:var(--story-dark);border:1px solid var(--story-line);opacity:.6;animation:story-rise .6s .45s var(--motion-ease) backwards;border-radius:8px;align-items:center;gap:9px;padding:12px 13px;font-size:10px;display:flex}.workflow-result[data-ready=true]{opacity:1}.workflow-result svg{flex-shrink:0}.workflow-preview-footer{color:var(--story-color);align-items:center;gap:6px;margin-top:13px;font-size:8px;display:flex}.workflow-scan{background:linear-gradient(90deg,transparent,var(--story-color),transparent);opacity:.12;pointer-events:none;height:1px;animation:5s linear infinite workflow-scan;position:absolute;top:0;left:0;right:0}.workflow-film-link{color:var(--story-color);justify-content:space-between;align-items:center;margin:0 25px;padding:22px 0;font-size:11px;display:flex}.workflow-film-link svg{transition:transform .25s}.workflow-film-link:hover svg{transform:translate(5px)}.workflow-film-bottom{color:#7b8190;justify-content:space-between;align-items:center;gap:15px;margin-top:20px;font-size:9px;display:flex}.workflow-film-bottom>div{gap:5px;display:flex}.workflow-film-bottom button{color:#69758f;background:0 0;border:1px solid #0000;border-radius:99px;min-height:34px;padding:8px 12px;font-size:9px}.workflow-film-bottom button[aria-pressed=true]{color:#4b639a;background:#e9edf7;border-color:#d5dded}.content-motion-block{margin-block:10px 65px}.content-motion-block .relationship-film{margin-bottom:35px}.motion-scene[data-running=false] *,.motion-scene[data-running=false] :before,.motion-scene[data-running=false] :after{animation-play-state:paused!important}@keyframes story-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes event-card-in{0%{opacity:0;transform:translateY(15px)rotate(2deg)}to{opacity:1;transform:translateY(0)rotate(-2deg)}}@keyframes story-dot{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@keyframes story-pulse{0%,to{box-shadow:0 0 0 4px #89d9c115}50%{box-shadow:0 0 0 7px #89d9c12a}}@keyframes event-ripple{0%{opacity:.9;transform:scale(.45)}to{opacity:0;transform:scale(1.75)}}@keyframes signal-bar{0%{opacity:.5;transform:scaleY(.35)}to{opacity:1;transform:scaleY(1)}}@keyframes workflow-scan{0%{transform:translateY(0)}to{transform:translateY(300px)}}@media (hover:hover) and (pointer:fine){.workflow-film-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px #33466812}}@media (max-width:1050px){.relationship-screen{padding:30px}.relationship-scenes strong{font-size:9px}}@media (max-width:650px){.motion-toggle{min-height:44px;padding:8px 10px}.relationship-scenes{grid-template-columns:repeat(3,1fr);row-gap:15px;padding:14px 10px}.relationship-scenes button:nth-child(3):after{display:none}.relationship-scenes small{font-size:8px}.relationship-scenes strong{font-size:9px}.relationship-screen{grid-template-columns:1fr;gap:10px;min-height:440px;padding:26px 24px}.relationship-caption h3{font-size:29px}.relationship-caption p{font-size:12px}.relationship-event{min-height:175px}.relationship-footer{padding:12px 17px;font-size:8px}.workflow-film-grid{grid-template-columns:1fr;gap:18px}.workflow-film-copy{min-height:124px;padding:25px 20px 20px 78px}.workflow-film-copy h3{font-size:27px}.workflow-film-copy p{font-size:12px}.workflow-film-preview{margin:0 16px;padding:17px}.workflow-film-toolbar>span{letter-spacing:.08em;font-size:8px}.workflow-film-bottom{flex-direction:column;gap:10px}.workflow-film-bottom button{min-height:44px}.workflow-question{font-size:12px}.workflow-preview-content{min-height:162px}.workflow-film-link{font-size:12px}.content-motion-block{margin-bottom:40px}}@media (prefers-reduced-motion:reduce){.motion-scene *,.motion-scene :before,.motion-scene :after{transition:none!important;animation:none!important}.event-orbits i{opacity:.3}.workflow-scan{display:none}.workflow-film-card:hover{transform:none}}.motion-scene[data-running=false] :is(.relationship-caption,.event-card,.workflow-question,.workflow-reply,.workflow-result){animation:none}
