@import 'home.css';
.dl-wrap { max-width: 620px; margin: 0 auto; padding: 36px 20px 80px; }
.beta-tag { display: inline-block; font-size: 13px; font-weight: 600; letter-spacing: .02em; color: var(--amber); border: 1px solid var(--amber); border-radius: 9999px; padding: 4px 12px; margin-bottom: 16px; }
.dl-wrap h1 { font-family: var(--font-display); font-size: clamp(30px, 6vw, 44px); font-weight: 600; letter-spacing: -0.03em; line-height: 1.08; margin: 0 0 12px; color: var(--text); }
.dl-wrap .lead { color: var(--muted); font-size: 17px; line-height: 1.5; margin: 0 0 26px; max-width: none; text-shadow: none; }
.dl-box { background: var(--surface); border: 1px solid var(--line); border-radius: 22px; padding: 22px 20px; text-align: center; margin-bottom: 34px; }
.dl-box .pill { width: 100%; }
.dl-box small { display: block; margin-top: 12px; color: var(--muted); font-size: 13px; }
.dl-warn { margin: 14px 0 0; font-size: 14px; line-height: 1.5; color: var(--text-2); text-align: left; }
.steps-title { font-size: 22px; font-weight: 600; letter-spacing: -0.3px; margin: 0 0 14px; color: var(--text); }
.steps { list-style: none; counter-reset: step; margin: 0 0 36px; padding: 0; }
.steps li { counter-increment: step; position: relative; background: var(--surface); border: 1px solid var(--line); border-radius: 22px; padding: 18px 18px 6px 58px; margin-bottom: 12px; }
.steps li::before { content: counter(step); position: absolute; left: 16px; top: 18px; width: 28px; height: 28px; border-radius: 50%; background: var(--primary); color: #fff; font-size: 14px; font-weight: 600; display: grid; place-items: center; }
.steps h3 { font-size: 17px; font-weight: 600; margin: 0 0 8px; color: var(--text); letter-spacing: -0.3px; }
.steps p, .faq p { margin: 0 0 12px; color: var(--muted); font-size: 15px; line-height: 1.55; }
.steps b, .faq b { color: var(--text); font-weight: 600; }
.how { background: var(--surface-2); border-radius: 14px; padding: 12px 14px 2px; margin: 0 0 12px; }
.how p { color: var(--text-2); margin-bottom: 10px; }
.steps details { border-top: 1px solid var(--line); padding: 10px 0 2px; margin-bottom: 8px; }
.steps summary { cursor: pointer; font-size: 15px; font-weight: 600; color: var(--text); margin-bottom: 8px; }
.faq h2 { font-size: 17px; font-weight: 600; margin: 22px 0 6px; color: var(--text); letter-spacing: -0.3px; }
.steps li:target { border-color: var(--primary); }