.bb-landing { overflow: clip; }
.bb-hero { position: relative; padding: clamp(76px, 9vw, 132px) 0 clamp(74px, 8vw, 112px); background: radial-gradient(circle at 78% 15%, rgba(234,153,18,.25), transparent 33%), linear-gradient(135deg, #1b1711, #302517 58%, #181511); color: var(--cream); }
.bb-hero::after { content: ''; position: absolute; right: -9%; bottom: -1px; width: 58%; height: 45%; background: linear-gradient(135deg, transparent 40%, rgba(234,153,18,.11)); transform: skewX(-24deg); pointer-events: none; }
.bb-hero__inner { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,1.2fr) minmax(280px,.8fr); gap: clamp(34px, 6vw, 100px); align-items: center; }
.bb-hero .eyebrow { color: var(--gold-hi); }
.bb-hero h1 { max-width: 11ch; margin: 20px 0 24px; color: var(--cream-hi); font-size: clamp(58px, 7.5vw, 112px); line-height: .96; }
.bb-hero h1 span { color: var(--gold-hi); }
.bb-hero .lede { max-width: 52ch; color: rgba(252,248,241,.86); }
.bb-hero .hero__actions { margin-top: 30px; }
.bb-hero__scope { max-width: 56ch; margin-top: 24px; color: rgba(252,248,241,.62); font-size: 14px; line-height: 1.55; }
.bb-hero__panel { border: 1px solid rgba(255,218,151,.32); border-radius: var(--r-lg); background: rgba(8,8,7,.31); box-shadow: 0 30px 65px rgba(0,0,0,.24); overflow: hidden; }
.bb-hero__panel > div { display: grid; gap: 5px; padding: 27px clamp(22px, 3vw, 40px); border-bottom: 1px solid rgba(255,255,255,.14); }
.bb-hero__panel > div:last-child { border-bottom: 0; }
.bb-hero__panel span, .bb-phase__index { color: var(--gold-hi); font-family: var(--font-label); font-size: 13px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.bb-hero__panel strong { color: var(--cream-hi); font-family: var(--font-display); font-size: clamp(25px, 2.5vw, 34px); font-weight: 400; line-height: 1.08; text-transform: uppercase; }
.bb-hero__panel small { color: rgba(252,248,241,.68); font-size: 14px; line-height: 1.45; }
.bb-section .section-head, .bb-method .section-head { max-width: 880px; }
.bb-section .section-head h2, .bb-method .section-head h2 { max-width: 18ch; }
.bb-phases { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.bb-phase { position: relative; display: flex; flex-direction: column; gap: 20px; min-width: 0; padding: clamp(27px, 3.5vw, 46px); border: 1px solid rgba(119,80,19,.22); border-radius: var(--r-md); background: rgba(255,253,248,.67); box-shadow: var(--shadow-soft); }
.bb-phase--cut { background: linear-gradient(145deg, rgba(234,153,18,.12), rgba(255,253,248,.76) 54%); }
.bb-phase__index { color: var(--gold-deep); }
.bb-phase h3 { max-width: 17ch; font-size: clamp(36px, 3.5vw, 52px); }
.bb-phase p { max-width: 55ch; color: var(--ink-soft); }
.bb-phase ul { display: grid; gap: 10px; margin: auto 0 0; padding: 24px 0 0; border-top: 1px solid rgba(119,80,19,.22); list-style: none; }
.bb-phase li { display: flex; align-items: baseline; gap: 10px; font-weight: 700; line-height: 1.35; }
.bb-phase li::before { content: ''; width: 7px; height: 7px; flex: 0 0 7px; border-radius: 50%; background: var(--gold); }
.bb-section__note { max-width: 75ch; margin-top: 24px; color: var(--ink-soft); font-size: 15px; }
.bb-method .section-head .lede { color: rgba(252,248,241,.74); }
.bb-method__grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
.bb-method__grid article { display: flex; flex-direction: column; gap: 16px; min-width: 0; padding: clamp(22px, 2.5vw, 34px); border: 1px solid rgba(255,209,120,.27); border-radius: var(--r-md); background: linear-gradient(150deg, rgba(82,57,23,.65), rgba(29,24,18,.72)); }
.bb-method__grid article > span { color: var(--gold-hi); font-family: var(--font-display); font-size: 38px; line-height: 1; }
.bb-method__grid h3 { color: var(--cream-hi); font-size: clamp(27px, 2.2vw, 34px); overflow-wrap: anywhere; }
.bb-method__grid article:first-child h3 { font-size: clamp(23px, 1.55vw, 29px); overflow-wrap: normal; }
.bb-method__grid p { color: rgba(252,248,241,.76); font-size: 15px; line-height: 1.6; }
.bb-drugs { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: clamp(20px, 5vw, 70px); align-items: center; margin-top: 18px; padding: clamp(24px, 3vw, 38px); border: 1px solid rgba(255,209,120,.42); border-radius: var(--r-md); background: rgba(234,153,18,.12); }
.bb-drugs .eyebrow { color: var(--gold-hi); }
.bb-drugs h3 { max-width: 19ch; margin-top: 10px; color: var(--cream-hi); font-size: clamp(30px, 2.8vw, 43px); }
.bb-drugs > p { color: rgba(252,248,241,.85); line-height: 1.65; }
.bb-process__layout { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: clamp(36px, 8vw, 120px); align-items: start; }
.bb-process h2 { max-width: 12ch; margin: 14px 0 22px; }
.bb-process__app { display: grid; gap: 7px; max-width: 55ch; margin-top: 22px; padding: 16px 20px; border-left: 3px solid var(--gold); border-radius: 0 var(--r-sm) var(--r-sm) 0; background: rgba(234,153,18,.09); }
.bb-process__app strong { color: var(--gold-deep); font-family: var(--font-label); font-size: 15px; letter-spacing: .08em; text-transform: uppercase; }
.bb-process__app p { color: var(--ink-soft); font-size: 15px; line-height: 1.55; }
.bb-process .btn { margin-top: 28px; }
.bb-process__steps { margin: 0; padding: 0; list-style: none; }
.bb-process__steps li { display: grid; grid-template-columns: 58px minmax(0,1fr); gap: 18px; padding: 24px 0; border-top: 1px solid rgba(119,80,19,.23); }
.bb-process__steps li:last-child { border-bottom: 1px solid rgba(119,80,19,.23); }
.bb-process__steps span { color: var(--gold-deep); font-family: var(--font-display); font-size: 36px; line-height: 1; }
.bb-process__steps h3 { font-size: clamp(25px, 2.1vw, 32px); }
.bb-process__steps p { margin-top: 8px; color: var(--ink-soft); font-size: 15px; }
.bb-fit { background: rgba(234,153,18,.10); }
.bb-fit__inner { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: clamp(30px, 7vw, 100px); align-items: center; }
.bb-fit h2 { max-width: 13ch; margin-top: 16px; }
.bb-fit__inner > div:last-child { display: grid; gap: 24px; font-size: 19px; }
.bb-fit__caveat { padding-left: 20px; border-left: 3px solid var(--gold); color: var(--ink-soft); font-size: 16px; }
.bb-faq .section-head { margin-bottom: 26px; }
.bb-landing .bb-faq { padding-bottom: clamp(20px, 2vw, 32px); }
.bb-landing .bb-close { padding-top: clamp(20px, 2vw, 32px); }
.bb-close .advisory-final__copy { width: min(100%, 1060px); }
.bb-close .advisory-final h2 { max-width: 100%; }
@media (max-width: 1350px) { .bb-method__grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 900px) { .bb-hero__inner, .bb-process__layout, .bb-fit__inner, .bb-drugs { grid-template-columns: 1fr; } .bb-hero__panel { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); } .bb-hero__panel > div { border-bottom: 0; border-right: 1px solid rgba(255,255,255,.14); } .bb-hero__panel > div:last-child { border-right: 0; } .bb-method__grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 640px) { .bb-hero { padding: 62px 0 72px; } .bb-hero h1 { font-size: clamp(52px, 15vw, 76px); } .bb-hero__panel, .bb-phases, .bb-method__grid { grid-template-columns: 1fr; } .bb-hero__panel > div { padding: 19px 23px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.14); } .bb-hero__panel > div:last-child { border-bottom: 0; } .bb-phase { gap: 15px; } .bb-process__steps li { grid-template-columns: 46px minmax(0,1fr); gap: 12px; } .bb-fit__inner > div:last-child { font-size: 17px; } }