@charset "UTF-8";
:root{--ink:#171817;--muted:#646660;--gold:#ad8842;--gold-light:#f0d597;--border:#e5e5df;--paper:#f7f8f5;--white:#fff;--radius:18px;color-scheme:light;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}
a{color:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit}
img{display:block;max-width:100%}
a:focus-visible,button:focus-visible{outline:3px solid #997124;outline-offset:5px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;top:12px;left:16px;z-index:20;transform:translateY(-160%);background:var(--ink);color:white;padding:14px 20px;border-radius:5px}
.skip-link:focus{transform:translateY(0)}
.site-header{background:#fff;border-bottom:1px solid #eeefeb}
.header-inner{max-width:1180px;min-height:94px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 28px}
.official-logo{width:153px;height:auto}
.host-mark{display:flex;flex-direction:column;gap:6px;text-align:right}
.host-name{font-family:Georgia,'Times New Roman',serif;font-size:26px;line-height:1;letter-spacing:-.6px}
.host-detail{font-size:9px;font-weight:600;letter-spacing:1.55px;color:#7e7b71}
main{max-width:1180px;margin:0 auto;padding:0 28px}
.intro{text-align:center;padding:43px 0 34px}
.eyebrow{font-size:9px;font-weight:700;letter-spacing:2.2px;display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 13px;color:#797162;line-height:1.5}
.eyebrow>span{width:6px;height:6px;display:inline-block;background:var(--gold);border-radius:100%}
h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(36px,4.7vw,61px);font-weight:400;line-height:1.13;letter-spacing:-2px;margin:0}
h1 em{font-weight:400;color:#a07a35}
.intro-copy{font-size:15px;line-height:1.65;color:var(--muted);margin:16px auto 0;max-width:650px}
.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.product-card{min-width:0;border-radius:var(--radius);background:#fff;overflow:hidden;border:1px solid var(--border);display:flex;flex-direction:column;box-shadow:0 3px 9px #15181004;transition:box-shadow .25s ease,transform .25s ease}
@media (hover:hover){.product-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px #2426200b}}
.card-media{height:218px;position:relative;overflow:hidden;flex:none}
.rx-media{background:radial-gradient(ellipse at 62% 40%,#e6d5ac88,transparent 59%),linear-gradient(120deg,#f5f3ed,#e7e3d8);display:flex;align-items:center;justify-content:center}
.rx-media>img{width:auto;height:calc(100% - 12px);max-width:70%;object-fit:contain;object-position:center;transform:translateX(38px);filter:drop-shadow(0 9px 10px #3e281b24)}
.media-label{position:absolute;bottom:14px;left:18px;background:#fffffff2;color:#30342c;padding:9px 11px;border:1px solid #ffffffb8;display:flex;align-items:center;gap:7px;border-radius:4px;font-size:8px;letter-spacing:1.15px;font-weight:700;line-height:1.25;box-shadow:0 3px 12px #12191205}
.label-dot{width:5px;height:5px;flex:none;border-radius:100%;background:var(--gold)}
.biox-media{display:flex;align-items:center;justify-content:center;background:#fafaf8}
.kit-backdrop{position:absolute;width:87%;height:170px;border:1px solid #e9e7df;transform:rotate(-6deg);background:linear-gradient(120deg,#f1f0eb,#fff 70%)}
.biox-media>img{position:relative;width:264px;height:auto;mix-blend-mode:multiply;transform:translate(20px,-6px)}
.biox-media .media-label{background:#fffffff5}
.card-content{padding:23px 25px 17px;display:flex;flex:1;flex-direction:column}
.card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:35px}
h2{font-size:32px;font-weight:750;letter-spacing:-1.1px;line-height:1.13;margin:0}
.rx-card h2{letter-spacing:-1px;font-size:38px;font-weight:600}
.rx-by{font-size:20px;letter-spacing:-.45px;vertical-align:3px;font-weight:500}
.gold-letter{color:#ab8137}
.category{font-size:8px;letter-spacing:1.4px;font-weight:700;text-align:right;color:#66695f;line-height:1.5;max-width:150px}
.description{font-size:14px;line-height:1.7;color:#5f625d;margin:13px 0 19px;min-height:71.4px}
.action-button{min-height:46px;border-radius:7px;background:var(--ink);color:white;display:flex;align-items:center;justify-content:space-between;gap:14px;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.05px;padding:13px 17px;border:1px solid var(--ink);margin-top:auto;cursor:pointer;transition:background .2s ease,border-color .2s ease}
.action-button>svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
@media (hover:hover){.action-button:hover{background:#34352f;border-color:#34352f}.action-button:hover>svg{transform:translate(2px,-2px)}}
.fine-print{font-size:11px;line-height:1.45;text-align:center;color:#66695f;margin:10px 0 0}
.bbx-card{background:#151715;border-color:#252a24}
.bbx-media{background:radial-gradient(ellipse at 83% 90%,#3c3727 0,transparent 65%),#131512;border-bottom:1px solid #32372d;isolation:isolate}
.bbx-media:before{content:"";position:absolute;inset:24px;border:1px solid #ffffff08;border-radius:8px;z-index:-1}
.app-message{position:absolute;left:26px;top:28px;z-index:2;width:51%}
.app-overline{display:block;color:#bfb28e;letter-spacing:1.8px;font-size:8px;font-weight:700}
.app-headline{display:block;font-family:Georgia,'Times New Roman',serif;font-size:37px;line-height:1.08;letter-spacing:-1px;color:#fafbf5;margin-top:17px}
.app-headline em{color:#e2c47c}
.app-subline{display:block;color:#a7ab9e;font-size:10px;line-height:1.55;margin-top:13px}
.app-preview{position:absolute;top:19px;right:26px;width:177px;height:354px;overflow:hidden;border-radius:23px;border:5px solid #22271f;outline:1px solid #626151;box-shadow:-14px 15px 32px #0006;transform:rotate(7deg);background:#0d0f0c}
.app-preview>img{width:100%;height:auto;transform:translateY(-17px)}
.bbx-card h2{color:white;letter-spacing:-1.5px}
.bbx-card .gold-letter{color:#ddbe77}
.bbx-card .category{color:#b0ae9d}
.bbx-card .description{color:#c1c6bb}
.bbx-card .fine-print{color:#909888}
.gold-button{background:linear-gradient(115deg,#e0bf78 0,#f1daaa 40%,#d9b368 100%);border-color:#ddbc79;color:#282519}
@media (hover:hover){.gold-button:hover{background:linear-gradient(115deg,#efd394 0,#f5e4c3 40%,#e4c284 100%);border-color:#e8cc94}}
.connect-media{background:linear-gradient(110deg,#f1f0e9,#fcfcf9 65%);display:flex;align-items:center;justify-content:space-between;padding:25px 30px;gap:12px}
.connect-message{z-index:1;flex:1;min-width:0}
.connect-overline{font-size:8px;color:#7f7665;font-weight:700;letter-spacing:1.8px;display:block}
.connect-headline{font-family:Georgia,'Times New Roman',serif;display:block;font-size:25px;line-height:1.2;letter-spacing:-.6px;margin-top:16px}
.connect-headline em{color:#9d7936}
.signature{font-family:'Palatino Linotype',Palatino,Georgia,serif;font-size:24px;font-style:italic;color:#977638;margin-top:17px;display:block;letter-spacing:-.8px}
.portrait-wrap{flex:none;width:159px;height:159px;position:relative;border-radius:50%;padding:5px;background:linear-gradient(135deg,#ae8540,#f4e5bc 42%,#a17b35 90%);box-shadow:0 7px 18px #69521d12}
.will-portrait{width:100%;height:100%;overflow:hidden;position:relative;border-radius:50%;border:3px solid #fff;background:#fff}
.will-portrait>img{position:absolute;width:150%;max-width:none;height:auto;left:-25%;top:-12%}
.connect-heading h2{font-size:27px;letter-spacing:-1.05px;line-height:1.3}
.connect-heading h2>span{color:#9b7534;white-space:nowrap}
.site-footer{max-width:1180px;margin:32px auto 0;padding:22px 28px 28px;display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid #e4e7dd;color:#91968b}
.site-footer>p{font-size:8px;letter-spacing:1.6px;font-weight:700;margin:0;line-height:1.65}
.site-footer>p>span{color:#9b7e47}
.site-footer>span{font-size:10px;white-space:nowrap}
.no-script-note{text-align:center;font-size:13px;color:#62665c;padding:20px}
dialog{border:1px solid #e0d3b6;padding:35px;max-width:440px;width:calc(100% - 36px);border-radius:16px;background:#fff;box-shadow:0 30px 100px #0004;color:var(--ink)}
dialog::backdrop{background:#11150ee0;backdrop-filter:blur(4px)}
dialog form{position:relative}
dialog .eyebrow{justify-content:flex-start;font-size:8px;padding-right:20px;margin-top:3px}
dialog h2{font-family:Georgia,'Times New Roman',serif;font-size:31px;font-weight:400;line-height:1.18;letter-spacing:-.8px;margin-top:16px}
dialog p:not(.eyebrow){font-size:14px;line-height:1.7;color:var(--muted);margin:20px 0 25px}
dialog .action-button{width:100%}
.close-dialog{position:absolute;right:-20px;top:-24px;background:none;border:0;width:44px;height:44px;font-size:27px;color:#6b705f;cursor:pointer}
@media (min-width:1180px){.card-media{height:226px}.description{font-size:14.5px}.connect-headline{font-size:28px}.app-message{left:30px}.app-preview{right:37px;width:188px}.portrait-wrap{width:170px;height:170px}}
@media (max-width:860px) and (min-width:651px){main{padding:0 20px}.product-grid{gap:18px}.card-media{height:192px}.card-content{padding:20px 19px 16px}.card-heading{flex-wrap:wrap;gap:5px}.category{font-size:7px;letter-spacing:1px}.rx-by{font-size:18px}.description{min-height:119px;font-size:14px}.app-message{left:19px;top:24px}.app-headline{font-size:29px}.app-overline{font-size:6px;letter-spacing:1px}.app-subline{font-size:9px}.app-preview{width:138px;right:15px}.connect-media{padding:18px}.connect-overline{font-size:6px;letter-spacing:1px}.connect-headline{font-size:20px}.signature{font-size:21px}.portrait-wrap{width:118px;height:118px}.connect-heading h2{font-size:24px}.biox-media>img{width:229px;transform:translate(7px,-3px)}.media-label{font-size:6.5px;left:12px;bottom:12px;letter-spacing:.7px}}
@media (max-width:650px){.header-inner{min-height:82px;padding:14px 21px;gap:18px}.official-logo{width:129px}.host-name{font-size:25px}.host-detail{font-size:6px;letter-spacing:1.1px}.host-mark{gap:7px}main{padding:0 18px}.intro{padding:34px 6px 28px}.eyebrow{font-size:7px;letter-spacing:1.7px;margin-bottom:13px}h1{font-size:43px;letter-spacing:-1.6px;max-width:420px;margin:auto;line-height:1.08}.intro-copy{font-size:13px;line-height:1.65;max-width:315px;margin-top:15px}.product-grid{grid-template-columns:1fr;gap:21px}.card-media{height:216px}.card-content{padding:22px 22px 17px}.description{min-height:0;font-size:14px;margin-bottom:20px}.category{font-size:7px;letter-spacing:1.2px}.action-button{font-size:12px;min-height:48px}.fine-print{font-size:10px}.biox-media>img{width:263px;transform:translate(12px,-4px)}.biox-media .media-label{font-size:6.7px;letter-spacing:.8px}.app-headline{font-size:34px}.app-overline{font-size:7px;letter-spacing:1.4px}.app-message{left:23px;top:27px}.app-preview{right:22px;width:170px}.connect-media{padding:23px 22px;gap:8px}.connect-overline{font-size:6px;letter-spacing:1.2px}.connect-headline{font-size:25px}.portrait-wrap{width:142px;height:142px}.connect-heading h2{font-size:25px}.site-footer{margin-top:25px;padding:22px 22px 26px;align-items:flex-start}.site-footer>p{max-width:220px;font-size:6.5px;letter-spacing:1px;line-height:1.8}.site-footer>span{font-size:8px;margin-top:1px}}
@media (max-width:365px){.intro h1{font-size:37px}.host-detail{display:none}.header-inner{padding-inline:18px}.official-logo{width:121px}.host-name{font-size:23px}.card-content{padding:20px 18px 15px}.category{font-size:6px}.app-message{left:18px;width:48%}.app-headline{font-size:30px}.app-preview{width:148px;right:12px;top:25px}.app-subline{font-size:9px}.connect-media{padding:18px}.connect-headline{font-size:22px}.portrait-wrap{width:118px;height:118px}.connect-heading h2{font-size:22px}.media-label{font-size:6.5px;left:13px}.rx-by{font-size:18px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.product-card:hover{transform:none}.action-button:hover>svg{transform:none}}

@media (max-width:400px){.app-message{width:46%}.app-headline{font-size:30px}.app-preview{width:135px;right:8px;top:26px}}
@media (max-width:365px){.app-headline{font-size:26px}.app-preview{width:122px;right:7px;top:26px}}
@media (max-width:860px) and (min-width:651px){.app-message{width:46%}.app-headline{font-size:27px}.app-preview{width:118px;right:8px;top:25px}}

/* Original product artwork. Viewports trim empty source margins in CSS only. */
.card-heading.brand-row{min-height:80px;flex-wrap:nowrap}
.brand-heading{display:block;position:relative;flex:0 0 auto;overflow:hidden;margin:0;line-height:0}
.brand-heading>img{display:block;position:absolute;max-width:none;height:auto;filter:none;opacity:1}
.brand-rx{width:118px;height:84px}
.brand-rx>img{width:164px;left:-26px;top:-37px}
.brand-biox{width:176px;height:68px}
.brand-biox>img{width:177.06px;left:-.76px;top:-11.41px}
.brand-bbx{width:178px;height:71px;background:#000;border-radius:0}
.brand-bbx>img{width:258.39px;left:-39.17px;top:-15.21px}
@media (max-width:860px) and (min-width:651px){.brand-row .category{font-size:7px;max-width:88px;letter-spacing:.8px}.brand-bbx{width:164px;height:65.42px}.brand-bbx>img{width:238.07px;left:-36.09px;top:-14.01px}.brand-biox{width:155px;height:62px}.brand-biox>img{width:155.93px;left:-.67px;top:-8.98px}}
@media (max-width:365px){.brand-row .category{font-size:6px;max-width:84px;letter-spacing:.8px}.brand-bbx{width:160px;height:63.82px}.brand-bbx>img{width:232.26px;left:-35.21px;top:-13.67px}.brand-biox{width:151px;height:60.4px}.brand-biox>img{width:151.91px;left:-.65px;top:-8.75px}}

/* BBX app + original KLOW product photography. */
.bbx-card{background:#000}
.bbx-treatment-media{background:#000;isolation:isolate}
.bbx-treatment-media:before{display:none}
.klow-photo{position:absolute;right:0;top:0;bottom:0;width:56%;overflow:hidden;background:#000}
.klow-photo>img{position:absolute;left:50%;top:-16%;height:132%;width:auto;max-width:none;transform:translateX(-50%)}
.klow-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000 0%,transparent 26%,transparent 88%,#0004 100%);pointer-events:none}
.bbx-treatment-media .app-preview{left:45px;right:auto;top:19px;width:171px;transform:rotate(-6deg);z-index:2}
.bbx-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:auto}
.bbx-actions .action-button{margin-top:0;min-width:0;font-size:11.5px;padding:13px 15px;gap:9px;line-height:1.35}
.peptide-button{border-color:#ae8c47;color:#e7cc92;background:#10110f}
@media(hover:hover){.peptide-button:hover{border-color:#e5c982;background:#272219}}
@media(max-width:920px){.bbx-actions{grid-template-columns:1fr;gap:9px}}
@media(max-width:860px) and (min-width:651px){.bbx-treatment-media .app-preview{left:20px;right:auto;top:19px;width:125px}.klow-photo{width:55%}}
@media(max-width:650px){.bbx-treatment-media .app-preview{left:26px;right:auto;top:19px;width:150px}}
@media(max-width:400px){.bbx-treatment-media .app-preview{left:22px;right:auto;top:22px;width:138px}}
@media(max-width:365px){.bbx-treatment-media .app-preview{left:18px;right:auto;top:25px;width:120px}.bbx-actions .action-button{font-size:11.5px}}

/* Keep the complete rX phone and stethoscope visible at narrow widths. */
@media(max-width:860px) and (min-width:651px){.rx-media>img{transform:translateX(30px)}}
@media(max-width:650px){.rx-media>img{transform:translateX(40px)}}

/* Keep the rX caption clear of the stethoscope on small cards. */
@media(max-width:860px) and (min-width:651px){.rx-media .media-label{top:16px;bottom:auto;max-width:84px;line-height:1.5}}
@media(max-width:400px){.rx-media .media-label{top:16px;bottom:auto;max-width:105px;line-height:1.5}}
@media(max-width:365px){.rx-media .media-label{max-width:82px}}

/* Fit the longer host name on one header line at phone widths. */
@media (max-width:650px){.host-name{font-size:17px;letter-spacing:-.2px}}
@media (max-width:365px){.host-name{font-size:15px}}
