*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#080e19;color:#f6efe1;font:17px/1.65 system-ui,-apple-system,sans-serif}a{color:#e6c888}button,a,summary{touch-action:manipulation}a:focus-visible,summary:focus-visible{outline:3px solid #96e6ff;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.1;letter-spacing:-.035em}h1{font-size:clamp(38px,4.6vw,65px)}h2{font-size:clamp(32px,4vw,52px)}h3{font-size:22px;line-height:1.3}em{font-style:normal;color:#e6c888}.top{max-width:1400px;margin:auto;padding:24px 30px;display:flex;gap:30px;align-items:center;border-bottom:1px solid #e6c88835}.brand{font:34px Georgia;letter-spacing:.15em;text-decoration:none}.brand small{display:block;font:10px system-ui;letter-spacing:.12em;white-space:nowrap}.top nav{display:flex;gap:22px;margin-left:auto;align-items:center;font-size:14px}.top nav>a{text-decoration:none;color:#e5e7ef}.top details{position:relative}.top summary{cursor:pointer;color:#e6c888;min-height:44px;display:flex;align-items:center}.menu{position:absolute;right:0;top:45px;width:260px;background:#162235;border:1px solid #8b784e;padding:12px;z-index:10;box-shadow:0 15px 35px #0008}.menu a{display:block;padding:10px;text-decoration:none}main{max-width:1200px;margin:auto;padding:0 30px}section{padding:72px 0;border-bottom:1px solid #ffffff1c}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;padding-top:36px}.hero-card{min-width:0}.hero-card sig-rotating-card{min-height:560px}.eyebrow{font-size:14px;letter-spacing:.14em;color:#e6c888;font-weight:650}.lede{font-size:21px;max-width:760px;color:#cbd2de}.small{font-size:14px;color:#aebbcf;max-width:850px}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:26px 0}.button{display:inline-block;padding:14px 22px;border:1px solid #a18b5f;text-decoration:none;border-radius:6px;font-weight:650}.primary{background:#e6c888;color:#0a111e}.three,.four,.steps{display:grid;gap:18px;margin:30px 0}.three{grid-template-columns:repeat(3,1fr)}.four,.steps{grid-template-columns:repeat(4,1fr)}article,.four a{padding:26px;background:#121c2c;border:1px solid #e6c88833;border-radius:8px}.four a{text-decoration:none;color:inherit}.four p,.steps p{font-size:16px;color:#c0ccdd}.price{display:block;font:46px Georgia}.price small{font:16px system-ui}.time{display:block;margin:14px 0;color:#e6c888;font-size:20px}.steps span{color:#e6c888;font:30px Georgia;display:block;margin-bottom:20px}.development{border-left:3px solid #e6c888;padding:10px 18px;color:#cbd2de}.sequence{display:grid;grid-template-columns:1.5fr 1fr;gap:55px;align-items:center}.sequence-art{text-align:center;text-decoration:none}.sequence-art img{display:block;width:100%;max-height:440px;object-fit:contain}.sequence-art span{display:block;font-size:14px;margin-top:15px}.last{max-width:850px}.faq{margin-top:28px;padding:18px;background:#121c2c}.faq summary{cursor:pointer}.explore{display:flex;gap:30px;align-items:center;justify-content:space-between}footer{max-width:1200px;margin:auto;padding:36px 30px 90px;font-size:14px}footer a{display:inline-block;margin:0 22px 15px 0}.mobile-action{display:none}@media(max-width:950px){.top{flex-wrap:wrap}.top nav{margin:0;flex-wrap:wrap;gap:12px 20px}.four,.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.top{padding:18px;gap:12px}.top nav{font-size:14px}.top nav>a:first-child,.top nav>a:nth-child(4){display:none}.top nav{width:100%;justify-content:space-between;gap:8px}.menu{right:0}main{padding:0 18px}.hero{grid-template-columns:1fr;gap:12px;padding-top:30px}.hero h1{font-size:40px}.hero .lede{font-size:18px}.hero-card sig-rotating-card{min-height:560px}.three,.sequence{grid-template-columns:1fr}.three{gap:12px}.three article{padding:22px}.four,.steps{gap:10px}.four a,.steps article{padding:18px}.four h3,.steps h3{font-size:19px}.sequence{gap:24px}.sequence-art img{max-height:330px}section{padding:45px 0}.explore{display:block}.mobile-action{position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;padding:10px 16px calc(10px + env(safe-area-inset-bottom));gap:10px;background:#080e19f5;border-top:1px solid #a18b5f}.mobile-action a{flex:1;text-align:center;padding:12px 6px;text-decoration:none;font-size:15px;border:1px solid #a18b5f;border-radius:5px}.mobile-action a:first-child{background:#e6c888;color:#080e19}footer{padding-bottom:125px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}/* Lead with the graded card on every screen. */
.hero-card{grid-column:1;grid-row:1}.hero>div:first-child{grid-column:2;grid-row:1}@media(max-width:650px){.hero-card{grid-column:1;grid-row:1}.hero>div:first-child{grid-column:1;grid-row:2}.hero{padding-top:16px}.hero-card sig-rotating-card{min-height:560px}}
/* Service identities: Standard red, Express silver, Founders gold. */
#pricing .three article{border-width:1px;border-top-width:5px;overflow:hidden}
#pricing .three article:nth-child(1){background:linear-gradient(135deg,#651b28,#2a101c);border-color:#e56675;color:#fff4f3}
#pricing .three article:nth-child(1) .time{color:#ffd3d8}
#pricing .three article:nth-child(2){background:linear-gradient(125deg,#aeb8c7,#eef1f5 48%,#bcc6d2);border-color:#f1f4f9;color:#142032}
#pricing .three article:nth-child(2) .time{color:#253c55}
#pricing .three article:nth-child(3){background:linear-gradient(125deg,#bd9446,#f2d99b 48%,#c9a458);border-color:#f5dfa9;color:#241b0b}
#pricing .three article:nth-child(3) .time{color:#4a3510}

