.dc-config{--dcc-pri:var(--nw-brand-primary,#ef7a17);--dcc-sec:var(--nw-brand-secondary,#032038);--dcc-ink:#0f2233;--dcc-muted:#5b6b78;background:radial-gradient(120% 80% at 50% 0,#fbfcfe 0%,#f4f6f9 60%,#eef1f5 100%);padding:clamp(48px,7vw,96px) 20px;font-family:DM Sans,system-ui,sans-serif;position:relative;overflow:hidden}.dc-config__inner{text-align:center;max-width:1180px;margin:0 auto}.dc-config__head{z-index:2;position:relative}.dc-config__badge{color:var(--dcc-pri);letter-spacing:.04em;text-transform:uppercase;background:#ef7a171a;border-radius:999px;align-items:center;gap:8px;padding:7px 16px 7px 12px;font-size:13px;font-weight:600;display:inline-flex}.dc-config__badge svg{width:15px;height:15px}.dc-config__title{letter-spacing:-.02em;color:var(--dcc-sec);overflow-wrap:break-word;margin:22px 0 0;font-family:DM Sans,sans-serif;font-size:clamp(24px,7vw,92px);font-weight:800;line-height:.98}.dc-config__title span{display:block}.dc-config__title-accent{color:var(--dcc-pri)}.dc-config__rule{background:var(--dcc-sec);opacity:.85;border-radius:999px;width:64px;height:3px;margin:clamp(20px,3vw,34px) auto;display:block}.dc-config__text{max-width:640px;color:var(--dcc-muted);margin:0 auto;font-size:clamp(16px,1.6vw,19px);line-height:1.7}.dc-config__chips{flex-wrap:wrap;justify-content:center;gap:10px 14px;margin:26px 0 0;padding:0;list-style:none;display:flex}.dc-config__chip{color:var(--dcc-ink);background:#fff;border:1px solid #e5e9ef;border-radius:999px;align-items:center;gap:8px;padding:8px 15px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #0320380d}.dc-config__chip svg{width:15px;height:15px;color:var(--dcc-pri)}.dc-config__stage{--dcc-cardw:clamp(220px, 25vw, 330px);--dcc-cardh:calc(var(--dcc-cardw) * .75 + 16px);--maxty:80px;height:calc(var(--dcc-cardh) + var(--maxty) + 8px);max-width:1120px;margin:clamp(32px,4vw,52px) auto clamp(6px,1.5vw,16px);position:relative}.dc-config__card{left:50%;bottom:var(--maxty);width:var(--dcc-cardw);transform-origin:bottom;transform:translateX(calc(-50% + var(--x,0px))) translateY(var(--ty,0px)) rotate(var(--rot,0deg));will-change:transform;background:#fff;border-radius:16px;margin:0;padding:8px;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s;position:absolute;overflow:hidden;box-shadow:0 18px 40px -18px #03203866}.dc-config__card img{aspect-ratio:4/3;object-fit:cover;border-radius:10px;width:100%;display:block}.dc-config__card.is-center{box-shadow:0 34px 60px -22px #03203880}.dc-config__card figcaption{color:var(--dcc-ink);padding:8px 4px 2px;font-size:13px;font-weight:600}.dc-config__stage:hover .dc-config__card{opacity:.72}.dc-config__card:hover{transform:translateX(calc(-50% + var(--x,0px))) translateY(calc(var(--ty,0px) - 26px)) rotate(0deg) scale(1.04);box-shadow:0 40px 70px -24px #0320388c;opacity:1!important;z-index:99!important}.dc-config__hint{color:var(--dcc-sec);background:#0320380d;border-radius:999px;align-items:center;gap:9px;margin:clamp(18px,3vw,30px) auto 0;padding:10px 18px;font-size:14px;font-weight:500;line-height:1.4;display:inline-flex}.dc-config__hint svg{width:18px;height:18px;color:var(--dcc-pri);flex:none}.dc-config__actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:clamp(24px,3.5vw,40px);display:flex}.dc-config__btn{border-radius:12px;align-items:center;gap:10px;padding:15px 30px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.dc-config__btn svg{width:18px;height:18px;transition:transform .2s}.dc-config__btn--primary{background:var(--dcc-pri);color:#fff;box-shadow:0 12px 26px -10px #ef7a1799}.dc-config__btn--primary:hover{transform:translateY(-2px);box-shadow:0 18px 32px -12px #ef7a17b3}.dc-config__btn--primary:hover svg{transform:translate(4px)}.dc-config__btn--ghost{color:var(--dcc-sec);background:#fff;border:1.5px solid #dbe1e9}.dc-config__btn--ghost:hover{border-color:var(--dcc-sec);transform:translateY(-2px)}@media (width<=860px){.dc-config__stage{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:14px;height:auto;margin-top:clamp(28px,8vw,44px);padding:6px 4px 18px;display:flex;overflow-x:auto}.dc-config__stage::-webkit-scrollbar{display:none}.dc-config__card{scroll-snap-align:center;flex:0 0 78%;max-width:320px;position:relative;bottom:auto;left:auto;box-shadow:0 14px 30px -16px #03203866;opacity:1!important;transform:none!important}.dc-config__stage:hover .dc-config__card{opacity:1}}
