.jp-mobile-toggle{display:none}
.jp-mobile-drawer{position:fixed;inset:0 auto 0 0;margin:0;width:min(340px,88vw);max-width:88vw;height:100dvh;max-height:100dvh;padding:24px 20px max(24px,env(safe-area-inset-bottom));border:0;border-right:1px solid #00e58b55;background:#0b100d;color:#fff;overflow-y:auto;overscroll-behavior:contain}
.jp-mobile-drawer::backdrop{background:#0009;backdrop-filter:blur(5px)}
.jp-mobile-drawer[open]{animation:jp-menu-enter .22s ease-out}
.jp-mobile-drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;color:var(--jp-green);font-weight:700}
.jp-mobile-drawer button{width:44px;height:44px;background:transparent;color:#fff;border:1px solid #00e58b44;border-radius:10px;font-size:24px}
.jp-mobile-drawer nav{display:grid;gap:8px}
.jp-mobile-drawer nav>a,.jp-mobile-drawer summary{display:block;padding:14px 12px;color:#fff;border:1px solid #00e58b28;border-radius:10px;text-decoration:none;font-size:15px;cursor:pointer}
.jp-mobile-drawer details>a{display:block;padding:13px 18px;color:#c5d9ce;text-decoration:none;font-size:14px}
.jp-mobile-drawer :focus-visible{outline:2px solid var(--jp-green);outline-offset:2px}
html:has(.jp-mobile-drawer[open]){overflow:hidden}
@keyframes jp-menu-enter{from{transform:translateX(-100%)}to{transform:translateX(0)}}
@media(max-width:749px){
 .jp-header-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);min-height:80px;padding-block:10px;gap:8px}
 .jp-header-row>.jp-header-nav{display:none}
 .jp-header-row>.jp-mobile-toggle{display:grid;place-items:center;grid-column:1;grid-row:1;justify-self:start;width:44px;height:44px;padding:0;background:transparent;border:1px solid #00e58b35;border-radius:10px;color:var(--jp-green);cursor:pointer}
 .jp-header-row>.jp-logo{grid-column:2;grid-row:1;justify-self:center}
 .jp-header-row>.jp-actions{grid-column:3;grid-row:1;justify-self:end;gap:8px;min-width:0}
 .jp-actions>a{min-height:44px;align-items:center;gap:2px}
 .jp-actions small{font-size:10px}
 .jp-benefits{display:flex!important;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding-block:3px;margin-bottom:24px}
 .jp-benefits::-webkit-scrollbar{display:none}
 .jp-benefits>.jp-benefit{flex:0 0 100%;box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always;min-width:0;min-height:78px;padding:18px 20px;gap:14px}
 .jp-benefits .jp-benefit-icon{flex-basis:26px}
 .jp-benefits .jp-benefit-icon svg{width:26px;height:26px}
 .jp-benefits .jp-benefit strong{font-size:12px}
 .jp-benefits .jp-benefit p{font-size:12px;line-height:1.4}
}
@media(prefers-reduced-motion:reduce){.jp-mobile-drawer[open]{animation:none}}