/* Styles for controls that the original website mounts on interaction. */
/* Render the static page directly without retaining a full-page transform layer. */
main > .page-enter{animation:none;transform:none}
/* The static copy does not mount the source site's scroll-reveal observer. */
main .fade-in-up,main .fade-in-up.is-visible{opacity:1;transform:none;animation:none}
.eppix-contact-methods{display:grid;gap:12px}
.eppix-contact-method{display:flex;align-items:center;gap:16px;min-width:0;padding:18px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);color:var(--color-foreground);text-decoration:none;transition:border-color .2s,background .2s}
.eppix-contact-method:hover{border-color:var(--color-brand-500);background:var(--color-surface-elevated)}
.eppix-contact-method:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:3px}
.eppix-contact-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;height:42px;border-radius:10px;background:#3682b914;color:var(--color-brand-600)}
.eppix-contact-details{display:grid;gap:4px;flex:1;min-width:0}
.eppix-contact-label{font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--color-foreground-muted)}
.eppix-contact-value{font-size:14px;font-weight:500;overflow-wrap:anywhere;line-height:1.5}
@media(max-width:480px){.eppix-contact-method{gap:12px;padding:14px}.eppix-contact-icon{width:34px;height:34px}.eppix-contact-value{font-size:13px}}
#eppix-toast{position:fixed;z-index:250;left:50%;bottom:24px;transform:translate(-50%,12px);opacity:0;pointer-events:none;max-width:min(540px,calc(100vw - 32px));padding:13px 18px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);color:var(--color-foreground);box-shadow:0 12px 40px #122a4730;font-size:13px;line-height:1.6;transition:opacity .2s,transform .2s}
#eppix-toast.visible{opacity:1;transform:translate(-50%,0)}
@media(prefers-reduced-motion:reduce){#eppix-toast{transition:none}}