.product-sequence{--sequence-duration:9s;isolation:isolate;color:#202219;background:#e5ad28;border:1px solid #474329;border-radius:16px;min-width:0;margin:0;overflow:hidden}.sequence-stage{position:relative}.sequence-controls{justify-content:flex-end;padding:0 24px 16px;display:flex}.sequence-controls button{min-height:44px;color:inherit;background:0 0;gap:8px;padding-inline:16px}.sequence-controls button:hover{background:#25262012}.product-sequence:not([data-ready=true]) .sequence-controls{visibility:hidden}.sequence-intro{justify-content:space-between;align-items:center;gap:24px;padding:32px 40px 0;display:flex}.sequence-intro p{letter-spacing:-.025em;margin:0;font-size:22px;font-weight:550;line-height:1.35}.sequence-intro>span{font-family:var(--maxq-font-mono);letter-spacing:.05em;font-size:11px}.native-scene-window{background:#faf9f8;border-radius:12px;min-width:0;overflow:hidden;box-shadow:0 24px 50px #49300e25}.native-scene-window picture,.native-scene-window img{width:100%;height:auto;display:block}.connection-frames{grid-template-columns:minmax(0,.9fr) 48px minmax(0,1.05fr);align-items:center;gap:24px;min-height:430px;padding:40px;display:grid;container-type:inline-size}.connection-search{padding:16px}.connection-path{align-items:center;gap:0;width:100%;display:flex}.connection-path span{background:currentColor;flex:1;height:1px}.connection-path svg{flex:0 0 20px;width:20px;height:20px}.assistant-sequence{color:#f4f3e9;background:#171b14;border-color:#343b2b;margin-top:40px}.assistant-frames{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:64px;padding:48px;display:grid;container-type:inline-size}.assistant-instructions{box-shadow:0 20px 48px #0004}.assistant-route{gap:20px;margin:0;padding:0;list-style:none;display:grid}.assistant-route li{align-items:center;gap:20px;display:flex}.route-symbol{background:#20251b;border:1px solid #49503d;border-radius:14px;flex:0 0 56px;place-items:center;width:56px;height:56px;display:grid}.route-symbol svg{color:#efba3e;width:24px;height:24px}.route-symbol img{border-radius:50%}.assistant-route li>span:last-child{letter-spacing:-.02em;font-size:20px;font-weight:500;line-height:1.4}.assistant-route small{color:#b9c0aa;letter-spacing:0;margin-top:4px;font-size:13px;font-weight:400;line-height:1.55;display:block}.assistant-route .route-arrow{color:#eeb63b;padding-left:18px}.route-arrow svg{width:20px;height:20px}.assistant-sequence .sequence-controls button:hover{background:#ffffff0d}.product-sequence[data-animated=true] .sequence-stage{animation:ohdingle-sequence-timeline var(--sequence-duration) linear both}.product-sequence[data-animated=true] .connection-search{animation:ohdingle-search-reveal var(--sequence-duration) cubic-bezier(.2, .7, .2, 1) both}.product-sequence[data-animated=true] .connection-options{animation:ohdingle-options-reveal var(--sequence-duration) cubic-bezier(.2, .7, .2, 1) both}.product-sequence[data-animated=true] .connection-path{animation:ohdingle-path-reveal var(--sequence-duration) ease-out both}.product-sequence[data-animated=true] .assistant-instructions{animation:ohdingle-instructions-reveal var(--sequence-duration) cubic-bezier(.2, .7, .2, 1) both}.product-sequence[data-animated=true] .route-assistant{animation:ohdingle-route-first var(--sequence-duration) ease-out both}.product-sequence[data-animated=true] :is(.route-workspace,.route-arrow){animation:ohdingle-route-second var(--sequence-duration) ease-out both}.product-sequence[data-animated=true] .route-apps{animation:ohdingle-route-third var(--sequence-duration) ease-out both}.product-sequence .sequence-stage,.product-sequence .sequence-stage *{animation-play-state:paused!important}.product-sequence[data-playback=playing] .sequence-stage,.product-sequence[data-playback=playing] .sequence-stage *{animation-play-state:running!important}@keyframes ohdingle-sequence-timeline{0%{--sequence-tick:0}to{--sequence-tick:1}}@keyframes ohdingle-search-reveal{0%,20%{transform:translate(calc(50cqw - 50%))scale(1.03)}34%,to{transform:none}}@keyframes ohdingle-options-reveal{0%,29%{opacity:0;transform:translate(30px)}41%,to{opacity:1;transform:none}}@keyframes ohdingle-path-reveal{0%,28%{opacity:0;transform:scaleX(0)}39%,to{opacity:1;transform:none}}@keyframes ohdingle-instructions-reveal{0%,18%{transform:translate(calc(50cqw - 50%))}32%,to{transform:none}}@keyframes ohdingle-route-first{0%,27%{opacity:0;transform:translateY(10px)}36%,to{opacity:1;transform:none}}@keyframes ohdingle-route-second{0%,37%{opacity:0;transform:translateY(10px)}47%,to{opacity:1;transform:none}}@keyframes ohdingle-route-third{0%,48%{opacity:0;transform:translateY(10px)}59%,to{opacity:1;transform:none}}@media (max-width:1000px){.connection-frames{grid-template-columns:minmax(0,540px);justify-content:center;min-height:410px;padding:32px}.connection-search,.connection-options{grid-area:1/1}.connection-search{visibility:hidden}.connection-path{display:none}.product-sequence[data-animated=true] .connection-search{visibility:visible;animation-name:ohdingle-search-mobile}.product-sequence[data-animated=true] .connection-options{animation-name:ohdingle-options-mobile}.sequence-intro{padding-inline:32px}.assistant-frames{grid-template-columns:1fr;gap:40px;padding:32px}.assistant-instructions{justify-self:center;width:100%;max-width:520px}.product-sequence[data-animated=true] .assistant-instructions{animation-name:none}.assistant-route{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr) 20px minmax(0,1fr);align-items:start;gap:12px}.assistant-route li{text-align:center;flex-direction:column;align-items:center;gap:12px}.assistant-route li>span:last-child{font-size:17px}.route-symbol{border-radius:12px;flex-basis:44px;width:44px;height:44px}.assistant-route .route-arrow{padding:12px 0 0}.route-arrow svg{transform:rotate(-90deg)}}@media (max-width:700px){.sequence-intro{padding:24px 20px 0}.sequence-intro p{font-size:18px}.sequence-intro>span{display:none}.connection-frames{grid-template-columns:1fr;align-items:center;min-height:330px;padding:24px 16px;display:grid}.connection-search{padding:12px}.sequence-controls{padding:0 12px 12px}.assistant-frames{grid-template-columns:1fr;gap:32px;padding:24px 16px 16px}.assistant-route{grid-template-columns:1fr;gap:12px;padding:0 8px}.assistant-route li{text-align:left;flex-direction:row}.assistant-route .route-arrow{padding:0 0 0 12px}.route-arrow svg{transform:none}.assistant-route li>span:last-child{font-size:18px}}@keyframes ohdingle-search-mobile{0%,28%{opacity:1;transform:none}37%,to{opacity:0;transform:translateY(-12px)}}@keyframes ohdingle-options-mobile{0%,31%{opacity:0;transform:translateY(14px)}41%,to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.product-sequence .sequence-stage,.product-sequence .sequence-stage *{animation:none!important}.product-sequence .sequence-controls,.product-sequence .connection-search{visibility:hidden}}@media (prefers-reduced-motion:reduce) and (min-width:1001px){.product-sequence .connection-search{visibility:visible}}