:root{--bg:#080808;--bg-deep:#040404;--bg-card:#0f0f0f;--border:#252525;--border-mid:#2a2a2a;
--text-primary:#F0F0F0;--text-secondary:#C0C0C0;--text-muted:#888;--text-dim:#7A7A7A;--accent:#FFCE82;--accent-dim:#B38B5B;
--display:'Cinzel',Georgia,serif;--body:'Inter',-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--text-primary);font-family:var(--body);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
/* NAV — matches the main site: fixed, blurred, skull + Cinzel wordmark, gold pill CTA */
.dm-nav{position:fixed;top:0;left:0;right:0;z-index:100;height:64px;background:rgba(4,4,4,.94);
backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);
display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,40px)}
.dm-brand{display:flex;align-items:center;gap:10px}
.dm-brand img{width:40px;height:40px;object-fit:contain;opacity:.9}
.dm-brand span{font-family:var(--display);font-size:24px;font-weight:400;letter-spacing:.5px;color:var(--text-primary)}
.dm-nav-right{display:flex;align-items:center;gap:22px}
.dm-nav-link{font-size:13px;letter-spacing:.3px;color:var(--text-muted);transition:color .15s}
.dm-nav-link:hover{color:var(--text-secondary)}
.dm-nav-cta{background:var(--accent);color:#000;font-size:13px;font-weight:700;letter-spacing:.3px;
padding:10px 20px;border-radius:8px;transition:opacity .15s}
.dm-nav-cta:hover{opacity:.85}
@media(max-width:560px){.dm-nav-link{display:none}}
/* HERO — dark with the amber radial glow + skull, like the site hero */
.dm-hero{position:relative;overflow:hidden;background:var(--bg-deep);border-bottom:1px solid var(--border);
text-align:center;padding:140px 24px 72px}
.dm-hero::before{content:'';position:absolute;inset:0;pointer-events:none;
background:radial-gradient(ellipse 65% 55% at 50% 40%,rgba(255,206,130,.28) 0%,rgba(255,206,130,.08) 42%,transparent 74%)}
.dm-hero-inner{position:relative;max-width:600px;margin:0 auto}
.dm-hero-skull{width:132px;height:132px;object-fit:contain;opacity:.92;margin-bottom:28px;
filter:drop-shadow(0 0 40px rgba(255,206,130,.18))}
.dm-hero-title{font-family:var(--display);font-size:clamp(40px,9vw,72px);font-weight:400;color:#fff;letter-spacing:1px;line-height:1;margin-bottom:22px}
.dm-hero-copy{font-size:clamp(16px,2.4vw,19px);color:var(--text-secondary);max-width:520px;margin:0 auto 34px;line-height:1.6}
/* shared eyebrow — uppercase, tracked, matching the site's section eyebrows */
.dm-eyebrow{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--accent-dim);margin-bottom:16px}
.dm-eyebrow-accent{color:var(--accent)}
.dm-main{max-width:640px;margin:0 auto;padding:0 24px}
/* ARTICLE */
.dm-article{padding-top:104px}
.dm-article .dm-eyebrow{margin-top:0}
.dm-theme{font-family:var(--display);font-size:clamp(30px,6vw,44px);color:var(--accent);letter-spacing:.5px;margin-bottom:30px;line-height:1.15}
.dm-quote{font-family:var(--body);font-style:italic;font-size:22px;line-height:1.55;color:var(--text-primary);border-left:2px solid var(--accent);padding-left:22px;margin:0 0 32px}
.dm-context p{font-size:17px;color:var(--text-secondary);line-height:1.75;margin-bottom:20px}
.dm-question{font-style:italic;font-size:18px;color:var(--text-primary);border-top:1px solid var(--border);padding-top:24px;margin-top:8px;line-height:1.6}
.dm-source{font-size:13px;color:var(--text-dim);margin-top:22px}
.dm-source a{color:var(--accent-dim)}
.dm-back{margin:40px 0 8px}.dm-back a{font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--accent-dim)}
/* TIMELINE */
.dm-timeline{padding:8px 0}
.dm-item{display:block;padding:28px 0;border-top:1px solid var(--border);transition:opacity .15s}
.dm-item:first-child{border-top:none}
.dm-item:hover{opacity:.72}
.dm-item-date{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dim)}
.dm-item-theme{font-family:var(--display);font-size:25px;color:var(--accent);margin:8px 0 8px;line-height:1.2}
.dm-item-quote{font-style:italic;font-size:16px;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dm-empty{padding:60px 0;text-align:center;color:var(--text-muted)}
/* SUBSCRIBE CARD */
.dm-subscribe{background:var(--bg-card);border:1px solid var(--border-mid);border-radius:14px;padding:36px 28px;margin:56px 0 40px;text-align:center}
.dm-subscribe .dm-eyebrow{margin-bottom:12px}
.dm-sub-title{font-family:var(--display);font-size:26px;font-weight:400;margin-bottom:10px}
.dm-sub-copy{font-size:15px;color:var(--text-secondary);margin-bottom:22px}
.dm-form{display:flex;border:1px solid var(--border-mid);border-radius:12px;overflow:hidden;max-width:440px;margin:0 auto}
.dm-form-hero{margin:0 auto}
.dm-input{flex:1;background:#111;color:var(--text-primary);font-size:16px;padding:16px 18px;border:none;outline:none;font-family:inherit}
.dm-input::placeholder{color:var(--text-dim)}
.dm-submit{background:var(--accent);color:#000;font-size:15px;font-weight:700;padding:16px 24px;border:none;cursor:pointer;font-family:inherit;white-space:nowrap;transition:opacity .15s}
.dm-submit:hover{opacity:.9}
.dm-note{font-size:13px;color:var(--text-dim);margin-top:12px}
/* APP CTA */
.dm-app{border-top:1px solid var(--border);padding:48px 0 12px;margin-top:20px;text-align:center}
.dm-app-skull{width:72px;height:72px;object-fit:contain;opacity:.85;margin-bottom:18px;filter:drop-shadow(0 0 26px rgba(255,206,130,.15))}
.dm-app-copy{font-size:15px;color:var(--text-secondary);max-width:480px;margin:0 auto 22px;line-height:1.65}
.dm-app .dm-nav-cta{display:inline-block;padding:13px 26px;font-size:14px}
/* FOOTER */
.dm-footer{border-top:1px solid var(--border);margin-top:40px;padding:28px 24px;text-align:center;font-size:13px;color:var(--text-dim)}
.dm-footer a{color:var(--accent-dim)}
.dm-embed{max-width:420px;margin:0 auto;min-height:64px;display:flex;justify-content:center}
.dm-embed iframe,.dm-embed>div{margin:0 auto!important;max-width:100%}
@media(max-width:500px){.dm-form{flex-direction:column}.dm-submit{padding:14px}}