*{box-sizing:border-box}
  html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
  body{margin:0;background:#0b0805;color:#f5f1e9;font-family:'Hanken Grotesk',system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  ::selection{background:rgba(212,180,131,0.28);color:#fff}
  [id]{scroll-margin-top:96px}
  :focus-visible{outline:2px solid #d4b483;outline-offset:3px;border-radius:4px}
  #buy-bar{display:none}
  @media(max-width:880px){#price-grid{grid-template-columns:1fr !important}}
  @media(max-width:860px){#nav-links{display:none !important}#nav-signin{display:none !important}#nav-burger{display:inline-flex !important}}
  @media(max-width:820px){#buy-bar{display:flex !important}body{padding-bottom:74px}}
  @media(max-width:560px){#nav-cta .full{display:none}#topstrip{display:none}}
.d0{position: relative; min-height: 100vh;}
.d1{border-bottom: 1px solid rgba(245, 241, 233, 0.06); background: rgb(10, 7, 4);}
.d2{max-width: 1180px; margin: 0px auto; padding: 8px 32px; display: flex; align-items: center; justify-content: center; gap: 18px; font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: rgb(138, 132, 120);}
.d3{color: rgb(185, 199, 168);}
.d4{color: rgb(58, 52, 41);}
.d5{position: sticky; top: 0px; z-index: 60; background:#0b0805; border-bottom-color:rgba(245,241,233,0.07); border-bottom: 1px solid transparent; transition: background 0.3s, border-color 0.3s, backdrop-filter 0.3s;}
.d6{max-width: 1180px; margin: 0px auto; padding: 14px 32px; display: flex; align-items: center; gap: 24px;}
.d7{display: flex; align-items: center; gap: 12px; text-decoration: none; flex-shrink: 0;}
.d8{display: block; border-radius: 9px; border: 1px solid rgba(212, 180, 131, 0.25);}
.d9{font-family: Newsreader, serif; font-size: 20px; font-weight: 500; color: rgb(245, 241, 233);}
.da{display: flex; align-items: center; gap: 4px; margin-left: 14px;}
.db{text-decoration: none; color: rgb(179, 171, 156); font-size: 14.5px; font-weight: 500; padding: 8px 13px; border-radius: 8px; transition: color 0.15s, background 0.15s;}
.db:hover{color:#f5f1e9;background:rgba(245,241,233,0.05)}
.dc{text-decoration: none; color: rgb(245, 241, 233); font-size: 14.5px; font-weight: 600; padding: 8px 13px; border-radius: 8px; background: rgba(212, 180, 131, 0.1);}
.dd{margin-left: auto; display: flex; align-items: center; gap: 14px;}
.de{text-decoration: none; color: rgb(179, 171, 156); font-size: 14.5px; font-weight: 600; white-space: nowrap; transition: color 0.15s;}
.de:hover{color:#f5f1e9}
.df{display: inline-flex; align-items: center; gap: 9px; white-space: nowrap; padding: 11px 19px; border-radius: 10px; background: rgb(212, 180, 131); color: rgb(26, 20, 8); font-weight: 600; font-size: 14.5px; text-decoration: none; border: 1px solid rgb(212, 180, 131); box-shadow: rgba(255, 255, 255, 0.22) 0px 1px 0px inset, rgba(212, 180, 131, 0.55) 0px 10px 28px -14px; transition: background 0.18s, transform 0.18s;}
.df:hover{background:#e0c79a;transform:translateY(-1px)}
.dg{font-family: "JetBrains Mono", monospace; font-size: 13px; opacity: 0.8;}
.dh{display: none; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 10px; background: transparent; border: 1px solid rgba(212, 180, 131, 0.28); color: rgb(245, 241, 233); cursor: pointer;}
.di{position: relative; overflow: hidden;}
.dj{position: absolute; top: -160px; left: 50%; transform: translateX(-50%); width: 620px; height: 480px; background: radial-gradient(circle, rgba(212, 180, 131, 0.06), transparent 62%); pointer-events: none;}
.dk{max-width: 760px; margin: 0px auto; padding: clamp(48px, 6vw, 92px) 32px clamp(20px, 3vw, 32px); text-align: center;}
.dl{font-family: "JetBrains Mono", monospace; font-size: 11.5px; letter-spacing: 0.2em; text-transform: uppercase; color: rgb(156, 159, 168); margin-bottom: 18px;}
.dm{font-family: Newsreader, serif; font-weight: 500; font-size: clamp(36px, 5vw, 60px); line-height: 1.03; letter-spacing: -0.022em; margin: 0px 0px 20px; color: rgb(245, 241, 233); text-wrap: balance;}
.dn{font-size: clamp(17px, 1.5vw, 19px); line-height: 1.6; color: rgb(179, 171, 156); margin: 0px;}
.do{max-width: 1100px; margin: 0px auto; padding: clamp(28px, 4vw, 48px) 32px clamp(40px, 5vw, 64px);}
.dp{display: grid; grid-template-columns: 1.25fr 1fr 1fr; gap: 18px; align-items: stretch;}
.dq{background: linear-gradient(165deg, rgb(28, 22, 13), rgb(22, 17, 10)); border: 1px solid rgba(212, 180, 131, 0.32); border-radius: 18px; padding: 34px; display: flex; flex-direction: column;}
.dr{display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px;}
.ds{font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: rgb(212, 180, 131);}
.dt{font-family: "JetBrains Mono", monospace; font-size: 9.5px; letter-spacing: 0.1em; text-transform: uppercase; color: rgb(26, 20, 8); background: rgb(212, 180, 131); padding: 4px 9px; border-radius: 100px;}
.du{display: flex; align-items: baseline; gap: 9px; margin-bottom: 4px;}
.dv{font-family: Newsreader, serif; font-size: 48px; font-weight: 500; color: rgb(245, 241, 233);}
.dw{font-size: 13.5px; color: rgb(138, 132, 120); margin-bottom: 24px;}
.dx{display: flex; flex-direction: column; gap: 11px; margin-bottom: 28px;}
.dy{display: flex; align-items: flex-start; gap: 10px;}
.dz{color: rgb(212, 180, 131); font-size: 13px; flex-shrink: 0; line-height: 1.5;}
.d10{font-size: 14.5px; color: rgb(196, 189, 174); line-height: 1.5;}
.d11{margin-top: auto; display: inline-flex; align-items: center; justify-content: center; padding: 15px 24px; border-radius: 11px; background: rgb(212, 180, 131); color: rgb(26, 20, 8); font-weight: 600; font-size: 16px; text-decoration: none; border: 1px solid rgb(212, 180, 131); box-shadow: rgba(255, 255, 255, 0.22) 0px 1px 0px inset; transition: background 0.18s, transform 0.18s;}
.d11:hover{background:#e0c79a;transform:translateY(-1px)}
.d12{background: rgb(21, 16, 10); border: 1px solid rgba(245, 241, 233, 0.08); border-radius: 18px; padding: 34px; display: flex; flex-direction: column;}
.d13{font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: rgb(156, 159, 168);}
.d14{display: flex; align-items: baseline; gap: 7px; margin-bottom: 4px;}
.d15{font-family: Newsreader, serif; font-size: 42px; font-weight: 500; color: rgb(245, 241, 233);}
.d16{font-size: 13px; color: rgb(138, 132, 120);}
.d17{display: flex; flex-direction: column; gap: 10px; margin-bottom: 28px;}
.d18{color: rgb(156, 159, 168); font-size: 13px; flex-shrink: 0; line-height: 1.5;}
.d19{font-size: 14px; color: rgb(156, 159, 168); line-height: 1.5;}
.d1a{margin-top: auto; display: inline-flex; align-items: center; justify-content: center; padding: 14px 22px; border-radius: 11px; background: transparent; color: rgb(245, 241, 233); font-weight: 600; font-size: 15px; text-decoration: none; border: 1px solid rgba(212, 180, 131, 0.3); transition: border-color 0.18s, background 0.18s;}
.d1a:hover{border-color:rgba(212,180,131,0.6);background:rgba(212,180,131,0.06)}
.d1b{font-family: "JetBrains Mono", monospace; font-size: 9.5px; letter-spacing: 0.1em; text-transform: uppercase; color: rgb(212, 180, 131); border: 1px solid rgba(212, 180, 131, 0.4); padding: 3px 8px; border-radius: 100px;}
.d1c{text-align: center; font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: 0.06em; color: rgb(125, 119, 108); margin: 26px 0px 0px;}
.d1d{border-top: 1px solid rgba(245, 241, 233, 0.06); background: linear-gradient(rgb(13, 10, 6), rgb(11, 8, 5));}
.d1e{max-width: 980px; margin: 0px auto; padding: clamp(56px, 8vw, 100px) 32px;}
.d1f{font-family: Newsreader, serif; font-weight: 500; font-size: clamp(26px, 3.6vw, 40px); line-height: 1.06; letter-spacing: -0.02em; margin: 0px 0px 34px; color: rgb(245, 241, 233); text-align: center;}
.d1g{overflow-x: auto; border: 1px solid rgba(245, 241, 233, 0.08); border-radius: 16px;}
.d1h{min-width: 560px;}
.d1i{display: grid; grid-template-columns: 1.1fr 1.3fr 1.3fr; background: rgba(245, 241, 233, 0.03);}
.d1j{padding: 18px 22px;}
.d1k{padding: 18px 22px; border-left: 1px solid rgba(245, 241, 233, 0.07);}
.d1l{font-family: Newsreader, serif; font-size: 17px; color: rgb(245, 241, 233); font-weight: 500;}
.d1m{display: grid; grid-template-columns: 1.1fr 1.3fr 1.3fr; border-top: 1px solid rgba(245, 241, 233, 0.07);}
.d1n{padding: 16px 22px; font-size: 13.5px; color: rgb(156, 159, 168); font-family: "JetBrains Mono", monospace; letter-spacing: 0.04em; text-transform: uppercase;}
.d1o{padding: 16px 22px; font-size: 14.5px; color: rgb(196, 189, 174); border-left: 1px solid rgba(245, 241, 233, 0.07); line-height: 1.5;}
.d1p{text-align: center; font-size: 14px; color: rgb(138, 132, 120); margin: 24px 0px 0px;}
.d1q{border-top: 1px solid rgba(245, 241, 233, 0.06);}
.d1r{max-width: 1180px; margin: 0px auto; padding: clamp(64px, 9vw, 120px) 32px; text-align: center;}
.d1s{position: relative; overflow: hidden; background: linear-gradient(165deg, rgb(28, 22, 13), rgb(19, 16, 10)); border: 1px solid rgba(212, 180, 131, 0.24); border-radius: 22px; padding: clamp(44px, 7vw, 76px) 32px;}
.d1t{position: absolute; top: -120px; left: 50%; transform: translateX(-50%); width: 560px; height: 360px; background: radial-gradient(circle, rgba(212, 180, 131, 0.1), transparent 60%); pointer-events: none;}
.d1u{position: relative;}
.d1v{font-family: Newsreader, serif; font-weight: 500; font-size: clamp(30px, 4.6vw, 52px); line-height: 1.04; letter-spacing: -0.022em; margin: 0px 0px 18px; color: rgb(245, 241, 233); text-wrap: balance;}
.d1w{font-family: "JetBrains Mono", monospace; font-size: 13px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(156, 159, 168); margin: 0px 0px 32px;}
.d1x{display: inline-flex; align-items: center; gap: 12px; padding: 18px 34px; border-radius: 12px; background: rgb(212, 180, 131); color: rgb(26, 20, 8); font-weight: 600; font-size: 18px; text-decoration: none; border: 1px solid rgb(212, 180, 131); box-shadow: rgba(255, 255, 255, 0.22) 0px 1px 0px inset, rgba(212, 180, 131, 0.6) 0px 18px 44px -18px; transition: background 0.18s, transform 0.18s;}
.d1x:hover{background:#e0c79a;transform:translateY(-1px)}
.d1y{font-family: "JetBrains Mono", monospace; font-size: 15px; padding-left: 13px; border-left: 1px solid rgba(26, 20, 8, 0.3);}
.d1z{border-top: 1px solid rgba(245, 241, 233, 0.08); background: rgb(10, 7, 4);}
.d20{max-width: 1180px; margin: 0px auto; padding: 64px 32px 40px;}
.d21{display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 40px; margin-bottom: 48px;}
.d22{min-width: 200px;}
.d23{display: flex; align-items: center; gap: 11px; text-decoration: none; margin-bottom: 16px;}
.d24{display: block; border-radius: 9px; border: 1px solid rgba(212, 180, 131, 0.22);}
.d25{font-family: Newsreader, serif; font-size: 19px; font-weight: 500; color: rgb(245, 241, 233);}
.d26{font-size: 13.5px; line-height: 1.6; color: rgb(125, 119, 108); margin: 0px; max-width: 240px;}
.d27{font-family: "JetBrains Mono", monospace; font-size: 10.5px; letter-spacing: 0.16em; text-transform: uppercase; color: rgb(138, 132, 120); margin-bottom: 16px;}
.d28{display: flex; flex-direction: column; gap: 11px;}
.d29{text-decoration: none; color: rgb(179, 171, 156); font-size: 14px; transition: color 0.15s;}
.d29:hover{color:#f5f1e9}
.d2a{padding-top: 28px; border-top: 1px solid rgba(245, 241, 233, 0.06); display: flex; flex-wrap: wrap; gap: 16px; justify-content: space-between; align-items: center;}
.d2b{font-size: 12.5px; color: rgb(107, 102, 92); margin: 0px; line-height: 1.6; max-width: 640px;}
.d2c{font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: 0.06em; color: rgb(107, 102, 92);}
.d2d{position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 50; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 18px; background: rgba(13, 10, 6, 0.94); backdrop-filter: blur(14px); border-top: 1px solid rgba(212, 180, 131, 0.2);}
.d2e{line-height: 1.2;}
.d2f{font-family: Newsreader, serif; font-size: 18px; color: rgb(245, 241, 233);}
.d2g{font-size: 12px; color: rgb(138, 132, 120); font-family: "Hanken Grotesk", sans-serif;}
.d2h{font-family: "JetBrains Mono", monospace; font-size: 9.5px; letter-spacing: 0.1em; text-transform: uppercase; color: rgb(138, 132, 120);}
.d2i{display: inline-flex; align-items: center; gap: 8px; padding: 13px 22px; border-radius: 10px; background: rgb(212, 180, 131); color: rgb(26, 20, 8); font-weight: 600; font-size: 15px; text-decoration: none; border: 1px solid rgb(212, 180, 131);}

.pricing-yt{max-width:1100px;margin:40px auto 0;padding:28px 24px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.005));text-align:center}
.pricing-yt__eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#c8a878;margin:0 0 6px}
.pricing-yt__title{font-size:24px;font-weight:800;margin:0 0 8px;color:#f4ede0}
.pricing-yt__lede{font-size:15px;line-height:1.55;color:#c9c4b8;margin:0 auto 18px;max-width:720px}
.pricing-yt__row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.pricing-yt__pill{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;border:1px solid rgba(200,168,120,.35);color:#f4ede0;text-decoration:none;font-size:14px;font-weight:600;background:rgba(200,168,120,.06)}
.pricing-yt__pill:hover{background:rgba(200,168,120,.14);border-color:rgba(200,168,120,.6)}

.pricing-discord{max-width:1100px;margin:40px auto 0;padding:28px 24px;border:1px solid rgba(88,101,242,.35);border-radius:16px;background:linear-gradient(180deg,rgba(88,101,242,.10),rgba(88,101,242,.03));text-align:center}
.pricing-discord__eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#8b95f0;margin:0 0 6px}
.pricing-discord__title{font-size:24px;font-weight:800;margin:0 0 8px;color:#f4ede0}
.pricing-discord__lede{font-size:15px;line-height:1.55;color:#c9c4b8;margin:0 auto 18px;max-width:720px}
.pricing-discord__pill{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:999px;background:#5865f2;color:#fff;text-decoration:none;font-size:15px;font-weight:700}
.pricing-discord__pill:hover{background:#4752c4}

.pricing-monthly-alt{margin-top:.75rem;font-size:.82rem;text-align:center;opacity:.65}
.pricing-monthly-alt a{color:inherit}
