/* Berwirausaha 2.2 - nav persona, sole contact CTA, integrated AI Pro. */
:root{--bw-nav-height:76px}
.bw-site-bottom{height:calc(var(--bw-nav-height) + env(safe-area-inset-bottom))!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px;padding-inline:9px!important;box-shadow:0 -14px 36px rgba(0,8,19,.24)}
.bw-site-bottom a{font-size:clamp(10px,2.8vw,12px)!important;font-weight:750!important;gap:5px!important;line-height:1.1!important;text-align:center;letter-spacing:0!important}
.bw-site-bottom svg{width:clamp(23px,6vw,28px)!important;height:clamp(23px,6vw,28px)!important}
.bw-site-bottom a[aria-current=page]{border:1px solid rgba(37,197,236,.23);background:linear-gradient(160deg,rgba(17,104,145,.25),rgba(12,36,64,.56));color:var(--bw-cyan)!important}
html.bw-light .bw-site-bottom a[aria-current=page]{background:#e5f7fd;color:#006f92!important}
#bw-primary-contact{z-index:840;bottom:calc(var(--bw-nav-height) + 16px + env(safe-area-inset-bottom));right:clamp(12px,3vw,22px)}
#bw-primary-contact.bw-chat-float{width:52px;height:52px;border-radius:50%;padding:13px;font-size:0}
#bw-primary-contact.bw-mentor-float{max-width:190px;min-width:0}
.bw-ai-pro{margin:0 auto!important;max-width:1480px!important;background:transparent!important;min-width:0;padding-bottom:calc(92px + env(safe-area-inset-bottom))!important}
body.bw-view-ai-pro .bw-main{width:100%;max-width:100%;margin:0;overflow:clip}
body.bw-view-ai-pro .bw-ai-pro :is(h1,h2,h3,h4){font-family:var(--bw-font)!important}
body.bw-view-ai-pro .bw-ai-tools,body.bw-view-ai-pro .bw-ai-stats{min-width:0}
/* AI Pro should also be legible in actual light mode: panels remain dark for promotional assets. */
html.bw-light body.bw-view-ai-pro .bw-ai-pro{color:#14344b;--bw-ai-ink:#122f47;--bw-ai-sub:#456179;background:transparent!important}
html.bw-light body.bw-view-ai-pro .bw-ai-hero,html.bw-light body.bw-view-ai-pro :is(.bw-ai-stat,.bw-ai-tool,.bw-ai-pricing,.bw-ai-detail-feature,.bw-ai-example,.bw-ai-last-cta){color:#f4faff;--bw-ai-ink:#f4faff}
html.bw-light body.bw-view-ai-pro .bw-ai-topline,html.bw-light body.bw-view-ai-pro .bw-ai-heading{color:#173a54}
html.bw-light body.bw-view-ai-pro .bw-ai-heading h2{color:#12334d!important}
html.bw-light body.bw-view-ai-pro .bw-ai-heading p{color:#425b72}
html.bw-light body.bw-view-ai-pro .bw-ai-footnote,html.bw-light body.bw-view-ai-pro .bw-ai-caption{color:#435b73}
/* The AI hero illustration is a separate layer, keeping text legible. */
.bw-ai-hero-copy{isolation:isolate;z-index:3}.bw-ai-hero-muse{z-index:1}
@media(max-width:980px){.bw-site-bottom{display:grid!important}.bw-mentor-float,.bw-chat-float{bottom:calc(var(--bw-nav-height) + 16px + env(safe-area-inset-bottom))!important}}
@media(max-width:440px){.bw-site-bottom{padding:6px 5px calc(7px + env(safe-area-inset-bottom))!important;gap:2px!important}.bw-site-bottom a{min-width:0;padding:4px 1px!important;font-size:10.5px!important}.bw-site-bottom svg{width:23px!important;height:23px!important}.bw-ai-pro{padding-left:13px!important;padding-right:13px!important}}
/* v2.14: Hero sizing belongs to responsive AI Pro CSS; never force 440px on a phone. */
@media(max-width:345px){.bw-site-bottom a{font-size:10px!important}.bw-site-bottom svg{width:21px!important;height:21px!important}}
@media(prefers-reduced-motion:reduce){#bw-primary-contact>span{animation:none!important}.bw-ai-pro *{animation:none!important;transition:none!important}}

/* Suppress duplicated elements from older theme builds without affecting chat content. */
.bw-mentor-float:not(#bw-primary-contact),.bw-chat-float:not(#bw-primary-contact){display:none!important}
.bw-nav-member a,.bw-nav-guest a{touch-action:manipulation}