*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:#0b0d12;color:#fff;min-height:100vh}
.picker{min-height:100vh;background:radial-gradient(1100px 560px at 50% -8%,rgba(0,113,227,.22),transparent),radial-gradient(900px 520px at 15% 18%,rgba(93,176,255,.11),transparent),#0b0d12;display:flex;align-items:center;justify-content:center;padding:24px}
.pbox{max-width:1040px;width:100%;text-align:center}
.demo-homebar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 auto 34px;padding:14px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.035));border-radius:22px;box-shadow:0 24px 70px rgba(0,0,0,.28);backdrop-filter:blur(18px)}
.homebrand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;text-align:left;min-width:0}
.homebrand img{width:44px;height:44px;border-radius:12px;object-fit:contain;background:#fff;padding:4px;box-shadow:0 12px 24px rgba(0,0,0,.24)}
.homebrand strong{display:block;font-size:15px;line-height:1.1}
.homebrand small{display:block;margin-top:3px;color:#9aa3b2;font-size:12px}
.home-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.home-link{color:#b8c7dd;text-decoration:none;font-size:13px;font-weight:800;padding:10px 8px}
.home-link:hover{color:#fff}
.home-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 15px;border-radius:12px;background:#5db0ff;color:#06111f;text-decoration:none;font-weight:900;font-size:13px;box-shadow:0 12px 28px rgba(93,176,255,.22)}
.home-btn.ghost{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.14);box-shadow:none}
.pbrand{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:800;margin-bottom:16px}
.pbrand .b{width:34px;height:34px;border-radius:9px;background:#0071e3;display:flex;align-items:center;justify-content:center;font-size:14px}
h1{font-size:clamp(26px,4vw,34px);letter-spacing:-.5px;margin-bottom:8px}
.sub{color:#9aa3b2;margin-bottom:34px;font-size:16px}
.searchbox{max-width:520px;margin:0 auto 26px;display:flex;align-items:center;gap:10px;background:#141821;border:1px solid #283142;border-radius:14px;padding:12px 14px;color:#9aa3b2}
.searchbox input{width:100%;background:transparent;border:none;outline:none;color:#fff;font:inherit;font-size:15px}
.searchbox input::placeholder{color:#768397}
.empty-state{display:none;margin:20px auto 0;color:#9aa3b2;font-size:14px}
.empty-state.on{display:block}
.pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}
.pcard{border:1px solid #232936;border-radius:18px;overflow:hidden;background:#141821;text-align:left;color:#fff;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}
.pcard:hover{transform:translateY(-6px);border-color:#0071e3;box-shadow:0 20px 40px rgba(0,0,0,.45)}
.pv{height:96px;display:flex;align-items:center;justify-content:center;font-weight:800;letter-spacing:1px;color:#fff}
.pin{padding:18px 18px 22px}
h3{font-size:18px;margin-bottom:4px}
p{color:#9aa3b2;font-size:13.5px}
.go{margin-top:14px;display:inline-flex;gap:6px;color:#5db0ff;font-weight:700;font-size:14px}
.pfoot{margin-top:30px;color:#9aa3b2;font-size:13px}
.pfoot a{color:#5db0ff;text-decoration:none}
.return-panel{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:34px auto 0;padding:24px;border-radius:22px;border:1px solid rgba(93,176,255,.24);background:linear-gradient(135deg,rgba(93,176,255,.16),rgba(20,24,33,.9));text-align:left;box-shadow:0 24px 60px rgba(0,0,0,.28)}
.return-kicker{display:block;color:#8bc4ff;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}
.return-panel h2{font-size:clamp(22px,3vw,30px);letter-spacing:-.4px;margin-bottom:6px}
.return-panel p{font-size:14px;line-height:1.6;max-width:56ch}
.return-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;flex:0 0 auto}
.return-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:11px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#fff;text-decoration:none;font-weight:900;font-size:13px;white-space:nowrap}
.return-btn.primary{background:#fff;color:#07111f;border-color:#fff}
.return-btn:hover,.home-btn:hover{transform:translateY(-1px)}
.backlink{display:inline-flex;align-items:center;gap:8px;color:#8bc4ff;text-decoration:none;font-weight:800;font-size:14px;margin-bottom:18px}
.choice-head{max-width:760px;margin:0 auto 30px}
.choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;text-align:left}
.choice-card{display:grid;grid-template-rows:230px auto;border:1px solid #232936;border-radius:20px;overflow:hidden;background:#141821;color:#fff;text-decoration:none;box-shadow:0 20px 44px rgba(0,0,0,.28);transition:transform .2s,border-color .2s,box-shadow .2s}
.choice-card:hover{transform:translateY(-6px);border-color:#0071e3;box-shadow:0 28px 58px rgba(0,0,0,.42)}
.choice-shot{position:relative;display:flex;align-items:flex-end;padding:18px;background-size:cover;background-position:center;isolation:isolate}
.choice-shot::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.7));z-index:-1}
.choice-shot span{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:6px 12px;font-weight:900;font-size:12px;letter-spacing:.8px;text-transform:uppercase}
.choice-info{padding:22px}
.choice-info h3{font-size:22px}
.choice-info p{font-size:14px;line-height:1.55;margin-top:8px}
.choice-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.choice-tags span{border:1px solid #2c3343;background:#10141d;color:#b8c2d4;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}
.privacy-note{margin:26px auto 0;max-width:760px;border:1px solid #263142;background:#121722;border-radius:16px;padding:16px;color:#aab4c4;font-size:13px;line-height:1.6}
@media(max-width:760px){
  .picker{padding:14px}
  .demo-homebar,.return-panel{align-items:stretch;flex-direction:column}
  .home-actions,.return-actions{justify-content:flex-start}
  .home-link{display:none}
  .home-btn,.return-btn{flex:1}
}