.duo,.fsec{--gold:#E9CA8E;--ink:#fff;--ink2:rgba(255,255,255,.72);--line:rgba(255,255,255,.1)}.dx{position:relative;width:100%;height:var(--dx-h,520px);perspective:2600px;perspective-origin:50% 40%}.dx-cam,.dx-spin,.dx-dev{position:relative;width:100%;transform-style:preserve-3d}.dx-panel{position:absolute;transform-style:preserve-3d}.dx-face,.dx-fixed{backface-visibility:hidden;-webkit-backface-visibility:hidden}.dx-face{position:absolute;inset:0;transform-style:preserve-3d}.dx-back{position:absolute;inset:auto}.dx-clip{position:absolute;overflow:hidden;background:#05060a}.dx-clip.dx-off{background:#05060a}.dx-cap{position:absolute;display:block;max-width:none;transition:opacity .35s ease}.dx-clip.dx-off .dx-cap{opacity:0}.dx-bz{position:absolute;inset:0;background-repeat:no-repeat;pointer-events:none}.dx-edge{display:none}.dx-edge[data-finish=ns]{background:linear-gradient(90deg,#1b2433,#3a475c 45%,#1b2433)}.dx-edge[data-finish=sw]{background:linear-gradient(90deg,#b9b3a7,#ece7dd 45%,#b9b3a7)}.dx-dev[data-orient=port] .dx-edge[data-finish=ns]{background:linear-gradient(180deg,#1b2433,#3a475c 45%,#1b2433)}.dx-dev[data-orient=port] .dx-edge[data-finish=sw]{background:linear-gradient(180deg,#b9b3a7,#ece7dd 45%,#b9b3a7)}.dx-floor{position:absolute;pointer-events:none;border-radius:50%;background:radial-gradient(closest-side,#e9ca8e29,#e9ca8e00);opacity:0}.duo{width:100%;max-width:560px;min-width:0;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:16px}.duo-stage{width:100%;--dx-h:500px;transition:opacity .22s ease}.duo-colors{display:flex;justify-content:center;gap:8px;width:100%}.duo-sw{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.14);font-family:var(--font-body);font-size:14px;font-weight:500;color:#ffffffc7}.duo-sw[aria-checked=true]{border-color:#e9ca8eb3;color:#fff;background:#e9ca8e14}.duo-sw:focus-visible,.dview__tab:focus-visible,.ft__tab:focus-visible{outline:2px solid #E9CA8E;outline-offset:2px}.duo-sw__dot{width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff59}.duo-sw__dot--ns{background:linear-gradient(135deg,#3a4558,#141b27)}.duo-sw__dot--sw{background:linear-gradient(135deg,#f3efe7,#bdb6aa)}.duo-fold{display:flex;align-items:center;gap:12px;width:100%}.duo-fold__end{font-family:var(--font-body);font-size:14px;color:#ffffffb8;min-width:48px;text-align:center}.duo-fold__range{flex:1;accent-color:#E9CA8E;height:44px;margin:0;cursor:pointer}.dview__hint{margin:-4px 0 0;font-family:var(--font-body);font-size:14px;color:#ffffff9e;width:100%;text-align:center}.dview__hint.is-off,.duo-fold.is-off{visibility:hidden}.dview__copy{margin:0;width:100%;min-height:52px;text-align:center;font-family:var(--font-body);font-size:17px;line-height:1.55;color:#ffffffc7}.dview__copy b{color:#fff;font-weight:600}.dview__tabs{width:100%;box-sizing:border-box;display:flex;justify-content:space-between;gap:4px;padding:4px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.dview__tab{all:unset;box-sizing:border-box;cursor:pointer;min-height:44px;padding:0 16px;display:inline-flex;align-items:center;white-space:nowrap;justify-content:center;flex:1 0 auto;border-radius:999px;font-family:var(--font-body);font-size:15px;font-weight:600;color:#ffffffc7}.dview__tab[aria-selected=true]{background:#fff;color:#0a0b0e}.duo-note{font-family:var(--font-body);font-size:13px;color:#fff9;margin:0;width:100%;text-align:center}.dx-hot{all:unset;position:absolute;cursor:pointer;border-radius:12px;min-width:44px;min-height:44px;transform:translate(-50%,-50%);z-index:3}.dx-hot:focus-visible{outline:2px solid #E9CA8E}@media(prefers-reduced-motion:reduce){.duo-stage{transition:none}}@media(max-width:767px){.duo-stage{--dx-h:420px}.dview__tabs{overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.dview__tabs::-webkit-scrollbar{display:none}.dview__tab{padding:0 14px;font-size:14px}}.fsec{padding:0 20px}.ft{max-width:1152px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:72px 0;border-top:1px solid var(--line);font-family:var(--font-body)}.ft:nth-child(2n) .ft__t{order:2}.ft__eb{margin:0 0 8px;font-size:15px;font-weight:600;color:var(--gold)}.ft__h{margin:0 0 16px;font-size:40px;line-height:1.08;font-weight:700;letter-spacing:-.015em;color:var(--ink)}.ft__s{margin:0;font-size:19px;line-height:1.5;color:var(--ink2)}.ft__tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:20px 0 0}.ft__copy{margin:16px 0 0;font-size:17px;line-height:1.55;color:var(--ink2);min-height:52px}.ft__copy b{color:var(--ink);font-weight:600}.ft__tab{all:unset;box-sizing:border-box;cursor:pointer;min-height:44px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;text-align:center;border-radius:999px;border:1px solid var(--line);font-size:15px;font-weight:600;color:var(--ink2)}.ft__tab[aria-selected=true]{background:#fff;color:#0a0b0e;border-color:#fff}.ft__note{margin:16px 0 0;font-size:14px;color:var(--gold)}.ft__m{min-width:0;display:flex;flex-direction:column;gap:12px}.ft__fold{margin-top:4px}.ft__hint{margin:0}.ft__stage{--dx-h:440px;width:100%}#workflow .ft__stage{--dx-h:680px}.ft__stage[hidden]{display:none}.ov-spot.ov-orb{border:0;box-shadow:none;border-radius:50%}.ov-orb{border-radius:50%;overflow:visible}.ov-ring{position:absolute;inset:-6%;border-radius:50%;border:2px solid #E9CA8E;box-shadow:0 0 24px #e9ca8e8c;animation:ovRing 5s ease-in-out infinite}.ov-say{position:absolute;left:50%;bottom:120%;transform:translate(-50%);width:max-content;max-width:300px;padding:10px 14px;border-radius:14px;background:#0a0b0eeb;border:1px solid rgba(233,202,142,.6);font-family:var(--font-body);text-align:center;opacity:0;animation:ovSay 5s ease-in-out infinite}.ov-say b{display:block;font-size:13px;color:#e9ca8e;font-style:italic}.ov-say span{display:block;font-size:14px;color:#fff;margin-top:4px}.ov-voice{border-color:#e9ca8e59}.ov-done--late{animation:ovLate 5s ease-in-out infinite}.ov-done--late span{animation:ovLateLabel 5s ease-in-out infinite}@keyframes ovRing{0%,10%{transform:scale(.9);opacity:.4}25%,60%{transform:scale(1.08);opacity:1}80%,to{transform:scale(.9);opacity:.4}}@keyframes ovSay{0%,12%{opacity:0;transform:translate(-50%,6px)}22%,62%{opacity:1;transform:translate(-50%)}72%,to{opacity:0}}@keyframes ovLate{0%,55%{width:0}68%,86%{width:100%}94%,to{width:0}}@keyframes ovLateLabel{0%,62%{opacity:0}70%,84%{opacity:1}90%,to{opacity:0}}.dx-ov{position:absolute;overflow:hidden;border-radius:2.5%/3.5%;transform:translateZ(2px);pointer-events:none}.dx-ov[hidden]{display:none}.ov-spot{position:absolute;border:2px solid #E9CA8E;border-radius:10px;overflow:hidden;z-index:1}.dx-ov:before{content:"";position:absolute;inset:0;z-index:0;background:#00000094}.ov-done{position:absolute;inset:0;width:0;background:#60d6928c;display:flex;align-items:center;justify-content:flex-end;padding-right:6%;overflow:hidden;animation:ovDone 4.2s ease-in-out infinite}.ov-done span{font-family:var(--font-body);font-weight:700;font-size:12px;color:#0a0b0e;white-space:nowrap;opacity:0;animation:ovLabel 4.2s ease-in-out infinite}.ov-finger{position:absolute;top:50%;left:8%;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:#ffffffd9;box-shadow:0 0 0 6px #ffffff40;animation:ovFinger 4.2s ease-in-out infinite}.ov-tap{position:absolute;top:50%;left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;border:2px solid #E9CA8E;opacity:0;animation:ovTap 4.2s ease-out infinite}@keyframes ovFinger{0%{left:8%;opacity:0}8%{opacity:1}40%{left:88%;opacity:1}48%{opacity:0}to{left:88%;opacity:0}}@keyframes ovDone{0%,8%{width:0}40%,62%{width:100%}70%,to{width:0}}@keyframes ovLabel{0%,30%{opacity:0}42%,60%{opacity:1}68%,to{opacity:0}}@keyframes ovTap{0%,74%{opacity:0;transform:scale(.4)}78%{opacity:1;transform:scale(.6)}96%{opacity:0;transform:scale(2.2)}to{opacity:0}}.ov-pin{position:absolute;transform:translate(-50%,-50%);width:26px;height:26px;border-radius:50%;background:#e9ca8e;color:#0a0b0e;font-family:var(--font-body);font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 5px #e9ca8e47}.ft__legend{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}.ft__legend li{display:flex;gap:12px;align-items:flex-start}.ft__legend i{flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:#e9ca8e;color:#0a0b0e;font-style:normal;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;margin-top:4px}.ft__legend b{display:block;font-size:17px;color:var(--ink)}.ft__legend span{font-size:15px;line-height:1.5;color:var(--ink2)}@media(prefers-reduced-motion:reduce){.ov-done,.ov-done span,.ov-finger,.ov-tap,.ov-ring,.ov-say,.ov-done--late,.ov-done--late span{animation:none}.ov-done{width:60%}.ov-done span,.ov-say{opacity:1}}@media(max-width:860px){.ft{grid-template-columns:1fr;gap:24px;padding:48px 0}.ft:nth-child(2n) .ft__t{order:0}.ft__h{font-size:30px}.ft__stage{--dx-h:380px}#workflow .ft__stage{--dx-h:560px}}.hero__container:has(#duo){align-items:start}.hero .duo{gap:10px}.hero .duo-stage{--dx-h:320px}.hero .duo-stage[data-orient=port]{--dx-h:420px}
