.foil-lab-page{background:radial-gradient(ellipse at 50% 0%,#221d39 0,#0a0c16 47%);min-height:100vh}
.foil-back-link{color:#dcd5fd;text-decoration:none;border:1px solid #535279;padding:10px 16px;border-radius:11px;font-weight:700;font-size:13px;background:#292741}
.foil-back-link:hover{background:#393352}
.foil-demo-main{max-width:1120px}
.foil-demo-heading{text-align:center;max-width:850px;margin:0 auto;padding:55px 0 24px}
.foil-demo-heading h1{font-size:clamp(31px,5vw,57px);letter-spacing:-.04em;line-height:1.12;margin:16px 0}
.foil-demo-heading h1 span{color:#cdabff}
.foil-demo-heading>p:not(.eyebrow){color:#b6bbd4;font-size:15px;line-height:1.8;max-width:730px;margin:16px auto}
.foil-demo-controls{display:flex;align-items:center;justify-content:center;gap:13px;flex-wrap:wrap;padding-top:22px;font-size:13px;color:#c8c8dd;font-weight:700}
.foil-rarity-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}
.foil-rarity-btn{border:1px solid #50546f;background:#1c2237;border-radius:10px;color:#d1d4e5;padding:9px 12px;font-size:12px;font-weight:750;transition:background .2s,box-shadow .2s}
.foil-rarity-btn[aria-pressed="true"]{background:#303553;color:#fff;border-color:var(--rarity-border);box-shadow:0 0 10px color-mix(in srgb,var(--rarity-border) 32%,transparent)}
.foil-demo-heading .foil-demo-disclaimer{font-size:12px!important;color:#848eac!important;margin:13px auto 0!important}
.foil-comparison{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:23px auto 45px}
.foil-comparison-item{border:1px solid #374057;background:linear-gradient(150deg,#1d2237,#131a2b);border-radius:21px;min-height:475px;display:flex;align-items:center;flex-direction:column;padding:25px 14px 28px;gap:10px}
.foil-comparison-item h2{font-size:20px;margin:0}.foil-comparison-item h2 span{color:#ffcfa3}
.foil-comparison-item>p{color:#a1aac7;font-size:12px;text-align:center;margin:0 0 13px}
.foil-comparison-featured{border-color:#77618a;background:radial-gradient(ellipse at 50% 45%,#30254f 0,#181b30 58%,#131727 100%)}
.foil-demo-card-host{display:flex;justify-content:center;align-items:center;padding:14px 24px 20px;min-height:342px}
.foil-demo-card-host .collect-card{width:min(232px,58vw);flex:none;cursor:zoom-in}
.foil-demo-tip{color:#aaaaca;font-size:11px;text-align:center;margin-top:4px}
.foil-demo-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:10px 0 85px}
.foil-demo-steps>div{border:1px solid #353a55;background:#171d31;border-radius:14px;padding:15px 18px;display:flex;flex-direction:column;gap:6px}
.foil-demo-steps span{font-size:24px;color:#d8b6ff}.foil-demo-steps strong{font-size:15px}.foil-demo-steps small{font-size:12px;line-height:1.6;color:#a7b0cd}
.foil-gallery{padding-top:18px;margin-bottom:110px}
.foil-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 23px;margin:25px auto;justify-items:center}
.foil-gallery-entry{width:100%;border:1px solid #333c55;background:#141a2c;border-radius:16px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:20px}
.foil-gallery-entry .collect-card{width:min(100%,175px);cursor:zoom-in}
.foil-gallery-entry .collect-title{font-size:12px}
.foil-gallery-entry strong{font-size:14px}
.foil-gallery-entry small{font-size:12px;color:#b0b6c9;text-align:center}
.foil-demo-main footer{margin-top:70px}
@media(max-width:760px){.foil-comparison{gap:12px}.foil-comparison-item{padding:19px 8px 23px}.foil-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.foil-gallery-entry{padding:13px}.foil-demo-card-host{padding:7px 8px}.foil-demo-steps{gap:9px}}
@media(max-width:550px){.foil-demo-heading{padding-top:39px}.foil-comparison{grid-template-columns:1fr;max-width:360px;margin-left:auto;margin-right:auto}.foil-comparison-item{min-height:0}.foil-demo-steps{grid-template-columns:1fr;margin-bottom:50px}.foil-gallery{margin-bottom:60px}.foil-gallery-entry .collect-card{width:100%}.foil-back-link{font-size:11px;padding:9px}.foil-gallery-entry{gap:12px}.foil-demo-steps>div{padding:12px 15px}}