/* Header and footer from Nicole's Inner Circle design (17 Oct 2026), used on every Inner Circle page.
   lbn- prefixed so the site stylesheet on the apply, thank-you, courses, privacy and private pages cannot restyle it.
   On phones there is no menu button: the logo goes home and "Apply" goes to the application, as in her design. */
/* 17 Oct 2026 (Marvin: "some of the font doesnt feel premium"): Nicole's design names Apple fonts (Avenir Next, Baskerville).
   Windows and Android do not have them and fell back to Segoe UI / Arial. Close web fonts, self-hosted (OFL, Google Fonts),
   now come second in every stack: Figtree for Avenir Next, Baskervville for Baskerville. Apple devices keep Nicole's fonts. */
@font-face{font-family:'Baskervville';font-style:italic;font-weight:400 700;font-display:swap;src:url(fonts/baskervville-italic-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Baskervville';font-style:italic;font-weight:400 700;font-display:swap;src:url(fonts/baskervville-italic-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Baskervville';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/baskervville-normal-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Baskervville';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/baskervville-normal-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Figtree';font-style:normal;font-weight:300 800;font-display:swap;src:url(fonts/figtree-normal-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Figtree';font-style:normal;font-weight:300 800;font-display:swap;src:url(fonts/figtree-normal-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

:root{--lbn-paper:#f7f4ed;--lbn-ink:#292e29;--lbn-muted:#62665d;--lbn-gold:#997b48;--lbn-line:#dcd5c7;--lbn-sand:#eee7d8;--lbn-green:#2e3d34;--lbn-white:#fffdf8;
  --lbn-serif:'Baskerville','Baskervville','Palatino Linotype',Georgia,serif;--lbn-sans:'Avenir Next','Figtree','Segoe UI',Arial,sans-serif}
.lbn-skip{position:fixed;top:0;left:20px;background:var(--lbn-green);color:#fff;padding:10px;z-index:100;transform:translateY(-120%);font:13px var(--lbn-sans)}
/* 19 Oct: only on keyboard focus, and white text (the page link rule .lbn a{color:inherit} made it dark on dark green) */
.lbn-skip:focus-visible{transform:translateY(0)}
a.lbn-skip,.lbn a.lbn-skip{color:#fff}
.lbn-headbar{background:var(--lbn-paper);position:relative;z-index:5}
.lbn-header{height:100px;border-bottom:1px solid var(--lbn-line);padding:0 48px;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1440px;margin:0 auto;
  font:16px/1.65 var(--lbn-sans);color:var(--lbn-ink);box-sizing:border-box}
.lbn-header *,.lbn-footer *{box-sizing:border-box}
.lbn-wordmark,.lbn-wordmark:hover{display:flex;flex-direction:column;line-height:1.05;text-align:center;flex-shrink:0;color:var(--lbn-ink);text-decoration:none}
.lbn-wordmark span{font:400 10px/1.05 var(--lbn-sans);letter-spacing:.34em;padding-left:.34em}
.lbn-wordmark strong{font:400 34px/1.2 var(--lbn-serif)}
.lbn-nav{display:flex;align-items:center;gap:30px;font-size:15px;margin:0;padding:0}
.lbn-nav>a:not(.lbn-btn){color:var(--lbn-ink);text-decoration:none;font:15px/1.65 var(--lbn-sans)}
.lbn-nav>a:not(.lbn-btn):hover,.lbn-nav>a[aria-current]{color:var(--lbn-gold)}
.lbn-btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:52px;border:1px solid #b99d61;border-radius:3px;background:#d4bd85;color:#252c24;
  padding:13px 22px;font:600 15px/1.4 var(--lbn-sans);text-decoration:none;transition:background .2s,transform .2s;cursor:pointer}
.lbn-btn:hover{background:#c7ab6b;color:#252c24;transform:translateY(-1px)}
.lbn-btn span{font-size:18px;font-weight:400}
.lbn-btn-small{min-height:44px;padding:11px 17px;gap:16px;font-size:15px}
.lbn-btn:focus-visible,.lbn-nav a:focus-visible,.lbn-mobile-apply:focus-visible,.lbn-footer a:focus-visible{outline:2px solid var(--lbn-gold);outline-offset:5px}
.lbn-mobile-apply{display:none;color:var(--lbn-ink);text-decoration:none}
.lbn-wrap{max-width:1220px;margin:0 auto;padding-left:48px;padding-right:48px;box-sizing:border-box}
.lbn-footer{border-top:1px solid var(--lbn-line);padding:40px 0 20px;background:var(--lbn-paper);color:var(--lbn-ink);font:16px/1.65 var(--lbn-sans)}
.lbn-footer a{color:inherit;text-decoration:none}
.lbn-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}
.lbn-footer-inner>p{font:20px var(--lbn-serif);margin:0;color:var(--lbn-gold)}
.lbn-footer-inner>a:last-child{font-size:15px}
.lbn-footer-inner>a:last-child:hover,.lbn-footer-bottom a:hover{color:var(--lbn-gold)}
.lbn-footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:13px;color:var(--lbn-muted);margin-top:35px;flex-wrap:wrap}
.lbn-footer-bottom nav{display:flex;flex-wrap:wrap;gap:6px 18px}
.lbn-footer-bottom nav a{padding:6px 0}
.lbn-footer .lbn-wordmark strong{font-size:34px}
.ic-banner{background:#262722;color:#f5efdf;font:15px/1.5 var(--lbn-sans);text-align:center;padding:9px 16px}.ic-banner b{color:#d7bd84}
/* Pages that still use the site stylesheet (apply, thank-you, private pages, courses, privacy): Nicole's type, gold buttons
   and squarer corners, so they read as the same site. "html body.lbn-page" beats the site layer's "html body ... !important". */
html body.lbn-page{background:var(--lbn-paper)}
html body.lbn-page,html body.lbn-page button,html body.lbn-page input,html body.lbn-page select,html body.lbn-page textarea,html body.lbn-page label,html body.lbn-page legend,
html body.lbn-page .font-sans,html body.lbn-page .eyebrow,html body.lbn-page .btn,html body.lbn-page .text-link,html body.lbn-page .light-link,html body.lbn-page .course-status,
html body.lbn-page .course-price small,html body.lbn-page .term,html body.lbn-page .hint{font-family:var(--lbn-sans)!important}
html body.lbn-page h1,html body.lbn-page h2,html body.lbn-page h3,html body.lbn-page .serif,html body.lbn-page em,html body.lbn-page .course-cover h3,html body.lbn-page .course-info h3,
html body.lbn-page .cover-number,html body.lbn-page .price,html body.lbn-page .course-price,html body.lbn-page .signature,html body.lbn-page .ic-price,html body.lbn-page .step-num,
html body.lbn-page .pay-bank,html body.lbn-page .qr-card h3{font-family:var(--lbn-serif)!important;font-weight:400}
html body.lbn-page h1{font-size:clamp(36px,4.2vw,54px)!important;line-height:1.1!important;letter-spacing:-.045em}
html body.lbn-page h2,html body.lbn-page h3{letter-spacing:-.025em}
html body.lbn-page em{color:var(--lbn-gold)}
html body.lbn-page .eyebrow{font-size:13px;font-weight:600;letter-spacing:.19em}
html body.lbn-page .btn{background:#d4bd85;border:1px solid #b99d61;color:#252c24;border-radius:3px;font-size:15px;font-weight:600;min-height:52px;box-shadow:none}
html body.lbn-page .btn:hover{background:#c7ab6b;color:#252c24}
html body.lbn-page .ic-back,html body.lbn-page .ic-copy,html body.lbn-page .ic-pill{border-radius:3px}
html body.lbn-page .ic-pill{font-family:var(--lbn-sans)!important;font-size:13px;letter-spacing:.14em}
html body.lbn-page .ic-card,html body.lbn-page .ic-aside,html body.lbn-page .ic-journey li,html body.lbn-page .ic-quotes figure,html body.lbn-page .ic-course-art img,
html body.lbn-page .ic-aside-img{border-radius:6px}
html body.lbn-page .ic-card{border-color:var(--lbn-line);background:var(--lbn-white)}
html body.lbn-page .ic-opt,html body.lbn-page .ic-msg,html body.lbn-page .ic-errsum,html body.lbn-page .ic-agreement,html body.lbn-page .ic-qr,html body.lbn-page .ic-slot,
html body.lbn-page .ic-f input,html body.lbn-page .ic-f select,html body.lbn-page .ic-f textarea,html body.lbn-page .ic-tzpick select{border-radius:3px}
@media(max-width:1050px){.lbn-wrap{padding-left:32px;padding-right:32px}.lbn-header{padding:0 32px}.lbn-nav{gap:21px}}
@media(max-width:780px){.lbn-header{height:80px;padding:0 24px}.lbn-nav{display:none}
  .lbn-mobile-apply{display:block;border-bottom:1px solid var(--lbn-gold);font:15px/1.65 var(--lbn-sans);padding:6px 0}
  .lbn-wordmark strong{font-size:29px}.lbn-wordmark span{font-size:8px}.lbn-wrap{padding-left:24px;padding-right:24px}
  .lbn-footer-inner{flex-wrap:wrap}.lbn-footer-inner>p{font-size:18px}.lbn-footer-inner>a:last-child{width:100%;padding-top:10px}
  .lbn-footer .lbn-wordmark strong{font-size:29px}.lbn-footer-bottom{font-size:14px}}
@media(max-width:420px){.lbn-footer-inner>p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.lbn-btn{transition:none}}
/* 23 Oct 2026 (Marvin): the Personal Brand waitlist link, also on phones next to "Apply" */
/* 27 Oct: /courses Personal Brand card, ₱9,999 offer (same colors as the Teachable price card) */
.course-price .pb-now{color:#1f6f4a}
.course-price s.pb-was{position:relative;display:inline-block;text-decoration:none}
.course-price s.pb-was::after{content:"";position:absolute;left:-6%;right:-6%;top:50%;height:2px;border-radius:1px;background:#b3261e;transform:rotate(-12deg)}
.lbn-mobile-pb{display:none;color:var(--lbn-ink);text-decoration:none}
.lbn-mobile-pb:focus-visible{outline:2px solid var(--lbn-gold);outline-offset:5px}
@media(max-width:900px){.lbn-nav>a.lbn-nav-pb{display:none}}  /* 781-900 px: four links + the button do not fit on one line */
@media(max-width:780px){.lbn-mobile-pb{display:block;margin-left:auto;font:15px/1.65 var(--lbn-sans);padding:6px 0}}
@media(max-width:370px){.lbn-header{gap:14px}.lbn-mobile-pb,.lbn-mobile-apply{font-size:14px}}
