@font-face{font-family:Inter;src:url('/assets/fonts/inter-latin-variable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'Playfair Display';src:url('/assets/fonts/playfair-display-latin-variable.woff2') format('woff2');font-style:normal;font-weight:400 900;font-display:swap}

/* Approved type system. The shield/wordmark is an unchanged outlined SVG. */
body,body *{font-family:Inter,sans-serif!important;font-weight:400!important;font-synthesis:none}
body :is(h1,h2,h3),body :is(h1,h2,h3) *{font-family:'Playfair Display',serif!important;font-weight:800!important}
body :is(button,.cta,.book,.outline,.mission-button,.mission-link,.sources-button,.bitcoin-book,.matrix-gold-button){font-weight:700!important}
body nav a,body .mobile,body .tabs button,body .mh,body .mc,body .matrix-subheading{font-weight:600!important}
body nav a,body .mobile{text-transform:uppercase}
body :is(.kicker,.eyebrow){font-weight:700!important}
body #personas #persona-rotator,body #functions #function-phrase{font-weight:500!important}
body #matrix .matrix-master{font-family:'Playfair Display',serif!important;font-weight:800!important;font-size:clamp(20px,1.8vw,28px)!important;line-height:1.35!important}
body #wealth-gears :is(text,tspan,textPath,.pair-name){font-weight:700!important}
body :is(footer,footer *,#wealth-gears .pair-count,#persona-count,#persona-phrase-count,#function-count,#function-phrase-count){font-weight:400!important}
body :is(strong,b){font-weight:700!important}

/* Spread full navigation across the available desktop header. */
@media(min-width:1181px){
 body header nav{display:flex!important;flex:1;justify-content:space-between;gap:18px}
 body header .mobile{display:none!important}
 body header nav a{font-size:clamp(10px,.88vw,13px);white-space:nowrap}
 body header:has(#site-nav-mobile) nav{gap:12px}
 body header:has(#site-nav-mobile) nav a{font-size:clamp(10px,.8vw,12px)}
}
@media(min-width:1001px) and (min-height:821px){body .portrait-hero h1{font-size:clamp(36px,3.4vw,56px)}}

/* Keep larger headline weights inside their existing desktop panels. */
@media(min-width:851px){
 body #matrix .matrix-detail h3{font-size:clamp(26px,2.15vw,34px)}
}
@media(max-width:850px){
 body #matrix .matrix-master{font-size:22px!important}
}

/* Review 3: larger menu labels; current page indicated by color alone. */
body header nav a{color:#fff!important;text-decoration:none!important;border-bottom:0!important;box-shadow:none!important}
body header nav a[aria-current="page"],body header nav a.active{color:#e0b458!important;border-bottom:0!important;text-decoration:none!important}
@media(min-width:1181px){
 body header nav a{font-size:15px!important}
 body header:has(#site-nav-mobile) nav a{font-size:14px!important}
 body header:has(#site-nav-mobile) nav{gap:10px}
 body header:has(#site-nav-mobile) .book{font-size:12px;padding:12px 14px;max-width:180px}
}
@media(min-width:1181px) and (max-width:1350px){
 body header:has(#site-nav-mobile) nav a{font-size:12px!important}
}
@media(max-width:1180px){body header nav a{font-size:17px!important}}

/* HOME color refinement. */
body .portrait-hero h1,body .portrait-hero h1 span{color:#fff!important}
body .portrait-hero .promise{color:#e0b458!important}

/* Header baseline and insight-panel hierarchy refinements. */
@media(min-width:1181px){
 body header nav{margin-left:34px;align-self:center;transform:translateY(6px)}
 body header nav a{padding-top:8px;padding-bottom:8px!important}
}
body .eyebrow,body .kicker{font-size:18px!important}
body #matrix .matrix-subheading{font-size:12px!important;font-weight:700!important;letter-spacing:.09em}
body #matrix .gear-insight #matrix-title,body #matrix .gear-insight .matrix-master{font-size:27px!important;line-height:1.25!important}
@media(max-width:850px){body #matrix .gear-insight #matrix-title,body #matrix .gear-insight .matrix-master{font-size:24px!important}}

/* Larger gold labels within the Wealth Gears insight panel. */
body #matrix .gear-insight #matrix-label{font-size:20px!important;font-weight:700!important}
body #matrix .gear-insight .matrix-subheading{font-size:14px!important;font-weight:700!important}

/* Balance menu spacing and reserve breathing room before the booking button. */
@media(min-width:1181px){
 body header:has(#site-nav-mobile) nav{margin-right:30px;justify-content:space-between;gap:14px}
 body header:not(:has(#site-nav-mobile)) nav{justify-content:space-between;gap:22px}
}
@media(min-width:1181px) and (max-width:1350px){
 body header:has(#site-nav-mobile) nav{margin-left:24px;margin-right:24px;gap:12px}
}

/* Review 6: open insight area with a consistent Inter hierarchy. */
body #matrix .gear-insight{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:18px 12px!important;gap:13px!important}
body #matrix .gear-insight .matrix-divider{display:none!important}
body #matrix .gear-insight #matrix-label,body #matrix .gear-insight .matrix-subheading{font-family:Inter,sans-serif!important;font-size:16px!important;font-weight:700!important;line-height:1.35!important;letter-spacing:.08em!important}
body #matrix .gear-insight #matrix-title,body #matrix .gear-insight .matrix-master,body #matrix .gear-insight #matrix-insight,body #matrix .gear-insight .matrix-qualifier{font-family:Inter,sans-serif!important;font-size:20px!important;line-height:1.4!important;color:#fff!important;margin:0}
body #matrix .gear-insight #matrix-title,body #matrix .gear-insight .matrix-master{font-weight:600!important}
body #matrix .gear-insight #matrix-insight,body #matrix .gear-insight .matrix-qualifier{font-weight:400!important}
body #matrix .gear-insight .matrix-qualifier{margin-top:auto!important;padding-top:44px!important;margin-bottom:28px!important}
body #matrix .gear-insight .matrix-gold-button{margin-top:0!important;flex-shrink:0}
@media(max-width:850px){body #matrix .gear-insight{padding:12px 0!important}body #matrix .gear-insight .matrix-qualifier{margin-top:28px!important;padding-top:14px!important;margin-bottom:26px!important}}

/* Keep the explanatory note secondary and the conversation button in view. */
body #matrix .gear-insight{gap:10px!important}
body #matrix .gear-insight .matrix-qualifier{font-size:16px!important;color:#c8d2e3!important}
@media(min-width:851px) and (max-height:820px){
 body #matrix .gear-insight{gap:6px!important;padding-top:8px!important;padding-bottom:8px!important}
 body #matrix .gear-insight #matrix-title,body #matrix .gear-insight .matrix-master,body #matrix .gear-insight #matrix-insight{font-size:18px!important}
 body #matrix .gear-insight #matrix-label,body #matrix .gear-insight .matrix-subheading{font-size:14px!important}
 body #matrix .gear-insight .matrix-qualifier{font-size:14px!important;padding-top:24px!important;margin-bottom:24px!important}
}

/* Shared typography for every gold action button, at every viewport size. */
body :is(.book,.cta,.bitcoin-book,.matrix-gold-button,.mission-button,.sources-button,.dialog-confirm,.tabs button.selected){font-family:Inter,sans-serif!important;font-size:14px!important;font-weight:700!important;line-height:1.35!important}

body #personas .tabs button,body #functions .tabs button{font-family:Inter,sans-serif!important;font-size:14px!important;font-weight:700!important;line-height:1.35!important}

@media(min-width:1181px){body header:has(#site-nav-mobile) nav{margin-right:0;gap:22px;justify-content:space-between}}

/* Consistent page titles and quieter Wealth Gears insights. */
:root{--page-heading-size:clamp(27px,2.6vw,42px)}
body .portrait-hero h1,body #personas h2,body #functions h2,body #bitcoin .bitcoin-headline,body #gus h2,body #matrix .gears-heading{font-size:var(--page-heading-size)!important}
body #wealth-gears .pair-name{font-weight:400!important}
body #matrix .gear-insight #matrix-title,body #matrix .gear-insight .matrix-master,body #matrix .gear-insight #matrix-insight,body #matrix .gear-insight .matrix-qualifier{font-weight:400!important}
body .portrait-hero .eyebrow,body :is(#personas,#functions,#matrix,#bitcoin,#gus) :is(.kicker,.bitcoin-kicker,.matrix-subheading),body #matrix .gear-insight #matrix-label,body #matrix .gear-insight .matrix-subheading,body #matrix .gear-selectors label{font-family:Inter,sans-serif!important;font-size:16.5px!important;font-weight:700!important}
@media(max-width:850px){:root{--page-heading-size:clamp(27px,6.9vw,38px)}}

/* HOME desktop: bring the text toward the unchanged gears. */
@media(min-width:1001px){body .portrait-hero>.copy{transform:translateX(100px)}}

/* HOME: six evenly spaced rows, with the conversation button last. */
body .portrait-hero>.copy{gap:clamp(20px,2.5vh,28px);justify-content:center}
body .portrait-hero>.copy>:is(.eyebrow,h1,.promise,.personal-note,.mission-link,.cta){margin:0!important}
body .portrait-hero .mission-link{font-family:Inter,sans-serif!important;font-size:16.5px!important;font-weight:700!important;line-height:1.35!important;letter-spacing:.15em!important;text-align:left}