.tutorial-card{display:flex;justify-content:space-between;gap:24px;background:#202b30;color:#fff;border-radius:18px;padding:24px;margin:22px 0}.tutorial-card h2{margin:8px 0;font-family:Georgia,serif;font-size:28px}.tutorial-card .section-label{color:#ddbf71}.tutorial-card p{max-width:600px;color:#e8e9e4}.tutorial-card>div:last-child{display:grid;gap:10px;align-content:center;min-width:220px}.tutorial-card .secondary-button{background:#fff}.tutorial-dialog{width:min(900px,calc(100vw - 28px));max-height:92dvh;overflow:auto;border:0;border-radius:18px;padding:22px;box-sizing:border-box}.tutorial-dialog::backdrop{background:#15201ecc}.tutorial-dialog video{width:100%;max-height:60dvh;background:#202b30;border-radius:10px}.tour-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.tour-heading h2{font-family:Georgia,serif}.tour-heading>button{border:0;background:transparent;font-size:28px;min-width:44px;min-height:44px}.tutorial-chapters{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.tutorial-chapters button{font-size:13px;padding:9px}.hinre-tour{position:fixed;z-index:45;bottom:max(12px,env(safe-area-inset-bottom));right:16px;width:min(520px,calc(100vw - 32px));box-sizing:border-box;padding:18px;background:#fff;border:2px solid #b79a53;border-radius:16px;box-shadow:0 8px 40px #17252140;max-height:46dvh;overflow:auto}.hinre-tour h2{font-size:24px;font-family:Georgia,serif;margin:5px 0 12px}.tour-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.hinre-tour [role=status]{font-size:12px;color:#53615b;margin:10px 0 0}.hinre-tour details p{font-size:14px}.tour-open{padding-bottom:230px}.fhf-motion-controls{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:8px 0 22px}.fhf-motion-controls label{display:flex;gap:8px;align-items:center;font-size:14px}.fhf-motion-controls [role=status]{font-size:13px}.fhf-moving-logo{will-change:auto}.fhf-drive{animation:fhf-drive 2.4s ease-out 1}.home-view .role-card{animation:hinre-enter .45s ease-out both}.hub-content>section,.hub-content>.loyalty-rules{animation:hinre-enter .3s ease-out both}@keyframes fhf-drive{0%{transform:translateX(-22px);opacity:.7}35%{transform:translateX(10px) rotate(-1deg)}65%{transform:translateX(-3px)}100%{transform:translateX(0);opacity:1}}@keyframes hinre-enter{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.tutorial-card{display:block;padding:18px}.tutorial-card>div:last-child{min-width:0;margin-top:18px}.tutorial-dialog{padding:16px}.tutorial-dialog .tour-heading h2{font-size:23px}.hinre-tour{padding:14px;max-height:44dvh}.tour-controls button{font-size:13px;padding:10px}.fhf-motion-controls{align-items:flex-start}.tutorial-chapters{gap:6px}}@media(prefers-reduced-motion:reduce){.fhf-drive,.home-view .role-card,.hub-content>section,.hub-content>.loyalty-rules{animation:none!important}.hinre-tour *{scroll-behavior:auto}}