.typeL{white-space:nowrap;width:0;animation:9s steps(40,end) infinite typeL;animation-delay:var(--td);overflow:hidden}@keyframes typeL{0%{width:0}18%,90%{width:100%}to{width:0}}.resp{opacity:0;animation:9s cubic-bezier(.32,.72,0,1) infinite resp}@keyframes resp{0%,40%{opacity:0;transform:translateY(10px)}48%,90%{opacity:1;transform:none}to{opacity:0}}.dvStage{--wx:6;--wy:-12;perspective:1700px;perspective-origin:30% 40%;position:relative}.dvStage:after{content:"";filter:blur(8px);height:60px;transform:translateX(calc(var(--wy) * 1.5px + 18px));pointer-events:none;background:radial-gradient(#00000080 0%,#0000 70%);border-radius:50%;transition:transform .6s cubic-bezier(.22,.8,.2,1);position:absolute;bottom:-48px;left:8%;right:8%}.dvWin{z-index:1;transform:rotateX(calc(var(--wx) * 1deg)) rotateY(calc(var(--wy) * 1deg));transform-origin:50%;transition:transform .6s cubic-bezier(.22,.8,.2,1);position:relative;box-shadow:inset 0 1px #ffffff29,0 10px 0 -4px #0a142ce6,0 18px 0 -8px #081024cc,0 50px 100px #00000080}.dvWin:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(112deg,#fff0 36%,#ffffff1a 47%,#fff0 58%) 0 0/260% 100%;background-position:calc(50% - var(--wy) * 4%) 0;transition:background-position .6s cubic-bezier(.22,.8,.2,1);position:absolute;inset:0}.dvZones{z-index:9;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));display:none;position:absolute;inset:-30px}.dvZones i{display:block}@media (hover:hover) and (pointer:fine){html:not([data-motion=off]) .dvZones{display:grid}html:not([data-motion=off]) .dvStage:has(.dvZones i:first-child:hover){--wx:11;--wy:-19}html:not([data-motion=off]) .dvStage:has(.dvZones i:nth-child(2):hover){--wx:11;--wy:-12}html:not([data-motion=off]) .dvStage:has(.dvZones i:nth-child(3):hover){--wx:11;--wy:-5}html:not([data-motion=off]) .dvStage:has(.dvZones i:nth-child(4):hover){--wx:6;--wy:-19}html:not([data-motion=off]) .dvStage:has(.dvZones i:nth-child(5):hover){--wx:4;--wy:-9}html:not([data-motion=off]) .dvStage:has(.dvZones i:nth-child(6):hover){--wx:6;--wy:-5}html:not([data-motion=off]) .dvStage:has(.dvZones i:nth-child(7):hover){--wx:1;--wy:-19}html:not([data-motion=off]) .dvStage:has(.dvZones i:nth-child(8):hover){--wx:1;--wy:-12}html:not([data-motion=off]) .dvStage:has(.dvZones i:nth-child(9):hover){--wx:1;--wy:-5}}@media (prefers-reduced-motion:reduce){html:not([data-motion=on]) .dvZones{display:none!important}}.dvChip{z-index:6;color:#182a52;white-space:nowrap;height:38px;translate:calc(var(--wy) * -1.4px - 14px) calc(var(--wx) * 1.2px - 6px);background:#fffffff0;border-radius:999px;align-items:center;gap:8px;padding:0 15px;font-size:13px;font-weight:700;transition:translate .6s cubic-bezier(.22,.8,.2,1);display:inline-flex;position:absolute;box-shadow:0 22px 44px #00000059,inset 0 1px #fff}.dvChip i{background:#27ae60;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #27ae602e}.dvChipA{top:-16px;right:-18px}.dvChipB{bottom:-18px;left:-26px}@media (width<=1100px){.dvChipA{right:-6px}.dvChipB{left:-6px}}.dvChipB i{background:#f15e27;box-shadow:0 0 0 4px #f15e272e}.dvWin{animation:1.4s cubic-bezier(.22,.8,.2,1) .3s both dvIn}.dvChip{animation:.9s cubic-bezier(.22,.8,.2,1) 1.2s both dvChipIn}@keyframes dvIn{0%{opacity:0;translate:90px 40px;rotate:y -34deg;scale:.92}to{opacity:1;translate:0;rotate:y 0deg;scale:1}}@keyframes dvChipIn{0%{opacity:0;scale:.8}to{opacity:1;scale:1}}html[data-motion=off] .dvWin,html[data-motion=off] .dvChip{animation:none}html[data-motion=off] .typeL{width:auto;animation:none}html[data-motion=off] .resp{opacity:1;animation:none}@media (prefers-reduced-motion:reduce){html:not([data-motion=on]) .dvWin,html:not([data-motion=on]) .dvChip{animation:none}html:not([data-motion=on]) .typeL{width:auto;animation:none}html:not([data-motion=on]) .resp{opacity:1;animation:none}}.dvGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.dvTile{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#182a52;font:inherit;text-align:center;cursor:pointer;background:#fff;border:1px solid #182a521a;border-radius:22px;flex-direction:column;align-items:center;gap:8px;padding:28px 16px 22px;transition:transform .45s cubic-bezier(.32,.72,0,1),box-shadow .45s,border-color .45s;display:flex;position:relative}.dvTile:hover,.dvTile:focus-visible,.dvTile[data-open]{border-color:#182a5247;outline:none;transform:translateY(-6px);box-shadow:0 22px 44px #182a5229}.dvTile:focus-visible{outline-offset:2px;outline:2px solid #f15e27}.dvTile .fi{margin-bottom:6px}.dvN{letter-spacing:-.03em;font-size:30px;font-weight:800;line-height:1}.dvL{font-size:15px;font-weight:700;line-height:1.3}.dvLim{position:absolute;top:14px;right:14px}@media (width<=760px){.dvStage{--wx:5;--wy:-8;margin:10px 0 30px}.dvChipA{top:-18px;right:-4px}.dvChipB{bottom:-22px;left:-4px}.dvGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dvTile{border-radius:18px;gap:6px;padding:30px 6px 14px}.dvN{font-size:22px}.dvL{font-size:12.5px}.dvLim{height:18px;padding:0 6px;font-size:9.5px;top:8px;right:50%;translate:50%}.dvGrid>.fi-tip>.fi-pop{width:min(260px,100vw - 32px)}.dvGrid>.fi-tip:nth-child(3n+1)>.fi-pop{transform-origin:20% 100%;left:0;transform:translateY(8px)scale(.96)}.dvGrid>.fi-tip:nth-child(3n)>.fi-pop{transform-origin:80% 100%;left:auto;right:0;transform:translateY(8px)scale(.96)}.dvGrid>.fi-tip:is(:nth-child(3n+1),:nth-child(3n)):is(:hover,:focus-visible,[data-open])>.fi-pop{transform:translate(0)scale(1)}}@media (width<=640px){.dvStage{zoom:.94;align-self:center;width:580px}.dvChip{zoom:1.06}}@media (width<=600px){.dvStage{zoom:.86}.dvChip{zoom:1.16}}@media (width<=540px){.dvStage{zoom:.78}.dvChip{zoom:1.28}}@media (width<=490px){.dvStage{zoom:.7}.dvChip{zoom:1.42}}@media (width<=440px){.dvStage{zoom:.62}.dvChip{zoom:1.6}}@media (width<=400px){.dvStage{zoom:.58}.dvChip{zoom:1.7}}@media (width<=370px){.dvStage{zoom:.53}.dvChip{zoom:1.85}}.dvTx{flex-direction:column;align-items:center;gap:8px;display:flex}.dvTx .fi-line{max-width:32ch}.dvPlain{cursor:default}@media (width<=760px){.dvGrid{grid-template-columns:minmax(0,1fr);gap:10px}.dvTile{text-align:left;flex-direction:row;align-items:center;gap:14px;padding:14px 16px}.dvTile .fi{--z:48px;margin-bottom:0}.dvTx{align-items:flex-start;gap:3px}.dvTx .fi-line{max-width:none}.dvN{font-size:20px}.dvL{padding-right:0;font-size:14px}.dvLim{top:12px;right:12px;translate:none}.dvGrid>.fi-tip>.fi-pop{transform-origin:50% 100%!important;left:50%!important;right:auto!important;transform:translate(-50%,8px)scale(.96)!important}.dvGrid>.fi-tip:is(:hover,:focus-visible,[data-open])>.fi-pop{transform:translate(-50%)scale(1)!important}}