/* Keep every navigation destination reachable in both phone orientations. */
.top{flex-wrap:wrap}.top nav{width:100%;margin-left:0;flex-wrap:wrap;gap:8px 24px}.top nav>a{display:flex!important;align-items:center;min-height:44px}.top nav .lounge-tab{color:#e6c888;font-weight:700}.top nav details{position:static}.top{position:relative}.top .menu{top:100%;right:16px;max-height:65dvh;overflow-y:auto;width:min(340px,calc(100vw - 32px))}.mobile-action a{font-size:13px}.hero{min-width:0}.hero>div{min-width:0}@media(max-width:950px){.mobile-action{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;padding:8px 12px calc(8px + env(safe-area-inset-bottom));gap:6px;background:#080e19fa;border-top:1px solid #a18b5f}.mobile-action a{flex:1;text-align:center;padding:10px 4px;text-decoration:none;border:1px solid #a18b5f;border-radius:5px;line-height:1.3}.mobile-action a:first-child{background:#e6c888;color:#080e19}footer{padding-bottom:120px}}@media(max-width:650px){.top nav{display:grid;grid-template-columns:1fr 1fr;font-size:14px;gap:2px 12px}.top nav details{min-height:44px}.top nav summary{min-height:44px}.top nav>a{min-height:44px}.top{padding-bottom:12px}}

.weekly-queue{border:1px solid #d5af62;border-radius:12px;padding:32px;margin:24px 0;background:linear-gradient(130deg,#281725,#111e32)}.queue-clock{padding:22px;background:#080e19;border-left:4px solid #e6c888;margin:20px 0}.queue-clock strong{font-size:22px}#queue-countdown{font-size:clamp(25px,5vw,48px);font-variant-numeric:tabular-nums;color:#e6c888}.queue-link,.queue-tab{color:#ffd689!important;font-weight:750}.queue-link{display:inline-block;padding:12px 0}@media(max-width:650px){.weekly-queue{padding:24px 18px}}


/* Full foil material derived from the approved pricing preview. */
#pricing .three article{--foil-position:0%;--reading:#fff0ef;position:relative;isolation:isolate;display:flex;flex-direction:column;text-align:center;overflow:hidden;border:3px double #edc774;border-radius:8px;padding:28px 20px 22px;color:#100c08;box-shadow:inset 0 0 0 2px #ffffff70,0 10px 30px #0006;background:#c93334}
#pricing .three article:nth-child(2){--foil-position:50%;--reading:#f2f5f9;border-color:#e5e9f1;color:#100c08;background:#d4dce6}
#pricing .three article:nth-child(3){--foil-position:100%;--reading:#fff0b4;border-color:#ffe598;color:#100c08;background:#e8c04d}
#pricing .three article::before{content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;background:url('/assets/lore/foil/pricing-foil-approved.png') var(--foil-position) center/300% 100% no-repeat}
#pricing .three article::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(transparent 12%,color-mix(in srgb,var(--reading) 76%,transparent) 36%,color-mix(in srgb,var(--reading) 88%,transparent) 78%,transparent 96%)}
#pricing .three article .foil-brand{font:600 42px/1.1 Georgia,serif;letter-spacing:.08em;margin:4px 0 30px;text-shadow:0 1px 0 #fff9;color:#0c0a08}
#pricing .three article h3{font:700 clamp(29px,3vw,38px)/1.15 Georgia,serif;padding-bottom:18px;border-bottom:1px solid #33260a70;min-height:62px;margin:0 0 24px;color:#100c08}
#pricing .three article .price{font:500 clamp(52px,5vw,65px)/1.15 Georgia,serif;white-space:nowrap;color:#100c08}
#pricing .three article .price small{font:600 18px system-ui}
#pricing .three article .time{font-size:23px;line-height:1.3;font-weight:800;margin:22px 0 12px;color:#100c08}
#pricing .three article p{font-size:17px;line-height:1.55;font-weight:650;flex:1;margin-bottom:20px;color:#100c08}
.service-cta{display:flex;align-items:center;justify-content:center;gap:12px;min-height:58px;margin-top:12px;padding:15px 12px;border:1px solid #f4d58d;border-radius:9px;background:linear-gradient(#15191e,#040609);color:#fff9ec;text-decoration:none;font-size:17px;font-weight:750;line-height:1.35;box-shadow:0 4px 12px #0005,inset 0 1px 0 #ffffff50;transition:transform .2s}
.service-cta span{font-size:24px}.service-cta:active{transform:scale(.98)}.service-cta:hover{background:#242d3c}
#pricing .three article:nth-child(2) .service-cta{border-color:#e5e9f1}
@media(min-width:651px) and (max-width:950px){#pricing .three{grid-template-columns:1fr;max-width:560px;margin-left:auto;margin-right:auto}}
@media(max-width:650px){#pricing .three{gap:24px}#pricing .three article{padding:28px 22px 24px}#pricing .three article h3{font-size:36px;min-height:0}#pricing .three article .price{font-size:60px}}
@media(prefers-reduced-motion:reduce){.service-cta{transition:none}}

#pricing .foil-brand img{display:block;width:100%;max-width:220px;height:95px;object-fit:contain;margin:auto}#pricing .three article:nth-child(2) .foil-brand img{filter:grayscale(1)}

.tcg-focus{font-size:17px;line-height:1.55;color:#d7deea;border-left:3px solid #e6c888;padding:8px 0 8px 16px;margin-bottom:26px}.tcg-focus strong{display:block;color:#f1d796;font-size:22px;margin-bottom:6px}

/* Let the portal meet the header while the approved slab keeps its scale. */
.hero-card{align-self:start;margin-top:-36px;--hero-reveal:100px}
@media(max-width:650px){.hero-card{margin-top:-16px;--hero-reveal:40px}}

/* Put the two submission actions before the hero artwork on every screen. */
.hero{row-gap:12px}
.hero .hero-actions{grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,460px);margin:0;align-items:stretch;gap:8px}
.hero-actions .button{display:flex;align-items:center;justify-content:center;text-align:center;min-width:0;min-height:44px;padding:6px 10px;font-size:14px;line-height:1.25;border-radius:5px}
.hero-actions .secondary{background:#101c2d;color:#f6efe1;border:1px solid #e6c888}
.hero-actions .button:hover{filter:brightness(1.12)}
.hero .hero-copy{grid-column:2;grid-row:2}
.hero .hero-card{grid-column:1;grid-row:2;margin-top:0}
.sunday-drop-steps{scroll-margin-top:30px;margin-top:32px}
.drop-steps{list-style:none;counter-reset:drop;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0;margin:18px 0}
.drop-steps li{counter-increment:drop;padding:22px;background:#080e19;border:1px solid #e6c88866;border-radius:8px}
.drop-steps li::before{content:counter(drop);display:block;color:#e6c888;font:36px Georgia;margin-bottom:12px}
.drop-steps strong{font-size:18px}.drop-steps p{font-size:16px;margin:10px 0 0;color:#cbd2de}
@media(max-width:650px){.hero .hero-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.hero-actions .button{padding:6px 8px}.hero .hero-card{grid-column:1;grid-row:2;margin-top:0}.hero .hero-copy{grid-column:1;grid-row:3}.drop-steps{grid-template-columns:1fr}}

#pricing .membership-required{align-self:center;display:inline-block;max-width:100%;margin:0 0 12px;padding:5px 12px;border:1px solid #f4dc98;border-radius:999px;background:#19150f;color:#f4dc98;font:650 14px/1.3 system-ui,-apple-system,sans-serif;text-align:center}
@media(max-width:650px){.hero{padding-top:6px;row-gap:4px}.hero .hero-actions{gap:6px}.hero-actions .button{padding:4px 6px;min-height:38px;font-size:12px}.hero .hero-card{margin-top:0}}
