.dl-hero {
    position: relative;
    isolation: isolate;
    min-height: 540px;
    margin: 0 calc(50% - 50vw);
    overflow: hidden;
    border-bottom: 1px solid rgba(213, 164, 72, .25);
    background: #060608;
}
.dl-hero__art, .dl-hero__veil, .dl-hero__runes { position: absolute; inset: 0; width: 100%; height: 100%; }
.dl-hero__art { z-index: -3; object-fit: cover; object-position: 68% 22%; opacity: .78; filter: saturate(.85) contrast(1.06); }
.dl-hero__veil { z-index: -2; background: linear-gradient(90deg,rgba(4,4,6,.99) 0%,rgba(4,4,6,.92) 30%,rgba(4,4,6,.48) 57%,rgba(4,4,6,.16) 78%),linear-gradient(180deg,rgba(5,5,7,.05) 48%,#080806 100%); }
.dl-hero__runes { z-index: -1; pointer-events: none; }
.dl-hero__runes i { position: absolute; border: 1px solid rgba(215,164,69,.13); transform: rotate(45deg); animation: dl-drift 9s ease-in-out infinite alternate; }
.dl-hero__runes i:nth-child(1) { width: 190px; height: 190px; left: 7%; top: 22%; }
.dl-hero__runes i:nth-child(2) { width: 120px; height: 120px; left: 43%; bottom: -45px; animation-delay: -3s; }
.dl-hero__runes i:nth-child(3) { width: 240px; height: 240px; right: 9%; top: -130px; animation-delay: -6s; }
.dl-hero__content { width: min(1224px,calc(100% - 56px)); min-height: 540px; margin: 0 auto; padding: 110px 0 74px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.dl-kicker { display: inline-flex; align-items: center; gap: 10px; color: #dcae52; font: 700 9px/1.2 Inter,sans-serif; letter-spacing: .26em; }
.dl-kicker i { width: 28px; height: 1px; background: linear-gradient(90deg,transparent,#dcae52); }
.dl-hero h1 { max-width: 660px; margin: 13px 0 17px; color: #f8f1e4; font: 700 clamp(44px,6.2vw,82px)/.98 Cinzel,serif; letter-spacing: -.045em; }
.dl-hero__content > p { max-width: 610px; margin: 0; color: #b0a9a0; font-size: 15px; line-height: 1.8; }
.dl-hero__actions { display: flex; gap: 10px; margin-top: 27px; }
.dl-trustline { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 35px; color: #817a71; font: 600 10px Inter,sans-serif; text-transform: uppercase; letter-spacing: .08em; }
.dl-trustline span { display: inline-flex; align-items: center; gap: 7px; }
.dl-trustline svg { color: #c99945; }
.dl-hero__seal { position: absolute; right: max(30px,calc((100vw - 1224px)/2)); bottom: 55px; width: 170px; height: 170px; padding: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: #d9ae59; border: 1px solid rgba(220,169,73,.4); background: rgba(4,4,6,.78); box-shadow: inset 0 0 48px rgba(96,53,148,.17),0 16px 55px rgba(0,0,0,.55); transform: rotate(45deg); }
.dl-hero__seal > * { transform: rotate(-45deg); }
.dl-hero__seal span { font: 700 8px Inter,sans-serif; letter-spacing: .24em; }
.dl-hero__seal strong { margin: 8px -20px 5px; color: #f0e5d2; font: 700 18px Cinzel,serif; white-space: nowrap; }
.dl-hero__seal small { color: #8f816c; font: 600 7px Inter,sans-serif; letter-spacing: .11em; white-space: nowrap; }
.dl-statusbar { position: relative; z-index: 2; display: grid; grid-template-columns: 1.25fr .75fr 1fr .7fr; margin: -28px 0 72px; border: 1px solid rgba(203,155,67,.24); background: rgba(7,7,8,.96); box-shadow: 0 24px 70px rgba(0,0,0,.42); }
.dl-statusbar > div { min-height: 82px; padding: 18px 24px; display: flex; align-items: center; gap: 12px; border-right: 1px solid rgba(203,155,67,.13); }
.dl-statusbar > div:last-child { border: 0; }
.dl-statusbar p { margin: 0; }
.dl-statusbar small { display: block; color: #706a62; font: 700 8px Inter,sans-serif; letter-spacing: .18em; }
.dl-statusbar strong { display: block; margin-top: 5px; color: #d8cbb8; font: 700 13px Cinzel,serif; letter-spacing: .04em; }
.dl-status-dot { width: 8px; height: 8px; flex: 0 0 auto; border-radius: 50%; background: #b28a43; box-shadow: 0 0 13px rgba(214,164,70,.45); }
.dl-status-dot.is-online { background: #35d26f; box-shadow: 0 0 13px rgba(53,210,111,.7); }
.dl-files { scroll-margin-top: 125px; margin-bottom: 88px; }
.dl-section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; margin-bottom: 28px; }
.dl-section-head > div { max-width: 700px; }
.dl-section-head h2, .dl-guide h2, .dl-security h2 { margin: 11px 0 8px; color: #eee6da; font: 700 clamp(29px,4vw,44px)/1.08 Cinzel,serif; letter-spacing: -.025em; }
.dl-section-head p, .dl-guide__intro > p, .dl-security p { margin: 0; color: #8d867e; font-size: 13px; line-height: 1.75; }
.dl-section-head__mark { width: 60px; height: 60px; display: grid; place-items: center; color: #d4a64f; border: 1px solid rgba(215,166,73,.29); background: rgba(8,8,10,.85); transform: rotate(45deg); }
.dl-section-head__mark svg { transform: rotate(-45deg); }
.dl-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.dl-grid.is-single { grid-template-columns: minmax(0,920px); justify-content: center; }
.dl-grid.is-single .dl-card { width: 100%; min-height: 360px; }
.dl-card { position: relative; min-height: 400px; padding: 26px; display: grid; grid-template-columns: 72px minmax(0,1fr); align-content: start; gap: 22px; overflow: hidden; border: 1px solid rgba(205,157,69,.23); background: radial-gradient(circle at 12% 5%,rgba(108,62,154,.16),transparent 35%),linear-gradient(145deg,rgba(12,11,15,.97),rgba(5,5,7,.98)); box-shadow: 0 22px 70px rgba(0,0,0,.28); }
.dl-card::after { content: ""; position: absolute; right: -58px; bottom: -85px; width: 210px; height: 210px; border: 1px solid rgba(208,159,68,.10); transform: rotate(45deg); }
.dl-card.is-featured { border-color: rgba(219,169,76,.4); }
.dl-card.is-pending { filter: saturate(.75); }
.dl-card__topline { grid-column: 1/-1; display: flex; justify-content: space-between; color: #c79844; font: 700 8px Inter,sans-serif; letter-spacing: .19em; }
.dl-card__topline i { color: #81786e; font-style: normal; }
.dl-card__icon { width: 62px; height: 62px; display: grid; place-items: center; color: #e1b55c; border: 1px solid rgba(221,171,77,.36); background: rgba(5,5,8,.72); transform: rotate(45deg); }
.dl-card__icon svg { transform: rotate(-45deg); }
.dl-card__copy small { color: #7d704f; font: 700 8px Inter,sans-serif; letter-spacing: .18em; }
.dl-card__copy h3 { margin: 6px 0 9px; color: #f2eade; font: 700 25px Cinzel,serif; }
.dl-card__copy p { margin: 0; color: #8e8780; font-size: 13px; line-height: 1.7; }
.dl-card__meta { grid-column: 1/-1; display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid rgba(255,255,255,.05); border-bottom: 1px solid rgba(255,255,255,.05); }
.dl-card__meta span { padding: 15px 4px; color: #655f59; font: 700 8px Inter,sans-serif; letter-spacing: .15em; }
.dl-card__meta span + span { padding-left: 20px; border-left: 1px solid rgba(255,255,255,.05); }
.dl-card__meta b { display: block; margin-top: 5px; color: #c6baaa; font-size: 10px; }
.dl-card__actions { position: relative; z-index: 1; grid-column: 1/-1; display: flex; gap: 8px; align-items: center; }
.dl-card__actions .btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
.dl-pending-button { width: 100%; min-height: 48px; display: grid; place-items: center; color: #867f76; border: 1px solid rgba(168,157,143,.19); background: rgba(11,10,11,.62); font: 700 9px Inter,sans-serif; letter-spacing: .16em; }
.dl-empty { padding: 62px 30px; text-align: center; border: 1px solid rgba(205,157,69,.22); background: rgba(7,7,9,.88); }
.dl-empty > span { width: 70px; height: 70px; margin: 0 auto 24px; display: grid; place-items: center; color: #d6a951; border: 1px solid rgba(214,169,81,.33); transform: rotate(45deg); }
.dl-empty > span svg { transform: rotate(-45deg); }
.dl-empty h3 { color: #e9e0d3; font: 700 24px Cinzel,serif; }
.dl-empty p { max-width: 580px; margin: 10px auto 0; color: #89827a; }
.dl-guide { margin-bottom: 88px; display: grid; grid-template-columns: .8fr 1.2fr; gap: 54px; padding: clamp(28px,5vw,58px); border: 1px solid rgba(204,156,69,.21); background: radial-gradient(circle at 0 100%,rgba(109,62,155,.15),transparent 35%),rgba(7,7,9,.9); }
.dl-guide__intro { align-self: center; }
.dl-text-link { display: inline-flex; gap: 9px; margin-top: 24px; color: #d6a850; font: 700 9px Inter,sans-serif; letter-spacing: .13em; }
.dl-steps { margin: 0; padding: 0; display: grid; list-style: none; }
.dl-steps li { position: relative; min-height: 90px; display: grid; grid-template-columns: 55px 1fr; align-items: center; gap: 16px; border-bottom: 1px solid rgba(255,255,255,.055); }
.dl-steps li:last-child { border: 0; }
.dl-steps li > span { color: #a67e39; font: 700 11px Cinzel,serif; }
.dl-steps li > span::after { content: ""; position: absolute; left: 35px; top: 50%; width: 1px; height: 36px; background: linear-gradient(transparent,rgba(210,161,70,.32),transparent); transform: translateY(-50%); }
.dl-steps strong { color: #dcd3c6; font: 700 13px Cinzel,serif; }
.dl-steps p { margin: 4px 0 0; color: #78726b; font-size: 12px; }
.dl-security { margin-bottom: 90px; padding: 30px 34px; display: grid; grid-template-columns: 60px minmax(0,1fr) auto; align-items: center; gap: 25px; border: 1px solid rgba(204,156,69,.24); background: linear-gradient(90deg,rgba(95,57,137,.12),rgba(7,7,9,.93) 42%); }
.dl-security__icon { width: 52px; height: 52px; display: grid; place-items: center; color: #dfb25a; border: 1px solid rgba(216,167,74,.3); transform: rotate(45deg); }
.dl-security__icon svg { transform: rotate(-45deg); }
.dl-security h2 { margin: 7px 0 5px; font-size: 24px; }
@keyframes dl-drift { to { transform: rotate(48deg) translate3d(6px,-8px,0); opacity: .55; } }
@media (max-width:980px) {
    .dl-hero__seal { display: none; }
    .dl-statusbar { grid-template-columns: repeat(2,1fr); }
    .dl-statusbar > div:nth-child(2) { border-right: 0; }
    .dl-statusbar > div:nth-child(-n+2) { border-bottom: 1px solid rgba(203,155,67,.13); }
    .dl-grid { grid-template-columns: 1fr; }
    .dl-guide { grid-template-columns: 1fr; gap: 25px; }
}
@media (max-width:640px) {
    .dl-hero__content { width: calc(100% - 36px); min-height: 565px; padding: 82px 0 60px; }
    .dl-hero__art { object-position: 69% center; opacity: .48; }
    .dl-hero__veil { background: linear-gradient(90deg,rgba(4,4,6,.95),rgba(4,4,6,.67)),linear-gradient(180deg,transparent 42%,#080806); }
    .dl-hero h1 { font-size: 44px; }
    .dl-hero__actions { width: 100%; display: grid; }
    .dl-trustline { display: grid; gap: 11px; }
    .dl-statusbar { margin-bottom: 58px; }
    .dl-statusbar > div { min-height: 72px; padding: 14px; }
    .dl-section-head { align-items: flex-start; }
    .dl-section-head__mark { display: none; }
    .dl-card { grid-template-columns: 54px minmax(0,1fr); padding: 21px 18px; gap: 17px; }
    .dl-card__icon { width: 48px; height: 48px; }
    .dl-card__copy h3 { font-size: 19px; }
    .dl-card__actions { align-items: stretch; flex-direction: column; }
    .dl-card__actions .btn { width: 100%; }
    .dl-guide { padding: 28px 22px; }
    .dl-security { grid-template-columns: 48px 1fr; padding: 24px 20px; }
    .dl-security__icon { width: 42px; height: 42px; }
    .dl-security .btn { grid-column: 1/-1; width: 100%; }
}
@media (prefers-reduced-motion:reduce) { .dl-hero__runes i { animation: none; } }
