@-webkit-keyframes slidein-right-and-show{0%{opacity:0;transform:translate(.5em)}to{opacity:1;transform:translate(0)}}@keyframes slidein-right-and-show{0%{opacity:0;transform:translate(.5em)}to{opacity:1;transform:translate(0)}}@-webkit-keyframes bounce-down{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(20px)}60%{transform:translateY(10px)}}@keyframes bounce-down{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(20px)}60%{transform:translateY(10px)}}@-webkit-keyframes simple-fade-out{0%{display:inline-block;opacity:1}99%{display:inline-block;opacity:.1}to{display:none;opacity:0}}@keyframes simple-fade-out{0%{display:inline-block;opacity:1}99%{display:inline-block;opacity:.1}to{display:none;opacity:0}}.dn-stage{display:flex;flex-direction:column;justify-content:center;min-height:calc(100dvh - 68px);overflow:hidden;padding:32px 24px 40px;position:relative}@media screen and (max-width:900px){.dn-stage{min-height:calc(100dvh - 56px);padding:16px 16px 24px}}.dn-stage__bg{background-color:#04132b;background-image:url(/img/default/deploy-now/hero-bg.webp);background-position:top;background-repeat:no-repeat;background-size:cover;inset:0;position:absolute;z-index:0}@media screen and (max-width:900px){.dn-stage__bg{background-image:url(/img/default/deploy-now/hero-bg-sp.webp)}}.dn-stage__inner{margin:0 auto;max-width:1120px;position:relative;width:100%;z-index:1}.dn-stage__heading{font-size:36px;font-weight:700;line-height:1.45;margin:0 0 24px;text-align:center}@media screen and (max-width:900px){.dn-stage__heading{font-size:24px;text-align:left}}@media screen and (max-width:640px){.dn-stage__heading{font-size:22px}}.dn-stage__note{color:#92949a;font-size:12px;line-height:17px;margin:16px 0 0;text-align:center}.dn-dropzone{align-items:center;background:hsla(0,0%,100%,.045);border:2px dashed rgba(230,230,236,.6);border-radius:12px;display:flex;justify-content:center;min-height:56vh;padding:40px 24px;position:relative;text-align:center;transition:border-color .2s,background .2s,transform .2s}@media screen and (max-width:900px){.dn-dropzone{min-height:0;padding:24px 16px}}body.is-dragging .dn-dropzone{background:rgba(252,108,12,.1);border-color:#fc6c0c;border-style:solid;transform:scale(1.005)}.dn-dropzone__panel{align-items:center;display:flex;flex-direction:column;gap:24px;max-width:720px;width:100%}@media screen and (max-width:900px){.dn-dropzone__panel{gap:16px}}.dn-dropzone__art{color:#c4c9db;height:96px;width:96px}body.is-dragging .dn-dropzone__art{color:#fc6c0c}@media screen and (max-width:640px){.dn-dropzone__art{height:56px;width:56px}}.dn-dropzone__art-arrow{transition:transform .25s ease}body.is-dragging .dn-dropzone__art-arrow{transform:translateY(-4px)}.dn-dropzone__title{font-size:24px;font-weight:700;line-height:35px;margin:0}@media screen and (max-width:900px){.dn-dropzone__title{font-size:20px;line-height:30px}}@media screen and (max-width:640px){.dn-dropzone__title{font-size:16px}}.dn-dropzone__sub{color:#92949a;font-size:14px;line-height:22px;margin:0}@media screen and (max-width:640px){.dn-dropzone__sub{font-size:12px}}@media screen and (max-width:900px){.dn-dropzone__br-pc{display:none}}.dn-dropzone__leaving{align-items:center;display:flex;flex-direction:column;gap:16px}.dn-dropzone__spinner{-webkit-animation:dn-dropzone-spin .8s linear infinite;animation:dn-dropzone-spin .8s linear infinite;border:2px solid #333845;border-radius:50%;border-top-color:#fc6c0c;height:32px;width:32px}@media(prefers-reduced-motion:reduce){.dn-dropzone__spinner{-webkit-animation-duration:2.4s;animation-duration:2.4s}}@-webkit-keyframes dn-dropzone-spin{to{transform:rotate(1turn)}}@keyframes dn-dropzone-spin{to{transform:rotate(1turn)}}.dn-header__back{align-items:center;background:linear-gradient(84deg,#ef2e08 10%,#ff8431 139%);border:.83px solid #4b76a9;border-radius:8px;color:#fff;display:none;font-size:14px;font-weight:700;gap:4px;padding:6px 16px;text-decoration:none;transition:opacity .2s;white-space:nowrap}.dn-header__back:hover{color:#fff;opacity:.8}body.is-scrolled .dn-header__back{display:inline-flex}@media screen and (max-width:900px){.dn-header__back{height:36px;justify-content:center;padding:0;width:36px}.dn-header__back-label{display:none}}[id]{scroll-margin-top:84px}@media screen and (max-width:900px){[id]{scroll-margin-top:72px}}.dn-features__card{min-height:240px}@media screen and (max-width:900px){.dn-features__card{min-height:auto}}
