/* Experience layer: theme, open-now badge, glow/magnetic, Ask Mike. Brand: white / charcoal / navy. */
html{--mk-navy:#1e3a5f;--mk-char:#1f2937}
/* ---------- dark mode (smooth) ---------- */
html.th-anim,html.th-anim body{transition:filter .45s ease,background-color .45s ease}
html[data-theme=dark]{filter:invert(.92) hue-rotate(180deg);background:#fff}
html[data-theme=dark] img:not(.keepinv),html[data-theme=dark] video,html[data-theme=dark] iframe,html[data-theme=dark] .p3x-stage,html[data-theme=dark] .td-stage,html[data-theme=dark] #launcher,html[data-theme=dark] .mk-photo{filter:invert(1) hue-rotate(180deg)}
html[data-theme=dark] header .brand img,html[data-theme=dark] header .brand .bmi,html[data-theme=dark] header .brand .bwm img,html[data-theme=dark] footer img[src*="/pay/"]{filter:none}
html[data-theme=dark] .hero.home{background:linear-gradient(180deg,#f3f6fa,#e8eef6)!important}
.th-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border:1px solid #d1d5db;border-radius:999px;background:#fff;color:#1f2937;font:inherit;font-weight:700;cursor:pointer}
.th-btn:hover{border-color:var(--mk-navy)}
.th-hd{width:44px;height:44px;padding:0;justify-content:center;font-size:1.15rem;flex:0 0 auto}
@media(max-width:760px){.th-hd{display:none}}
.mmenu .th-btn{width:calc(100% - 24px);margin:8px 12px 12px;justify-content:center}
/* ---------- open now badge ---------- */
.ob{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;font-size:.92rem;font-weight:700;background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}
.ob:empty{display:none}
.ob i{width:9px;height:9px;border-radius:50%;background:#9ca3af;flex:0 0 9px}
.ob.open{background:#ecfdf5;color:#065f46;border-color:#a7f3d0}.ob.open i{background:#10b981;animation:obp 2.2s ease-in-out infinite}
.ob.soon{background:#fffbeb;color:#92400e;border-color:#fde68a}.ob.soon i{background:#f59e0b;animation:obp 1.4s ease-in-out infinite}
.ob.closed{background:#f3f4f6;color:#374151}.ob.closed i{background:#6b7280}
@keyframes obp{0%,100%{box-shadow:0 0 0 0 rgba(16,185,129,.45)}50%{box-shadow:0 0 0 6px rgba(16,185,129,0)}}
.ob-wrap{margin-top:12px}.ob-f{margin-top:6px}
/* ---------- cursor glow / touch glow / magnetic ---------- */
.mk-glow{position:fixed;left:0;top:0;width:360px;height:360px;margin:-180px 0 0 -180px;border-radius:50%;pointer-events:none;z-index:2;opacity:0;transition:opacity .4s;background:radial-gradient(circle,rgba(30,58,95,.24),rgba(30,58,95,0) 64%);will-change:transform}
.mk-glow.on{opacity:1}
.mk-tap{position:fixed;width:90px;height:90px;margin:-45px 0 0 -45px;border-radius:50%;pointer-events:none;z-index:9;background:radial-gradient(circle,rgba(30,58,95,.28),rgba(30,58,95,0) 68%);animation:mktap .7s ease-out forwards}
@keyframes mktap{from{transform:scale(.3);opacity:1}to{transform:scale(1.6);opacity:0}}
.mk-mag{transition:transform .25s cubic-bezier(.2,.8,.2,1)}
/* ---------- Ask Mike ---------- */
.ask-fab{position:fixed;left:16px;bottom:16px;z-index:8;display:inline-flex;align-items:center;gap:8px;min-height:52px;padding:0 18px;border:0;border-radius:999px;background:var(--mk-char);color:#fff;font:inherit;font-weight:800;box-shadow:0 8px 24px rgba(15,23,42,.28);cursor:pointer;transition:transform .2s,box-shadow .2s}
.ask-fab:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,23,42,.34)}
.ask-fab .ai{font-size:1.2rem}
@media(max-width:760px){.ask-fab{left:auto;right:12px;bottom:calc(76px + env(safe-area-inset-bottom,0px));min-height:48px;padding:0 14px}.ask-fab .at{display:none}.ask-fab{width:48px;justify-content:center;padding:0}}
.ask-panel{position:fixed;left:16px;bottom:80px;z-index:10;width:min(380px,calc(100vw - 24px));max-height:min(560px,calc(100dvh - 110px));display:none;flex-direction:column;background:#fff;color:#1f2937;border:1px solid #d1d5db;border-radius:18px;box-shadow:0 18px 50px rgba(15,23,42,.3);overflow:hidden}
.ask-panel.open{display:flex;animation:askin .22s ease-out}
@keyframes askin{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:760px){.ask-panel{left:8px;right:8px;width:auto;bottom:8px;max-height:calc(100dvh - 16px)}}
.ask-h{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--mk-navy);color:#fff}
.ask-h b{flex:1;font-size:1.02rem}.ask-h small{display:block;font-weight:400;opacity:.85;font-size:.76rem}
.ask-x{border:0;background:rgba(255,255,255,.16);color:#fff;width:36px;height:36px;border-radius:50%;font-size:1.1rem;cursor:pointer}
.ask-log{flex:1;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:8px;background:#f8fafc;min-height:150px}
.ask-m{max-width:88%;padding:9px 12px;border-radius:14px;line-height:1.4;font-size:.97rem;white-space:pre-wrap;overflow-wrap:anywhere}
.ask-m.bot{background:#fff;border:1px solid #e5e7eb;align-self:flex-start}
.ask-m.me{background:var(--mk-navy);color:#fff;align-self:flex-end}
.ask-chips{display:flex;flex-wrap:wrap;gap:6px}
.ask-chips button,.ask-act a{border:1px solid #cbd5e1;background:#fff;color:#1e3a5f;border-radius:999px;padding:7px 12px;font:inherit;font-size:.9rem;font-weight:700;cursor:pointer;text-decoration:none}
.ask-act{display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px;border-top:1px solid #e5e7eb;background:#fff}
.ask-act a.pri{background:var(--mk-navy);color:#fff;border-color:var(--mk-navy)}
.ask-f{display:flex;gap:8px;padding:10px;border-top:1px solid #e5e7eb;background:#fff}
.ask-f input{flex:1;min-width:0;font:inherit;font-size:16px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:12px}
.ask-f button{border:0;border-radius:12px;background:var(--mk-navy);color:#fff;font:inherit;font-weight:800;padding:0 16px;cursor:pointer}
.ask-dis{font-size:.74rem;color:#6b7280;padding:0 12px 8px;background:#fff}
.ask-typing{opacity:.7}
@media(prefers-reduced-motion:reduce){html.th-anim,html.th-anim body{transition:none}.ask-panel.open{animation:none}.ob i{animation:none!important}.mk-glow,.mk-tap{display:none!important}.ask-fab,.ask-fab:hover{transition:none;transform:none}}
html[data-theme=dark] .p3x-stage{background:linear-gradient(160deg,#27384d,#161d27);border-color:#34445a}
html[data-theme=dark] .p3x-hint{color:#9fb0c6}