:root {
  color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --bg:#111315;--panel:#19191f;--raised:#282231;--line:#44394f;
  --text:#f0eaf7;--muted:#a99daf;--lilac:#c5a8f3;--lilac-deep:#765a94;
  color:var(--text);background:var(--bg);
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0;min-height:100vh;background:radial-gradient(circle at 74% 8%,#4e37664f,transparent 32rem),radial-gradient(circle at 10% 72%,#34253f3d,transparent 30rem),var(--bg); }
body::before { content:"";position:fixed;inset:0;z-index:-1;opacity:.16;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(to bottom,#000,transparent 86%); }
a { color:inherit;text-decoration:none; }
header { position:sticky;top:14px;z-index:20;max-width:1280px;margin:14px auto 0;padding:12px 14px 12px 18px;display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid #493e54;border-radius:12px;background:#19171ef2;box-shadow:0 18px 60px #0005;backdrop-filter:blur(20px); }
.brand { display:flex;gap:11px;align-items:center;font-weight:700; }
.brand b { display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:var(--lilac);color:#291a3d; }
.brand span { font-size:14px; }
.surface-switcher { display:flex;align-items:center;gap:3px;padding:3px;border:1px solid #493e54;border-radius:9px;background:#121116; }
.surface-switcher a { padding:8px 11px;border-radius:6px;color:#a99eb2;font-size:10px;white-space:nowrap;transition:background .2s,color .2s,transform .2s; }
.surface-switcher a:hover { background:#28212f;color:#fff;transform:translateY(-1px); }
.surface-switcher a[aria-current=page] { background:var(--lilac);color:#24162f; }
main { max-width:1280px;margin:auto;padding:0 26px; }
.intro { position:relative;min-height:560px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:95px 48% 75px 0;border-bottom:1px solid var(--line);overflow:hidden; }
.eyebrow,.label,.plan-index { font:10px/1.6 ui-monospace,SFMono-Regular,monospace;letter-spacing:.12em;color:#b9a5c9; }
h1,h2,h3,p { margin-top:0; }
h1 { font-size:clamp(52px,7.5vw,104px);font-weight:520;letter-spacing:-.075em;line-height:.93;margin:24px 0 30px; }
em { font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--lilac); }
p { color:var(--muted);font-size:15px;line-height:1.75; }
.intro p { max-width:620px; }
.notice { display:inline-flex;margin-top:10px;padding:9px 14px;border:1px solid #594a66;border-radius:30px;background:#211c28;color:#cdbdd8;font-size:10px; }
.pricing-orbit { position:absolute;right:3%;top:80px;width:440px;height:440px;display:grid;place-items:center; }
.pricing-orbit::before,.pricing-orbit::after,.pricing-orbit i { content:"";position:absolute;border:1px solid #b99bdb4f;border-radius:50%;animation:orbit 18s linear infinite; }
.pricing-orbit::before { inset:0; }
.pricing-orbit::after { inset:48px;animation-direction:reverse;animation-duration:13s; }
.pricing-orbit i:first-child { inset:96px; }
.pricing-orbit i:nth-child(2) { width:24px;height:24px;right:39px;top:195px;background:var(--lilac);box-shadow:0 0 45px #c5a8f3; }
.pricing-orbit b { display:grid;place-items:center;width:180px;height:180px;border-radius:42px;background:linear-gradient(145deg,#eadcff,#c5a8f3 52%,#76539a);color:#2b183c;font:italic 105px/.8 Georgia,serif;box-shadow:18px 25px 70px #0008,inset 2px 2px #fff8;transform:rotate(-9deg);animation:float 5s ease-in-out infinite; }
.plans { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch;padding:72px 0; }
.plans article { position:relative;min-height:650px;padding:34px;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:radial-gradient(circle at 85% 5%,#8d6aaa22,transparent 17rem),var(--panel);box-shadow:0 30px 90px #0003;transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s;animation:card-in .65s both; }
.plans article:nth-child(2) { animation-delay:.1s; }
.plans article:nth-child(3) { animation-delay:.2s; }
.plans article::after { content:"";position:absolute;width:230px;height:230px;right:-100px;bottom:-110px;border:1px solid #c5a8f32c;border-radius:50%;box-shadow:0 0 0 34px #c5a8f30a;pointer-events:none; }
.plans article:hover { transform:translateY(-10px);border-color:#806a91;box-shadow:0 38px 110px #0006; }
.plans article.featured { border-color:#9a7aba;background:radial-gradient(circle at 80% 4%,#c5a8f33d,transparent 19rem),linear-gradient(150deg,#292032,#19191f 65%); }
.plan-index { margin-left:auto; }
.plans h2 { font-size:42px;font-weight:520;letter-spacing:-.055em;margin:27px 0 12px; }
.plans article p { min-height:58px; }
.price { font-size:30px;font-weight:580;margin:34px 0 22px;letter-spacing:-.04em; }
.price small { display:block;color:#93879c;font-size:11px;letter-spacing:0;font-weight:400;margin-top:8px; }
.plans button { width:100%;min-height:50px;padding:13px;border:1px solid #554860;border-radius:10px;background:#26202d;color:#a99eb2;font-size:12px;font-weight:650;cursor:not-allowed; }
.plans button:not(:disabled) { cursor:pointer;background:var(--lilac);color:#291a3d;border-color:var(--lilac); }
.plans button.secondary-pay,.token-grid button.secondary-pay { margin-top:8px;background:transparent;color:var(--lilac); }
.featured button { background:var(--lilac);color:#291a3d;border-color:var(--lilac); }
.badge { position:absolute;top:27px;left:34px;padding:7px 12px;border-radius:30px;background:var(--lilac);color:#291a3d;font-size:8px;font-weight:800;letter-spacing:.07em; }
.featured .label { margin-top:34px; }
.plans ul { list-style:none;padding:24px 0 0;margin:28px 0 0;border-top:1px solid #403548; }
.plans li { position:relative;padding:0 0 0 24px;margin:17px 0;color:#c7bdce;font-size:12px;line-height:1.55; }
.plans li::before { content:'✓';position:absolute;left:0;color:var(--lilac); }
.token-store { padding:10px 0 72px; }
.token-store-copy { max-width:650px;margin-bottom:28px; }
.token-store-copy h2 { margin:10px 0 12px;font-size:clamp(36px,5vw,64px);font-weight:520;letter-spacing:-.06em; }
.token-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px; }
.token-grid article { padding:27px;border:1px solid var(--line);border-radius:16px;background:#18181e; }
.token-grid article.featured { border-color:#9a7aba;background:linear-gradient(145deg,#2b2134,#18181e); }
.token-grid h3 { margin:20px 0 0;font-size:40px;letter-spacing:-.05em; }
.token-grid p { margin:0 0 22px;font-size:12px; }
.token-grid strong { display:block;margin-bottom:18px;font-size:20px;font-weight:580; }
.token-grid button { width:100%;min-height:46px;border:1px solid var(--lilac);border-radius:9px;background:var(--lilac);color:#291a3d;font-weight:700;cursor:pointer; }
.token-grid button:disabled { opacity:.55;cursor:not-allowed; }
.info { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0 0 50px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--line); }
.info>div { min-height:235px;padding:38px;background:#18181d; }
.info h3 { font-size:21px;font-weight:520;letter-spacing:-.035em; }
.info p { font-size:12px;max-width:470px; }
footer { padding:28px 0 46px;color:#807486;font-size:10px;border-top:1px solid var(--line); }
a:focus-visible,button:focus-visible { outline:2px solid var(--lilac);outline-offset:4px; }
@keyframes orbit { to { transform:rotate(360deg); } }
@keyframes float { 50% { transform:rotate(-5deg) translateY(-15px); } }
@keyframes card-in { from { opacity:0;transform:translateY(30px); } }
@media(max-width:1000px) {
  .intro { padding-right:40%; }.pricing-orbit { right:-90px;opacity:.65; }
  .plans { grid-template-columns:1fr;max-width:690px;margin:auto; }.plans article { min-height:0; }.plans article p { min-height:0; }.token-grid { grid-template-columns:1fr; }
}
@media(max-width:700px) {
  header { top:8px;margin:8px 8px 0;padding:10px; }.brand span { display:none; }
  .surface-switcher { position:fixed;left:8px;right:8px;bottom:8px;z-index:50;justify-content:center;box-shadow:0 16px 50px #000b; }
  .surface-switcher a { flex:1;text-align:center;padding:10px 3px; }
  .intro { min-height:620px;padding:80px 0 250px; }.pricing-orbit { width:280px;height:280px;right:calc(50% - 140px);top:auto;bottom:5px;opacity:.8; }
  .pricing-orbit::after { inset:32px; }.pricing-orbit i:first-child { inset:64px; }.pricing-orbit i:nth-child(2) { right:23px;top:125px; }
  .pricing-orbit b { width:115px;height:115px;border-radius:28px;font-size:68px; }.plans { padding-top:45px; }.plans article { padding:28px; }
  .info { grid-template-columns:1fr; }.info>div { min-height:0; }main { padding-inline:18px; }h1 { font-size:52px; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }.pricing-orbit::before,.pricing-orbit::after,.pricing-orbit i,.pricing-orbit b,.plans article { animation:none!important; }.plans article { transition:none!important; }
}