/* Proposal 02. Applied after the existing site CSS; original palette and type remain authoritative. */
:root{--motion-fast:150ms;--motion-ease:cubic-bezier(.2,.7,.2,1);--focus-ring:var(--lime-ink)}
:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}
.bx-footer{--focus-ring:var(--lime)}
.bx-footer :focus-visible{outline-color:var(--focus-ring)}
.bx-btn{transition:background-color var(--motion-fast) linear,border-color var(--motion-fast) linear,color var(--motion-fast) linear}
.bx-btn--primary:hover{color:var(--text-on-invert)}
.bx-btn:active:not(:disabled){outline:1px solid currentColor;outline-offset:-5px}
.bx-btn:focus-visible:active{outline:2px solid var(--focus-ring);outline-offset:3px}
.bx-navlink{display:inline-flex;align-items:center;min-height:44px}
.bx-navtoggle{min-height:44px;min-width:64px;font-size:12px}
.bx-dest{min-height:44px;align-items:center}
.bx-dest__arrow{transition:transform var(--motion-fast) var(--motion-ease)}
.bx-dest:hover .bx-dest__arrow,.bx-dest:focus-visible .bx-dest__arrow{transform:translate(2px,-2px)}
.bx-display{line-height:1.1;text-wrap:balance}
.bx-h1,.bx-h2,.bx-h3{text-wrap:balance}
.bx-lead{max-width:65ch}
.bx-unit{transition:border-color var(--motion-fast) linear}
.bx-unit[data-scroll-to]:hover{border-color:var(--ink-2)}
.bx-unit[data-scroll-to]:focus-visible{border-color:var(--ink)}
/* Preserve the compact live header. Disclosure overlays below it without changing document height. */
.bx-nav{position:relative}
.review-menu-ready .bx-nav__links{--focus-ring:var(--lime-ink)}
@media(max-width:640px){
 .review-menu-ready .bx-navtoggle{display:inline-flex;align-items:center;justify-content:center}
 .review-menu-ready .bx-nav__links.is-open{display:flex;position:absolute;top:100%;left:0;right:0;z-index:40;flex-direction:column;align-items:stretch;gap:8px;padding:16px 24px 24px;background:var(--bg-paper);border-bottom:var(--rule-strong);max-height:calc(100dvh - 80px);overflow:auto}
 .review-menu-ready .bx-nav__links.is-open .bx-navlink{display:flex;padding:4px 0}
 .review-menu-ready .bx-nav__links.is-open .bx-btn{min-height:44px}
 /* Without enhancement, keep links accessible rather than showing an inert toggle. */
 .bx-nav:not(.review-menu-ready) .bx-nav__inner{height:auto;min-height:60px;flex-wrap:wrap;padding-block:8px}
 .bx-nav:not(.review-menu-ready) .bx-nav__links{display:flex;flex-basis:100%;flex-wrap:wrap;gap:8px 20px}
 .bx-nav:not(.review-menu-ready) .bx-nav__links .bx-navlink{display:inline-flex}
 .bx-display{font-size:clamp(32px,8.8vw,38px);line-height:1.12}
}
@media(prefers-reduced-motion:reduce){
 .bx-dest__arrow,.bx-btn,.bx-unit{transition:none}
 .bx-dest:hover .bx-dest__arrow,.bx-dest:focus-visible .bx-dest__arrow{transform:none}
}

