/* Website entry points live beside the phone, with no duplicate action panel. */
.hero-actions.mentaka-access{display:flex;flex-direction:column;align-items:flex-start;gap:15px;margin-top:24px}
.hero .hero-copy{order:0}
.hero .hero-app{order:1}
.mentaka-access-actions{display:flex;align-items:center;justify-content:flex-start;gap:14px;flex-wrap:wrap;width:100%}
.mentaka-play-badge{display:inline-flex;flex:0 0 auto;margin:0;padding:0;text-decoration:none;line-height:0}
.mentaka-play-badge img{display:block;width:180px;height:auto;min-height:28px;margin:0;object-fit:contain}
/* Warm glass: an opaque baseline keeps the action readable without blur support. */
.mentaka-browser-button{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;min-width:144px;min-height:54px;padding:12px 26px;border:1px solid rgba(255,255,255,.88);border-radius:999px;color:#101a30;background:#f3d49c;text-decoration:none;font:750 15px/1.4 var(--font-body,sans-serif);letter-spacing:-.01em;white-space:nowrap;box-shadow:0 8px 24px rgba(99,66,17,.13),0 2px 5px rgba(99,66,17,.06),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(158,102,25,.16);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.mentaka-browser-button::before,.mentaka-browser-button::after{content:"";position:absolute;pointer-events:none;z-index:-1;border-radius:inherit}
.mentaka-browser-button::before{inset:1px;background:linear-gradient(128deg,rgba(255,255,255,.6),rgba(255,255,255,.08) 43%,transparent 68%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
.mentaka-browser-button::after{inset:1px 12% auto;height:46%;background:radial-gradient(ellipse at 50% 0,rgba(255,255,255,.72),transparent 73%)}
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.mentaka-browser-button{background:linear-gradient(135deg,rgba(255,255,255,.56),rgba(255,255,255,.13) 49%,rgba(245,166,35,.23)),rgba(245,166,35,.28);-webkit-backdrop-filter:blur(18px) saturate(175%);backdrop-filter:blur(18px) saturate(175%)}}
@media(hover:hover){.mentaka-browser-button:hover{border-color:#fff;transform:translateY(-2px);box-shadow:0 11px 28px rgba(99,66,17,.17),0 3px 6px rgba(99,66,17,.06),inset 0 1px 0 #fff,inset 0 -1px 0 rgba(158,102,25,.16)}}
.mentaka-browser-button:active{transform:translateY(0) scale(.98);box-shadow:0 3px 10px rgba(99,66,17,.12),inset 0 1px 0 rgba(255,255,255,.8)}
.hero-actions.mentaka-access>.text-link{font-size:13px;opacity:.82}
.mentaka-access :is(a,button):focus-visible{outline:3px solid #81520b;outline-offset:4px}
.foot-socials{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:21px}
.foot-socials a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 10px;border:1px solid #ffffff2b;border-radius:9px;color:#f6eddc;text-decoration:none;font-size:11px;font-weight:650;line-height:1.25}
.foot-socials a:first-child{padding-left:9px}
.foot-socials a:hover{background:#ffffff0d;border-color:#f5a62399;color:#fff}
.foot-socials a:focus-visible{outline:3px solid #f5a623;outline-offset:3px}
.foot-socials svg{flex:0 0 auto}
@media(max-width:720px){.hero-actions.mentaka-access{margin-top:20px;gap:13px}.mentaka-access-actions{gap:10px}.mentaka-browser-button{min-width:140px;min-height:51px;padding:12px 24px;font-size:14px}.mentaka-play-badge img{width:164px}}
@media(max-width:380px){.mentaka-access-actions{gap:9px}.mentaka-browser-button{min-width:132px;padding:12px 22px;font-size:13px;min-height:48px}.mentaka-play-badge img{width:156px}.foot-socials a{padding:9px 10px}}
@media(prefers-reduced-transparency:reduce){.mentaka-browser-button{background:#f3d49c;-webkit-backdrop-filter:none;backdrop-filter:none}.mentaka-browser-button::before,.mentaka-browser-button::after{display:none}}
@media(forced-colors:active){.mentaka-browser-button{background:ButtonFace;color:ButtonText;border:2px solid ButtonText;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.mentaka-browser-button::before,.mentaka-browser-button::after{display:none}.mentaka-access .mentaka-browser-button:focus-visible{outline:3px solid Highlight}}
@media(prefers-reduced-motion:reduce){.mentaka-browser-button{transition:none}.mentaka-browser-button:hover,.mentaka-browser-button:active{transform:none}}