/* Lux Apps — shared public styles (pages for BeatVault, KitDrop, StudioBook, CollabBox, LinkHub, PressKit…). */
.app-main{padding:clamp(110px,12vw,150px) 0 clamp(60px,8vw,110px)}
.app-hero{margin-bottom:clamp(28px,4vw,44px)}
.app-hero .display{font-size:clamp(42px,6vw,96px);margin:0 0 14px}
.app-hero .lede{max-width:44em;color:#d9d4c8;margin:0}
.app-k{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin:0 0 10px}
.app-panel{background:#101010;border:1.5px solid #262626;border-radius:10px;padding:clamp(18px,2.4vw,28px)}
.app-form{display:grid;gap:14px}
.app-form label{display:grid;gap:6px;font-size:14px;font-weight:700;color:#d9d4c8}
.app-form input,.app-form select,.app-form textarea{font:inherit;font-size:16px;background:#070707;color:#fff;border:1.5px solid #333;border-radius:6px;padding:12px 14px;width:100%;min-width:0}
.app-form input:focus,.app-form select:focus,.app-form textarea:focus{outline:none;border-color:var(--red)}
.app-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.app-status{min-height:1.4em;margin:0;font-weight:700}
.app-status.ok{color:#7fe0b3}.app-status.bad{color:#ff8a7d}
.app-fine{font-size:13px;color:var(--grey);margin:0}
.app-pill{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border:1px solid #3a3a3a;border-radius:999px;padding:3px 9px;color:#bdb7ad}
.app-pill.red{background:var(--red);border-color:var(--red);color:#000}
.lux-made{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#8f897f;margin-top:26px}
.lux-made img{width:18px;height:auto;opacity:.8}
/* downloads */
.dl-main{padding:clamp(110px,12vw,150px) 0 90px}
.dl-wrap{max-width:860px}
.dl-wrap .display{font-size:clamp(40px,5.5vw,80px);margin:0 0 14px}
.dl-k{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin:0 0 8px}
.dl-list{list-style:none;margin:28px 0 18px;padding:0;display:grid;gap:10px}
.dl-list li{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#101010;border:1.5px solid #262626;border-radius:8px;padding:16px 18px;flex-wrap:wrap}
.dl-list b{display:block;font-size:17px}
.dl-list span{color:#9a948a;font-size:13px}
.dl-fine{color:#8f897f;font-size:13px}
@media (max-width:600px){.dl-list .btn{width:100%;justify-content:space-between}}
/* Lux Apps showcase */
.lxa-hero{padding:clamp(120px,13vw,170px) 0 clamp(40px,5vw,70px)}
.lxa-hero .display{font-size:clamp(48px,7vw,120px);margin:14px 0 18px}
.lxa-hero .lede{max-width:42em;color:#d9d4c8}
.lxa-worth{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:30px 0 26px}
.lxa-worth>div{background:#101010;border:1.5px solid #262626;border-radius:10px;padding:18px 18px 16px;display:flex;flex-direction:column;gap:4px}
.lxa-worth>div.hot{border-color:var(--red);box-shadow:0 0 0 1px var(--red),0 20px 50px rgba(255,59,46,.15)}
.lxa-worth span{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#9a948a}
.lxa-worth b{font-family:'Archivo',sans-serif;font-stretch:125%;font-style:italic;font-weight:900;font-size:clamp(30px,3.4vw,46px);letter-spacing:-.05em;line-height:1}
.lxa-worth small{color:#9a948a;font-size:13px}
.lxa-suite{padding:clamp(50px,6vw,90px) 0;border-top:1px solid #1d1d1d}
.lxa-suite.amplify{background:#080706}
.lxa-suite-h{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;align-items:center;margin-bottom:28px}
.lxa-suite-h .display{font-size:clamp(38px,5vw,80px)}
.lxa-suite-h .lede{grid-column:1/-1;margin:6px 0 0;color:#d9d4c8;max-width:44em}
.lxa-brand{font-size:13px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;padding:7px 12px;border-radius:4px}
.lxa-brand.lux{background:var(--red);color:#000}
.lxa-brand.amplify{background:linear-gradient(180deg,#f3d891,#b88a2e);color:#000}
.lxa-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.lxa-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px}
.lxa-app{display:flex;flex-direction:column;background:#111;border:1.5px solid #2a2a2a;border-radius:10px;padding:22px;min-width:0}
.lxa-app.hot{border-color:var(--red);box-shadow:0 0 0 1px var(--red)}
.amplify .lxa-app{background:#120f0a;border-color:#2e2718}
.amplify .lxa-ico{color:#e2bf6b;border-color:#3a3020}
.lxa-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px}
.lxa-ico{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#070707;border:1.5px solid #2a2a2a;color:var(--red)}
.lxa-app h3{margin:0;font-family:'Archivo',sans-serif;font-stretch:115%;font-style:italic;font-weight:900;text-transform:uppercase;letter-spacing:-.03em;font-size:23px;line-height:1.05}
.lxa-kind{margin:4px 0 10px;color:#9a948a;font-weight:700;font-size:14px}
.lxa-desc{margin:0 0 12px;color:#e5e0d5}
.lxa-app .addon-feat{flex:1}
.lxa-earn{margin:0 0 14px;font-size:14px;color:#d9d4c8;border-left:3px solid var(--red);padding-left:10px}
.amplify .lxa-earn{border-color:#d6b25e}
.lxa-val{margin:0;display:grid;gap:8px;border-top:1px solid #262626;padding-top:12px}
.lxa-val div{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.lxa-val dt{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8f897f}
.lxa-val dd{margin:0;text-align:right;font-weight:800}
.lxa-val dd small{color:#8f897f;font-weight:600}
.lxa-val dd s{color:#cfc9be;text-decoration-color:var(--red);text-decoration-thickness:2px;font-weight:600;font-size:14px}
.lxa-val .pay dd{font-family:'Archivo',sans-serif;font-stretch:120%;font-style:italic;font-size:20px}
.lxa-val .pay em{display:block;font-family:inherit;font-style:normal;font-stretch:100%;font-size:12px;font-weight:600;color:#9a948a}
.lxa-compare{padding:clamp(56px,7vw,100px) 0;background:var(--bone);color:#0b0b0b}
.lxa-compare .display{background:none;color:#0b0b0b;filter:none;font-size:clamp(38px,5vw,80px);margin:0 0 12px}
.lxa-compare .display .red{color:transparent}
.lxa-compare .lede{color:#3d3a34;max-width:44em;margin:0 0 28px}
.lxa-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.lxa-cols article{background:#f7f3ea;border:1.5px solid #cfc7b6;border-radius:10px;padding:24px;display:flex;flex-direction:column}
.lxa-cols article.hot{background:#0b0b0b;color:#fff;border-color:#0b0b0b;box-shadow:0 30px 60px rgba(0,0,0,.25)}
.lxa-cols h3{margin:8px 0 6px;font-family:'Archivo',sans-serif;font-stretch:115%;font-style:italic;font-weight:900;text-transform:uppercase;font-size:22px}
.lxa-big{margin:0;font-family:'Archivo',sans-serif;font-stretch:125%;font-style:italic;font-weight:900;font-size:48px;letter-spacing:-.05em;line-height:1}
.lxa-big small{font-size:16px;letter-spacing:0;font-weight:700;color:#6a655b}
.lxa-cols .hot .lxa-big small{color:#b9b4a8}
.lxa-cols .muted{color:#5d584f;margin:6px 0 12px;font-size:14px}
.lxa-cols .hot .muted{color:#b9b4a8}
.lxa-cols ul{margin:0 0 18px;padding-left:18px;display:grid;gap:6px;flex:1;font-size:15px}
.lxa-cols .btn{align-self:flex-start}
.lxa-math{margin:24px 0 0;font-size:17px;max-width:46em;border-left:3px solid var(--red);padding-left:16px;color:#2c2a26}
.lxa-bundles{padding:clamp(50px,6vw,90px) 0}
.lxa-bundles .display{font-size:clamp(36px,4.5vw,70px);margin:0 0 24px}
.lxa-app.bundle .btn{align-self:flex-start;margin-top:auto}
.lxa-end{padding:0 0 clamp(50px,6vw,90px)}
.lxa-end .rate-note{color:#d9d4c8}
@media (max-width:1020px){.lxa-grid,.lxa-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.lxa-worth{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:680px){.lxa-grid,.lxa-grid.two,.lxa-cols,.lxa-worth{grid-template-columns:1fr}.lxa-suite-h{grid-template-columns:1fr}}

/* Homepage vault (BeatVault / KitDrop) */
.vault{padding:clamp(60px,8vw,110px) 0;background:#060606;border-top:1px solid #1b1b1b}
.vault-head{margin-bottom:26px}
.vault-head .eyebrow{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin:0 0 10px}
.vault-head .display{font-size:clamp(40px,5.4vw,90px);margin:0 0 12px}
.vault-head .lede{margin:0;color:#d9d4c8}
.vault-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.vault-card{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:14px;align-items:center;background:#111;border:1.5px solid #262626;border-radius:10px;padding:12px;color:#fff;text-decoration:none;transition:border-color .2s,transform .2s}
.vault-card:hover{border-color:var(--red);transform:translateY(-2px)}
.vault-art{width:72px;height:72px;border-radius:8px;background:#000;overflow:hidden;display:block}
.vault-art img{width:100%;height:100%;object-fit:cover;display:block}
.vault-t{min-width:0}
.vault-t b{display:block;font-family:'Archivo',sans-serif;font-stretch:115%;font-style:italic;font-weight:900;text-transform:uppercase;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vault-t small{display:block;color:#9a948a;font-size:13px;margin-top:2px}
.vault-p{font-weight:800;color:var(--red);font-size:14px;white-space:nowrap}
.vault-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
@media (max-width:1020px){.vault-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.vault-grid{grid-template-columns:1fr}}