/* ALFIE support - styled after the JRS Core docs: charcoal brush bars and cards, RDR title font, Hapna body, white inset edge. */
@font-face{font-family:'JRS Title';src:url(/assets/RDRLino-Regular.ttf);font-display:swap}
@font-face{font-family:'JRS Body';src:url(/assets/Hapna-Regular.ttf);font-display:swap}
:root{
  --bg:#050505;--panel:#0c0c0b;--field:rgba(0,0,0,.44);
  --line:rgba(255,255,255,.09);--line2:rgba(255,255,255,.17);
  --text:#f2eee7;--muted:#c8c3bb;--dim:#85817b;--edge:rgba(255,255,255,.85);
  --title:'JRS Title',Georgia,'Times New Roman',serif;
  --body:'JRS Body','Segoe UI',system-ui,-apple-system,'Noto Sans',Tahoma,sans-serif;
  --card:url(/assets/store/card.png);--card-on:url(/assets/store/card-active.png);--tab:url(/assets/store/tab.png);--tab-on:url(/assets/store/tab-active.png);
  --hdr:url(/assets/store/ui-header.png);--paper:url(/assets/store/panel-background.png);
  --shadow:0 10px 30px rgba(0,0,0,.35);--shadow2:0 18px 50px rgba(0,0,0,.5);--r:14px;--r-sm:10px;
  color-scheme:dark;
}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{min-height:100vh;background:var(--bg) var(--paper) center top/cover fixed;color:var(--text);font-family:var(--body);font-size:16px;line-height:1.7;overflow-x:clip;overflow-wrap:break-word}
a{color:inherit;text-decoration:none}
.wrap{max-width:1080px;margin:0 auto;padding:0 clamp(14px,4vw,32px)}
/* header */
nav{position:sticky;top:0;z-index:10;background:var(--hdr) center/100% 100% no-repeat,rgba(5,5,5,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line2)}
nav .wrap{display:flex;align-items:center;justify-content:space-between;height:66px}
.logo{font-family:var(--title);font-size:28px;letter-spacing:.06em;text-shadow:0 1px 2px #000}
.nl{display:flex;gap:10px;align-items:center}
.pill,.tab{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 20px;border:0;border-radius:var(--r-sm);color:var(--text);font:inherit;font-size:15px;text-shadow:0 1px 2px #000;cursor:pointer;white-space:nowrap;background:var(--tab) center/100% 100% no-repeat,#242422;transition:filter .15s}
.pill:hover,.tab:hover{filter:brightness(1.18)}
.tab.on{color:#fff;font-weight:700;background-image:var(--tab-on);box-shadow:inset 3px 0 0 var(--edge),inset 0 -2px 0 rgba(255,255,255,.35);filter:brightness(1.12)}
.tab small{display:block;color:var(--muted);font-size:12px}
.tab{flex-direction:column;gap:0;padding:12px 16px}
/* hero */
.hero{padding:84px 0 40px;text-align:center}
.live{display:inline-flex;gap:10px;align-items:center;padding:8px 20px;border-radius:var(--r-sm);font-size:14px;color:var(--muted);background:var(--tab) center/100% 100% no-repeat,#242422;text-shadow:0 1px 2px #000}
.live i{width:8px;height:8px;border-radius:50%;background:#fff;animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(255,255,255,0)}0%{box-shadow:0 0 0 0 rgba(255,255,255,.5)}}
h1{font-family:var(--title);font-weight:400;font-size:clamp(70px,15vw,160px);letter-spacing:.05em;line-height:1.05;margin:24px 0 8px;color:#fff;text-shadow:0 4px 0 #000,0 10px 50px rgba(255,255,255,.12)}
.sub{font-size:clamp(17px,2.4vw,21px);color:var(--muted);max-width:640px;margin:0 auto 30px}
.cta{display:inline-flex;align-items:center;padding:16px 46px;border-radius:var(--r-sm);font-family:var(--title);font-size:22px;color:#fff;text-shadow:0 1px 2px #000;background:var(--tab-on) center/100% 100% no-repeat,#2a2a28;box-shadow:inset 3px 0 0 var(--edge),inset 0 -2px 0 rgba(255,255,255,.35),var(--shadow2);transition:filter .15s,transform .15s}
.cta:hover{filter:brightness(1.2);transform:translateY(-2px)}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:720px;margin:48px auto 0}
.card{border-radius:var(--r);padding:22px;background:var(--card) center/100% 100% no-repeat,#1a1a19;box-shadow:var(--shadow);transition:filter .15s,transform .15s,box-shadow .15s}
.st{padding:20px 14px}
.st b{display:block;font-family:var(--title);font-size:30px;font-weight:400;letter-spacing:.03em}
.st span{color:var(--dim);font-size:14px}
/* sections */
section{padding:52px 0}
.eyebrow{text-align:center;color:var(--dim);letter-spacing:.32em;font-size:12px;text-transform:uppercase}
h2{text-align:center;font-family:var(--title);font-weight:400;font-size:clamp(28px,4.2vw,42px);letter-spacing:.04em;margin:6px 0 28px;text-shadow:0 2px 0 #000}
.goal{max-width:780px;margin:0 auto}
.goal .row{display:flex;justify-content:space-between;color:var(--muted);font-size:15px;margin-bottom:10px;gap:12px}
.bar{height:16px;border-radius:99px;background:rgba(0,0,0,.6);border:1px solid var(--line2);overflow:hidden}
.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#8a867e,#fff);border-radius:99px;transition:width 1.4s cubic-bezier(.2,.8,.2,1)}
.tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.tier{cursor:pointer;text-align:center;position:relative}
.tier:hover{filter:brightness(1.16);background-image:var(--card-on);transform:translateY(-4px);box-shadow:inset 3px 0 0 var(--edge),var(--shadow2)}
.tier.on{background-image:var(--card-on);filter:brightness(1.18);box-shadow:inset 3px 0 0 var(--edge),inset 0 -2px 0 rgba(255,255,255,.35),var(--shadow2)}
.tier .n{font-family:var(--title);font-size:22px;letter-spacing:.04em;margin-bottom:4px}
.tier .p{font-family:var(--title);font-size:40px;line-height:1.2}
.tier .p small{font-family:var(--body);font-size:15px;color:var(--dim)}
.tier ul{list-style:none;padding:0;margin:12px 0 0;color:var(--muted);font-size:14px}
.tier li{padding:3px 0}
.tier.on::after{content:"\2713";position:absolute;top:10px;right:14px;color:#fff}
.co{max-width:640px;margin:0 auto}
.tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-bottom:14px}
input,textarea{width:100%;background:var(--field);border:1px solid var(--line2);border-radius:var(--r-sm);padding:13px 16px;font:inherit;font-size:16px;color:var(--text);margin-top:10px;outline:none;transition:border-color .15s,box-shadow .15s}
input:focus,textarea:focus{border-color:var(--edge);box-shadow:0 0 0 3px rgba(255,255,255,.1)}
::placeholder{color:var(--dim)}
textarea{height:84px;resize:none}
.go{width:100%;margin-top:16px;border:0;border-radius:var(--r-sm);padding:18px;font-family:var(--title);font-size:22px;letter-spacing:.04em;color:#fff;text-shadow:0 1px 2px #000;cursor:pointer;background:var(--tab-on) center/100% 100% no-repeat,#2a2a28;box-shadow:inset 3px 0 0 var(--edge),inset 0 -2px 0 rgba(255,255,255,.35);transition:filter .15s,transform .15s}
.go:hover{filter:brightness(1.2);transform:translateY(-2px)}
.go:disabled{opacity:.5;cursor:wait;transform:none}
.err{min-height:24px;text-align:center;color:var(--muted);margin-top:10px;font-size:15px}
.testb{display:none;text-align:center;border-radius:var(--r-sm);padding:6px;font-size:13px;margin-bottom:12px;background:var(--tab) center/100% 100% no-repeat,#242422}
.secure{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;color:var(--dim);font-size:13px;margin-top:12px}
.wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.sup{padding:16px 18px}
.sup b{font-size:17px}.sup .a{float:right;font-family:var(--title)}
.sup p{color:var(--dim);font-size:14px;margin-top:4px;word-break:break-word}
.top{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:22px}
.top div{padding:8px 22px;border-radius:var(--r-sm);background:var(--tab) center/100% 100% no-repeat,#242422;text-shadow:0 1px 2px #000}
.empty{text-align:center;color:var(--dim)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.steps .card{text-align:center}
.steps .k{font-family:var(--title);font-size:36px;color:var(--dim)}
details{margin-bottom:10px;border-radius:var(--r-sm);padding:0;background:var(--card) center/100% 100% no-repeat,#1c1c1b;box-shadow:var(--shadow)}
summary{cursor:pointer;font-weight:700;list-style:none;padding:16px 20px;border-radius:var(--r-sm)}
summary::-webkit-details-marker{display:none}
details[open] summary{background:var(--tab-on) center/100% 100% no-repeat;box-shadow:inset 3px 0 0 var(--edge)}
details p{color:var(--muted);padding:12px 20px 16px}
footer{border-top:1px solid var(--line2);padding:30px 0;text-align:center;color:var(--dim);font-size:14px;margin-top:40px;background:rgba(5,5,5,.7)}
.rv{opacity:0;transform:translateY(24px);transition:.8s}
.rv.in{opacity:1;transform:none}
[dir=rtl] .tier.on::after{right:auto;left:14px}
[dir=rtl] .sup .a{float:left}
[dir=rtl] .tab.on,[dir=rtl] .go,[dir=rtl] .cta{box-shadow:inset -3px 0 0 var(--edge),inset 0 -2px 0 rgba(255,255,255,.35)}
@media(max-width:820px){.tiers{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr 1fr}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}