@font-face{font-family:'Proxima Nova';font-weight:600;font-style:normal;src:url(../../assets/fonts/ProximaNova-Semibold.woff2) format('woff2')}
@font-face{font-family:'Inter';font-weight:400;font-style:normal;src:url(../../assets/fonts/Inter-Regular.ttf) format('truetype')}
@font-face{font-family:'Inter';font-weight:700;font-style:normal;src:url(../../assets/fonts/Inter-Bold.woff2) format('woff2')}
body{margin:0}
.hero-bg{background-color:#0e0f2b;background-image:url(../../assets/img/gradient-03.webp);background-size:200% auto;background-position:0% 50%}
.band-bg{background-color:#0e0f2b;background-image:url(../../assets/img/gradient-01.webp);background-size:cover;background-position:center}
.cta-bg{background-color:#0e0f2b;background-image:url(../../assets/img/gradient-02.webp);background-size:cover;background-position:center}
.ic{filter:brightness(0) invert(1)}
.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.bento .a{grid-column:span 2;grid-row:span 2}
.addons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 48px}
.split{display:flex;flex-wrap:wrap;gap:64px;align-items:center}
.dp-wrap{background:#171842;border:1px solid #ffffff3d;border-radius:40px;padding:24px;box-sizing:border-box;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.dp-left{background:rgba(0,0,0,0.6);border:1px solid #ffffff1f;border-radius:32px;padding:32px;box-sizing:border-box;display:flex;flex-direction:column;gap:24px}
.dp-right{background:#ffffff14;border:1px solid #ffffff3d;border-radius:32px;padding:32px;box-sizing:border-box;display:flex;flex-direction:column;gap:24px}
.dp-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:0 24px;box-sizing:border-box;border-radius:48px;font-family:Inter,sans-serif;font-size:18px;line-height:25px;font-weight:700;cursor:pointer;flex:1 1 0}
.dp-gh{background:#ffffff;color:#000000;border:2px solid #ffffff}
.dp-gl{background:transparent;color:#ffffff;border:2px solid #ffffffa3}
.dp-drop{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 24px;box-sizing:border-box;border:2px dashed #ffffff3d;border-radius:24px;text-align:center;cursor:pointer;flex:1}
.dp-drop:hover,.dp-drop:focus-visible{border-color:#ffffffa3}
.dp-step{display:flex;gap:16px;align-items:flex-start}
.dp-circle{width:28px;height:28px;border-radius:50%;border:2px solid #ffffff3d;box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:transparent;transition:background .3s,border-color .3s}
.dp-check{opacity:0;transition:opacity .3s}
.dp-title{font-family:Inter,sans-serif;font-size:16px;line-height:24px;font-weight:700;color:#ffffff59;transition:color .3s}
.dp-sub{font-family:Inter,sans-serif;font-size:14px;line-height:21px;color:#ffffff40;transition:color .3s}
.dp-step.is-done .dp-circle{background:#2d23e8;border-color:#2d23e8}
.dp-step.is-done .dp-check{opacity:1}
.dp-step.is-done .dp-title{color:#ffffff}
.dp-step.is-done .dp-sub{color:#ffffffa3}
.dp-dot{width:8px;height:8px;border-radius:50%;background:#ffffff59;flex-shrink:0;transition:background .3s}
.dp-dot.is-running{background:#D2937C}
.dp-dot.is-done{background:#919C96}
.dp-badge{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 16px;box-sizing:border-box;border-radius:48px;background:#2d23e8;color:#ffffff;font-family:Inter,sans-serif;font-size:14px;line-height:21px;font-weight:700;flex-shrink:0}
@media (max-width:960px){.dp-wrap{grid-template-columns:minmax(0,1fr);padding:16px}.dp-left,.dp-right{padding:24px}}
@media (max-width:480px){.dp-btns{flex-direction:column}}
html{scroll-behavior:smooth}.navlink:hover{background:#ffffff14}details summary{list-style:none;cursor:pointer}
details summary::-webkit-details-marker{display:none}
details[open] .chev{transform:rotate(180deg)}
@media (max-width:960px){.addons{grid-template-columns:repeat(2,minmax(0,1fr))}.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.bento .a{grid-column:span 2;grid-row:auto}.grid3{grid-template-columns:repeat(2,minmax(0,1fr))}.grid2{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.addons{grid-template-columns:minmax(0,1fr)}.grid4{grid-template-columns:minmax(0,1fr)}.bento{grid-template-columns:minmax(0,1fr)}.bento .a{grid-column:auto}.grid3{grid-template-columns:minmax(0,1fr)}}
[hidden]{display:none !important}