/* ═══════════════════════════════════════════════════════════
   PAGE: My Destiny Amulet — exact from HTML design
═══════════════════════════════════════════════════════════ */
.destiny-page{max-width:1080px;margin:0 auto;padding:36px 24px 80px}

.destiny-hero{background:#1C1917;border-radius:var(--r-xl);padding:36px 36px 40px;margin-bottom:40px;position:relative;overflow:hidden}

.destiny-hero .hero-bg{position:absolute;bottom:-55%;right:-35%;width:720px;height:720px;pointer-events:none;opacity:.28;z-index:0}
.destiny-hero .hero-bg svg{width:100%;height:100%;display:block}

.destiny-hero .hero-eyebrow-row,
.destiny-hero .hero-title,
.destiny-hero .hero-sub,
.destiny-hero .hero-lead,
.destiny-hero .hero-flow,
.destiny-hero .hero-btn{position:relative;z-index:1}

.destiny-hero .hero-eyebrow-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.destiny-hero .hero-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--gold-bright)}
.destiny-hero .hero-eyebrow::before{content:'';display:block;width:18px;height:1px;background:var(--gold-bright);opacity:.6}
.destiny-hero .hero-logo{width:52px;height:52px;flex-shrink:0;opacity:.9}
.destiny-hero .hero-logo img{width:52px;height:52px;object-fit:contain;display:block}

.destiny-hero .hero-title{font-family:var(--font-d);font-size:clamp(32px,5vw,52px);color:#FAF8F5;line-height:1.08;letter-spacing:-.8px;margin:0 0 16px}
.destiny-hero .hero-title em{font-style:italic;color:var(--gold-bright)}
.destiny-hero .hero-sub{font-size:13px;color:rgba(250,248,245,.45);font-style:italic;margin:0 0 14px}
.destiny-hero .hero-lead{font-size:14px;color:rgba(250,248,245,.65);line-height:1.7;max-width:480px;margin:0 0 24px}

.destiny-hero .hero-flow{display:flex;align-items:center;gap:0;margin-bottom:28px;flex-wrap:wrap}
.flow-step{display:flex;flex-direction:column;gap:2px}
.flow-label{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#FAF8F5}
.flow-sub{font-size:9px;color:rgba(250,248,245,.38);letter-spacing:.3px}
.flow-arrow{color:var(--gold-bright);opacity:.55;font-size:14px;margin:0 14px 8px;line-height:1}

.btn-gold{display:inline-flex;align-items:center;gap:8px;background:var(--gold-bright);color:#1C1917;font-family:var(--font-b);font-weight:700;font-size:11px;letter-spacing:1px;text-transform:uppercase;padding:12px 24px;border-radius:7px;text-decoration:none;transition:background .2s,transform .2s;white-space:nowrap;cursor:pointer;border:none}
.btn-gold:hover{background:#e0bb40;transform:translateY(-1px)}
.btn-gold svg{width:13px;height:13px;transition:transform .2s}
.btn-gold:hover svg{transform:translateX(3px)}

.btn-dark{display:inline-flex;align-items:center;gap:8px;background:var(--t1);color:#fff;font-family:var(--font-b);font-weight:600;font-size:11px;letter-spacing:.8px;text-transform:uppercase;padding:12px 24px;border-radius:7px;text-decoration:none;transition:background .2s,transform .2s;white-space:nowrap;cursor:pointer;border:none}
.btn-dark:hover{background:#292524;transform:translateY(-1px)}
.btn-dark svg{width:13px;height:13px;transition:transform .2s}
.btn-dark:hover svg{transform:translateX(3px)}

.intro-quote{border-left:3px solid var(--gold-bright);padding:4px 0 4px 22px;margin:0 0 32px;font-family:var(--font-i);font-size:18px;color:var(--t1);line-height:1.65;font-style:italic}

.body-text{font-size:15px;line-height:1.85;color:var(--t2);margin-bottom:36px}
.body-text p{margin:0 0 14px}
.body-text p:last-child{margin-bottom:0}

.destiny-page .section-title{font-family:var(--font-d);font-size:22px;color:var(--t1);margin:0 0 8px;line-height:1.2;letter-spacing:-.01em}
.section-sub{font-size:13px;color:var(--t3);margin:0 0 28px}

.steps-section{margin-bottom:36px;border-top:.5px solid var(--br);padding-top:32px}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.step{padding-right:28px;border-right:.5px solid var(--br);margin-right:28px}
.step:last-child{border-right:none;padding-right:0;margin-right:0}
.step-label{display:block;font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.step h3{font-family:var(--font-d);font-size:18px;color:var(--t1);margin:0 0 10px;line-height:1.2;font-weight:400}
.step p{font-size:13px;color:var(--t2);line-height:1.65;margin:0}

.questions-section{border-top:.5px solid var(--br);padding-top:32px;margin-bottom:0}
.questions-section h2{margin-bottom:20px}
.q-list{list-style:none;padding:0;margin:0 0 20px}
.q-list li{padding:11px 0 11px 22px;border-bottom:.5px solid var(--bg3);font-size:14px;color:var(--t1);line-height:1.6;position:relative}
.q-list li:last-child{border-bottom:none}
.q-arr{position:absolute;left:0;top:12px;color:var(--gold);font-weight:700;font-size:12px}
.q-foot{font-size:13px;color:var(--t2);line-height:1.7;margin:0 0 22px}

.destiny-page .faq-section{margin-top:52px;border-top:.5px solid var(--br);padding-top:36px}

@media(max-width:860px){
  .steps-grid{grid-template-columns:1fr;gap:24px}
  .step{border-right:none;padding-right:0;margin-right:0;border-bottom:.5px solid var(--br);padding-bottom:20px}
  .step:last-child{border-bottom:none;padding-bottom:0}
}
@media(max-width:600px){
  .destiny-hero{padding:22px 20px 28px}
  .destiny-hero .hero-title{font-size:28px}
  .intro-quote{font-size:16px}
}