/* VIP Example Pages. The boxes copy the cards on /directory/ (same sizes, colours, spacing). Scoped under .lbx. */
.lbx{--ink:#16161D;--ink2:#4A4A59;--mute:#6A6A7C;--line:#E4E4EA;--rule:#ECECF1;--bg:#FAFAFB;--soft:#F3F3F6;--vip:#D9501F;--r:12px;--max:1160px;color:var(--ink);font-family:"Mona Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;line-height:1.6;font-size:17px}
.lbx *,.lbx *::before,.lbx *::after{box-sizing:border-box}
.lbx h1,.lbx h2,.lbx h3{margin:0;letter-spacing:-.03em;line-height:1.1;font-weight:700}
.lbx p{margin:0;color:var(--ink2)}
.lbx a{color:inherit}
.lbx img{max-width:100%;display:block}
.lbx :focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:6px}
.lbx .lbx-wrap{max-width:var(--max);margin:0 auto;padding:0 24px}

/* buttons */
.lbx .lbx-btn{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 22px;border-radius:var(--r);border:1px solid transparent;font:600 16px/1 inherit;text-decoration:none;cursor:pointer;white-space:nowrap}
.lbx .lbx-btn:active{transform:translateY(1px)}
.lbx .lbx-btn--lg{height:54px;padding:0 28px;font-size:17px}
.lbx .lbx-btn--vip{background:var(--vip);color:#fff}
.lbx .lbx-btn--vip:hover{filter:brightness(.94)}
.lbx .lbx-cta{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.lbx .lbx-trial{font-size:15px;font-weight:600;color:var(--ink2);text-decoration:underline;text-underline-offset:3px}

/* page hero and closing box */
.lbx .lbx-hero{padding:64px 0 36px}
.lbx .lbx-hero h1{font-size:clamp(36px,5.4vw,60px);max-width:760px}
.lbx .lbx-lead{font-size:20px;max-width:600px;margin:18px 0 28px}
.lbx .lbx-sec{padding:16px 0 72px}
.lbx .lbx-tabs{display:inline-flex;gap:4px;padding:4px;margin-bottom:24px;background:var(--soft);border:1px solid var(--rule);border-radius:999px}
.lbx .lbx-tabs button{height:36px;padding:0 18px;border:0;border-radius:999px;background:transparent;font:600 15px/1 inherit;color:var(--ink2);cursor:pointer}
.lbx .lbx-tabs button.is-on{background:#fff;color:var(--ink);border:1px solid var(--line)}
.lbx .lbx-note{margin-top:22px;font-size:14px;color:var(--mute)}
.lbx .lbx-band{padding:0 0 80px}
.lbx .lbx-band__in{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap;padding:40px;background:var(--soft);border:1px solid var(--line);border-radius:16px}
.lbx .lbx-band h2{font-size:clamp(26px,3.4vw,38px);margin-bottom:8px}

/* the grid: same 24px gap as the directory; a Home section can set the columns (--cd, --ct, --cm) */
.lbx .lbx-grid{display:grid;grid-template-columns:repeat(var(--cd,3),minmax(0,1fr));gap:24px}
.lbx.lbx--embed .lbx-grid{grid-template-columns:repeat(var(--cd,3),minmax(0,1fr))}

/* the box (copy of .lbiz-bcard) */
.lbx .lbx-card{position:relative;display:flex;flex-direction:column;padding:24px;background:#fff;border:1px solid var(--line);border-radius:var(--r);font-size:17px;line-height:1.6;color:var(--ink)}
.lbx .lbx-card[hidden]{display:none}
.lbx .lbx-card:hover{border-color:var(--ink)}
.lbx .lbx-head{display:flex;align-items:center;gap:14px;margin:0 0 12px}
.lbx .lbx-logo{display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border-radius:10px;background:var(--soft);border:1px solid var(--rule);overflow:hidden}
.lbx .lbx-logo img{width:100%;height:100%;object-fit:cover}
.lbx .lbx-title{font-size:19px;font-weight:650;letter-spacing:-.01em;line-height:1.15;color:var(--ink)}
.lbx .lbx-title a{text-decoration:none;color:inherit}
.lbx .lbx-open::after{content:"";position:absolute;inset:0;z-index:1;border-radius:var(--r)}
.lbx .lbx-vip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px 2px 5px;margin-left:2px;border-radius:999px;background:var(--ink);border:1px solid var(--ink);color:#fff;font-size:10px;font-weight:700;line-height:14px;letter-spacing:.4px;vertical-align:middle}
.lbx .lbx-vip__icon{display:flex;width:14px;height:14px;color:#FF9A70}
.lbx .lbx-type{display:flex;align-items:center;gap:6px;align-self:flex-start;margin:0 0 6px;padding:3px 11px;border-radius:999px;font-size:12.5px;font-weight:700;line-height:1.5;color:var(--ink)}
.lbx .lbx-type::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ink)}
.lbx .lbx-excerpt{font-size:15px;line-height:24px;color:var(--ink2);margin:0 0 12px}
.lbx .lbx-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;font-size:13px;line-height:1.6;color:var(--ink)}
.lbx .lbx-link{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:600;line-height:1.6;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px}
.lbx .lbx-card:hover .lbx-link{text-decoration-color:var(--ink)}
.lbx .lbx-meta{display:flex;gap:12px;font-size:13px;color:var(--mute)}
.lbx .lbx-meta span{display:flex;align-items:center;gap:4px}

@media(max-width:980px){.lbx .lbx-grid,.lbx.lbx--embed .lbx-grid{grid-template-columns:repeat(var(--ct,2),minmax(0,1fr))}}
@media(max-width:640px){
	.lbx .lbx-wrap{padding:0 18px}
	.lbx .lbx-hero{padding:44px 0 24px}
	.lbx .lbx-grid,.lbx.lbx--embed .lbx-grid{grid-template-columns:repeat(var(--cm,1),minmax(0,1fr))}
	.lbx .lbx-band__in{padding:28px 22px}
}