/* X Board Members + Founder Package teaser (landing page and app) */
.bd{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,5vw,72px);align-items:start}
.bd-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold,#c9a45c);border:1px solid rgba(201,164,92,.5);border-radius:99px;padding:3px 14px;margin-bottom:16px}
.bd-eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold,#c9a45c)}
.bd-title{font-size:clamp(1.9rem,4.4vw,3rem);font-weight:600;line-height:1.25;margin-bottom:14px}
.bd-title small{display:block;font-size:.42em;font-weight:400;letter-spacing:.32em;color:var(--steel,#a9aeb7);margin-bottom:8px}
.bd-story{display:grid;gap:12px;color:#d6d9de;font-size:1.05rem;max-width:34em}
.bd-list{list-style:none;counter-reset:bd;margin-top:26px;border-top:1px solid var(--line,#2a2d33)}
.bd-list li{counter-increment:bd;display:grid;grid-template-columns:3.2rem 1fr;gap:4px 10px;padding:16px 0;border-bottom:1px solid var(--line,#2a2d33)}
.bd-list li::before{content:"0" counter(bd);grid-row:span 2;font-size:1.5rem;font-weight:300;line-height:1.2;color:var(--gold,#c9a45c);font-variant-numeric:tabular-nums}
.bd-list b{font-weight:600;font-size:1.05rem;color:var(--chrome,#eef0f3)}
.bd-list span{color:var(--steel,#a9aeb7);font-size:.95rem}
.bd-fine{margin-top:16px;color:var(--steel,#a9aeb7);font-size:.82rem;max-width:40em}

.fp{position:relative;border:1px solid rgba(201,164,92,.55);border-radius:calc(var(--r,8px)*2);padding:clamp(22px,4vw,36px);text-align:center;overflow:hidden;
  background:radial-gradient(120% 90% at 50% 0%,rgba(201,164,92,.18),transparent 60%),var(--panel,#121316)}
.fp::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.fp-soon{display:inline-block;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink,#0a0b0d);background:var(--gold,#c9a45c);border-radius:99px;padding:3px 14px;margin-bottom:10px;font-weight:600}
.fp-num{display:block;font-size:clamp(5rem,16vw,8rem);font-weight:600;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;
  background:linear-gradient(180deg,#f6e9c6,#c9a45c 60%,#8d6f33);-webkit-background-clip:text;background-clip:text;color:transparent}
.fp h3{font-size:1.25rem;font-weight:600;margin:6px 0 8px}
.fp p{color:#d6d9de;margin:0 auto 8px;max-width:26em}
.fp .fp-never{color:var(--gold,#c9a45c);font-weight:500}
@media (max-width:860px){.bd{grid-template-columns:1fr}}
@media (prefers-reduced-motion:no-preference){
  .fp-soon{animation:fpPulse 4.5s ease-in-out infinite}
  @keyframes fpPulse{50%{box-shadow:0 0 0 8px rgba(201,164,92,.14)}}
  .fp::before{content:"";position:absolute;inset:-40% -20%;background:linear-gradient(100deg,transparent 40%,rgba(246,233,198,.09) 50%,transparent 60%);animation:fpSheen 9s ease-in-out infinite;pointer-events:none}
  @keyframes fpSheen{0%,55%{transform:translateX(-60%)}100%{transform:translateX(60%)}}
}
/* inside the app */
.bd-app{display:grid;gap:18px}
.bd-app .bd{grid-template-columns:1fr;gap:18px}
.bd-app details{border:1px solid var(--line,#2a2d33);border-radius:var(--r,8px);background:var(--panel,#121316)}
.bd-app summary{cursor:pointer;padding:14px 18px;font-weight:500;list-style:none}
.bd-app summary::-webkit-details-marker{display:none}
.bd-app details .in{padding:0 18px 18px}

/* X Profits Ideas App: coming soon */
.ideas{display:grid;grid-template-columns:200px 1fr;gap:clamp(20px,4vw,48px);align-items:center}
.ideas h2,.ideas-t{font-size:clamp(1.6rem,3.6vw,2.4rem);font-weight:600;line-height:1.25}
.ideas p{color:#d6d9de;max-width:34em}
.ideas-art{display:grid;place-items:center}
.phone{position:relative;width:150px;height:270px;border:2px solid #4a4f58;border-radius:26px;padding:34px 16px 24px;background:linear-gradient(180deg,#181a1e,#0e0f12);box-shadow:0 20px 50px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.05);display:flex;align-items:flex-end}
.phone::before{content:"";position:absolute;top:10px;left:50%;width:44px;height:6px;margin-left:-22px;border-radius:9px;background:#2a2d33}
.phone::after{content:"";position:absolute;inset:34px 16px 24px;border-radius:10px;background:radial-gradient(100% 70% at 50% 100%,rgba(201,164,92,.16),transparent 70%);pointer-events:none}
.phone-bars{display:flex;align-items:flex-end;gap:6px;width:100%;height:100%;position:relative;z-index:1}
.phone-bars i{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#f6e9c6,#c9a45c 70%,#8d6f33)}
.phone-bars i:nth-child(even){background:linear-gradient(180deg,#e9ecf1,#a9aeb7 70%,#6d727b)}
@media (prefers-reduced-motion:no-preference){
  .phone{animation:phFloat 9s ease-in-out infinite}
  @keyframes phFloat{50%{transform:translateY(-8px) rotate(-1.5deg)}}
  .phone-bars i{transform-origin:bottom;animation:barGrow 1.8s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i,0)*.14s + .3s)}
  @keyframes barGrow{from{transform:scaleY(.04);opacity:.4}to{transform:none;opacity:1}}
}
@media (max-width:760px){.ideas{grid-template-columns:1fr;text-align:start}.ideas-art{order:-1}}
.bd-int{margin-top:18px}

/* partner offer (Vantage) */
.partner{border:1px solid rgba(201,164,92,.5);display:grid;gap:12px}
.partner h2{margin:0}
.ptc{border-top:1px solid var(--line,#2a2d33);padding-top:10px;font-size:.88rem;color:var(--steel,#9aa0aa)}
.ptc summary{cursor:pointer;color:var(--chrome,#e6e8eb)}
.ptc ul{margin:10px 0 0;padding-inline-start:1.2em;display:grid;gap:8px}

.offer-img{display:block;border-radius:var(--r,12px);overflow:hidden;border:1px solid var(--line,#2a2d33);line-height:0}
.offer-img img{display:block;width:100%;height:auto;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.offer-img:hover img{transform:scale(1.015)}
.partner .bd-eyebrow{justify-self:start}
.partner:not(.card){padding:clamp(14px,3vw,28px);border-radius:calc(var(--r,8px)*2);background:rgba(255,255,255,.02)}

/* opening package */
.js-open[hidden]{display:none!important}
.fp-num.sm{font-size:clamp(2.6rem,9vw,4.4rem);margin:6px 0}
.ocd{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px auto;max-width:360px}
.ocd span{border:1px solid rgba(201,164,92,.4);border-radius:10px;padding:8px 2px;background:rgba(0,0,0,.25)}
.ocd b{display:block;font-size:1.6rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--chrome,#eef0f3)}
.ocd i{display:block;font-style:normal;font-size:.72rem;color:var(--steel,#a9aeb7)}
.oseats{margin:6px auto 14px;max-width:360px}
.obar{height:8px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}
.obar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#8d6f33,#f6e9c6);border-radius:inherit;transition:width .8s ease}
.oseats p{margin:8px 0 0!important;font-weight:600;color:var(--gold,#c9a45c)!important}
.ofp{max-width:620px;margin-inline:auto}
@media (max-width:860px){#openBox .fp{order:-1}}