/* Proposal 03: focused hero, shared navigation and business-map direction. */
body[data-bg-page] .bx-nav{border-bottom-color:var(--line);background:var(--bg-paper)}
body[data-bg-page] .bx-nav__inner{height:80px}
body[data-bg-page] .bx-navlink{position:relative;text-decoration:none;padding-block:12px}
body[data-bg-page] .bx-navlink::after{content:'';position:absolute;bottom:5px;left:0;right:0;height:2px;background:var(--lime-ink);transform:scaleX(0);transform-origin:left;transition:transform 180ms ease}
body[data-bg-page] .bx-navlink:hover::after,body[data-bg-page] .bx-navlink[aria-current]::after{transform:scaleX(1)}
.v3-hero{padding-block:80px 88px}
.v3-hero .bx-marker{width:64px;height:4px}
.v3-hero--home .bx-container>.bx-stack{max-width:none!important;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px 64px;align-items:end}
.v3-hero--home .bx-marker,.v3-hero--home h1{grid-column:1/-1}
.v3-hero--home h1{font-size:clamp(38px,5.3vw,64px);line-height:1.08;max-width:1100px;text-wrap:balance;letter-spacing:-.035em;margin-bottom:12px}
.v3-hero--home .bx-lead{max-width:64ch;font-size:18px;line-height:1.65}
.v3-hero .bx-btn{min-height:50px;padding-inline:24px}
.v3-hero--home .bx-btn::after{content:'↓';margin-left:16px;transition:transform 180ms ease}
.v3-hero--home .bx-btn:hover::after{transform:translateY(3px)}
#build>.bx-container{gap:40px}
#build>.bx-container>.bx-stack{max-width:760px!important}
#build .bx-grid-4{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
#build .v3-business{height:100%;min-width:0}
#build .bx-unit{padding:32px;gap:24px;transition:border-color 180ms ease,transform 220ms ease;background:var(--bg-paper)}
#build .v3-business:hover .bx-unit,#build .v3-business:focus-within .bx-unit{border-color:var(--ink-2);transform:translateY(-4px)}
#build .bx-unit__name{font-size:26px;min-height:68px;line-height:1.2}
#build .bx-unit__desc{font-size:16px;line-height:1.65}
.v3-local-action{display:flex;align-items:center;justify-content:space-between;min-height:44px;font-weight:600;color:var(--ink);text-decoration:none;border-bottom:1px solid transparent;gap:16px}
.v3-local-action:hover{border-color:var(--ink)}
.v3-local-action span{transition:transform 180ms ease}
.v3-local-action:hover span{transform:translateY(3px)}
#build .bx-unit__foot{margin:0;padding-top:12px}
#build .bx-dest{font-size:12px;letter-spacing:.04em;flex:1;justify-content:space-between;overflow-wrap:anywhere}
#build .bx-grid-4>div:last-child{grid-column:1/-1}
#build .bx-unit--empty{display:grid;grid-template-columns:24px 180px minmax(0,1fr);align-items:center;background:transparent;padding:24px 32px;border-style:dashed}
#build .bx-unit--empty .bx-unit__name{font-size:18px;min-height:0;margin:0}
#build .bx-unit--empty .bx-unit__desc{font-size:14px;margin:0}
#build .bx-unit--empty .bx-unit__foot{display:none}
.v3-hero--product>.bx-container{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important;align-items:center!important;gap:64px!important}
.v3-hero--product h1{font-size:clamp(36px,4.4vw,54px);line-height:1.1;letter-spacing:-.03em}
.v3-product-preview{margin:0;padding:24px;background:var(--bg-surface);border:1px solid var(--line);border-radius:6px;min-width:0}
.v3-product-preview figcaption{font:500 12px/1.5 var(--font-mono);color:var(--ink-2);margin-bottom:20px}
.v3-product-screen{background:var(--bg-paper);border:1px solid var(--line);display:flex;justify-content:center}
.v3-product-screen img{width:auto;height:auto;max-height:460px;max-width:100%;object-fit:contain}
.v3-product-preview>a{display:flex;justify-content:space-between;align-items:center;min-height:44px;margin-top:12px;text-decoration:none;font-size:14px;font-weight:500}
.review-menu-ready .bx-nav__links.is-open{animation:v3-menu-in 180ms ease-out}
@keyframes v3-menu-in{from{opacity:.5;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){#build .bx-unit{padding:24px}#build .bx-unit__name{font-size:22px}.v3-hero--product>.bx-container{gap:32px!important}.v3-hero--home .bx-container>.bx-stack{column-gap:24px}}
@media(max-width:760px){
 .v3-hero{padding-block:48px 56px}.v3-hero--home .bx-container>.bx-stack{display:flex;align-items:flex-start;gap:24px}
 .v3-hero--home h1{font-size:clamp(34px,7.6vw,48px);margin-bottom:0}
 .v3-hero--product>.bx-container{grid-template-columns:minmax(0,1fr)!important;gap:32px!important}
 .v3-hero--product .bx-stack{max-width:none!important}.v3-product-screen img{max-height:400px}
 #build .bx-grid-4{grid-template-columns:1fr}#build .bx-unit__name{min-height:0;font-size:26px}
 #build .bx-unit{padding:24px;gap:20px}#build .bx-unit--empty{grid-template-columns:24px 1fr}
 #build .bx-unit--empty .bx-unit__desc{grid-column:2}
}
@media(max-width:640px){body[data-bg-page] .bx-nav__inner{height:72px}.v3-hero .bx-btn{min-height:48px}.v3-product-preview{padding:16px}}
@media(prefers-reduced-motion:reduce){
 #build .v3-business:hover .bx-unit,#build .v3-business:focus-within .bx-unit{transform:none}
 .v3-local-action:hover span,.v3-hero--home .bx-btn:hover::after{transform:none}
 .review-menu-ready .bx-nav__links.is-open{animation:none}
}